/*
Theme Name: Executive Match
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Executive Match
Author: Hopping Mad Design
Author URI: http://www.hoppingmad.com.au/
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; }
input[type="search"] {	-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type=submit]{-webkit-appearance: none;}

/* Defaults */
html,body{height:100%;margin:0; }
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	color:#000000; 
	font: 62.5% 'Source Sans Pro', sans-serif;
}
img{border-style:none}
a{text-decoration:none;color:#6600cc;} 
a:hover{color:#957ac6;}
input,textarea,select{font:100% 'Source Sans Pro', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'Source Sans Pro', sans-serif;}

img.alignleft {margin: 0 10px 10px 0;}
.alignleft {float: left;}
img.alignright {margin: 0 0 10px 10px;}
.alignright {float: right;}
.aligncenter {margin:10px auto;}


.clear{clear: both;}

h1, h2, h3, h4, h5, h6{
    margin: 0 0 0.7em;
    padding: 0;
	font-weight:600;
}
.entry-content p,.entry-content ul{
	margin:0 0 1em;
}
h1{
	font-size:3.0rem;
}
h2{
	font-size:2.6rem;
}
h3{
	font-size:2.4rem;
}
h4{
	font-size:2rem;
}
strong{
	font-weight:600;
}
.entry-content ul li{
	list-style:none;
	padding-left:30px;
	position:relative;
	margin-bottom:2px;
}
.entry-content ul li:before{
	content:'\2022';
	position:absolute;
	left:0;
	top:-2px;
	font-size:20px;
}
.entry-content img{
	max-width:100%;
	height:auto;
	display:block;
}
.entry-content iframe{
	max-width:100%;
}

/* =====================
Header
======================== */
.header-wrapper{
	position:relative;
}
#masthead{
	background:#000;
	position:relative;
}
.layout-2{
	max-width:1230px;
	margin:auto;
	position:relative;
}
.layout{
	max-width:1060px;
	margin:auto;
	position:relative;
}
#masthead .layout-2{
	padding:12px 0 15px;
}
#masthead .layout-2:before{
	content:' ';
	position:absolute;
	left:-70px;
	top:0;
	background:url(images/bg-logo.jpg) no-repeat left  top / cover;
	width:464px;
	height:183px;
}
.single-post #masthead .layout-2:before{
	display:none;
}
.site-branding{
	display:block;
	width:330px;
	float:left;
	margin-top:23px;
	position:relative;
}
.site-branding img{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	z-index:50;
}
.site-description{
	color:#fff;
	font-size:1.8rem;
	font-weight:600;
	float:right;
	margin:65px 0 0;
}
.open-menu{
	display:none;;
	width:90px;
	cursor:pointer;
	float:right;
	margin:21px 0 0 45px;
	padding:6px 10px 15px;
}
.open-menu.active{
	background:#957ac6;
}
.open-menu span{
	background:#fff;
	display:block;
	height:10px;
	margin:9px 0;
}
#desktop-menu.active{
	-ms-transform:none; 
    -webkit-transform: none; 
    transform: none;
	display:block;
}
#desktop-menu{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	z-index:100;
	text-align:right;
	padding:39px 0 0;
	-webkit-transition: transform 1s;
    transition:transform 1s;
	-ms-transform: translateY(-100%); 
    -webkit-transform: translateY(-100%); 
    transform: translateY(-100%);
	height:105px;
	background:#957ac6 ;
}
#desktop-menu li{
	list-style:none;
	display:inline-block;
	text-transform:uppercase;
	font-size:1.8rem;
	font-weight:600;
	margin:0 10px 0 50px;
}
#desktop-menu li a{
	color:#fff;
}
#nav-menu{
	display:inline-block;
	float:right;
	margin:28px 0 0;
}
#nav-menu li{
	list-style:none;
	font-size:1.6rem;
	font-weight:600;
	display:inline-block;
	padding:14px 0 5px 0;
	position:relative;
	text-transform:uppercase;
	margin-left:15px;
}
#nav-menu ul li:first-child{
	margin-left:0;
}
#nav-menu li  a{
	color:#fff;
}
#nav-menu .current-menu-item a,#nav-menu .current-menu-parent a,#nav-menu li:hover  a{
	color:#20afc0;
}
#nav-menu .sub-menu .current-menu-item a,#nav-menu .sub-menu li:hover  a{
	color:#000;
}
#testimonial{
	position:relative;
	top:-50px;
}
#nav-menu .btn{
	font-size:2rem;
	font-weight:700;
	padding:0 15px;
	text-transform:uppercase;
	margin-left:20px;
	background:#20afc0; 
}
#nav-menu .btn:hover a{
	color:#fff;
}
#nav-menu .sub-menu{
	position:absolute;
	top:100%;
	left:0;
	width:160px;
	padding:1px 10px 5px;
	background:#20afc0  ;
	display:none;
	z-index:900;
}
#nav-menu .sub-menu li{
	padding:7px 0;
	margin:0;
}
#nav-menu .sub-menu li a,#nav-menu .sub-menu li:hover a{
	color:#fff;
}
#nav-menu li:hover .sub-menu{
	display:block;
}
.header-phone{
	display:inline-block;
	float:left;
	color:#fff;
	font-size:2.4rem;
	font-weight:700;
	margin:20px 155px 0 0;
	z-index:100;
	position:relative;
}
.header-phone span{
	color:#e8af26;
}
.anchor-tag{
	margin-top:-30px;
	padding-top:30px;
}

/* =====================
sticky
======================== */
.sticky-content{
	position:fixed;
	bottom:0;
	left:0;
	max-width:320px;
	padding: 20px 20px 5px ;
	background:#000;	
	font-size:1.6rem;
	color:#fff;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}
.site-logo span{
	font-weight:300;
}
.site-logo{
	text-align:center;
	margin-bottom:0.5em;
}
.site-logo img{
	width:180px;
	height:auto;
}
.close-sticky{
	position:absolute;
	right:10px;
	top:5px;
	cursor:pointer;
	color:#fff;
}
.close-sticky svg{
	width:15px;
}

/* =====================
Popup
======================== */
.active.popup-wrapper{
	display:block;
}
.popup-wrapper{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:700;
	display:none;
}
.popup-layout{
	position:relative;
	display:inline-block;
	left:50%;
	top:50%;
	-ms-transform: translate(-50%,-50%); 
    -webkit-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
	padding:40px 35px 30px;
	background:#fff;
}
.close-popup{
	position:absolute;
	right:20px;
	top:10px;
	background:#eae4e4;
	font-size:1.6rem;
	width:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
}
.popup-form .gform_title{
	color:#20afc0;
	font-size:2.4rem;
	font-weight:400;
	margin-bottom:0.6em;
}
.popup-form {
	padding:0 0 80px;
	max-width:790px;
	width:100%;
	background:#fff;
}
.popup-form .gfield.left{
	width:49.36%;
	margin-right:1.28%;
	display:inline-block;
}
.popup-form .gfield.right{
	width:49.36%;
	display:inline-block;
}
.popup-form .gfield{
	list-style:none;
	margin-bottom:12px;
	vertical-align:top;
	position:relative;
}
.popup-form .gfield input{
	width:100%;
	background:#f2f2f2;
	font-size:1.6rem;
	color:#333;
	line-height:2.8;
	border:1px solid transparent;
	padding:0 15px;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.popup-form .gfield input:focus,.popup-form .gfield textarea:focus{
	border-color:#20afc0;
}
.popup-form .gfield select{
	width:100%;
	background:#f2f2f2 url(images/dropdown.png) no-repeat right 3px center / 50px auto;
	font-size:1.6rem;
	color:#333;
	height:2.9em;
	border:1px solid #f2f2f2;
	padding:0 10px;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;	
}
.popup-form .gfield textarea{
	width:100%;
	background:#f2f2f2;
	font-size:1.6rem;
	color:#333;
	height:180px;
	border:1px solid transparent;
	padding:7px 15px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}
::-webkit-input-placeholder { 
	opacity:1;
}
::-moz-placeholder {
	opacity:1;
}
:-ms-input-placeholder { 
	opacity:1;
}
:-moz-placeholder { 
	opacity:1;
}
.popup-form .gfield_label{
	display:none;
}
.popup-form .upload .gfield_label{
	display:inline-block;
	font-size:1.4rem;
	margin-right:20px;
	line-height:3.21;
}
#page .ginput_container_fileupload{
	display:inline-block;
}
.popup-form .upload{
	background:#f2f2f2;
	padding:0 15px;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}
.popup-form .ginput_container_fileupload input{
	width:200px;
	padding:0;
	display:inline-block;
	line-height:auto;
	font-size:1.4rem;
}
.popup-form .gform_footer{
	text-align:right;
}
.popup-form .gform_button{
	color:#fff;
	cursor:pointer;
	background:#6600cc;
	font-weight:700;
	font-size:2rem;
	line-height:2.75;
	padding:0 20px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border:none;
}
.popup-form .validation_error,.popup-form .validation_message{
	color:red;
}
.form-footer{
	color:#20afc0 ;
	display:inline-block;
	font-size:2.4rem;
	position:absolute;
	left:0;
	top:0;
}
.form-footer a{
	color:#20afc0 ;
}
.form-footer span{
	display:block;
}
.form-footer img{
	display:block;
	width:90px;
	height:auto;
	float:left;
	margin:0 25px 0 0;
}
.form-footer-text{
	float:left;
	padding-top:55px;
}

/* =====================
Home
======================== */
.header-home-text{
	max-width:440px;
	color:#fff;
	margin-bottom:50px;
}
.header-home-text h2,.header-home-text h3{
	font-weight:400;
}
.header-video {
	overflow:hidden;
}
.header-video iframe{
	float:right;
}
#home-header-image {
	position:relative;
	background:#000;
}
#home-header-image img{
	display:block;
	max-width:100%;
	height:auto;
	margin:auto;
}
#home-header-content{
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
	z-index:10;
}
#home-header-content header{
	font-size:3rem;
	font-weight:600;
	color:#fff;
	line-height:1.13em;
	margin-bottom:20px;
	max-width:430px;
}
#home-header-content header strong{
	font-weight:700;
}
::-webkit-input-placeholder {
	opacity:1;
	color:#333;
}
::-moz-placeholder { 
	opacity:1;
	color:#333;
}
:-ms-input-placeholder { 
	opacity:1;
	color:#333;
}
:-moz-placeholder { 
	opacity:1;
	color:#333;
}
.validation_message{
	font-size:1.1rem;
	color:#957ac6;
}
.validation_error{
	font-size:1.6rem;
	color:#957ac6;
	margin-bottom:15px;
}
.gform_confirmation_message{
	font-size:2.8rem;
	color:#957ac6;
	padding-bottom:20px;
}
.h-block-1{
	background:#000;
	color:#fff;
	font-size:2.0rem;
	line-height:1.363;
	text-align:center;
	padding:45px 0 35px;
	position:relative;
}
.h-block-1 .h-left{
	position:relative;
}
.h-block-1 h2{
	font-weight:400;
}
.home-top-panels{
	background:#20afc0;
	margin-bottom:15px;
}
.h-block-2 h1,.h-block-2 h2{
	margin-bottom:1em;
}
.h-block-2{
	font-size:1.8rem;
	line-height:1.3em;
	padding:40px 0 20px;
}
.h-left{
	float:left;
	width:46.69%;
	text-align:left;
}
.h-right{
	float:right;
	width:50%;
}
.h-right iframe{
	max-width:100%;
}
#testimonials li:before{
	content: "\201C";
	position:absolute;
	color:#fff;
	left:0;
	top:-15px;
	font-size:5.2rem;
	font-weight:700;
}
#testimonials li:first-child{
	display:block;
}
#testimonials li{
	list-style:none;
	padding-left:35px;
	color:#8d4bcf;
	font-size:2.2rem;
	line-height:1.09;
	font-style:italic;
	position:relative;
	text-align:left;
	display:none;
}
#testimonials li header{
	font-style:none;
	color:#fff;
	font-weight:700;
	margin-top:5px;
}
.hblocks li{
	list-style:none;
	height:185px;
	width:33.33%;
	background-repeat:no-repeat;
	float:left;
	background-position:left bottom;
	background-color:#00aebf;
	text-align:right;
	padding:16px 0 0;
	position:relative;
	border-right:10px solid #000;
}
.hblocks li:nth-child(1){
	border-left:10px solid #000;
}
.hblocks li a{
	display:inline-block;
	text-align:left;
	width:190px;
	margin-top:35px;
}
.hblocks li header{
	color:#fff;
	font-size:2.6rem;
	font-weight:700;
}
.hblocks li .btn{
	line-height:35px;
	padding:0 0;
	margin:10px 0 0;
	width:140px;
	font-size:1.6rem;
}
.two-col-content{
	-webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
	 -webkit-column-gap: 80px; 
    -moz-column-gap: 80px; 
    column-gap: 80px;
	margin-bottom:15px;
}
.register-banner{
	background:url(images/bg-register.jpg) no-repeat center center / cover;
	height:420px;
}
.register-banner.banner-2{
	background:url(images/bg-register-2.jpg) no-repeat center top / auto 100%;
	height:375px;
}
.banner-2 .register-banner-content{
	top:70px;
}
.register-banner-content{
	color:#fff;
	font-size:2.3rem;
	line-height:1.12;
	width:390px;
	text-align:center;
	position:absolute;
	right:90px;
	top:90px;
}
.register-banner-content header{
	font-size:4.2rem;
	font-weight:600;
	margin-bottom:10px;
}
.register-banner-content .btn{
	display:block;
	margin: 35px 0 0;
}
.btn.purple{
	background:#6600cc;
}
.btn{
	display:inline-block;
	background:#e8af26;
	text-align:center;
	padding:0 40px;
	font-size:2.2rem;
	line-height:2.375;
	border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	color:#fff;
	cursor:pointer;
}
.btn a{
	color:#fff;
}
.btn.red{
	background:#e8af26;
}
.h-block-3{
	font-size:1.6rem;
	line-height:1.3em;
	padding:28px 0 10px;
}
.h-block-3 h1,.h-block-3 h2,.h-block-3 h3{
	margin-bottom:1em;
	line-height:1.2em;
}
.h-block-3 .btn{
	font-size:2.4rem;
}
.home-boxes.white{
	background:#f0f2f2;
	color:#000;
}
.home-boxes{
	background:#000;
	padding:30px 0 50px;
	color:#fff;
}
.home-boxes li{
	list-style:none;
	width:31%;
	float:left;
	margin-right:3.5%;
	font-size:1.8rem;
}
.home-boxes ul li:nth-child(3n){
	margin-right:0;
}
.home-boxes li h2{
	margin-bottom:12px;
}
.home-boxes .thumb{
	
	margin-bottom:12px;
}
.home-boxes .thumb img{
	max-width:60px;
}
.h-banner{
	background-color:#dceaf7;
	height:490px;
	background-position:center top;
	background-size:cover;
	background-repeat:no-repeat;
	font-size:2.2rem;
	font-weight:700;
	line-height:1.25em;
	padding:85px 0 0;
}
.h-banner .content{
	max-width:510px;
}
.h-banner h2{
	font-size:3rem
}
.h-banner p,.h-banner h2{
	margin-bottom:1.4em;
}
#h-bottom-content h2{
	margin-bottom:1em;
}
#h-bottom-content {
	margin-bottom:10px;
}

/* =====================
Footer
======================== */
#colophon{
	background:#000;
	color:#fff;
	font-size:1.4rem;
	padding:25px 0 30px;
}
#colophon a{
	color:#fff;
}
.f-menu .menu{
	display:flex;
}
.f-menu li{
	font-weight:700;
	list-style:none;
	flex-grow:1;
	margin-right:25px;
}
#copyright{
	margin:35px 0 0;
}
.design-by{
	font-size:1.1rem;
	margin-top:10px;
	text-align:right;
}
.footer-images img{
	display:inline-block;
	width:180px;
	height:auto;
}
.footer-images{
	text-align:right;
	margin-top:20px;
}

/* =====================
About
======================== */
.section-blue{
	background:#20aebf;
	padding:1px 0;
}
#about-header-image {
	position:relative;
	background:#000;
}
#about-header-image img{
	display:block;
	max-width:100%;
	height:auto;
	margin:auto;
}
#about-header-image .header-form {
	float:right;
}
.about-intro{
	background:#f4f1e5;
	text-align:center;
	padding:45px 0 40px;
	font-size:1.8rem;
}
.about-intro p{
	margin-bottom:1.2em;
}
#about-content-4{
	background:#f4f1e5;
}

/* =====================
Why Us
======================== */
.page-title-header{
	color:#20afc0;
	margin-bottom:30px;
}
.header-text{
	color:#fff;
	font-size:1.8rem;
	line-height:1.16em;
	max-width:435px;
}
.header-text h1,.header-text h2,.header-text h3{
	font-weight:400;
	line-height:normal;
}
.header-text p{
	margin-bottom:1.3em;
}
#why-header-image{
	position:relative;
	background:#fff;
}
#why-header-image img{
	display:block;
}
#why-header-image #home-header-content{
	top:20px;
}
#why-us-banner img{
	display:block;
	max-width:100%;
	height:auto;
}
.box{
	font-size: 1.6rem;
	line-height: 1.3em;
	float:left;
	width:31%;
	border:1px solid #000;
	margin: 0 3.5% 0 0;
	text-align:center;
	padding:20px 20px 10px;
}
.box:nth-child(3n){
	margin-right:0;
}
.box .icon {
	height:40px;
	margin-bottom:20px;
}
.box .icon img{
	height:100%;
	width:auto;
}
.box-wrapper{
	margin-top:30px;
}

/* =====================
How it works
======================== */
#how-header-image{
	background:#000000;
	height:130px;
	margin-bottom:8px;
}
.page-title{
	color:#20afc0;
	font-size:2.4rem;
	font-weight:600;
	padding-top:55px;
	display:inline-block;
	text-transform:uppercase;
	z-index:200;
	position:relative;
}
.how-intro-wrapper{
	background:#fff;
	padding:17px 0 20px;
}
.left-large{
	float:left;
	width:62%;
}
.right-small{
	float:right;
	width:33.33%;
}
.how-intro{
	font-size:2rem;
}
.how-intro h2{
	margin:0;
	font-size:2.6rem;
}
.blog-sidebar{
	
}
.blog-sidebar img{
	display:block;
	max-width:100%;
	height:auto;
	margin-bottom:15px;
}
.blog-sidebar header{
	color:#6600cc;
	font-size:3rem;
	margin-bottom:15px;
}
.blog-sidebar li{
	list-style:none;
	border-bottom:1px solid #000;
	font-size:2.2rem;
	line-height:1.16em;
	padding:12px 0;
}
.blog-sidebar li a{
	color:#000;
}
.blog-sidebar li img{
	display:block;
	width:100%;
	height:auto;
}

/* =====================
Blog
======================== */
.blog-wrapper{
	background:#fff;
	padding:0 0 40px;
	margin-bottom:8px;
	font-size:0;
}
.blog-wrapper li{
	list-style:none;
	width:32.7%;
	display:inline-block;
	margin:0 0.95% 35px 0;
	background:#fff;
	position:relative;
	padding-bottom:60px;
	vertical-align:top;
}
.blog-wrapper ul li:nth-child(3n){
	margin-right:0;
}
.thumbnail img{
	display:block;
	width:100%;
	height:auto;
	margin:auto;
}
.blog-wrapper li h2{
	font-size:2.4rem;
	line-height:1.2em;
	margin:15px 20px 5px;
	height:2.4em;
	overflow:hidden;
}
.blog-wrapper li .entry-content{
	margin:0 20px;
	font-size:1.8rem;
}
.btn-2{
	display:inline-block;
	color:#fff;
	background:#20afc0;
	font-size:1.8rem;
	line-height:2.25em;
	padding:0 15px;
	font-weight:600;
	cursor:pointer;
}
.btn-2:hover{
	color:#fff;
}
.blog-wrapper li .btn-2{
	position:absolute;
	right:0;
	bottom:0;
}
#blog-pagination .page-numbers{
	background:#fff;
	float:left;
	font-size:1.6rem;
	color:#000;
	width:30px;
	line-height:30px;
	text-align:center;
}
#blog-pagination .page-numbers.current{
	background:#e0e0e0;
}
#single-post{
	background:#f4f1e5;
	padding-bottom:50px;
}
.single-post-content{
	font-size:2rem;
	margin:30px 0 0;
}
.single-post-content h2{
	font-size:2.8rem;
}
.back-btn{
	display:inline-block;
	float:right;
	font-size:1.8rem;
	font-weight:600;
	line-height:34px;
	color:#000;
	margin:57px 0 0;
}
.back-btn span{
	display:inline-block;
	border:1px solid #e9182b;
	width:34px;
	height:34px;
	text-align:center;
	vertical-align:center;
	margin-right:15px;
	line-height:32px;
}
#default-page{
	padding-bottom:25px;
	min-height:400px;
}
#h-blog{
	margin:0;
	padding-top:40px;
}

/* =====================
Introduction
======================== */
.no-image-header{
	min-height:430px;
	background:#000;
	padding:25px 0 35px;
}
.no-image-header .layout-2{
	position:relative;
	z-index:200;
}
.no-image-header-content{
	width:43.62%;
	float:left;
}
.header-form{
	width:53.5%;
	float:right;
	background:#fff;
	position:relative;
	padding: 0 0 10px;
}
.header-form .gform_description{
	font-size:1.8rem;
	display:block;
	background:#20afc0;
	color:#fff;
	padding:5px 20px 7px;
}
.header-form .gfield{
	list-style:none;
	margin-bottom:10px;
	position:relative;
}
.header-form .gfield_label{
	display:none;
}
.header-form .gform_body{
	padding: 10px 20px 0;
}
.header-form .gfield.left,.header-form .gfield.right{
	display:inline-block;
	width:49%;
}
.header-form .gfield.left{
	margin-right:2%;
}
.header-form input[type='text'],.header-form input[type='email']{
	width:100%;
	background:#f2f2f2;
	padding:0 10px;
	font-size:1.2rem;
	line-height:3.4375;
	color:#333333;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border:none;
}
.header-form .gfield select{
	width:100%;
	background:#f2f2f2 url(images/dropdown.png) no-repeat right 3px center / 38px auto;
	font-size:1.2rem;
	color:#333;
	height:3.4em;
	border:1px solid #f2f2f2;
	padding:0 5px;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;	
}
.header-form .gform_footer{
	padding:0 20px;
	text-align:right;
	margin-top:-10px;
}
.header-form input[type='submit']{
	display:inline-block;
	border:none;
	background:#6600cc;
	color:#fff;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	font-size:1.5rem;
	line-height:2.375;
	cursor:pointer;
	padding:0 20px;
}
.header-form-footer{
	position:absolute;
	left:0;
	top:0;
}
.header-form-footer-text{
	font-size:1.6rem;
	color:#20afc0;
	margin-top:5px;
}
.header-form .validation_error{
	margin:10px 20px;
}
.header-form .gform_confirmation_message{
	padding:20px 20px;   
}
.intro-section-1{
	margin:30px 0 10px;
}
.side-testimonial{
	background:#ebf3fb;
	color:#8d4bcf;
	font-size:2.2rem;
	padding:10px 20px 1px;
	line-height:1.09;
	margin-bottom:25px;
}
.side-testimonial p{
	margin-bottom:1em;
}
.side-testimonial h2{
	color:#6600cc;
	margin-bottom:0.4em;
}
.side-testimonial a{
	text-decoration:underline;
	font-size:1.8rem;
}
.side-green-panel{
	background:#20aebf;
	color:#fff;
	padding:20px 20px 10px;
	margin-bottom:25px;
	font-size:2.2rem;
	line-height:1.09;
}
.side-green-panel p{
	margin-bottom:1.1em;
}
.side-green-panel h1{
	margin-bottom:0.5em;
}
.intro-section-2{
	margin:30px 0 60px;
}
.intro-content{
	font-size:2rem;
}

/* =====================
Contact
======================== */
.c-left{
	float:left;
	width:50.9%;
}
.c-right{
	float:right;
	width:40%;
}
.contact-page{
	background:#f4f1e5;
	padding:50px 0 100px;
}
#page .contact-form{
	background:#fff;
	width:100%;
}
.contact-form .gform_title{
	color:#957ac6;
	font-size:2.4rem;
}
.contact-form .gform_description{
	font-size:1.8rem;
	font-weight:600;
	line-height:1.22;
}
.contact-form .gfield input {
	background:#f0f0ee;
	padding-top:2px;
	padding-bottom:2px;
}
.contact-address{
	font-size:2.4rem;
}
.map,.map h4 {
	font-size:2rem;
	margin-bottom:0;
	line-height:1.2;
}
.map iframe{
	width:100%;
	display:block;
	margin:15px 0 40px;
}
.anchor-tag{
	padding-top:50px;
	margin-top:-50px;
}

.sticky-phone-mobile{
	display:none;
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	background:#e8af26;
	text-align:center;
	padding: 10px 0 12px;
	z-index:100;
}
.sticky-phone-mobile a span{
	font-weight:600;
}
.sticky-phone-mobile a{
	color:#000;
	font-size:1.8rem;
}



/* 1024  */
@media screen and (max-width:1024px){
	.site-description{
		display:none;
	}
	.layout-2,.layout{
		margin-left:20px;
		margin-right:20px;
	}
	#home-header-image img,#about-header-image img{
		width:auto;
		max-width:none;
		height:100%;
		-ms-transform: translateX(-50%); 
		-webkit-transform: translateX(-50%); 
		transform: translateX(-50%);
		left:50%;
		position:relative;
	}
	#home-header-image,#about-header-image {
		height:490px;
		overflow:hidden;
		position:relative;
	}
	.site-branding{
		width:280px;
		margin:0 0 10px;
	}
	#nav-menu{
		display:none;
	}
	#desktop-menu  .btn{
		padding:0 10px;
	}
	.open-menu{
		width:50px;
		padding:5px 5px 1px;
		margin:0;
		display:block;
	}
	.open-menu span{
		height:5px;
		margin:4px 0;
	}
	#masthead{
		padding:50px 0 0;
	}
	#desktop-menu li{
		font-size:1.8rem;
		margin:0 0 7px;
		display:block;
	}
	#desktop-menu ul li:first-child{
		margin-left:0;
	}
	#desktop-menu{
		height:auto;
		padding:15px 0 20px;
	}
	#desktop-menu ul li li{
		margin-top:7px;
	}
	.header-form .gform_title{
		font-size:2.2rem;
		margin-bottom:10px;
	}
	.header-form .gform_description{
		font-size:1.3rem;
		margin-bottom:20px;
	}
	.header-form input[type="text"], .header-form input[type="email"]{
		font-size:1.2rem;
		border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	}
	.header-form{
		width:280px;
		padding:10px 15px 22px;
		border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	}
	.header-form input[type="submit"]{
		font-size:1.6rem;
		border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	margin-top:0;
	}
	.header-form .gfield{
		margin-bottom:10px;
	}
	.validation_error{
		font-size:1.4rem;
	}
	.h-block-1{
		padding:20px 0 20px;
		line-height:1.272;
	}
	.h-block-1 h1{
		font-size:3rem;
		margin-bottom:0.7em;
	}
	.h-block-1 p{
		margin-bottom:1em;
	}
	h1{
		font-size:2.6rem;
	}
	.h-block-2 h1, .h-block-2 h2,.h-block-3 h1, .h-block-3 h2, .h-block-3 h3{
		margin-bottom:0.7em;
	}
	.h-block-2{
		padding-top:18px;
		font-size:1.6rem;
	}
	.two-col-content{
		-webkit-column-gap: 40px; 
		-moz-column-gap: 40px; 
		column-gap: 40px;
	}
	.entry-content ul li{
		padding-left:23px;
	}
	.register-banner-content{
		right:50%;
		-ms-transform: translateX(50%); 
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
		width:320px;
	}
	.home-boxes li{
		margin-right:2%;
		width:32%;
		margin-bottom:40px;
	}
	.home-boxes .thumb img{
		max-width:60px;
	}
	.home-boxes li h2{
		font-size:2.6rem;
		line-height:1.2;
		margin-bottom:0.7em;
	}
	.home-boxes{
		padding:22px 0 10px;
	}
	#colophon{
		font-size:1.6rem;
	}
	.about-intro{
		padding:25px 0 15px;
	}
	#home-header-content header{
		margin-bottom:15px;
	}
	.h-left{
		text-align:center;
	}
	.h-left,.h-right{
		width:100%;;
	}
	#testimonials li{
		font-size:2rem;
	}
	.sticky-content{
		display:none;
	}
}

/* 800  */
@media screen and (max-width:800px){
	h2,h3{
		font-size:2.2rem;
	}
	.header-home-text{
		max-width:530px;
		margin-bottom:20px;
	}
	.btn{
		padding:0 20px;
		font-size:2rem;
	}
	#testimonials li{
		font-size:1.8rem;
	}
	#masthead{
		padding:30px 0 15px;
	}
	#home-header-image img, #about-header-image img,#why-header-image img{
		display:block;
		width:100%;
		height:auto;
	}
	#home-header-image, #about-header-image,#why-header-image{
		margin:0;
		height:auto;
		background:#000;
		padding:25px 0 0;
	}
	#home-header-content,#home-header-content{
		position:relative;
		top:auto;
		left:auto;
		-ms-transform: none; 
    -webkit-transform: none; 
    transform: none;
		margin-bottom:10px;
	}
	.header-form,#about-header-image .header-form{
		margin:auto;
		float:none;
	}
	.two-col-content{
		-webkit-columns: auto ;
    -moz-columns: auto ;
    columns: auto ;
	}
	.home-boxes li{
		margin-right:0;
		width:100%;
		text-align:center;
	}
	.home-boxes .thumb img{
		max-width:50px;
	}
	.h-block-3 .btn{
		display:block;
		width:calc(100% + 40px);
		margin:0 0 -20px -20px;
		border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
		line-height:1.2em;
		padding:20px 20px;
	}
	#h-bottom-content{
		margin-bottom:0;
		padding-bottom:0;
	}
	.f-menu li{
		margin-bottom:3px;
	}
	.h-block-1{
		padding-top:0;
	}
	.left-large,.right-small{
		width:100%;
	}
	
	.page-title{
		display:block;
		padding-top:30px;
	}
	#how-header-image{
		height:105px;
	}
	.back-btn{
		float:none;
		margin:5px 0 0;
	}
	.c-left,.c-right{
		width:100%;
	}
	.contact-address{
		margin-top:30px;
		font-size:1.6rem;
	}
	.contact-form .gfield input{
		padding-top:0;
		padding-bottom:0;
	}
	.contact-page{
		padding:20px 0 30px;
	}
	.home-top-panels{
		margin:0;
	}
	.home-top-panels .layout-2{
		margin:0;
	}
	.hblocks li,.hblocks li a{
		text-align:center;
	}
	.h-block-1 .h-left{
		padding-top:20px;
	}
	.register-banner,.register-banner.banner-2{
		background:#6600cc;
		height:auto;
	}
	.banner-2 .register-banner-content{
		top:auto;
	}
	.register-banner-content{
		position:relative;
		right:auto;
		top:auto;
		-ms-transform:none; 
    -webkit-transform: none; 
    transform: none;
		margin:auto;
		padding:20px 0 30px;
		font-size:1.6rem;
		max-width:360px;
		width:100%;
	}
	.register-banner-content header{
		font-size:3rem;
	}
	.register-banner-content .btn{
		margin-top:20px;
	}
	.h-banner{
		background:#20afc0 !important;
		padding:25px 0 10px;
		height:auto;
		color:#fff;
		text-align:center;
	}
	.h-banner p, .h-banner h2{
		margin-bottom:1em;
	}
	.blog-wrapper li h2{
		font-size:2rem;
		margin:5px 0 5px;
	}
	.blog-wrapper li .entry-content{
		font-size:1.6rem;
		margin:0;
	}
	.blog-wrapper li{
		padding-bottom:40px;
	}
	.popup-layout{
		padding:30px 20px 20px;
	}
	.h-banner .content{
		margin:auto;
	}
	.thumbnail img{
		width:auto;
		max-width:100%;
	}
	.header-phone{
		margin-right:15px;
	}
	#masthead .layout-2{
		padding:0;
	}
	#masthead .layout-2:before{
		display:none;
	}
}

/* 500  */
@media screen and (max-width:500px){
	h1,h2,h3{
		line-height:1.2;
	}
	#home-header-image, #about-header-image, #why-header-image{
		padding:0 0 0;
	}
	.site-branding{
		width:220px;
	}
	.h-banner br{
		display:none;
	}
	.f-menu li{
		display:block;
		margin:0 0 5px;;
	}
	.h-banner h2{
		font-size:2.6rem;
	}
	.entry-content h4 br,.entry-content h2 br,.entry-content h3 br,.entry-content h1 br{
		display:none;
	}
	.popup-form .gfield.left,.popup-form .gfield.right{
		display:block;
		width:100%;
		margin-right:0;
	}
	.blog-wrapper li{
		width:100%;
		margin-right:0;
	}
	.hblocks li{
		border:none!important;
		border-bottom:3px solid #000 !important;
		width:100%;
		text-align:center;
	}
	.hblocks li a{
		width:280px;
	}
	.header-phone{
		margin:15px 0 15px 0;
	}
	.form-footer{
		display:none;
	}
	.box{
		width:100%;
		margin:0 0 20px;
	}
	.sticky-phone-mobile{
		display:block;
	}
	.f-menu{
		display:none;
	}
	#colophon{
		padding-bottom:50px;
	}
}