/********************************* OVERALL STYLING ************************************/
html{ font-family: 'Open Sans', sans-serif; color:#000; font-size:18px; }

.margin-auto{ margin: 0 auto; }

p a:hover{ color: #BCCF02; }
ul li{ font-size: 0.9rem; font-weight: 400; }

/********************************* SITE COLOURS ************************************/
.font-green-standard{color:#ACEDDD;}
.desktop-device .font-green-standard-hover:hover{color:#ACEDDD;}
.bg-green-standard{background-color:#ACEDDD;}
.desktop-device .bg-green-standard-hover:hover{background-color:#ACEDDD;}

.font-green-darker{color:#22D2A7;}
.desktop-device .font-green-darker-hover:hover{color:#22D2A7;}
.bg-green-darker{background-color:#22D2A7;}
.desktop-device .bg-green-darker:hover{background-color:#22D2A7;}

.font-blue-dark{color:#11293D;}
.desktop-device .font-blue-dark-hover:hover{color:#11293D;}
.bg-blue-dark{background-color:#11293D;}
.desktop-device .bg-blue-dark-hover:hover{background-color:#11293D;}




/*********************** GENERAL STYLES FOR THIS WEBSITE ***********************/
/***** FONTS *****/
p{ font-size:0.9rem; font-weight:400; }
a{ color:#000; }

/***** FORMS *****/
.form-field{ padding-right:20px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], textarea, select{
	border:1px solid #67A8C5;
	font-size:0.9rem;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
	border-color:#0FB3F0;
	outline: none;
}
form .required-field, form .sensitive-data{ font-size:0.85rem; }


.wpcf7-form p{ width: 50%; font-size: 0.75rem; clear: left; margin-bottom: 10px; }
.submit-form-button{ float:right; }
.wpcf7-form input[type="submit"]{ float: right; margin: 0; padding:5px 10px; background-color: #fff; font-size: 1.1rem; }
.form-relative{ width: 100%; float: left; position: relative; }
.form-row span.wpcf7-form-control-wrap{ width: 100% !important; }
.form-relative .form-row, #commentform .form-row{ float: left; position: relative; width: 100%; /*overflow:hidden;*/ padding-bottom: 15px; }
.form-relative .form-row .form-row-label, #commentform .form-row .form-row-label{ width: auto; position: absolute; top:10px; left:0px; color:#000; font-size:0.9rem; transition: top 0.5s, color 0.5s, font-size 0.5s; }
.form-relative .active-row .form-row-label, #commentform .active-row .form-row-label{ top:-15px; color:#BCCF02; font-size:0.8rem; transition: top 0.5s, color 0.5s, font-size 0.5s; }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], textarea, select{ background-color: transparent; padding:9px 0px !important; border: none; }
.wpcf7-form  input[type="submit"]{ background-image: url('../img/icons/cog-point.png'); margin: 0; float: right; height: 35px; padding: 0; padding-left: 40px; background-color: transparent; background-repeat: no-repeat; background-size: 27px; background-position: 0% 50%; overflow: hidden;}
.wpcf7-form  input[type="submit"]:focus{ outline:0; }
.form-row label{ color: #000; font-size: 0.9rem; }
.form-row .where-hear{ padding-top: 15px; }
.form-row .where-hear span{ font-size: 0.9rem; }
.form-row .where-hear .first{ margin-left: 0; }

.form-line{
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 35px;
	transition: width 1s;
}

.form-line-dull{
	left: 0;
	background-color: #999;
}

.form-line-full{
	width: 0%;
	background-color: #BCCF02;
	left: 0;
	z-index: 5000;
}

.active-row .form-line-full{
	width: 100%;
}

.wpcf7-form .quote-explain{ width: 100%; margin-bottom: 50px; font-size: 0.9rem; }

/*- NEWSLETTER FORM -*/

.newsletter-form{ width: 90%; }
.form-relative .newsletter-row{ width: 40%; margin: -7px 3% 0; }
.newsletter-signup-right p.newsletter-submit{ float: left; width: 30px; margin-top: 7px; clear: none; }

@media screen and (max-width:768px){
	.padding-vertical-100{ padding-top: 50px; padding-bottom: 50px; }

	#product-section-quote{ padding: 0 12.5%; margin: 50px 0px; }

	#newsletter-signup{ padding-left: 12.5%; padding-right: 12.5%; }
	.newsletter-form{ width: 100%; }
	.form-relative .newsletter-row{ width: 100%; }
	.newsletter-signup-right p.newsletter-submit{ margin-left: 15px; }
}

@media screen and (max-width:480px){
	.newsletter-signup-left{ width: 100% !important; text-align: center; }
	.newsletter-signup-right{ width: 100% !important; padding-bottom: 40px; }

}
/*********************** FORMATTING STYLES FOR THIS WEBSITE ***********************/

.hero-heading, .section-heading, .sub-heading{
	float:left;
	width:100%;
}

.hero-heading{
	margin-bottom:30px;
	font-size:4rem;
	color:#fff;
	line-height:110%;
	font-weight: 600;
}
.section-heading{
	margin-bottom:40px;
	font-size:2.25rem;
	line-height:120%;
	font-weight:300;
	width: 100%;
}
.sub-heading{
	margin-bottom:20px;
	font-size:1.1rem;
	font-weight:400;
	line-height:120%;
	color: #BCCF02;
}
.highlighted-text-large{
	font-weight: 600;
	font-size: 0.95rem;
}
.highlighted-text-small{
	font-size:0.8rem;
	font-weight: 400;
}
.body-text-large{
	font-size:1rem;
}
.body-text-small{
	font-size:0.8rem;
}
.button-standard{
	float:left;
	padding:8px 50px;
	font-size: 0.9rem;
	background-color:#67a8c5;
	border:none;
	color:#fff;
	-webkit-transition:background-color .5s;
	-moz-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
}
.desktop-device .button-standard:hover {
	background-color:#0FB3F0;
}
.span-green{ color: #BCCF02; }

@media screen and (max-height:767px){
	.hero-heading{ font-size:2.5rem; }
	.section-heading{ font-size:2.5rem; }
	.sub-heading{ font-size:1.2rem; }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:1023px){
	.hero-heading{ font-size:2.5rem; }
	.section-heading{ font-size:2.5rem; }
	.sub-heading{  }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:768px){
	.hero-heading{ margin-bottom: 20px; font-size:2rem; }
	.section-heading{ font-size:2rem; }
	.sub-heading{font-size:1.1rem;  }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:479px){
	.hero-heading{ margin-bottom: 0; font-size:1.5rem; }
	.section-heading{ font-size:1.4rem; }
	.sub-heading{ font-size:1rem; }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}





/*********** SOCIAL *************/

.header-social-icon{ color:#000; }





/****************************** HEADER SECTION ****************************/

/***** STRUCTURE FOR RESIZING HEADER ON SCROLL DOWN FROM TOP *****/

/* Top - large screen */
#site-header{ position:fixed; top:0; height:93px; z-index: 502; /*B*/opacity: 0.975;/*B*/  }

#sticky-header{ height:93px; /*border-bottom:1px solid #ddd;*/ }
#site-logo{ min-height: 75px; }
#site-logo img{ height:50px; margin-top: 0px; width: 225px; }
.home #site-logo img{ height: 90px; margin-top: -22px; margin-left: -15px; width: 80px; }
.main-navigation{ /*width:calc( 100% - 130px ); height:50px;*/ height: 95px; margin-top: -20px; }

/* Inner Pages Nav Bar and Content */

.page-header{ position: absolute; top: 40%; left: 20vw; width: 65%; }
.page-header h1 .hero-heading{ color: #fff; font-size: 0; opacity: 0; font-weight: 400; transition: all 0.3s; }
.large-nav .page-header h1 .hero-heading{ font-size: 4rem; opacity: 1; }


#site-header.inner-navbar.large-nav{ height: 400px; }
#site-header.inner-navbar #sticky-header{ position: relative; height: 100%; background-color: rgba(0,0,0,0.7); transition: all 0.5s; }
.inner-page-content{ margin-top: 250px; transition: all 1s; }
.content-large-nav{ margin-top: 400px; transition: all 0.5s; }
/*.inner-navbar .main-navigation{ width: calc( 100% - 215px ); }*/

/* Scrolled down - large screen
.scrolled-down #site-header{ height:50px; }
.scrolled-down #sticky-header{ height:50px; padding-top:10px; padding-bottom:10px; }
.scrolled-down #site-logo img{ height:30px; }
.scrolled-down .main-navigation{ height:30px; } */

@media screen and (max-width:1023px){
	/* Top - small screen */
	#site-header{ height:70px; }
	#sticky-header{ height:70px; padding-top:15px; padding-bottom:15px; }
	#site-logo img{ height:40px; }
	.main-navigation{ height:40px; }

	/* Scrolled down - small screen */
	.scrolled-down #site-header{ height:50px; }
	.scrolled-down #sticky-header{ height:50px; padding-top:10px; padding-bottom:10px; }
	.scrolled-down #site-logo img{ margin-top: -10px; }
	/* .scrolled-down .main-navigation{ height:30px; } */
}

@media screen and (max-width:1220px){
	#site-logo img{ height: 50px; margin-top: 0px; }
	/*#site-header.inner-navbar{ height: 150px; }*/
	.inner-navbar .main-navigation{ width: 100vw; }

	#site-header.inner-navbar.large-nav{ height: 150px; }
	.page-header{ top: 80px; left: 4.2%; }
	.large-nav .page-header h1 .hero-heading{ font-size: 1.5rem; }

	.content-large-nav{ margin-top: 150px; }

	.inner-page-content{ margin-top: 150px; }
	
	
	/********** TO ACCOUNT FOR MENU Z-INDEXING ON SMALLER DEVICES WHEN SCROLLED DOWN ************/
	.scrolled-down .main-navigation { height:100vh !important; padding: 20px; }
	
}

/***** LOGO *****/
#siteLogo{  }
#siteLogo p{ margin:0; }


/** New Nav **/

/*#sticky-header .fa-bars{ color: #fff; font-size: 2.25rem; float: right; margin-top: 5px; }
#sticky-header .fa-bars:hover{ cursor: pointer; }*/

/***** MAIN NAV *****/
.main-navigation {  }
.menu-main-container{ overflow: hidden; }
#main-menu{ width: 100%; transition: all 1s; float: right; margin: 0 5px -10px; transform: translateX(calc(100% - 55px )); -ms-transform: translateX(100%) translateX(-55px); }
.menu-active{ transform: translateX(0%) !important; }
#main-menu > li:first-of-type{ border-right: 1px solid #fff; }
#main-menu > li{ padding-bottom: 10px; box-sizing: border-box; }
#main-menu > li > a { padding: 0 15px; color:#FFF; font-size:0.8rem; letter-spacing:1px; }
.desktop-device #main-menu > li > a:hover{ color: #BCCF02; }
#main-menu > .current_page_item > a{ color: #BCCF02; }
#main-menu > li:first-of-type > a:hover{ color: #fff; cursor: default; }
/* Toggle button */

.menu-toggle{
	width:40px;
	height:40px;
	display: block;
	position: relative;
	float: right;
	margin-top: 8px;
}

.menu-toggle-line{
	height:1px;
	width:80%;
	background-color:#fff;
}
#menu-toggle-line-1{
	top:30%;
	left:10%;
	width:80%;
}
#menu-toggle-line-2{
	top:50%;
	left:15%;
	width:70%;
}
#menu-toggle-line-3{
	top:70%;
	left:10%;
	width:80%;
}

.menu-toggle.active{  }
.menu-toggle.active, .menu-toggle.inactive{ /*animation-name:menuToggle;*/ animation-duration:1s; animation-iteration-count:1; }
.menu-toggle.active #menu-toggle-line-1{ top:50%; transform:rotate(45deg); }
.menu-toggle.active #menu-toggle-line-2{ opacity:0; }
.menu-toggle.active #menu-toggle-line-3{ top:50%; transform:rotate(-45deg); }
/* Maybe make the lines zoom off to the right and come back in? */

@keyframes menuToggle{
	0%{ filter:blur(0); -webkit-filter:blur(0); }
	50%{ filter:blur(5px); -webkit-filter:blur(5px); }
	100%{ filter:blur(0); -webkit-filter:blur(0); }
}

.scrolled-down .menu-toggle{ width:30px; height:30px; }
.mobile-menu-active .menu-toggle{  }


/*Inner pages menu out*/

@media screen and (min-width:768px){
	.inner-pages-nav .menu-toggle{ display: none; }
	.inner-pages-nav .menu-main-container #main-menu{ transform: none; padding-top: 2px; }
	.inner-pages-nav .menu-main-container #main-menu > li:first-of-type{ display: none; }
}


/* POINT WHERE MENU CHANGES TO BURGER */
/*@media screen and (max-width:1023px) { .menu-toggle { display: block; }	#main-menu{ display:none; }	}*/
@media screen and (max-width:1139px){ #main-menu > li > a{ padding:0 13px; } }

@media screen and (max-width:1220px){
	.menu-toggle{ position: fixed; z-index: 2001; right: 4.2%; margin-top: 0; }
	.main-navigation{ height: 100vh; top: 0; margin-top: 0; position: fixed; width: 100vw; left: 100vw; background-color: rgba(0,0,0,0.95); transition: left 0.5s; display: block; }
	.main-navigation.active{ left: 0; }
	.main-navigation .right-content{ width: 100%; }
	#main-menu{ transition: all 0.5s; }
	#main-menu > li:first-of-type{ display: none; }
	#main-menu > li{ width: 100%; }
	#main-menu > li > a{ font-size: 1.1rem; }

	.inner-pages-nav .menu-toggle{ display: block; }
}

/***** SOCIAL *****/
[class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.4rem; }

@media screen and (max-width:1139px){ .header-social{ margin-left:20px; } [class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.2rem; } }
@media screen and (max-width:1023px){ [class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1rem; } }
@media screen and (max-width:939px){ .header-social{ margin:0 100px 0 0; } }


/****************Floated Right Nav**********************/

.floated-right-nav{ position: fixed; top: 37vh; right: 4%; z-index: 20; }
.floated-right-nav ul{ list-style: none; margin: 0; }
.floated-right-nav ul li{ padding: 10px 15px 10px 0; margin-bottom: 5px; border-right: 2px solid #464908; text-align: right; }
.floated-right-nav ul li a{ color: #fff; font-size: 0.8rem; font-weight: 500; }

.floated-right-nav ul li.active { border-right: 2px solid #BCCF02; }

@media screen and (max-height:600px){ .floated-right-nav{ top: 25vh; } }

@media screen and (max-width:1180px){
	.floated-right-nav ul li{ padding: 10px 10px 10px 0; }
	.floated-right-nav ul li a{ font-size: 0.7rem; }
}

@media screen and (max-width:930px){
	.floated-right-nav ul li{ padding: 30px 10px 10px 0; }
	.floated-right-nav ul li a span{ display: none; }
}

/****************************** GLOBAL NAV **********************************/

.global-nav{ display: none; position: fixed; z-index: 1000; width: 100%; top: 93px; background-color: #fff; border-bottom: 2px solid #BCCF02; border-top: 2px solid #BCCF02; box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.1); padding: 50px 4.2%; }
.global-nav.active{ display: block; }
.global-nav .global-nav-section{ float: left; }
.global-nav .global-nav-section .section-heading{ margin-bottom: 20px; font-size: 1.2rem; font-weight: 400; }
.global-nav .global-nav-column{ float: left; }

.global-nav #global-section-1{ width: 15%; }
.global-nav #global-section-2{ width: 30%; margin: 0 5%; }
.global-nav #global-section-3{ width: 25%; }
.global-nav #global-section-4{ width: 20%; }

.global-nav #global-section-4 .global-nav-text{ width: 100%; }
.global-nav #global-section-4 .global-nav-text p{ padding: 0px; font-size: 0.8rem; letter-spacing: 1px; }
.global-nav #global-section-2 .global-nav-column{ width: 50%; padding: 0 15px; }
.global-nav #global-section-2 .global-nav-column:first-of-type{ padding: 0 15px 0 0; }
.global-nav #global-section-3 .global-nav-column{ width: 100%; }

.global-nav .global-nav-column ul li{ padding: 1px 0; }
.global-nav .global-nav-column ul li a{ padding: 0px; font-size: 0.8rem; letter-spacing: 1px; }
.global-nav .global-nav-column ul li a:hover{ color: #BCCF02; }

@media screen and (max-width:1220px){
	.global-nav{ display: none!important;}
}


/****************************************** MOBILE MENU **************************************/
#mobile-menu-social{ width:150px; margin:0 auto; }





/****************************** HERO **********************************/
#hero-wrapper{ max-height:600px; overflow:hidden; }

@media screen and (max-height:767px){ #hero-wrapper{ max-height:400px; } }
@media screen and (max-width:1023px){ #hero-wrapper{ max-height:400px; } }
@media screen and (max-width:768px){ #hero-wrapper{ max-height:300px; } }
@media screen and (max-width:479px){ #hero-wrapper{ max-height:none; } }





/****************************************** FOOTER **************************************/
footer{ background-color: #F6F6F6; }

#footer-content-wrapper,
#legal-content-wrapper{ max-width: 1200px; }

.footer-column{ float: left; width: 23%; }
.footer-column p, .footer-column a{ font-size: 0.85rem; }
.footer-column a{ float: none; }
.footer-column ul{  }
.footer-column ul li{ padding-bottom: 10px; }
.footer-column ul li a{ font-size: 0.75rem; font-weight: 600; }
.footer-column ul li a:hover{ color: #BCCF02; }
.footer-column ul li ul li{ padding-bottom: 0; }
.footer-column ul li ul li a{ font-weight: 400; }

#footer-column-logo{ margin-right: 5%; width: 26%; border-right: solid 1px #999; }
.footer-logo{ max-width: 125px; margin-bottom: 25px; }

#footer-column-social{ width: 15%; }
#footer-column-social p .fa{ font-size: 1rem; padding: 5px 5px; }
.social-wrapper .fa{ font-size: 1.5rem; padding: 10px; }
.social-wrapper .fa.fa-linkedin{ padding-left: 0px; }
.social-wrapper .fa:hover{ color: #BCCF02; }

#footer-column-social #menu-footer-1 li a{ font-size: 0.8rem; padding-left: 9px; }

.footer-menu-column ul{ margin-left:0; padding-right:20px; }
.footer-menu-column a{ margin-bottom:5px; font-size:0.9rem; }

#footer-legal a{ float: none; }

#site-legal{ background-color: #E0E0E0; padding: 20px 0; }
#site-legal p{ font-size: 0.65rem; text-align: center; margin-bottom: 5px; }

@media screen and (max-width:915px){
	.footer-column p, .footer-column a{ text-align: center; }

	.social-wrapper{ width: 73px; display: table; float: none; margin: 0 auto 20px; }
	.social-wrapper .fa.fa-twitter{ padding: 10px 0 10px 10px; }

	#footer-column-logo{ width: 100%; border-right: none; }
	#footer-column-logo img{ margin: 0 auto 30px; }

	#footer-column-social,
	#footer-legal{ width: 100%; }
	#footer-legal p{ text-align: center; }

	.footer-column ul li{ padding-bottom: 9px; width: 100%; }
	.footer-column ul li a{ float: none; display: table; margin: 0 auto; }
	.footer-column ul li ul{ margin-bottom: 20px; margin-top: 11px; }
	.footer-column ul li ul li{ padding-bottom: 9px; width: 33.33%; }

	#footer-column-address{ width: 100%; }
	#footer-column-address p{ text-align: center; }

	/*#footer-column-social{ width: 90px; float: none; margin: 0 auto; overflow: hidden; }*/
}
@media screen and (max-width:580px){
	.footer-column ul li ul li{ width: 50%; }
}
@media screen and (max-width:480px){
	#footer-legal p, #footer-column-address p{ padding: 0; }
}
@media screen and (max-width:430px){
	.footer-column ul li ul li{ width: 100%; }
}

/***************************** TEASERS ***************************/
.teaser-wrapper:nth-of-time(3n + 1){ clear:left; }
.teaser-wrapper > .left-content{ max-width:350px; }
.teaser-wrapper > .left-content .sub-heading{ margin-bottom:0; }
.desktop-device .teaser-wrapper > .left-content:hover .background-blue-light-hover{background-color:#C8EBF2;}
@media screen and (max-width:768px){
	.teaser-wrapper > .left-content{
		float:none;
		display:block;
		margin:0 auto;
	}
}


/***************************** RE USABLE ON PAGES ******************************/

.page-section-left{ width: 50%; float: left; position: relative; }
.page-section-right{ width: 50%; float: right; position: relative; }
.half-half-text-image .page-section-right .section-heading{ width: 75%; }

.half-half-text-image.float-image-right .page-section-left{ float: right; }
.half-half-text-image.float-image-right .page-section-right p{ width: 85%; }

.page-section-left img{ max-height: 320px; }
.rel-content-holder{ position: relative; }

.text-link-holder{ float: left; width: 100%; }
.text-link-holder a{ padding-left: 40px; background-image: url('../img/icons/cog-point.png'); background-size: contain; background-repeat: no-repeat; }


@media screen and (max-width:768px){
	.page-section-left{ width: 75%; margin: 0 12.5%; margin-bottom: 50px; }
	.page-section-right{ width: 75%; margin: 0 12.5%; text-align: center; }

	.page-section-left img{ max-height: 250px; margin: 0 auto; }
	.half-half-text-image .page-section-right .section-heading{ width: 100%; }
	.half-half-text-image.float-image-right .page-section-right p{ width: 100%; }

	.page-image-break{ margin-top: 50px; margin-bottom: 50px; }
}


/***************************** SLIDERS ******************************/

/******Testimonial Slider*****/

.testimonials-section{ background-image: url('../img/hero/tester-testimonial.jpg'); background-size: cover; background-repeat: no-repeat; position: relative; }
.testimonial-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.55); }
.overall-testimonials-carousel{ overflow: hidden; }
.testimonial-item{ position: relative; float: left; }

button.slick-arrow{ position: absolute; top: 50px; background: transparent; border: none; }
button.slick-prev{ left: -75px; }
button.slick-next{ right: -75px; }
button.slick-arrow .fa{ color: #fff; font-size: 2rem; }

.testimonial-quote p{ color: #fff; font-size: 1.2rem; font-weight: 300; line-height: 150%; text-align: center; }
.testimonial_author, .testimonial_company{ color: #fff; font-size: 1.1rem; font-weight: 400; text-align: center;}

@media screen and (max-width:1200px){
	button.slick-arrow{ display: none !important; }
}

@media screen and (max-width:768px){
	/*.testimonial-item{ padding: 0 12.5%; }*/
	.testimonial-quote p{ padding: 0 12.5%; font-size: 1rem; }
}

/******Twitter Slider*****/

.twitter-section{ background-image: url('../img/hero/tester-testimonial.jpg'); background-size: cover; background-repeat: no-repeat; position: relative; }

.twitter-container{ position: relative; overflow: hidden; }
.twitter-container .tweet{ position: relative; float: left; padding: 0 25px; }
.twitter-container .tweet .fa{ color: #fff; font-size: 2rem; text-align: center; width: 100%; margin-bottom: 30px; }
.twitter-container .tweet .tweet-text{ color: #fff; font-size: 0.85rem; text-align: center; }
.twitter-container .tweet .tweet-text a{ color: #BCCF02; }
.twitter-container .tweet .tweet-time{ color: #fff; font-size: 0.8rem; text-align: center; margin-top: 30px; }

.more-twitter{ float: left; width: 100%; margin-top: 50px; text-align: center; }
.more-twitter a{ background-image: url('../img/icons/white-cog-point.png'); background-size: 27px; background-repeat: no-repeat; padding-left: 40px; color: #fff; display: table; margin: 0 auto; }


/***************************** TEAM MEMBERS ******************************/

.team-section h2,
#main-category-section h2{ text-align: center; }

.team-item{ width: 100%; float: left; padding: 75px 0; }
.team-item .team-item-left{ width: 50%; float: left; }
.team-item .team-item-right{ width: 50%; float: left; }

.team-item .team-item-left img{ margin: 0 auto; }

/*category, blog too*/
.team-item .team-item-right .section-heading,
.product-teaser-wrapper .section-heading,
.latest-3-blogs-indiv-holder .section-heading,
.latest-4-featured-indiv-holder .section-heading,
#blog-category-section ul li .section-heading{ margin-bottom: 10px; font-size: 1.5rem; }

.team-item:nth-of-type(2n) .team-item-left{ float: right; }

@media screen and (max-width:768px){
	.team-item{ padding: 30px 12.5%; }
	.team-item .team-item-left{ width: 25%; }
	.team-item .team-item-right{ width: 75%; padding-left: 40px; }

	.team-item:nth-of-type(2n) .team-item-right{ padding-left: 0px; padding-right: 40px; }
}

@media screen and (max-width:480px){
	.team-item .team-item-left{ width: 140px; margin: 0 auto 30px; overflow: hidden; float: none; }
	.team-item .team-item-right{ width: 100%; padding-left: 0px; }

	.team-item:nth-of-type(2n) .team-item-left{ float: none; }
}



/***************************** NEWSLETTER ******************************/

.newsletter-signup-left{ float: left; width: 30%; }
.newsletter-signup-right{ float: left; width: 70%; }

.newsletter-signup-right form label{ display: block; float: left; width: auto; font-weight: 300; }
.newsletter-signup-right form span.wpcf7-form-control-wrap{ width: 35%; margin: 0px 10px;}

.newsletter-signup-right form input[type="text"],
.newsletter-signup-right form input[type="email"]{ border: none; border-bottom: 1px solid #999; padding: 0 0 5px 5px; transition: all 0.2s; }

.newsletter-signup-right form input[type="text"]:focus,
.newsletter-signup-right form input[type="email"]:focus{ border-bottom: 1px solid #BCCF02; }

.newsletter-signup-right form .newsletter-form-80{ width: 80%; }
.newsletter-signup-right form .newsletter-form-20{ width: 20%; }

.newsletter-signup-right form input[type="submit"]{ background-image: url('../img/icons/cog-point.png'); margin: 0;
float: left; height: 27px; padding: 0; padding-left: 27px; background-color: transparent; background-repeat: no-repeat; text-indent: -9000px; background-size: 27px; overflow: hidden; transition: transform 10s; }
.newsletter-signup-right form input[type="submit"]:hover{ transform: rotate(360deg); }



/***************************** FRONT PAGE ******************************/

.home-slides-wrapper{  }
.home-slide{ height: 100vh; position: relative; overflow: hidden; }
.home-slide-image{ width: 100%; height: 100%; z-index: 1; }
.home-slide-content{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.home-slide-content h2 span{ width: 100%; text-align: center; margin-bottom: 50px; font-size: 4.75rem; }

.add-blur{ transition: all 1.5s; filter: blur(10px); transform: scale(1.02); }

.home-slide-image-mask{ position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.6); }

.home-slide-logo{ float: none; margin: 0px auto 60px; width: 290px; }
.home-slide-content-inner p{ font-size: 1.5rem; color: #fff; text-align: center; margin-bottom: 40px; }
/*.home-slide-content-inner a{ background-color: #BCCF02; border: 1px solid #BCCF02; padding: 5px 20px; border-radius: 25px; text-transform: uppercase; font-size: 0.9rem; font-weight: 600; transition: all 0.5s; }*/
.home-slide-content-inner a { position: relative; float: left; background-color: #BCCF02; border: 1px solid #BCCF02; padding: 6px 20px; border-radius: 25px; text-transform: uppercase; font-size: 1.5rem; font-weight: 600; transition: all 0.5s; color: #ffffff; }
.home-slide-content-inner a:hover{ background-color: transparent; color: #BCCF02; }

.cta-container{ position: relative; float: left; }


@media screen and (max-width:1400px){
	.home-slide-content h2 span{ width: 80%; margin: 0 10% 50px; font-size: 4rem; }
	.home-slide-content-inner p{ font-size: 1.25rem; margin: 0 10% 40px; width: 80%; }
}

@media screen and (max-width:1180px){
	#site-logo img{ width: 155px; }
	.home-slide-content h2 span{ font-size: 3rem; }
	.home-slide-content-inner p{ margin: 0 20% 40px; width: 60%; }
}

@media screen and (max-width:768px){
	.home-slide-logo{ width: 230px; }
	.home-slide-content h2 span{ font-size: 2.5rem; }
	.home-slide-content-inner p{ font-size: 1.1rem; }
}

@media screen and (max-width:480px){
	#site-logo img{ height: 45px; }
	.home #site-logo img{ height: 80px; margin-top: -15px; }

	.home-slide-logo{ width: 150px; margin: 0px auto 30px; }
	.home-slide-content h2 span{ font-size: 1.8rem; width: 80%; margin: 0 10% 30px; }
	.home-slide-content-inner p{ font-size: 1rem; margin: 0 15% 30px; width: 70%; }
}

@media screen and (max-width:380px){
	.home-slide-content h2 span{ font-size: 1.5rem; }
	.home-slide-content-inner p{ font-size: 0.9rem; margin: 0 10% 40px; width: 80%; }
}

/***************************** ABOUT PAGE ******************************/



/***************************** CATEGORY PAGE ******************************/


.product-teaser-wrapper{ float: left; width: 50%; padding: 0 50px; }
.product-teaser-wrapper:nth-of-type(2n){ padding-top: 30px; }
.product-teaser-wrapper:nth-of-type(2n+1){ clear:left; }

.product-teaser-wrapper img{ width: 100%; margin-bottom: 30px; }

@media screen and (max-width:768px){ .product-teaser-wrapper{ width: 75%; padding: 0; margin: 0 12.5%; } }

/***************************** PRODUCT PAGE ******************************/
/* NAV MENU */
#product-menu{ padding-right:20px; }
/* RIGHT SIDEBAR */
#product-sidebar-right{  }
#product-sidebar-right li{  }
#product-sidebar-right li img{ width:50px; margin-right:20px; }
#product-sidebar-right li p{ width:calc(100% - 70px); margin:10px 0 0; }

.social-media-holder{ position: fixed; bottom: 30px; right: 4.5%; z-index: 10; }
.social-media-holder .fa{ color: #fff; font-size: 1.4rem; }
.social-media-holder .fa-twitter,
.social-media-holder .fa-youtube,
.social-media-holder .fa-phone,
.social-media-holder .fa-google-plus,
.social-media-holder .fa-facebook{ padding-left: 15px; }
.social-media-holder .fa:hover{ color: #BCCF02; }
/***************************** CONTACT PAGE ******************************/
/* GOOGLE MAP */
#hero-wrapper iframe{ height:400px; width:100%; }
@media screen and (max-height:767px){ #hero-wrapper iframe{ height:300px; } }
@media screen and (max-width:768px){ #hero-wrapper iframe{ height:300px; } }
@media screen and (max-width:479px){ #hero-wrapper iframe{ height:200px; } }
/* FONT AWESOME ICONS VIA VISUAL COMPOSER */
.icon-library-icon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner{ width:16px; height:16px; margin-right:15px; }
.icon-library-icon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon{ top:0; left:0; transform:translate(0, 0); }





/***************************** BLOG PAGES ******************************/

.blog-teaser-image{ width: 90%; margin: 0 5%; position: absolute; top: 0; left: 0; min-height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center; }

.latest-3-blogs-indiv-holder{ float: left; width: 30%; }
.latest-3-blogs-indiv-holder:nth-of-type(2){ margin: 0 5%; }
.latest-3-top, .latest-3-bottom{ float: left; width: 100%; overflow:hidden;  }
.latest-3-top{ margin-bottom: 30px; height: 150px; }
.latest-3-top .blog-teaser-image{ min-height: 150px; }

.latest-4-featured-indiv-holder{ float: left; width: 40%; margin-bottom: 35px; }
.latest-4-featured-indiv-holder:nth-of-type(2n-1){ margin-right: 5%;  }
.latest-4-featured-indiv-holder:nth-of-type(2n){ margin-left: 5%;  }

.featured-stories-left{ float: left; width: 60%; padding-right: 30px; }
.popular-stories-right{ float: left; width: 40%; padding-left: 30px; }

.featured-single{ text-align: center; color: #fff; }
.featured-single .section-heading{ width: 50%; color: #fff; margin: 0 25% 40px; }
.featured-single .text-link-holder a{ color: #fff; }

.most-popular-indiv-holder{ float: left; width: 100%; margin-top: 30px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #999; }
.most-popular-indiv-holder:first-of-type{ margin-top: 0; }
.most-popular-indiv-holder:last-of-type{ border-bottom: none; }
.most-popular-indiv-holder .latest-3-top{ float: left; width: 40%; height: auto; }
.most-popular-indiv-holder .latest-3-bottom{ width: 60%; padding-left: 20px;}
.most-popular-indiv-holder .latest-3-bottom .section-heading{ font-size: 1rem; margin-bottom: 15px; }
.most-popular-indiv-holder .latest-3-bottom .text-link-holder a{ padding-left: 28px; background-size: 20px; font-size: 0.8rem; }

.blog-by-category ul{ margin: 0; list-style: none;  }
.blog-by-category ul li{ float: left; width: 30%; text-align: center; margin-bottom: 35px; }
.blog-by-category ul li:nth-of-type(3n+2){ margin: 0 5%; }
.blog-by-category ul li img{ margin-bottom: 30px; }


/*- SINGLE BLOG ENTRY -*/

.single-blog-left{ float: left; width: 65%; padding-right: 30px }
.single-blog-right{ float: left; width: 35%; padding-left: 30px }
.single-blog-image img{ float: none; margin: 0 auto 50px; }

.archives{ margin:0; padding-right:20px; list-style:none; }
.archives li{  }
.archives li a{ float:left; margin-bottom:5px; }

.page-numbers, .nav-links a{ background-color:#e2f4f8; color:#00abc5; }
.page-numbers.current{ background-color:#00abc5; color:#e2f4f8; }
.pagination a:hover{ background-color:#c8ebf2; }


@media screen and (max-width:768px){
	.page-section-left{ min-height: 200px; }
	.blog-teaser-image{ min-height: 200px; }

	#latest-3-articles-section{ padding-left: 12.5%; padding-right: 12.5%; }
	.latest-3-blogs-indiv-holder .section-heading{ font-size: 1rem; }
	.latest-3-bottom p{ display: none; }

	.featured-single{ width: 75%; margin: 0 12.5%; }
	.featured-single .section-heading{ width: 80%; margin: 0 10% 40px; }

	.featured-stories-left{ width: 75%; padding-right: 0; margin: 0 12.5% 50px; }
	.latest-4-featured-indiv-holder{ width: 45%; }
	.popular-stories-right{ width: 75%; padding-left: 0; margin: 0 12.5%; }

	#blog-category-section{ width: 75%; margin: 0 12.5%; }

	.single-blog-left, .single-blog-right{ width: 75%; padding-right: 0px; padding-left: 0px; margin: 0 12.5%; }
	.single-blog-left{ margin-bottom: 50px; }

	#latest-3-articles-section .text-link-holder a{ padding-left: 24px; background-size: 18px; font-size: 0.7rem; }
}

@media screen and (max-width:600px){
	.blog-by-category ul li{ width: 45%; }
	.blog-by-category ul li:nth-of-type(3n+2){ margin: 0; margin-bottom: 35px; }
	.blog-by-category ul li:nth-of-type(2n){ margin-left: 10%; }

	.latest-3-blogs-indiv-holder{ width: 100%; margin: 0px 0px 30px; }
	.latest-3-blogs-indiv-holder:nth-of-type(2){ margin: 0px 0px 30px; }
}

@media screen and (max-width:480px){

}
.wpcf7-checkbox .wpcf7-list-item{
    padding-top: 10px;
}


/*
hack to fix checkbox positioning on TSP.
Fancy sibling selector :o
*/
.quote-cover_required ~ .form-line{
    bottom: 26px;
}






body.privacy #main *{  }
body.privacy #main p{  }
body.privacy #main a{  }
body.privacy #main li{ line-height:160%; }
body.privacy #main table{ width:100%; }
body.privacy #main table{ margin-bottom:20px; border-collapse:collapse; }
body.privacy #main table tr{  }
body.privacy #main table th{ padding:5px 10px; border:#333 solid 1px; background: #666; color:#fff !important; }
body.privacy #main table th p{ color:#fff !important; }
body.privacy #main table td{ padding:5px 10px; border:#333 solid 1px; vertical-align: top; }
body.privacy #main table p{ padding:0; margin:0; line-height: 160%; }