@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)
}
}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
article, aside, figure, footer, header, hgroup, nav, section, main {
	display:block
}
object, embed {
	max-width:100%
}
ul, ol, nav ul, nav ol {
	list-style:none;
	list-style-image:none
}
::-moz-selection {
background:#8fba27;
color:#fff;
text-shadow:none
}
::selection {
background:#8fba27;
color:#fff;
text-shadow:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
a:hover, a:active, a:focus {
	outline:none
}
del {
	text-decoration:line-through
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
	font:100%
}
th {
	font-weight:bold;
	vertical-align:bottom
}
td {
	font-weight:normal;
	vertical-align:top
}
td, td img {
	vertical-align:top
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
pre {
	white-space:pre;
	white-space:pre-wrap;
	white-space:pre-line;
	word-wrap:break-word
}
strong, th {
	font-weight:bold
}
sub, sup {
	font-size:70%;
	line-height:0;
	position:relative
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
pre, samp {
	font-family:monospace, sans-serif
}
.clickable, input[type=button], input[type=submit], button {
	cursor:pointer
}
button, input, select, textarea {
	margin:0;
	padding:0
}
input, select {
	vertical-align:middle
}
input[type="radio"] {
	vertical-align:text-bottom
}
input[type="checkbox"] {
	vertical-align:bottom;
*vertical-align:baseline
}
input[type="search"] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button {
	width:auto;
	overflow:visible
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
:focus {
	outline:0
}
em {
	font-style:normal
}
.cf:before, .cf:after {
	content:" ";
	display:table
}
.cf:after {
	clear:both
}
.cf {
	zoom:1
}
.lf {
	float:left
}
.rf {
	float:right
}
.hidden {
	visibility:hidden !important;
	display:none !important
}
.pre {
	white-space:pre
}
* {
	box-sizing:border-box
}
li, input, textarea, button, select, label, a {
	-webkit-tap-highlight-color:transparent
}
.js-ab-hidden {
	visibility:hidden
}/*! Hint.css - v2.4.0 - 2016-09-17
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour */
[class*="hint--"] {
position:relative;
display:inline-block
}
[class*="hint--"]:before, [class*="hint--"]:after {
position:absolute;
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
visibility:hidden;
opacity:0;
z-index:1000000;
pointer-events:none;
-webkit-transition:0.3s ease;
-moz-transition:0.3s ease;
transition:0.3s ease;
-webkit-transition-delay:0ms;
-moz-transition-delay:0ms;
transition-delay:0ms
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
visibility:visible;
opacity:1
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
-webkit-transition-delay:100ms;
-moz-transition-delay:100ms;
transition-delay:100ms
}
[class*="hint--"]:before {
content:'';
position:absolute;
background:transparent;
border:6px solid transparent;
z-index:1000001
}
[class*="hint--"]:after {
background:#383838;
color:white;
padding:8px 10px;
font-size:14px;
font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:14px;
white-space:nowrap
}
[class*="hint--"][aria-label]:after {
content:attr(aria-label)
}
[class*="hint--"][data-hint]:after {
content:attr(data-hint)
}
[aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after {
	display:none !important
}
.hint--top-left:before {
	border-top-color:#383838
}
.hint--top-right:before {
	border-top-color:#383838
}
.hint--top:before {
	border-top-color:#383838
}
.hint--bottom-left:before {
	border-bottom-color:#383838
}
.hint--bottom-right:before {
	border-bottom-color:#383838
}
.hint--bottom:before {
	border-bottom-color:#383838
}
.hint--left:before {
	border-left-color:#383838
}
.hint--right:before {
	border-right-color:#383838
}
.hint--top:before {
	margin-bottom:-11px
}
.hint--top:before, .hint--top:after {
	bottom:100%;
	left:50%
}
.hint--top:before {
	left:calc(50% - 6px)
}
.hint--top:after {
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%)
}
.hint--top:hover:before {
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	transform:translateY(-8px)
}
.hint--top:hover:after {
	-webkit-transform:translateX(-50%) translateY(-8px);
	-moz-transform:translateX(-50%) translateY(-8px);
	transform:translateX(-50%) translateY(-8px)
}
.hint--bottom:before {
	margin-top:-11px
}
.hint--bottom:before, .hint--bottom:after {
	top:100%;
	left:50%
}
.hint--bottom:before {
	left:calc(50% - 6px)
}
.hint--bottom:after {
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%)
}
.hint--bottom:hover:before {
	-webkit-transform:translateY(8px);
	-moz-transform:translateY(8px);
	transform:translateY(8px)
}
.hint--bottom:hover:after {
	-webkit-transform:translateX(-50%) translateY(8px);
	-moz-transform:translateX(-50%) translateY(8px);
	transform:translateX(-50%) translateY(8px)
}
.hint--right:before {
	margin-left:-11px;
	margin-bottom:-6px
}
.hint--right:after {
	margin-bottom:-14px
}
.hint--right:before, .hint--right:after {
	left:100%;
	bottom:50%
}
.hint--right:hover:before {
	-webkit-transform:translateX(8px);
	-moz-transform:translateX(8px);
	transform:translateX(8px)
}
.hint--right:hover:after {
	-webkit-transform:translateX(8px);
	-moz-transform:translateX(8px);
	transform:translateX(8px)
}
.hint--left:before {
	margin-right:-11px;
	margin-bottom:-6px
}
.hint--left:after {
	margin-bottom:-14px
}
.hint--left:before, .hint--left:after {
	right:100%;
	bottom:50%
}
.hint--left:hover:before {
	-webkit-transform:translateX(-8px);
	-moz-transform:translateX(-8px);
	transform:translateX(-8px)
}
.hint--left:hover:after {
	-webkit-transform:translateX(-8px);
	-moz-transform:translateX(-8px);
	transform:translateX(-8px)
}
.hint--top-left:before {
	margin-bottom:-11px
}
.hint--top-left:before, .hint--top-left:after {
	bottom:100%;
	left:50%
}
.hint--top-left:before {
	left:calc(50% - 6px)
}
.hint--top-left:after {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	transform:translateX(-100%)
}
.hint--top-left:after {
	margin-left:12px
}
.hint--top-left:hover:before {
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	transform:translateY(-8px)
}
.hint--top-left:hover:after {
	-webkit-transform:translateX(-100%) translateY(-8px);
	-moz-transform:translateX(-100%) translateY(-8px);
	transform:translateX(-100%) translateY(-8px)
}
.hint--top-right:before {
	margin-bottom:-11px
}
.hint--top-right:before, .hint--top-right:after {
	bottom:100%;
	left:50%
}
.hint--top-right:before {
	left:calc(50% - 6px)
}
.hint--top-right:after {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	transform:translateX(0)
}
.hint--top-right:after {
	margin-left:-12px
}
.hint--top-right:hover:before {
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	transform:translateY(-8px)
}
.hint--top-right:hover:after {
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	transform:translateY(-8px)
}
.hint--bottom-left:before {
	margin-top:-11px
}
.hint--bottom-left:before, .hint--bottom-left:after {
	top:100%;
	left:50%
}
.hint--bottom-left:before {
	left:calc(50% - 6px)
}
.hint--bottom-left:after {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	transform:translateX(-100%)
}
.hint--bottom-left:after {
	margin-left:12px
}
.hint--bottom-left:hover:before {
	-webkit-transform:translateY(8px);
	-moz-transform:translateY(8px);
	transform:translateY(8px)
}
.hint--bottom-left:hover:after {
	-webkit-transform:translateX(-100%) translateY(8px);
	-moz-transform:translateX(-100%) translateY(8px);
	transform:translateX(-100%) translateY(8px)
}
.hint--bottom-right:before {
	margin-top:-11px
}
.hint--bottom-right:before, .hint--bottom-right:after {
	top:100%;
	left:50%
}
.hint--bottom-right:before {
	left:calc(50% - 6px)
}
.hint--bottom-right:after {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	transform:translateX(0)
}
.hint--bottom-right:after {
	margin-left:-12px
}
.hint--bottom-right:hover:before {
	-webkit-transform:translateY(8px);
	-moz-transform:translateY(8px);
	transform:translateY(8px)
}
.hint--bottom-right:hover:after {
	-webkit-transform:translateY(8px);
	-moz-transform:translateY(8px);
	transform:translateY(8px)
}
.hint--small:after, .hint--medium:after, .hint--large:after {
	white-space:normal;
	line-height:1.4em;
	word-wrap:break-word
}
.hint--small:after {
	width:80px
}
.hint--medium:after {
	width:150px
}
.hint--large:after {
	width:300px
}
.hint--error:after {
	background-color:#b34e4d;
	text-shadow:0 -1px 0px #592726
}
.hint--error.hint--top-left:before {
	border-top-color:#b34e4d
}
.hint--error.hint--top-right:before {
	border-top-color:#b34e4d
}
.hint--error.hint--top:before {
	border-top-color:#b34e4d
}
.hint--error.hint--bottom-left:before {
	border-bottom-color:#b34e4d
}
.hint--error.hint--bottom-right:before {
	border-bottom-color:#b34e4d
}
.hint--error.hint--bottom:before {
	border-bottom-color:#b34e4d
}
.hint--error.hint--left:before {
	border-left-color:#b34e4d
}
.hint--error.hint--right:before {
	border-right-color:#b34e4d
}
.hint--warning:after {
	background-color:#c09854;
	text-shadow:0 -1px 0px #6c5328
}
.hint--warning.hint--top-left:before {
	border-top-color:#c09854
}
.hint--warning.hint--top-right:before {
	border-top-color:#c09854
}
.hint--warning.hint--top:before {
	border-top-color:#c09854
}
.hint--warning.hint--bottom-left:before {
	border-bottom-color:#c09854
}
.hint--warning.hint--bottom-right:before {
	border-bottom-color:#c09854
}
.hint--warning.hint--bottom:before {
	border-bottom-color:#c09854
}
.hint--warning.hint--left:before {
	border-left-color:#c09854
}
.hint--warning.hint--right:before {
	border-right-color:#c09854
}
.hint--info:after {
	background-color:#3986ac;
	text-shadow:0 -1px 0px #1a3c4d
}
.hint--info.hint--top-left:before {
	border-top-color:#3986ac
}
.hint--info.hint--top-right:before {
	border-top-color:#3986ac
}
.hint--info.hint--top:before {
	border-top-color:#3986ac
}
.hint--info.hint--bottom-left:before {
	border-bottom-color:#3986ac
}
.hint--info.hint--bottom-right:before {
	border-bottom-color:#3986ac
}
.hint--info.hint--bottom:before {
	border-bottom-color:#3986ac
}
.hint--info.hint--left:before {
	border-left-color:#3986ac
}
.hint--info.hint--right:before {
	border-right-color:#3986ac
}
.hint--success:after {
	background-color:#458746;
	text-shadow:0 -1px 0px #1a321a
}
.hint--success.hint--top-left:before {
	border-top-color:#458746
}
.hint--success.hint--top-right:before {
	border-top-color:#458746
}
.hint--success.hint--top:before {
	border-top-color:#458746
}
.hint--success.hint--bottom-left:before {
	border-bottom-color:#458746
}
.hint--success.hint--bottom-right:before {
	border-bottom-color:#458746
}
.hint--success.hint--bottom:before {
	border-bottom-color:#458746
}
.hint--success.hint--left:before {
	border-left-color:#458746
}
.hint--success.hint--right:before {
	border-right-color:#458746
}
.hint--always:after, .hint--always:before {
	opacity:1;
	visibility:visible
}
.hint--always.hint--top:before {
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	transform:translateY(-8px)
}
.hint--always.hint--top:after {
	-webkit-transform:translateX(-50%) translateY(-8px);
	-moz-transform:translateX(-50%) translateY(-8px);
	transform:translateX(-50%) translateY(-8px)
}
.hint--always.hint--top-left:before {
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	transform:translateY(-8px)
}
.hint--always.hint--top-left:after {
	-webkit-transform:translateX(-100%) translateY(-8px);
	-moz-transform:translateX(-100%) translateY(-8px);
	transform:translateX(-100%) translateY(-8px)
}
.hint--always.hint--top-right:before {
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	transform:translateY(-8px)
}
.hint--always.hint--top-right:after {
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	transform:translateY(-8px)
}
.hint--always.hint--bottom:before {
	-webkit-transform:translateY(8px);
	-moz-transform:translateY(8px);
	transform:translateY(8px)
}
.hint--always.hint--bottom:after {
	-webkit-transform:translateX(-50%) translateY(8px);
	-moz-transform:translateX(-50%) translateY(8px);
	transform:translateX(-50%) translateY(8px)
}
.hint--always.hint--bottom-left:before {
	-webkit-transform:translateY(8px);
	-moz-transform:translateY(8px);
	transform:translateY(8px)
}
.hint--always.hint--bottom-left:after {
	-webkit-transform:translateX(-100%) translateY(8px);
	-moz-transform:translateX(-100%) translateY(8px);
	transform:translateX(-100%) translateY(8px)
}
.hint--always.hint--bottom-right:before {
	-webkit-transform:translateY(8px);
	-moz-transform:translateY(8px);
	transform:translateY(8px)
}
.hint--always.hint--bottom-right:after {
	-webkit-transform:translateY(8px);
	-moz-transform:translateY(8px);
	transform:translateY(8px)
}
.hint--always.hint--left:before {
	-webkit-transform:translateX(-8px);
	-moz-transform:translateX(-8px);
	transform:translateX(-8px)
}
.hint--always.hint--left:after {
	-webkit-transform:translateX(-8px);
	-moz-transform:translateX(-8px);
	transform:translateX(-8px)
}
.hint--always.hint--right:before {
	-webkit-transform:translateX(8px);
	-moz-transform:translateX(8px);
	transform:translateX(8px)
}
.hint--always.hint--right:after {
	-webkit-transform:translateX(8px);
	-moz-transform:translateX(8px);
	transform:translateX(8px)
}
.hint--rounded:after {
	border-radius:4px
}
.hint--no-animate:before, .hint--no-animate:after {
	-webkit-transition-duration:0ms;
	-moz-transition-duration:0ms;
	transition-duration:0ms
}
.hint--bounce:before, .hint--bounce:after {
	-webkit-transition:opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24)
}
body.popup-visible {
	overflow:hidden !important
}
html {
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	height:100%;
	font-size:62.5%
}
body {
	background:#fff;
	color:#4A4A4A;
	font:400 1.6rem/1.3 "Lato", "Helvetica Neue", Arial, sans-serif;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
body.menu-shown #mobile-menu {
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
body.onboarding .header-desktop {
	display:none
}
body.onboarding .header-mobile .logo, body.onboarding .header-mobile .btn-back-to-quote, body.onboarding .header-mobile .btn-check-prices {
	display:none
}
#react-app-container {
	height:100vh
}
#mobile-menu {
	background:#313131;
	position:fixed;
	z-index:1002;
	top:0;
	bottom:0;
	left:0;
	width:280px;
	padding:30px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	-moz-transition:-moz-transform 0.3s ease-in-out;
	-o-transition:-o-transform 0.3s ease-in-out;
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out;
	-moz-transform:translate3d(-100%, 0, 0);
	-ms-transform:translate3d(-100%, 0, 0);
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
#mobile-menu .btn-close {
	width:30px;
	height:30px;
	position:absolute;
	right:5px;
	top:5px
}
#mobile-menu .btn-close:before {
	content:"";
	background:transparent url("https://www.hooplaloans.co.za/images/icn-sprite-50.svg") no-repeat 0 -38px;
	background-size:350px 100px;
	position:absolute;
	z-index:1;
	display:block;
	overflow:hidden;
	width:12px;
	height:12px;
	top:50%;
	left:50%;
	margin-top:-6px;
	margin-left:-6px
}
#mobile-menu .nav-links li {
	color:#B7B7B7;
	font-size:16px;
	height:24px;
	line-height:24px;
	margin-bottom:20px
}
#mobile-menu .nav-links li a {
	color:#fff;
	text-decoration:none;
	display:block
}
#mobile-menu .nav-links li a:hover, #mobile-menu .nav-links li a:active {
	color:#B7B7B7
}
#mobile-menu .social-links-round {
	position:absolute;
	right:30px;
	bottom:30px;
	left:30px;
	display:flex;
	justify-content:space-around;
	align-items:center
}
.social-links-round li {
	display:inline-block
}
.social-links-round li:nth-of-type(2) {
padding:0 6px
}
.social-links-round li a {
	position:relative;
	display:block;
	width:57px;
	height:57px;
	text-indent:-9999px;
	background:#4A4A4A;
	border-radius:50%;
	-moz-transition:background 0.2s;
	-o-transition:background 0.2s;
	-webkit-transition:background 0.2s;
	transition:background 0.2s
}
.social-links-round li a:hover {
	background:#8fba27
}
.social-links-round li a:before {
	content:"";
	background:transparent url("https://www.hooplaloans.co.za/assets/global/icn-sprite-50-29244f57373dfae7d173ef1e68bf988c3852fd5ba0ddfc51d127bba5e992e408.svg") no-repeat -200px 0;
	background-size:350px 100px;
	position:absolute;
	z-index:1;
	display:block;
	overflow:hidden;
	top:50%;
	left:50%
}
.social-links-round li a.fb:before {
	background-position:-200px -25px;
	width:13px;
	height:25px;
	margin-left:-7px;
	margin-top:-12px
}
.social-links-round li a.instagram:before {
	background-position:-250px 0;
	width:29px;
	height:29px;
	margin-left:-14px;
	margin-top:-14px
}
.social-links-round li a.twitter:before {
	background-position:-222px -22px;
	width:28px;
	height:28px;
	margin-left:-13px;
	margin-top:-15px
}
.main-header-wrap {
	position:fixed;
	z-index:101;
	top:0;
	left:0;
	width:100%;
	height:auto;
	overflow-x:hidden;
	background:transparent;
	-moz-transition:-moz-transform 0.3s ease-in-out;
	-o-transition:-o-transform 0.3s ease-in-out;
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out
}
.main-header-wrap .main-header {
	background:#fff;
	padding:0 25px;
	height:100px;
	width:100%;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	text-align:center;
	border-bottom:1px transparent solid;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.main-header-wrap .main-header.sml {
	height:70px;
	border-color:#DADADA
}
.main-header-wrap .main-header.sml .logo {
	bottom:9px
}
.main-header-wrap .main-header.sml .logo img {
	width:90%
}
.main-header-wrap .main-header .logo {
	position:absolute;

	width:146px;
	margin-left:-73px;
	bottom:0;
	left:50%;
	display:inline-block;
	-moz-transition:bottom 0.2s;
	-o-transition:bottom 0.2s;
	-webkit-transition:bottom 0.2s;
	transition:bottom 0.2s
}
.main-header-wrap .main-header .logo img {
	-moz-transition:width 0.2s;
	-o-transition:width 0.2s;
	-webkit-transition:width 0.2s;
	transition:width 0.2s
}
@media (max-width: 767px) {
.main-header-wrap .main-header {
height:60px;
padding:10px;
border-color:#DADADA
}
.main-header-wrap .main-header .logo {
bottom:13px
}
.main-header-wrap .main-header .logo img {
width:100px
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.main-header-wrap {
background-color:rgba(255, 255, 255, 0.95)
}
}
.main-footer {
	position:relative;
	z-index:1;
	background:#313131;
	min-height:250px;
	padding:40px
}
.main-footer .social-links-round {
	float:right
}
.main-footer .footer-menu li {
	padding-right:10px;
	display:inline-block
}
.main-footer .footer-menu li:last-child {
	padding-right:0
}
.main-footer .footer-menu li a {
	color:#fff;
	text-decoration:none
}
.main-footer .footer-menu li a:hover {
	text-decoration:underline
}
.main-footer .legal {
	padding-top:10px;
	color:#B7B7B7
}
@media (max-width: 767px) {
.main-footer {
text-align:center
}
.main-footer .social-links-round {
float:none;
padding-bottom:35px
}
}
.btn-standard {
	font:700 1.4rem/6rem "Lato", "Helvetica Neue", Arial, sans-serif;
	position:relative;
	background-color:#F7F7F7;
	border:1px solid #DADADA;
	text-decoration:none;
	text-transform:uppercase;
	color:#4A4A4A;
	display:inline-block;
	padding:0 9.5rem;
	height:6rem;
	border-radius:6px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-moz-transition:background-color 0.3s, color 0.3s;
	-o-transition:background-color 0.3s, color 0.3s;
	-webkit-transition:background-color 0.3s, color 0.3s;
	transition:background-color 0.3s, color 0.3s
}
.btn-standard:hover {
	background-color:#ECECEC
}
.btn-standard:active, .btn-standard:focus {
	background-color:#DBDBDB
}
.btn-standard:disabled, .btn-standard.disabled {
	background-color:#F7F7F7;
	border-color:#ECECEC;
	color:#B7B7B7;
	pointer-events:none
}
.btn-standard.in-progress {
	color:rgba(74, 74, 74, 0.5)
}
.btn-standard.btn-small {
	height:47px;
	line-height:47px;
	padding:0 45px
}
.btn-standard.btn-pink {
	background-color:#8fba27;
	color:#fff;
	border:0
}
.btn-standard.btn-pink:hover {
	background-color:#EC0079;
	text-decoration:none
}
.btn-standard.btn-pink:active, .btn-standard.btn-pink:focus {
	background-color:#8fba27
}
.btn-standard.btn-pink:disabled, .btn-standard.btn-pink.disabled {
	background-color:#B7B7B7
}
.btn-standard.btn-pink.in-progress {
	color:rgba(255, 255, 255, 0.5)
}
.btn-standard.btn-white {
	background:transparent;
	border:1px solid #8fba27;
	color:#8fba27
}
.btn-standard.btn-white:hover {
	border:1px solid #D5006C;
	color:#D5006C;
	text-decoration:none
}
.btn-standard.btn-white:active, .btn-standard.btn-white:focus {
	border:1px solid #D5006C;
	color:#D5006C;
	text-decoration:none
}
.btn-standard.btn-white:disabled, .btn-standard.btn-white.disabled {
	background-color:#B7B7B7
}
.btn-standard.btn-white.in-progress {
	color:rgba(255, 255, 255, 0.5)
}
.btn-standard.in-progress:before {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	left:50%;
	border-radius:100%;
	box-sizing:border-box;
	margin-top:-12.5px;
	margin-left:-12.5px;
	width:25px;
	height:25px;
	border:2px solid rgba(255, 255, 255, 0.15);
	border-top-color:rgba(255, 255, 255, 0.8);
	-moz-animation:spin 0.6s linear 300;
	-webkit-animation:spin 0.6s linear 300;
	animation:spin 0.6s linear 300;
	left:25px
}
a {
	text-decoration:none;
	color:#8fba27
}
a:hover {
	text-decoration:underline
}
.btn-text {
	font:400 1.6rem/1.3 "Lato", "Helvetica Neue", Arial, sans-serif;
	background:transparent;
	border:0;
	padding:0 1rem;
	color:#8fba27;
	-moz-appearance:none;
	-webkit-appearance:none;
	-moz-transition:color 0.2s;
	-o-transition:color 0.2s;
	-webkit-transition:color 0.2s;
	transition:color 0.2s
}
.btn-text:hover {
	color:#EC0079
}
.btn-text:active {
	color:#D5006C
}
h1 {
	font:400 2.3rem/1.3 "Merriweather", Georgia, serif;
	color:#4A4A4A
}
::-ms-clear, ::-ms-reveal {
display:none
}
input, textarea, select {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	font:700 1.4rem/1.3 "Lato", "Helvetica Neue", Arial, sans-serif;
	background-color:#fff;
	color:#4A4A4A;
	border:1px #DADADA solid;
	padding:14px 15px;
	margin:0;
	resize:none;
	height:47px;
	border-radius:5px;
	-moz-appearance:none;
	-webkit-appearance:none;
	-moz-transition:border-color 0.1s, color 0.1s, padding 0.1s;
	-o-transition:border-color 0.1s, color 0.1s, padding 0.1s;
	-webkit-transition:border-color 0.1s, color 0.1s, padding 0.1s;
	transition:border-color 0.1s, color 0.1s, padding 0.1s
}
textarea:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder {
color:#B7B7B7;
text-transform:uppercase;
vertical-align:baseline
}
textarea::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder {
color:#B7B7B7;
text-transform:uppercase;
vertical-align:baseline
}
textarea:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder {
color:#B7B7B7;
text-transform:uppercase;
vertical-align:baseline
}
textarea::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder {
color:#B7B7B7;
text-transform:uppercase;
vertical-align:baseline
}
textarea:active, textarea:focus, textarea:hover, input[type="date"]:active, input[type="date"]:focus, input[type="date"]:hover, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime"]:hover, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:hover, input[type="email"]:active, input[type="email"]:focus, input[type="email"]:hover, input[type="month"]:active, input[type="month"]:focus, input[type="month"]:hover, input[type="number"]:active, input[type="number"]:focus, input[type="number"]:hover, input[type="password"]:active, input[type="password"]:focus, input[type="password"]:hover, input[type="search"]:active, input[type="search"]:focus, input[type="search"]:hover, input[type="tel"]:active, input[type="tel"]:focus, input[type="tel"]:hover, input[type="text"]:active, input[type="text"]:focus, input[type="text"]:hover, input[type="time"]:active, input[type="time"]:focus, input[type="time"]:hover, input[type="url"]:active, input[type="url"]:focus, input[type="url"]:hover, input[type="week"]:active, input[type="week"]:focus, input[type="week"]:hover {
	border-color:#B7B7B7
}
textarea:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled {
	color:#B7B7B7;
	border-color:#DADADA;
	background-color:#F7F7F7
}
textarea.with-error, input[type="date"].with-error, input[type="datetime"].with-error, input[type="datetime-local"].with-error, input[type="email"].with-error, input[type="month"].with-error, input[type="number"].with-error, input[type="password"].with-error, input[type="search"].with-error, input[type="tel"].with-error, input[type="text"].with-error, input[type="time"].with-error, input[type="url"].with-error, input[type="week"].with-error {
	border-color:#8fba27 !important
}
input[type="number"] {
	-moz-appearance:textfield
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
-moz-appearance:none;
-webkit-appearance:none
}
textarea {
	height:auto
}
select {
	font:700 1.4rem/1.3 "Lato", "Helvetica Neue", Arial, sans-serif;
	background:#fff url("https://www.hooplaloans.co.za/images/select-caret-dark.svg") right 15px center no-repeat;
	padding:14px 35px 16px 15px;
	color:#4A4A4A;
	border:1px solid #DADADA;
	border-radius:5px;
	text-indent:0.01px;
	text-overflow:'';
	-moz-appearance:none;
	-webkit-appearance:none
}
select::-ms-expand {
display:none
}
select:disabled {
	color:#B7B7B7;
	background-image:url("https://www.hooplaloans.co.za/assets/global/select-caret-light-e61389bf475c9a8e624cf8e6af8a07ac244572ae95b92fd154968d31f2833783.svg")
}
.input-label {
	position:relative
}
.error-message {
	color:#8fba27;
	position:relative;
	display:inline-block;
	margin-bottom:10px;
	font-size:14px
}
.error-message:before {
	content:"";
	background:transparent url("https://www.hooplaloans.co.za/assets/global/icn-sprite-50-29244f57373dfae7d173ef1e68bf988c3852fd5ba0ddfc51d127bba5e992e408.svg") no-repeat -32px 0;
	background-size:350px 100px;
	position:absolute;
	z-index:1;
	display:block;
	overflow:hidden;
	width:17px;
	height:17px;
	position:relative;
	display:inline-block;
	top:3px;
	right:5px
}
.float-label {
	position:relative;
	display:inline-block;
	width:100%
}
.float-label+.float-label {
	margin-top:10px
}
.float-label span {
	position:absolute;
	left:14px;
	top:14px;
	color:#B7B7B7;
	text-transform:uppercase;
	opacity:0;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	-moz-transition:font-size 0.2s, top 0.2s, opacity 0.15s;
	-o-transition:font-size 0.2s, top 0.2s, opacity 0.15s;
	-webkit-transition:font-size 0.2s, top 0.2s, opacity 0.15s;
	transition:font-size 0.2s, top 0.2s, opacity 0.15s;
	font:700 1.4rem/1.3 "Lato", "Helvetica Neue", Arial, sans-serif
}
.float-label input, .float-label textarea {
	width:100%
}
.float-label input:-moz-placeholder, .float-label textarea:-moz-placeholder {
opacity:1
}
.float-label input::-moz-placeholder, .float-label textarea::-moz-placeholder {
opacity:1
}
.float-label input:-ms-input-placeholder, .float-label textarea:-ms-input-placeholder {
opacity:1
}
.float-label input::-webkit-input-placeholder, .float-label textarea::-webkit-input-placeholder {
opacity:1
}
.float-label input:focus, .float-label input.with-error, .float-label textarea:focus, .float-label textarea.with-error {
	padding-top:27px
}
.float-label input:focus:-moz-placeholder, .float-label input.with-error:-moz-placeholder, .float-label textarea:focus:-moz-placeholder, .float-label textarea.with-error:-moz-placeholder {
opacity:0;
-moz-transition:opacity 0.15s;
transition:opacity 0.15s
}
.float-label input:focus::-moz-placeholder, .float-label input.with-error::-moz-placeholder, .float-label textarea:focus::-moz-placeholder, .float-label textarea.with-error::-moz-placeholder {
opacity:0;
-moz-transition:opacity 0.15s;
transition:opacity 0.15s
}
.float-label input:focus:-ms-input-placeholder, .float-label input.with-error:-ms-input-placeholder, .float-label textarea:focus:-ms-input-placeholder, .float-label textarea.with-error:-ms-input-placeholder {
opacity:0;
transition:opacity 0.15s
}
.float-label input:focus::-webkit-input-placeholder, .float-label input.with-error::-webkit-input-placeholder, .float-label textarea:focus::-webkit-input-placeholder, .float-label textarea.with-error::-webkit-input-placeholder {
opacity:0;
-webkit-transition:opacity 0.15s;
transition:opacity 0.15s
}
.float-label input:focus+span, .float-label input.with-error+span, .float-label textarea:focus+span, .float-label textarea.with-error+span {
	font-size:1rem;
	top:8px;
	opacity:1
}
.float-label input.with-error, .float-label textarea.with-error {
	border-color:#8fba27
}
.float-label input.with-error+span, .float-label textarea.with-error+span {
	color:#8fba27
}
.float-label input.with-error+span:after, .float-label textarea.with-error+span:after {
	content:" " attr(data-error)
}
.popup {
	border-radius:5px
}
.popup .btn-close {
	position:absolute;
	right:-3rem;
	top:-3rem;
	text-decoration:none;
	height:3rem;
	width:3rem;
	display:block
}
.popup .btn-close:before {
	content:"";
	background:transparent url("https://www.hooplaloans.co.za/assets/global/icn-sprite-50-29244f57373dfae7d173ef1e68bf988c3852fd5ba0ddfc51d127bba5e992e408.svg") no-repeat 0 -38px;
	background-size:350px 100px;
	position:absolute;
	z-index:1;
	display:block;
	overflow:hidden;
	top:50%;
	left:50%;
	margin-top:-6px;
	margin-left:-6px;
	width:12px;
	height:12px
}
.popup>.content {
	height:100%;
	position:relative
}
.popup-wait-list {
	background:#fff url("../assets/home/index/bg-popup-waitlist-71bae72daa69b51a4665b1fbdf9659a37bfad0609bbd6b7348c691e9799e07cb.html") top center no-repeat;
	background-size:340px 273px;
	width:340px;
	height:490px;
	padding:270px 0 0 0
}
.popup-wait-list form {
	padding:0 30px 0 30px
}
.popup-wait-list h3 {
	font:400 2.4rem/1.3 "Merriweather", Georgia, serif;
	color:#4A4A4A;
	text-align:center;
	padding:25px
}
.popup-wait-list p {
	padding:0 3rem;
	text-align:center
}
.popup-wait-list .btn-pink {
	width:100%;
	padding:0;
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	text-align:center;
	border-radius:0 0 5px 5px
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.popup-wait-list .btn-close {
display:none
}
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.main-header-wrap.header-mobile {
	height:70px
}
.main-header-wrap.header-mobile .main-header {
	height:70px;
	border-color:transparent
}
.main-header-wrap.header-mobile .main-header.sml {
	border-color:#DADADA
}
.main-header-wrap.header-mobile .main-header .logo {
	bottom:20px
}
.main-header-wrap.header-mobile .main-header .logo img {
	width:80%
}
.main-header-wrap.header-mobile .main-header .btn-check-prices {
	line-height:40px;
	height:40px;
	padding:0 10px;
	margin-right:5px;
	-moz-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	-webkit-transform:translateY(-100px);
	transform:translateY(-100px);
	-moz-transition:-moz-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition:-o-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
.main-header-wrap.header-mobile .main-header .btn-check-prices.active {
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.main-header-wrap.header-mobile .main-header .btn-back-to-quote {
	padding-right:5px
}
.main-header-wrap.header-mobile .main-header .btn-menu-toggle {
	position:relative;
	width:30px;
	height:30px;
	left:0;
	display:block;
	z-index:9999
}
.main-header-wrap.header-mobile .main-header .btn-menu-toggle:before {
	content:"";
	background:transparent url("https://www.hooplaloans.co.za/images/icn-sprite-50.svg") no-repeat -50px 0;
	background-size:350px 100px;
	position:absolute;
	z-index:1;
	display:block;
	overflow:hidden;
	top:50%;
	left:50%;
	margin-top:-8px;
	margin-left:-8px;
	width:16px;
	height:16px
}
.main-header-wrap.header-desktop .main-header {
	overflow:hidden
}
.main-header-wrap.header-desktop .main-header .btn-check-prices {
	line-height:4rem;
	height:4rem;
	padding:0 3rem;
	position:absolute;
	right:20px;
	top:15px;
	-moz-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	-webkit-transform:translateY(-100px);
	transform:translateY(-100px);
	-moz-transition:-moz-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition:-o-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
.main-header-wrap.header-desktop .main-header .btn-check-prices.active {
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.main-header-wrap.header-desktop .main-header .btn-back-to-quote {
	position:absolute;
	right:20px;
	top:25px
}
.main-header-wrap.header-desktop .main-header .header-menu {
	position:absolute;
	top:25px;
	left:25px
}
.main-header-wrap.header-desktop .main-header .header-menu li {
	display:inline-block;
	padding-right:13px;
	color:#B7B7B7
}
.main-header-wrap.header-desktop .main-header .header-menu li a {
	color:#4A4A4A;
	text-decoration:none; font-weight:bold;
}
.main-header-wrap.header-desktop .main-header .header-menu li a:hover {
	text-decoration:underline
}
.main-header-wrap.header-desktop .main-header .header-menu li a.nationwide-link {
	color:#8fba27;
	font-weight:700
}
@media (max-width: 767px) {
.main-header-wrap.header-desktop .main-header .header-menu, .main-header-wrap.header-desktop .main-header .btn-pink {
display:none
}
}
.share-widget {
	background:#2f2f2f;
	border-radius:10px 10px 0 0;
	padding:35px 20px 20px 20px;
	position:fixed;
	z-index:100;
	height:185px;
	bottom:0;
	right:30px;
	-moz-transform:translateY(82%);
	-ms-transform:translateY(82%);
	-webkit-transform:translateY(82%);
	transform:translateY(82%);
	-moz-transition:-moz-transform 0.2s;
	-o-transition:-o-transform 0.2s;
	-webkit-transition:-webkit-transform 0.2s;
	transition:transform 0.2s
}
.share-widget:before {
	content:"SHARE";
	font-size:14px;
	font-weight:700;
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	display:block;
	text-align:center;
	color:#fff
}
.share-widget.active {
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.share-widget .icn-share {
	width:40px;
	height:40px;
	margin:10px auto 0 auto;
	display:block;
	position:relative
}
.share-widget .icn-share:first-child {
	margin-top:0
}
.share-widget .icn-share.fb a:before {
	background-position:0 0
}
.share-widget .icn-share.twitter a:before {
	background-position:0 -50px
}
.share-widget .icn-share.linkedin a:before {
	background-position:0 -100px
}
.share-widget .icn-share a {
	display:block;
	width:100%;
	height:100%
}
.share-widget .icn-share a:before {
	background:transparent url("../assets/bg-share-3d060f23658a66d19b8d598558e8771bb5a205ad576db944d3a621175f387a13.html") 0 0 no-repeat;
	background-size:40px 140px;
	content:"";
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	top:0;
	left:0
}
@media (min-width: 768px) {
.header-desktop {
display:block
}
.header-mobile {
display:none
}
}
@media (max-width: 767px) {
.header-desktop {
display:none
}
.header-mobile {
display:block
}
body.fixed-react-menu .header-wrap {
position:fixed !important
}
}
#main-wrapper {
	position:relative
}
#main-wrapper, .main-content {
	height:100%
}
body.header-shown .main-content {
	padding-top:100px
}
@media (max-width: 560px) {
.main-header-wrap.header-mobile .main-header .logo {
  bottom: 12px;
}
.main-header-wrap .main-header .logo{ left:35px; margin:0px;}
.hp-section.section-1 { height: 122vh;}
	}