@charset "UTF-8";
body {margin:0; padding:0; border:0; font-size:100%; font-family: 'Open Sans', Arial, sans-serif;}
p {font-size:1em; font-family:'Open Sans', Arial, sans-serif; color:#3a4a54; font-weight:400; line-height:1em;}
h1,h2,h3,h4,h5,h6 {font-family:'Open Sans', Arial, sans-serif; display:block; margin:0; border:none; padding:0px;}
ul {font-family:'Open Sans', Arial, sans-serif;}
img {border:0px none;}
fieldset {margin:0; padding:0; border:none;}

.clearfix:after {content: ""; visibility: hidden; display:block; height:0; clear:both;}

p.qTitle {color:#00ab04 !important; font-size:1.125em; font-weight:700; padding-top:60px; margin:0 0 20px;}
p.qText {font-size:0.9375em !important; line-height:1.3em !important; margin:0;}

/* Hero */

#helpHeroOuter {width:100%; height:auto; position:relative; background:url(//images.blackcircles.com/helpcentre/helpcentre_hero.jpg) no-repeat center; background-size:cover;}
#helpHeroInner {width:95%; max-width:1000px; height:auto; margin:0 auto; position:relative; text-align:center;}
	#helpHeroInner h2 {color:#ffffff; font-weight:700; font-size:1.875em; line-height:1em; padding-top:100px;}
	#helpHeroInner h3 {color:#ffffff; font-weight:300; font-size:4.375em; line-height:1em; padding-bottom:100px;}

/* Most Popular */

#popOuter {width:100%; height:auto; position:relative; background:#00ab04; padding:50px 0 60px;}
#popInner {width:95%; max-width:1000px; height:auto; margin:0 auto; position:relative; text-align:center;}
	#popInner h2 {color:#ffffff; font-weight:300; font-size:3.125em; line-height:1em; margin-bottom:10px;}
	#popInner h3 {color:#ffffff; font-weight:700; font-size:1.25em; line-height:1em; margin-bottom:30px;}

.qBlock {width:21%; height:auto; min-height:230px; float:left; display:inline-block; background:#ffffff; margin-right:2%; text-align:center; position:relative; padding:0 1%;}
	.qLast {margin-right:0px !important;}
	.qBot {margin-top:2% !important}
.arrowGo {width:40px; height:40px; margin:0 auto; position:absolute; bottom:10px; left:0; right:0;}
.arrowGo img {width:100%; max-width:100%; height:auto; border:none;}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }


/* Sections styling */

#sectionOuter {width:100%; height:auto; position:relative; padding:50px 0 60px; background:#3a4a54;}
#sectionInner {width:95%; max-width:1000px; height:auto; margin:0 auto; position:relative; text-align:center;}
	#sectionInner h2 {color:#ffffff; font-weight:300; font-size:3.125em; line-height:1em; margin-bottom:10px;}
	#sectionInner h3 {color:#ffffff; font-weight:700; font-size:1.25em; line-height:1em; margin-bottom:30px;}


@media screen and (max-width: 767px) {
	/* Reduce hero padding */
	#helpHeroInner h2 {padding-top:50px;}
	#helpHeroInner h3 {padding-bottom:50px;}
	
	/* Reduce popular question padding */
	#popOuter {padding:30px 0 40px;}

	
	.qBlock {width:96%; height:auto !important; min-height:40px !important; float:none; display:inline-block; margin:0 auto 10px !important; text-align:left; padding:15px 1% 10px 3%;}
	.arrowGo {margin:auto; position:absolute; top:0px; bottom:0px; left:85% !important;}
	
	p.qTitle {font-size:1.125em; padding-top:0; margin:0 0 5px;}
	p.qText {font-size:0.9375em !important; line-height:1.3em !important; margin:0;}
	
	.grow {transition: none;}
	.grow:hover {transform:none;}
}