@font-face {
font-family:'Lato';
font-style:normal;
font-weight:300;
src:local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v13/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:300;
src:local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v13/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:400;
src:local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:400;
src:local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:700;
src:local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v13/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:700;
src:local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v13/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:300;
src:local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nrMRY-O9-Xp5ppZeqcQcMH8.woff2) format("woff2");
unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:300;
src:local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nhBw1OMgj265uIpoXHqn6zY.woff2) format("woff2");
unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:300;
src:local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nrsKtFnhOiVZh9MDlvO1Vys.woff2) format("woff2");
unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:300;
src:local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nkZRWJQ0UjzR2Uv6RollX_g.woff2) format("woff2");
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:400;
src:local("Merriweather"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v15/RFda8w1V0eDZheqfcyQ4EA7aC6SjiAOpAWOKfJDfVRY.woff2) format("woff2");
unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:400;
src:local("Merriweather"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v15/RFda8w1V0eDZheqfcyQ4EBdwxCXfZpKo5kWAx_74bHs.woff2) format("woff2");
unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:400;
src:local("Merriweather"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v15/RFda8w1V0eDZheqfcyQ4EIjoYw3YTyktCCer_ilOlhE.woff2) format("woff2");
unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:400;
src:local("Merriweather"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v15/RFda8w1V0eDZheqfcyQ4EBampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:700;
src:local("Merriweather Bold"), local("Merriweather-Bold"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nlPfeBX0b_nUXzRxYCltCF0.woff2) format("woff2");
unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:700;
src:local("Merriweather Bold"), local("Merriweather-Bold"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6noS3435hDhFFCA6hA_HcfZQ.woff2) format("woff2");
unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:700;
src:local("Merriweather Bold"), local("Merriweather-Bold"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nkqWMeizceScn2Xpn1ZpsKI.woff2) format("woff2");
unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family:'Merriweather';
font-style:normal;
font-weight:700;
src:local("Merriweather Bold"), local("Merriweather-Bold"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nshHwsiXhsDb0smKjAA7Bek.woff2) format("woff2");
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@-moz-keyframes spin {
0% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-moz-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes spin {
0% {
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-moz-transform:rotate(359deg);
-ms-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@-moz-keyframes shrink {
0% {
transform:scale(1)
}
25% {
transform:scale(0.95)
}
50% {
opacity:1;
transform:scale(1.1)
}
100% {
opacity:0;
transform:scale(0.3)
}
}
@-webkit-keyframes shrink {
0% {
transform:scale(1)
}
25% {
transform:scale(0.95)
}
50% {
opacity:1;
transform:scale(1.1)
}
100% {
opacity:0;
transform:scale(0.3)
}
}
@keyframes shrink {
0% {
transform:scale(1)
}
25% {
transform:scale(0.95)
}
50% {
opacity:1;
transform:scale(1.1)
}
100% {
opacity:0;
transform:scale(0.3)
}
}
@-moz-keyframes grow {
0% {
opacity:0;
transform:scale(0.3)
}
25% {
opacity:1;
transform:scale(1.1)
}
50% {
transform:scale(0.95)
}
100% {
transform:scale(1)
}
}
@-webkit-keyframes grow {
0% {
opacity:0;
transform:scale(0.3)
}
25% {
opacity:1;
transform:scale(1.1)
}
50% {
transform:scale(0.95)
}
100% {
transform:scale(1)
}
}
@keyframes grow {
0% {
opacity:0;
transform:scale(0.3)
}
25% {
opacity:1;
transform:scale(1.1)
}
50% {
transform:scale(0.95)
}
100% {
transform:scale(1)
}
}
h1.mobile-title {
	font-size:3.3rem;
	padding:3rem 3rem 0 3rem;
	text-align:center;
	text-transform:capitalize;
	display:none
}
h2 {
	font:400 4rem/1.3 "Merriweather", Georgia, serif;
	color:#4A4A4A;
	padding-bottom:4.5rem;
	text-transform:capitalize
}
h3 {
	font-size:3rem;
	font-weight:400;
	padding-bottom:4.5rem
}
.main-header-wrap .main-header {
	border-color:#DADADA
}
body.header-shown .main-content {
	padding-top:70px
}
.faq-inner-wrap {
	position:relative;
	padding-right:465px;
	max-width:1440px;
	margin:0 auto
}
.faq-section {
	padding:9rem 14rem 3rem 8.5rem
}
.faq-section p {
	font-size:2.2rem;
	line-height:3rem;
	padding-bottom:4rem
}
.faq-section p:last-child {
	padding-bottom:0
}
.faq-section p.less-padding {
	padding-bottom:1rem
}
.faq-section .highlight {
	background-color:#FFEEF7
}
.faq-menu {
	left:0;
	right:0;
	top:0;
	z-index:1
}
.faq-menu ul {
	background-color:#fff;
	display:flex;
	justify-content:center;
	align-items:center
}
.faq-menu ul li {
	width:20%;
	height:210px;
	border:1px #DADADA solid;
	border-top:0
}
.faq-menu ul li+li {
	border-left:0
}
.faq-menu ul li a {
	position:relative;
	padding:13rem 4rem 0 4rem;
	height:100%;
	color:#4A4A4A;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	border-bottom:4px transparent solid;
	-moz-transition:border-color 0.3s;
	-o-transition:border-color 0.3s;
	-webkit-transition:border-color 0.3s;
	transition:border-color 0.3s
}
.faq-menu ul li a:active, .faq-menu ul li a.sel {
	border-color:#8fba27
}
.faq-menu ul li a:hover {
	border-color:rgba(143, 186, 39, 0.28)
}
.faq-menu ul li a:before {
	content:"";
	background:transparent url("https://www.hooplaloans.co.za/images/icn-sprite-faq.svg") no-repeat 0 0;
	background-size:603px 105px;
	position:absolute;
	z-index:1;
	display:block;
	overflow:hidden;
	left:50%;
	top:3.2rem;
	width:80px;
	height:105px;
	margin:0 auto 1rem auto
}
.faq-menu ul li a.icn-service:before { background:url(../images/r-icon.jpg) no-repeat;

    margin-left: -41px;
    width: 99px;
}
.faq-menu ul li a.icn-policy:before {
	background-position:-102px 0;
	width:70px;
	margin-left:-35px
}
.faq-menu ul li a.icn-claims:before {
	background-position:-405px 0;
	width:97px;
	margin-left:-47px
}
.faq-menu ul li a.icn-general:before {
	background-position:-528px 0;
	width:96px;
	margin-left:-38px
}
.faq-menu ul li a.icn-community:before {
	background-position:-408px 0;
	width:90px;
	margin-left:-45px
}
.faq-menu ul li a.icn-coverage:before {
	background-position:-306px 0;
	width:64px;
	margin-left:-37px; margin-top:-10px;
}
.faq-menu ul li a span {
	padding-top:4px;
	max-width:185px;
	display:inline-block
}
.sidebar {
	width:375px;
	height:580px;
	position:absolute;
	right:8.5rem;
	top:0;
	padding-top:9rem
}
.sidebar .contact-us {
	background:#F7F7F7;
	padding:45px 30px;
	text-align:center;
	border:1px #DADADA solid;
	border-radius:5px
}
.sidebar .contact-us.form-sent {
	background-image:url("https://www.hooplaloans.co.za/images/icn-sprite-faq.svg");
	background-position:center bottom -2px;
	background-repeat:no-repeat;
	display:flex;
	justify-content:center;
	flex-direction:column
}
.sidebar .contact-us .btn-close {
	display:none
}
.sidebar .contact-us h1 {
	font-size:3.2rem;
	padding:0 1rem 1rem 1rem
}
.sidebar .contact-us p {
	padding:0 2rem 3rem 2rem
}
.sidebar .contact-us textarea {
	height:120px
}
.sidebar .contact-us .btn-standard {
	width:100%;
	margin-top:10px
}
ol {
	counter-reset:foo;
	display:table;
	list-style-type:decimal;
	list-style-position:inside;
	padding-left:0;
	font-size:2.2rem;
	line-height:3rem;
	padding-bottom:4rem
}
ol>li {
	counter-increment:foo;
	display:table-row;
	margin:0
}
ol>li::before {
content:counter(foo) ".";
display:table-cell;
text-align:right
}
.faq-video-container {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%;
	margin-bottom:3rem
}
.faq-video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.btn-scroll-top {
	background:#F7F7F7;
	border:1px #DADADA solid;
	position:fixed;
	z-index:3;
	right:1.8rem;
	bottom:7.3rem;
	text-decoration:none;
	height:6rem;
	width:6rem;
	opacity:0;
	pointer-events:none;
	border-radius:50%;
	-moz-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	-webkit-transition:opacity 0.2s;
	transition:opacity 0.2s
}
.btn-scroll-top:before {
	content:"";
	background:transparent url("https://www.hooplaloans.co.za/images/icn-sprite-faq.svg") no-repeat 0 -50px;
	background-size:350px 100px;
	position:absolute;
	z-index:1;
	display:block;
	overflow:hidden;
	top:50%;
	left:50%;
	margin-top:-13px;
	margin-left:-10px;
	width:20px;
	height:26px
}
.btn-scroll-top::before {
  background: transparent url("https://www.hooplaloans.co.za/images/icn-sprite-50.svg") no-repeat scroll 0 -50px / 350px 100px;
  content: "";
  display: block;
  height: 26px;
  left: 50%;
  margin-left: -10px;
  margin-top: -13px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 20px;
  z-index: 1;
}
.btn-scroll-top.active {
	opacity:0.5;
	pointer-events:initial
}
.btn-scroll-top.active:hover, .btn-scroll-top.active:active {
	opacity:1
}

.fundraise-section h1, .fundraise-section .title-lrg {
	font:400 55px/1.3 "Merriweather", Georgia, serif;
	padding-bottom:10px;
	color:#4A4A4A;
	text-transform:capitalize
}


.fundraise-section {
	background-color:#fff;
	position:relative;

	text-align:center;
	display:flex; margin:96px 0 30px 0;
	align-items:center
}
.fundraise-section>.inner {
	max-width:1170px;
	margin:0 auto;
	padding:0 30px;
	z-index:1
}
.fundraise-section>.inner .sub-section {
	text-align:left
}
.fundraise-section>.inner .sub-section p {
	padding-left:0
}
.fundraise-section.section-1 {
	background-image:url("https://www.hooplaloans.co.za/assets/home/fundraise/bg-section-1-bf4cd5fcb67cd6ae047d52fed0fbe143dc59d37b358754466f19087f55a8db90.svg"), linear-gradient(#fff 585px, #f7f7f7 21%);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:760px
}
.fundraise-section.section-1>.inner {
	margin-top:-340px;
	z-index:3
}
.fundraise-section.section-1 .btn-pink {
	margin-top:3.5rem;
	padding:0 4.5rem;
	font-size:1.8rem
}
.fundraise-section.section-1 h1 {
	padding-bottom:2rem
}
.fundraise-section.section-1 p span {
	display:inline-block
}
@media (min-width: 1370px) {
.fundraise-section.section-1 {
background-image:linear-gradient(#fff 650px, #f7f7f7 21%)
}
.fundraise-section.section-1:before, .fundraise-section.section-1:after {
content:"";
position:absolute;
z-index:1;
background-image:url("https://www.hooplaloans.co.za/images/bg-section-1.svg"), linear-gradient(#fff 360px, #f7f7f7 10%);
top:290px;
height:536px;
width:708px
}
.fundraise-section.section-1:before {
left:0;
background-position:left bottom;
width:542px
}
.fundraise-section.section-1:after {
right:0;
background-position:right bottom
}
}
@media (max-width: 767px) {
.fundraise-section.section-1 {
background-image:url("https://www.hooplaloans.co.za/assets/home/fundraise/bg-section-1-bf4cd5fcb67cd6ae047d52fed0fbe143dc59d37b358754466f19087f55a8db90.svg"), linear-gradient(#fff 0%, #f7f7f7 10%);
background-position:right -270px bottom, right 0 top 655px
}
.fundraise-section.section-1 p br {
display:none
}
}
.fundraise-section.section-2 {
  background-color: #f7f7f7;
  height: auto;
  padding: 102px 0 100px;
  margin: 0px;
}
.section-2 h2{ text-align:center; margin-bottom:10px;}
.fundraise-section.section-2>.inner {
	text-align:left;
	width:100%;
}
.fundraise-section.section-2>.inner p {
	max-width:740px
}
.fundraise-section.section-2 .sub-section {
	padding-left:230px;
	background:url("https://www.hooplaloans.co.za/images/b-corp.svg") left 0 bottom 55px no-repeat
}

.fundraise-section.section-2 .heart-icon {
	padding-left:230px;
	background:url("../images/abt-heart.png") 99px 0px no-repeat
} 


.fundraise-section.section-2 .link-video {
	margin-left:8px
}
@media (max-width: 767px) {
.fundraise-section.section-2>.inner {
margin-top:10px
}
.fundraise-section.section-2 .sub-section {
padding-left:0;
background:none!important;
}
.fundraise-section.section-2 .sub-section p:first-of-type {
padding-right:120px;
background:url("../images/abt-heart.png") right top 10px no-repeat;
background-size:110px;
min-height:110px
}
.loantypebx{ padding:0px 20px;}
.loantypebx h3 {font-size: 28px;}
.str-icon {
  float: left;
  left: 27px;
  margin-top: 23px;
  position: absolute;
  top: 86px;
  width: auto;
}
}
@media only screen and (min-device-width: 319px) and (max-device-width: 321px) and (-webkit-min-device-pixel-ratio: 2) {
.fundraise-section.section-2 .link-video {
margin-left:0
}
}
.fundraise-section.section-3 {
  height: auto;
  padding: 0px 0 50px 0;
}
.fundraise-section.section-3>.inner {
	text-align:left;
	width:100%;
	padding:0 500px 0 30px
}
.fundraise-section.section-3>.inner p {
	padding:0;
	max-width:510px
}
.fundraise-section.section-3>.inner table {
	float:right;
	margin-right:-480px
}
.fundraise-section.section-3>.inner table thead tr td {
	font-weight:700;
	padding-bottom:20px;
	border-bottom:1px #DADADA solid;
	text-align:center
}
.fundraise-section.section-3>.inner table thead tr td.left {
	min-width:234px;
	padding-right:45px
}
.fundraise-section.section-3>.inner table thead tr td.left i {
	background-position:0 0;
	width:97px
}
.fundraise-section.section-3>.inner table thead tr td.right {
	padding-left:45px
}
.fundraise-section.section-3>.inner table thead tr td.right i {
	background-position:-119px 0;
	width:71px
}
.fundraise-section.section-3>.inner table thead tr td i {
	background:url("https://www.hooplaloans.co.za/images/icn-compare.svg") 0 0 no-repeat;
	display:block;
	margin:0 auto 10px auto;
	height:70px
}
.fundraise-section.section-3>.inner table tbody td {
	text-align:center;
	padding-top:20px
}
.fundraise-section.section-3>.inner table tbody td.left {
	padding-right:45px
}
.fundraise-section.section-3>.inner table tbody td.right {
	padding-left:45px
}
@media (max-width: 767px) {
.fundraise-section.section-3>.inner {
padding:0 30px;
display:flex;
flex-direction:column
}
.fundraise-section.section-3>.inner table {
float:none;
margin:60px auto 0 auto;
order:4
}
.fundraise-section.section-3>.inner table thead tr td.left, .fundraise-section.section-3>.inner table tbody tr td.left {
padding-right:20px
}
.fundraise-section.section-3>.inner table thead tr td.right, .fundraise-section.section-3>.inner table tbody tr td.right {
padding-left:20px
}
}
.fundraise-section.section-4 {
	text-align:left;
	height:auto;
	margin:0 auto;
	background-color:#4A4A4A;
	padding-top:100px;
	align-items:flex-end
}
.fundraise-section.section-4>.inner {
	padding:0 30px 0 30px;
	display:flex;
	justify-content:flex-end;
	align-items:flex-end
}
.fundraise-section.section-4>.inner .text-wrap {
	align-self:center
}
.fundraise-section.section-4>.inner .app-sketch {
	background:transparent url("../images/mobile-credit.png") center bottom -1px no-repeat;
	width:442px;
	height:442px;
	flex-shrink:0
}
.fundraise-section.section-4 h2 {
	color:#fff
}
.fundraise-section.section-4 p {
	padding-bottom:50px;
	padding-left:0;
	color:#fff
}
@media (max-width: 767px) {
.fundraise-section.section-4 {
text-align:left
}
.fundraise-section.section-4>.inner {
flex-direction:column
}
.fundraise-section.section-4>.inner .app-sketch {
width:266px;
height:253px;
background-size:266px 253px;
margin:0 auto
}
.fundraise-section.section-4 p {
padding:0 0 4rem 0
}
.fundraise-section.section-4 p.lrg {
padding-right:1rem
}
}
.fundraise-section.section-5>.inner {
	max-width:500px
}

.fundraise-section.section-5 .form {
	padding-top:11px
}
.fundraise-section.section-5 .form label.form-row {
	padding-bottom:10px;
	display:flex
}
.fundraise-section.section-5 .form label.form-row input, .fundraise-section.section-5 textarea{
	width:100%
}
.fundraise-section.section-5 .form label.form-row input+input {
	margin-left:10px
}
.fundraise-section.section-5 .form .btn-standard {
	width:100%;
	margin-top:25px
}
.fundraise-section h1, .fundraise-section .title-lrg {
	font:400 55px/1.3 "Merriweather", Georgia, serif;
	padding-bottom:10px;
	color:#4A4A4A;
	text-transform:capitalize
}
@media (max-width: 767px) {
.fundraise-section h1, .fundraise-section .title-lrg {
font-size:33px
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.fundraise-section h1, .fundraise-section .title-lrg {
font-size:28px
}
}
@media only screen and (min-device-width: 319px) and (max-device-width: 321px) and (-webkit-min-device-pixel-ratio: 2) {
.fundraise-section h1, .fundraise-section .title-lrg {
font-size:28px
}
}
.fundraise-section .title-lrg {
	font:700 46px/1.3 "Lato", "Helvetica Neue", Arial, sans-serif;
	padding-bottom:30px
}
@media (max-width: 767px) {
.fundraise-section .title-lrg {
font-size:33px
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.fundraise-section .title-lrg {
font-size:28px
}
}
@media only screen and (min-device-width: 319px) and (max-device-width: 321px) and (-webkit-min-device-pixel-ratio: 2) {
.fundraise-section .title-lrg {
font-size:28px
}
}
.fundraise-section p {
	font-size:20px;
	line-height:28px;
	color:#4A4A4A;
	padding:0 20px 20px 20px
}
.fundraise-section p.lrg {
	font-size:30px;
	line-height:1.3;
	padding-bottom:30px
}
.fundraise-section p span {
	display:inline-block
}
@media (max-width: 767px) {
.fundraise-section p {
font-size:18px
}
.fundraise-section p.lrg {
font-size:25px
}
}
.fundraise-section .link-video {
	font-size:16px;
	margin-top:20px;
	display:inline-block
}
.fundraise-section .link-video i:before {
	content:"";
	background:transparent url("https://www.hooplaloans.co.za/images/icn-sprite-50.svg") no-repeat -178px -78px;
	background-size:350px 100px;
	position:absolute;
	z-index:1;
	display:block;
	overflow:hidden;
	width:22px;
	height:22px;
	position:relative;
	display:inline-block;
	right:10px;
	top:5px
}



@media (max-width: 1200px) {
.faq-section {
padding-left:5rem;
padding-right:5rem
}
}
@media (max-width: 980px) {
.faq-inner-wrap {
padding-right:0
}
.faq-inner-wrap .sidebar {
position:static !important;
width:100%;
height:auto;
right:0;
padding-top:0
}
.faq-inner-wrap .sidebar .contact-us {
padding-top:6rem;
border-top:0;
border-radius:0
}
.faq-inner-wrap .sidebar .contact-us h1 {
padding:0 0 1rem 0
}
.faq-inner-wrap .sidebar .contact-us textarea {
height:100px
}
}
@media (max-height: 720px) {
.sidebar {
padding-top:4rem
}
.faq-section {
padding-top:4rem
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.faq-section {
padding-top:9rem
}
.faq-menu ul li a {
font-size:14px;
font-weight:400;
padding-left:2rem;
padding-right:2rem
}
}
@media (max-width: 767px) {
.faq-inner-wrap .sidebar .contact-us {
background-image:url("https://www.hooplaloans.co.za/images/icn-sprite-faq.svg");
background-position:center bottom -2px;
background-repeat:no-repeat;
background-size:contain
}
.faq-menu {
display:none
}
.faq-section {
padding:3rem;
border-bottom:1px #DADADA solid
}
.faq-section h2, .faq-section h3 {
font-size:2.4rem;
padding-bottom:3rem
}
.faq-section p {
font-size:1.8rem
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.mobile-title {
display:block
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation: landscape) {
.mobile-title {
display:none
}
}