/*
Theme Name: WP-BOOTSTRAP3
Theme URI: 
Description: Custom Styles for Environex (Bootstrap 3)
Version: 0.0.1
Author: environex
Author URI: 

All rights reserved.
*/


@import url("css/bootstrap.min.css");
@import url("css/font-awesome.min.css");

/*General*/
body {list-style:none !important; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
a {-webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
a:hover {text-decoration:none;}

/*Fonts*/
@font-face {font-family:MyriadProBld; src: url(fonts/MYRIADPRO-BOLD.OTF);}
@font-face {font-family:MyriadProReg; src: url(fonts/MYRIADPRO-REGULAR.OTF);}
@font-face {font-family:MyriadProLite; src: url(fonts/MyriadPro-Light.otf);}

/*
Colors:
Green = #86d50a;
Blue = #21c2f8;
Orange = #ff9703;
Dark Grey = #2b282c;
*/

/*3 Stripes Bar*/
.stripes_bar {}
.stripe_bar_left {background-color:#86d50a; height:8px; padding:0; margin:0;}
.stripe_bar_mid {background-color:#21c2f8; height:8px; padding:0; margin:0;}
.stripe_bar_right {background-color:#ff9703; height:8px; padding:0; margin:0;}

/*Header Section*/
header {padding:0;}
.header_box {position:relative; height:120px;}
.header_box .logo {position:absolute; top:19px; left:0; z-index:5;}
.header_box .social_icons { position:absolute; top:38px; right:0; z-index:5;}
.header_box .social_icons .fa {color:#333; font-size:18px; padding-left:8px;}
.header_box .social_icons .fa:hover {color:#86d50a;}
.fa-facebook, .fa-twitter, .fa-linkedin, .fa-instagram:hover {}
.header_box .phone_info {color:#86d50a; font-family:MyriadProLite; font-size:18px; position:absolute; top:60px; right:0; z-index: 5;}
.header_box .phone_info .phone_number {font-family:MyriadProLite;}

/*Navigation Section*/
nav {border-top:1px solid #dee0e1; padding:0;}
.nav ul li a {
    padding: 0.4em !important;
}

/*Slider Section*/
.sliders {background-color:#2b282c;}
.carousel {margin-bottom:0;}
.first-slide {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:500px;}
.second-slide {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:500px;}
.third-slide {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:500px;}
.carousel-caption { }
.carousel-caption h3  { margin:0 auto; left:30px; top:90px; z-index:1; background-color:#000; opacity:0.5; height:auto; border-radius: 20px; font-family:MyriadProLite;  font-size:55px; padding:30px; text-shadow:1px 1px 1px transparent; font-weight:bolder;}

/*#banner-search {
		right:-25%;
	}
	.carousel-caption { margin:0 auto; left:5%; top:90px; z-index:1; background-color:#000; opacity:0.5; height:45%; border-radius: 20px;}
*/

.carousel-inner>.item>img {
	max-width:100%;
	min-width:100%;
	min-height: auto;
}

	
@media (max-width: 320px) {
}

@media (min-width: 360px) {
}

@media (min-width: 375px) {
	#banner-search {
		/*right:-28%;*/
	}
	
	.carousel-caption {
		left:15%;
		top:90px;
		/*height:45%;*/
	}
}

@media (min-width: 320px) {
	#banner-search {
		left:24%;
	}
	
	.carousel-caption {
		display: none;
	}
}

@media (min-width: 360px) {
	#banner-search {
		left:27%;
	}
	
	.carousel-caption {
		display: none;
	}
}

@media (min-width: 375px) {
	#banner-search {
		left:27%;
	}
	
	.carousel-caption {
		display: none;
	}
}

@media (min-width: 411px) {
	#banner-search {
		left:29%;
	}
	
	.carousel-caption {
		display: none;
	}
}

@media (min-width: 415px) {
	#banner-search {
		left:30%;
	}
	
	.carousel-caption {
		display: none;
	}
}

@media (min-width: 768px) {
	#signup-block {
		background: url(./images/singup.png) no-repeat;
    	background-position: right;
	}
	
	#banner-search {
		left:12%;
	}
	
	.carousel-caption {
		left:30px;
		top:5px;
		/*height:100px;*/
		display: block;
	}
}

/*About Section*/
.about {padding:50px 0;}
.about h2, .about h3 {color:#86d50a; font-family:MyriadProLite; font-size:50px; margin-bottom:15px; text-align:center;}
.about p {color:#333; font-family:MyriadProLite; font-size:18px; margin-bottom:15px; text-align:left;}
.about .btn-read {background-color:transparent !important; border:1px solid #86d50a; border-radius:0 !important; color:#333; padding:8px 25px; text-transform:uppercase;}
.about .btn-read:hover {background-color:#86d50a !important; border:1px solid #86d50a; color:#fff; }

/*CTA Section*/
.cta {background-color:#21c2f8; color:#fff;}
.cta01 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/cta01.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:300px; padding:50px;}
.cta02 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/cta02.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:300px; padding:50px;}
.cta03 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/cta03.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:300px; padding:50px;}
.cta04 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/cta04.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:300px; padding:50px;}
.cta h3 {font-family:MyriadProLite; font-size:24px; margin-bottom:100px;}
.cta .btn-view {background-color:transparent !important; border-radius:0 !important; color:#fff; padding:8px 25px; text-transform:uppercase;}
.cta .btn-view:hover {background-color:#86d50a !important; border:1px solid #86d50a;}

/*Testimonials Section*/
.testimonials {min-height:280px; padding:50px 0;}
.testimonials h2 {color:#86d50a; font-family:MyriadProLite; font-size:40px; margin-bottom:15px; text-align:center;}

/*SignUp Section*/
.signup {background-color:#2b282c; padding:0;}
.signup_box {padding:40px 50px 40px 100px;}
.signup_box h3 {color:#fff; font-family:MyriadProLite; font-size:30px; margin-bottom:15px;}
.signup_box p {color:#fff; font-family:MyriadProLite; font-size:16px;}
.signup_bg {position: relative; /**background: url(images/signup_bg.jpg) no-repeat center center;**/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:350px;}
.signup_bg img {
    position: absolute;
    left: -5%;
    max-height: 100%;
}
.signup_box .gform_button {background-color:#86d50a; border:1px solid #86d50a; color:#fff; margin-top:-10px; margin-right:10px; padding:8px 15px; text-transform:uppercase; }

/*Login Section*/
.login {padding:0;}
.login_box {padding: 55px 50px; width: 60%; margin: 55px auto; border-radius: 15px; background: rgb(59,103,158);
    background: rgb(0,169,214);
    background: -moz-linear-gradient(top, rgba(0,169,214,1) 24%, rgba(122,194,68,1) 87%);
    background: -webkit-linear-gradient(top, rgba(0,169,214,1) 24%,rgba(122,194,68,1) 87%);
    background: linear-gradient(to bottom, rgba(0,169,214,1) 24%,rgba(122,194,68,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9d6', endColorstr='#7ac244',GradientType=0 );
}
.login_box h3 {color:#fff; font-family:MyriadProLite; font-size:30px; margin-bottom:25px; text-align: center; font-weight: 700; text-transform: uppercase; background-image: url(/wp-content/uploads/2017/04/login-icon1.png); background-repeat: no-repeat; background-position: 30% 30%;}
.login_box p {color:#fff; font-family:MyriadProLite; font-size:16px;}
.login_bg {position: relative; /**background: url(images/login_bg.jpg) no-repeat center center;**/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:350px;}
.login_box h2.widgettitle { display: none; }
.login_box label { display: block !important; width: 100% !important; margin-bottom: 15px; margin-left: 60px; }
.login_bg img {
    position: absolute;
    left: -5%;
    max-height: 100%;
}
p.login-username label {
    background-image: url(/wp-content/uploads/2017/04/username-icon.png);
    background-repeat: no-repeat;
    background-position: 1% 50%;
    padding-left: 25px;
}
p.login-password label {
    background-image: url(/wp-content/uploads/2017/04/password-icon.png);
    background-repeat: no-repeat;
    background-position: 1% 50%;
    padding-left: 25px;
}
.login_box input#user_login,
.login_box input#user_pass {
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 335px !important;
    padding: 5px !important;
    color: #000000;
}
.login_box input#wppb-submit {
    margin: 0 auto;
    float: none !important;
    display: block;
    border: 2px solid #fff;
    padding: 10px 40px;
    background: rgb(0, 169, 214);
    border-radius: 7px;
    font-weight: bold;
}
.login_box input#wppb-submit:hover {
        background: #21c2f8;
}
.login_box .wppb-alert {
    text-align: center;
}
.login_box .wppb-logout-url {
    color: #000;
}
.login_box .gform_button {background-color:#86d50a; border:1px solid #86d50a; color:#fff; margin-top:-10px; margin-right:10px; padding:8px 15px; text-transform:uppercase; }

@media (max-width: 768px) {
	.login_box {
	    width: 100%;
	    padding: 30px;
	}
	.login_box h3 {
	    background-position: 0% 30%;
	}
}

/*Innerpage Section*/
.page {padding:50px 0;}
.page .leftcol {padding-right:20px; font-size:18px; font-family:MyriadProLite}
.page .leftcol h1 {color:#86d50a; font-family:MyriadProLite; font-size:42px; margin-bottom:15px;}
.page .leftcol h2 {color:#333; font-family:MyriadProLite; font-size:30px; margin-bottom:15px;}
.page .leftcol h3 {color:#86d50a; font-family:MyriadProLite; font-size:28px; margin-bottom:15px;}
.page .leftcol p {color:#333; font-family:MyriadProLite; font-size:18px; margin-bottom:15px; text-align:justify;}
.page .rightcol {border-left:1px solid #dee0e1; min-height:500px; padding-left:20px;}
.page .rightcol h3 {color:#86d50a; font-family:MyriadProLite; font-size:30px; margin-bottom:0;}
.page .leftcol h2 a {color:#333; text-decoration:underline; font-size:20px; font-family:MyriadProLite}

/*Blog Section*/
.blog {padding:50px 0;}
.blog .leftcol {padding-right:20px;}
.blog .leftcol h2 {color:#86d50a; font-family:MyriadProLite; font-size:42px; margin-bottom:15px;}
.blog .leftcol h3 {color:#86d50a; font-family:MyriadProLite; font-size:30px; margin-bottom:0;}
.blog .leftcol p {color:#333; font-family:MyriadProLite; font-size:16px; margin-bottom:15px;}
.blog .leftcol a {color:#86d50a;}
.blog .leftcol a:hover {color:#6aa907;}
.blog .rightcol {border-left:1px solid #dee0e1; min-height:500px; padding-left:20px;}
.blog .rightcol h3 {color:#333; font-family:MyriadProLite; font-size:30px; margin-bottom:0;}

/*Single Section*/
.single {padding:50px 0;}
.single .leftcol {padding-right:20px;}
.single .leftcol h2 {color:#86d50a; font-family:MyriadProLite; font-size:42px; margin-bottom:15px;}
.single .leftcol h3 {color:#86d50a; font-family:MyriadProLite; font-size:30px; margin-bottom:0;}
.single .leftcol p {color:#333; font-family:MyriadProLite; font-size:16px; margin-bottom:15px;}
.single .leftcol a {color:#86d50a;}
.single .leftcol a:hover {color:#6aa907;}
.single .rightcol {border-left:1px solid #dee0e1; min-height:500px; padding-left:20px;}
.single .rightcol h3 {color:#333; font-family:MyriadProLite; font-size:30px; margin-bottom:0;}

/*Page Banner Section*/
.page_banner {background: url(images/banner02.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:300px;}

/*Sidebar Section*/
.enquire_now_form .gform_button {background-color:#86d50a; border:1px solid #86d50a; color:#fff; margin-top:-50px; margin-right:10px; padding:8px 15px; text-transform:uppercase; }


/*Dealer Locator Section*/
.locator {padding:20px 0;}
.locator h3 {color:#86d50a; font-family:MyriadProLite; font-size:30px; margin-bottom:15px; text-align:center;}
.dealer_locator_form {margin-top:-30px;}
.dealer_locator_form .gform_button {background-color:#86d50a; border:1px solid #86d50a; color:#fff; margin-top:-50px; margin-right:10px; padding:8px 15px; text-transform:uppercase; }

/*Map Section*/
.map {padding:0; width:100%; height:300px;}

/*Footer Section*/
footer {padding:0;}
footer a {color:#333;}
footer a:hover {color:#86d50a;}
.footer_box {position:relative; height:120px;}
.footer_logo {position:absolute; top:25px; left:0; z-index:5;}
.footer_phone_info {color:#86d50a; font-family:MyriadProLite; font-size:18px;  position:absolute; top:45px; right:0; z-index:5;}
.footer_phone_info .footer_phone_number {font-family:MyriadProLite;}
.copyright {color:#333; font-family:MyriadProLite; position:absolute; top:70px; right:0; z-index:5;}

/*Misc*/
.display-blk {display:block;}

/*Media Queries*/

@media (min-width: 1200px) { 
}

@media (min-width: 980px) and (max-width: 1199px) {
}


@media (min-width: 768px) and (max-width: 979px) {
}



/* Tabs Accordion Styles */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	font-size: 0.8em;
}

/* Breadcrumbs */
.breadcrumbs span {
	font-family:MyriadProLite;
	font-size: 1.2em;
}

.testimonial-name {
	font-family:MyriadProLite;
}

.clear { clear:both; }

.news-name{ color:#494d4e; font-family:MyriadProLite; font-size:20px; font-weight:bold; padding-top:12px; padding-bottom:2px; float:left; text-decoration:underline;}
.news-description { font-family:MyriadProLite; font-size:16px; float:left; width:67%; position:relative;}
.news-readmore { white-space: nowrap; background-color:#86d50a; border:1px solid #86d50a; font-family:MyriadProLite; font-size:16px; color:#fff; padding:10px; text-transform:uppercase; text-align:center; margin-top:10px; }


.pdf-download {
	background-color:#EEEEEE;
	height: 100px;
	width: 45%;
	border: 1px solid #aaaaaa; float:left;
	padding: 15px;
	margin: 15px;
	font-size:18px; 
	font-family:MyriadProLite;
	color: #333;
}

.pdf-extended-download {
	background-color:#86d50a; 
	border:1px solid #86d50a; 
	color:#fff; 
	padding:8px 15px; 
	text-transform:uppercase;
	width: 100%;
}

.ui-tabs-anchor {
	font-size:26px; 
	font-family:MyriadProLite;
	color: #333;
}

#banner-search {
	position:relative;
	/*right:-10%;*/
	/*top:85px;*/
	height:27px;
	width:158px;
	margin:3px 0 0 0;
	background:url(images/bg-banner-search.png) 0 0 no-repeat;
	z-index:400;
}

#banner-search input {
	background:url(images/bg-banner-search-glass.png) left center no-repeat;
	padding:0 0 0 18px;
	width:120px;
	margin:6px 0 0 6px;
	border:none;
	line-height:14px;
	height:15px;
	font-family:MyriadProLite;
	font-size: 14px;
	color: #333;
	text-align:center;
}

.gform_body, .gform_footer, .validation_error {
	font-family:MyriadProLite;
	font-size: 16px;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.map-locator-field {
	width: 35%;
	font-size: inherit;
	font-family: inherit;
	font-size: 1em;
	padding: .313em 0;
	letter-spacing: normal;
	text-indent: .25em;
	box-sizing: border-box;
	height: 45px;
}

.map-locator-submit {
	display: inline-block;
	font-size: 1em;
	background-color: #86d50a;
    border: 1px solid #86d50a;
    color: #fff;
    margin-top: -50px;
    margin-right: 10px;
    padding: 8px 15px;
    text-transform: uppercase;
	-webkit-appearance: button	;
	box-sizing: border-box;
	width: 27%;
}

.addressInput {
	width: 30%;
}





/* Dealer Locator */

.dealer-locator-address-wrapper {
	width:50%;
	font-family:MyriadProLite; 
  	font-size:16px; 
  	float:left; padding:5px;
	text-align:center;
}

.dealer-locator-address {
	margin-left:20%;
  	margin-right:20%;
}

.dealer-locator-within-wrapper {
  	width:50%; 
  	font-family:MyriadProLite; 
  	font-size:16px; 
  	float:left; padding:5px;
	text-align:center;
}

.dealer-locator-within {
  	width:70%; 
  	height:35px; 
  	text-indent:5px;
}

.dealer-locator-within-dropdown {
  	width:60%;
  	height:35px;
}

.dealer-locator-within-submit {
  	width:100%; 
  	background-color:#86d50a; 
  	border:1px solid #86d50a; 
  	font-family:MyriadProLite; 
  	font-size:16px; 
  	color:#fff; 
  	padding:8px 15px; 
  	text-transform:uppercase;
}

.dealer-locator-map {
  	width: 200px;
  	float:left; 
  	margin-left:40%;
}

.play-submit {
  	width:200px;
  	background-color:#86d50a; 
  	border:1px solid #86d50a; 
  	font-family:MyriadProLite; 
  	font-size:16px; 
  	color:#fff; 
  	padding:8px 15px; 
  	text-transform:uppercase;
}

@media (max-width: 320px) {
	.dealer-locator-address-wrapper {
		width:100%;
	}

	.dealer-locator-within-wrapper {
		width:100%;
	}
	
	.dealer-locator-within {
		width:100%;
	}
	
	.dealer-locator-within-dropdown {
		width:100%;
	}
	
	.dealer-locator-map {
		margin-left:9%;
	}
}

@media (min-width: 360px) {
	.dealer-locator-address-wrapper {
		width:100%;
	}

	.dealer-locator-within-wrapper {
		width:100%;
	}
	
	.dealer-locator-within {
		width:100%;
	}
	
	.dealer-locator-within-dropdown {
		width:100%;
	}
	
	.dealer-locator-map {
		margin-left:15%;
	}
}

@media (min-width: 375px) {
	.dealer-locator-address-wrapper {
		width:100%;
	}

	.dealer-locator-within-wrapper {
		width:100%;
	}
	
	.dealer-locator-within {
		width:100%;
	}
	
	.dealer-locator-within-dropdown {
		width:100%;
	}
	
	.dealer-locator-map {
		margin-left:16%;
	}
}

@media (min-width: 411px) {
	.dealer-locator-address-wrapper {
		width:100%;
	}

	.dealer-locator-within-wrapper {
		width:100%;
	}
	
	.dealer-locator-within {
		width:100%;
	}
	
	.dealer-locator-within-dropdown {
		width:100%;
	}
	
	.dealer-locator-map {
		margin-left:19%;
	}
}

@media (min-width: 414px) {
	.dealer-locator-address-wrapper {
		width:100%;
	}

	.dealer-locator-within-wrapper {
		width:100%;
	}
	
	.dealer-locator-within {
		width:100%;
	}
	
	.dealer-locator-within-dropdown {
		width:100%;
	}
	
	.dealer-locator-map {
		margin-left:19%;
	}
}

@media (min-width: 768px) {
	.dealer-locator-address-wrapper {
		width:50%;
	}

	.dealer-locator-within-wrapper {
		width:50%;
	}
	
	.dealer-locator-within {
		width:100%;
	}
	
	.dealer-locator-within-dropdown {
		width:60%;
	}
	
	.dealer-locator-map {
		margin-left:35%;
	}
}

.charts{padding-top: 20px}
.charts p{display: none !important}
.chart {
	font-size:18px;
	border: 1px solid #CCC;
}

.chart .header {
	background: #333;
	color:#FFF;
	padding: 10px 5px;
	font-size: 15px;
}

.chart .even {
	background: #CCC;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
}

.chart .odd {
	background: #FFF;
	color: #000;
	padding-top: 7px;
	padding-bottom: 7px;
}
.header p, .chart .odd p, .chart .even p{display: none}
.chart .odd .odd, .chart .even .even{padding-top: 8px; padding-bottom: 7px;}
.chart-categories{margin-top: -20px}
.chart-categories h2{margin-bottom: 5px !important;}


.enquire_now_form input[type="text"], .enquire_now_form input[type="email"], .enquire_now_form textarea, .enquire_now_form select{border: #ccc 1px solid; padding: 10px !important; margin-top: 8px;}
.enquire_now_form label{display: none !important}

.chart p{display: none}
.sealer-product-selector-chart .col-sm-1, .cleaning-product-selector-chart .col-sm-1{width: 12.1%;font-size: 14px; text-align: center;}
.sealer-product-selector-chart .header-col, .cleaning-product-selector-chart .header-col{width: 15%;font-size: 15px;padding-top: 7;}
.sealer-product-selector-chart .odd .col-sm-1 .even{background: #FFF}
.table-header-title{padding-top: 8px; padding-bottom: 8px;}
.table-header-title *{line-height: 18px;}
.chart .table-main-heading{background: #337ab7}
a.tt-button.orange{
    background: rgba(252,154,42,1);
    background: -moz-linear-gradient(top, rgba(252,154,42,1) 0%, rgba(194,97,6,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,154,42,1)), color-stop(100%, rgba(194,97,6,1)));
    background: -webkit-linear-gradient(top, rgba(252,154,42,1) 0%, rgba(194,97,6,1) 100%);
    background: -o-linear-gradient(top, rgba(252,154,42,1) 0%, rgba(194,97,6,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,154,42,1) 0%, rgba(194,97,6,1) 100%);
    background: linear-gradient(to bottom, rgba(252,154,42,1) 0%, rgba(194,97,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9a2a', endColorstr='#c26106', GradientType=0 );
    padding: 10px 20px;
    margin-bottom: 30px;
    color: #000;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    font-size: 16px;
    border-radius: 3px;
    border: 1px #d27205 solid;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
a.tt-button.orange:hover{opacity: .8}

.cleaning-product-selector-chart .header-col{width: 12%;}
.cleaning-product-selector-chart .col-sm-1{width: 9.7%}

.contact-page{background: url(images/Environex-Perth-Factory.png) top center !important; background-size: cover !important}

/*.read-more{position: relative; margin-top: -15px;}
.read-more [id^='readlink'] {
	font-weight: normal !important;
    border-bottom: none !important;
    background: none;
    color: #25C9DA !important;
    text-transform: uppercase;
    margin: 0px;
    text-decoration: none !important;
    display: inline-block;
    position: absolute;
    bottom: -33px;
    padding: 0px !important;
}
*/
.read_div {
  transition: all 2s linear;
}

.read_div h1, 
.read_div h2 {
    font-family: inherit;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    text-align: left;
    margin-bottom: 15px;
}

.read-more {
	position: relative;
}

[id^='readlink'] {
    font-weight: bold !important;
    color: #25C9DA !important;
    padding: 5px !important;
    border-bottom:none !important;
}

@media (max-width: 992px) {
.page .rightcol{border: none}
.enquire_now_form{overflow: hidden; width: 100%; padding-top: 30px;}
}


@media (max-width: 767px) {
#cssmenu ul {display:block !important;}
#cssmenu ul ul {display:none;}
.stripes_bar {margin-bottom:10px;}
.header_box {height:auto;}
.header_box .logo, .header_box .social_icons, .header_box .phone_info {margin-bottom:10px; position:static;}
.header_box .social_icons, .header_box .phone_info, .header_box .banner-search {text-align:center;}
/*.carousel-caption { left:0; top:80px;}*/
.carousel-caption h1  { font-size:40px;}
.signup_box {padding-right:0; padding-left:0;}
.signup_bg {height:250px;}
.footer_box {height:auto; padding-top:20px;}
.footer_logo, .footer_phone_info, .copyright {margin-bottom:10px; position:static;}
.footer_phone_info, .copyright {text-align:center;}
.pull-right {float:none !important;}

.chart .odd .odd, .chart .even.even{font-size: 13px; padding-top: 10px; padding-bottom: 4px;}
.col-heading{font-weight: bold; text-transform: uppercase; font-size: 15px;width: 100% !important; padding-top: 15px;}
.sealer-product-selector-chart .col-sm-1, .cleaning-product-selector-chart .col-sm-1{width: 100%; text-align: left}
.chart-categories{margin-top: -25px;}
.chart-categories h2 a{font-size: 16px !important;}
}

@media (max-width: 650px){
.pdf-download{width: 98%; float: none; margin: 5px auto;height: auto;padding: 10px;}
}


@media (max-width: 480px) {
.cta01, .cta02, .cta03, .cta04 {height:200px;}
}


/* = My Styles
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.clear {
	width: 100%;
	clear: both;
}

.dash-links {
	width: 100%;
	display: block;
	clear: both;
}

.dash-links ul {
	list-style: outside none;
	margin: 0;
	padding: 0 0 36px;
}

.dash-links ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 24px;
}

.dash-links li a {
	font-size: 18px;
	line-height: 18px;
	display: block;
	color: #fff;
	padding: 15px 24px;
	background: #01AEDE;
	border-radius: 10px;
	border: 4px solid #95C939;
	box-sizing: border-box;
}

.dash-links li a i {
	font-size: 28px;
	line-height: 18px;
		display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0;
}

.dash-links li a:focus,
.dash-links li a:hover {
	background: #95C939;
	border: 4px solid #01AEDE;
}

.warrant-cert-upload {
	width: 100%;
	display: block;
	clear: both;
	padding: 20px;
	background: #f6f6f6;
	border: 2px solid #00AAD6;
}

.warrant-cert-upload .gform_fields {

}

.warrant-cert-upload .gfield_label {

}

.warrant-cert-upload .gform_wrapper .top_label input {

}

.warrant-cert-upload .gform_wrapper .gform_footer input.button {

}


/* Member's Area - Sidebar */

.member-sidebar {
	font-size: 16px;
	font-weight: bold;
	background-color: #f5f5f5;
	padding: 30px;
}

.member-sidebar .title {
	font-size: 38px;
	line-height: 39px;
	margin-bottom: 30px;
}

.member-sidebar .home {
	border-left: 10px solid #66757d;
	border-bottom: 1px solid #dfe1e2;
	line-height: 70px;
	margin-bottom: 30px;
}

.member-sidebar .warranty {
	border-left: 10px solid #86d50a;
	border-bottom: 1px solid #dfe1e2;
	line-height: 30px;
	margin-bottom: 30px;
}

.member-sidebar .chemical {
	border-left: 10px solid #21c2f8;
	border-bottom: 1px solid #dfe1e2;
	line-height: 70px;
	margin-bottom: 30px;
}

.member-sidebar .msds {
	border-left: 10px solid #ff9703;
	border-bottom: 1px solid #dfe1e2;
	line-height: 70px;
	margin-bottom: 30px;
}

/* Member's Area - Content */

.member-content {
	font-size: 16px;
}

/* Member's Area - Content - Home */

.member-content .home {
	font-size: 38px;
	margin: 30px;
}

.member-content .home .welcome .title {
}

.member-content .home .welcome .name {
	font-weight: bold;
}

.member-content .home .intro .description {
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	line-height: 30px;
	background-color: #f5f5f5;
	border: 1px solid #dfe1e2;
	padding: 15px;
	margin-top: 30px;
}

.member-content .home .cta {
	margin-top: 30px;
}

.member-content .home .cta .warranty {
	color: #ffffff;
	background-color: #86d50a;
	margin-left: 0px;
	border-right: 6px solid #ffffff;
}

.member-content .home .cta .warranty a {
	color: #ffffff;
}
	
.member-content .home .cta .warranty .title {
	font-size: 28px;
	line-height: 30px;
	margin-top: 50px;
}

.member-content .home .cta .warranty .description {
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 100px;
	margin-bottom: 30px;
	float: left;
	position: relative;
	width: 80%;
}

.member-content .home .cta .warranty .arrow {
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 100px;
	margin-bottom: 30px;
	float: left;
	position: relative;
	text-align: right;
	width: 20%;
}

.member-content .home .cta .chemical {
	color: #ffffff;
	background-color: #21c2f8;
	margin-left: 0px;
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
}

.member-content .home .cta .chemical a {
	color: #ffffff;
}

.member-content .home .cta .chemical .title {
	font-size: 28px;
	line-height: 30px;
	margin-top: 50px;
}

.member-content .home .cta .chemical .description {
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 100px;
	margin-bottom: 30px;
	float: left;
	position: relative;
	width: 80%;
}

.member-content .home .cta .chemical .arrow {
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 100px;
	margin-bottom: 30px;
	float: left;
	position: relative;
	text-align: right;
	width: 20%;
}

.member-content .home .cta .msds {
	color: #ffffff;
	background-color: #ff9703;
	margin-left: 0px;
	border-left: 6px solid #ffffff;
}

.member-content .home .cta .msds a {
	color: #ffffff;
}

.member-content .home .cta .msds .title {
	font-size: 28px;
	line-height: 30px;
	margin-top: 50px;
}

.member-content .home .cta .msds .description {
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 130px;
	margin-bottom: 30px;
	float: left;
	position: relative;
	width: 80%;
}
	
.member-content .home .cta .msds .arrow {
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 130px;
	margin-bottom: 30px;
	float: left;
	position: relative;
	text-align: right;
	width: 20%;
}

/* Member's Area - Content - Warranty Certificate */

.member-content .warranty {
	font-size: 38px;
}

.member-content .warranty .header {
	font-size: 38px;
	line-height: 150px;
	font-weight: bold;
	color: #ffffff;
	background-color: #86d50a;
}

.member-content .warranty .intro .description {
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	line-height: 30px;
	background-color: #f5f5f5;
	border: 1px solid #dfe1e2;
	padding: 15px;
	margin: 30px;
}

.member-content .warranty .form {
	margin: 30px;
}

/* Member's Area - Content - Chemical */

.member-content .chemical {
	font-size: 38px;
}

.member-content .chemical .header {
	font-size: 38px;
	line-height: 150px;
	font-weight: bold;
	color: #ffffff;
	background-color: #21c2f8;
}

.member-content .chemical .intro .description {
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	line-height: 30px;
	background-color: #f5f5f5;
	border: 1px solid #dfe1e2;
	padding: 15px;
	margin: 30px;
}

.member-content .chemical .form {
	margin: 30px;
}

iframe .galleria-image {
    background-color: #ffffff;
}

/* Member's Area - Content - MSDS */

.member-content .msds {
	font-size: 38px;
}

.member-content .msds .header {
	font-size: 38px;
	line-height: 150px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff9703;
}

.member-content .msds .intro .description {
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	line-height: 30px;
	background-color: #f5f5f5;
	border: 1px solid #dfe1e2;
	padding: 15px;
	margin: 30px;
}

.member-content .msds .form {
	margin: 30px;
}

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

	.member-content {
		padding: 0px;
	}
	
	.member-content .home .cta {
		background-color: #ffffff;
		padding: 0px;		
	}
	
	.member-content .home .cta .warranty {
		border: 0px;
		height: 165px;
		padding: 15px;
		margin-top: 0px;
	}
	
	.member-content .home .cta .warranty a {
		color: #ffffff;
	}
	
	.member-content .home .cta .warranty .title {
		margin-top: 15px;
	}
	
	.member-content .home .cta .warranty .description {
		margin-top: 15px;
	}
	
	.member-content .home .cta .chemical {
		border: 0px;
		height: 165px;
		padding: 15px;
		margin-top: 0px;
	}
	
	.member-content .home .cta .chemical a {
		color: #ffffff;
	}
	
	.member-content .home .cta .chemical .title {
		margin-top: 15px;
	}
	
	.member-content .home .cta .chemical .description {
		margin-top: 15px;
	}
	
	.member-content .home .cta .msds {
		border: 0px;
		height: 165px;
		padding: 15px;
		margin-top: 0px;
	}
	
	.member-content .home .cta .msds a {
		color: #ffffff;
	}
	
	.member-content .home .cta .msds .title {
		margin-top: 15px;
	}
	
	.member-content .home .cta .msds .description {
		margin-top: 15px;
	}
	
	.member-content .warranty {
		margin-top: 30px;
	}
	
	.member-content .warranty .wrapper {
		padding: 0px;
	}
	
	.member-content .warranty .header {
	    	line-height: 65px;
	}
	
	.member-content .warranty .intro .description {
	    	margin: 0px;
	    	margin-top: 30px;
	}
	
	.member-content .warranty .form {
		margin: 0px;
	    	margin-top: 30px;
	}
	
	.member-content .chemical {
		margin-top: 30px;
	}
	
	.member-content .chemical .wrapper {
		padding: 0px;
	}
	
	.member-content .chemical .header {
	    	line-height: 65px;
	}
	
	.member-content .chemical .intro .description {
	    	margin: 0px;
	    	margin-top: 30px;
	}
	
	.member-content .chemical .form {
		margin: 0px;
	    	margin-top: 30px;
	}
	
	.member-content .msds {
		margin-top: 30px;
	}
	
	.member-content .msds .wrapper {
		padding: 0px;
	}
	
	.member-content .msds .header {
	    	line-height: 65px;
	}
	
	.member-content .msds .intro .description {
	    	margin: 0px;
	    	margin-top: 30px;
	}
	
	.member-content .msds .form {
		margin: 0px;
	    	margin-top: 30px;
	}

}

/* Member's Area End */

body {
	overflow-x: hidden;
}

.clear {
	width: 100%;
	display: block;
	clear: both;
}

.my-member-header {
	width: 100%;
	display: block;
	clear: both;
	margin-bottom: 36px;
	padding: 60px 0 30px;
	background: #21C2F8;
	position: relative;
}

.my-member-header:before {
	content: "";
	width: 960px;
	height: 100%;
	background: #21C2F8;
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
}

.my-member-header h2 {
	color: #fff;
}

.my-member-desc {
	padding: 15px;
	margin-bottom: 36px;
	border: 1px solid #dfe1e2;
	background-color: #F5F5F5;
	margin-bottom: 36px;
	width: 100%;
	box-sizing: border-box;
}

.my-member-desc p {
	margin: 0 0 24px;
}

.my-member-desc a.my-btn {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	background: #21C2F8;
	padding: 15px 30px;
	text-transform: uppercase;
}

.my-member-desc a.my-btn:focus,
.my-member-desc a.my-btn:hover {
	opacity: 0.8;
}

.my-member-owcform {
	margin-bottom: 36px;
}

.my-member-owcform .gform_wrapper ul.gform_fields li.gfield {
	margin: 0 0 30px;
}

.my-member-owcform .gform_wrapper .top_label .gfield_label {
	font-size: 20px;
	line-height: 30px;
}

.my-member-owcform .gform_wrapper .gfield_description { 
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 15px;
}

.my-member-owcform .gform_wrapper input.medium {
	width: 100% !important;
	max-width: 450px;
	font-size: 16px !important;
	line-height: 20px;
	padding: 12px 20px !important;
	border: 1px solid #ccc;
	background: #fff;
}

.my-member-owcform .gform_wrapper .gform_footer input[type="submit"] {
	color: #fff;
	display: inline-block;
	padding: 15px 40px;
	border: 0;
	border-radius: 0;
	background: #21C2F8;
	font-weight: 700;
}

.my-member-owcform .gform_wrapper ul.gform_fields li.gfield.gfield_html a {
    display: inline-block;
    color: #fff;
    background: #21C2F8;
    padding: 15px 60px;
    text-align: center;
}

/*----------- 4-11-17 ----------------*/

.breadcrumbs, #my-thankyou h1 {
    display: none;
}

.thank-you h3, .incorrect h3 {
    text-align: center;
    background: #21C2F8;
    color: #fff;
    padding: 50px 0;
    font-size: 35px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.thank-you p, .incorrect p {
    padding: 50px 70px;
    border: 1px solid rgb(223, 225, 226);
    background-color: RGB(245, 245, 245);
    margin-bottom: 36px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
	margin-top: 15px;
}

.thank-you .in-touch {
    display: block;
    font-size: 35px;
}

.my-checkbox-warranty .gfield_description {
    font-weight: 600;
    color: #959EA3;
}



/*---------------- 4-12-17 --------------------------*/
#gform_wrapper_5 ul li label {
    font-size: 17px;
    line-height: 20px;
}

#gform_wrapper_5 ul li {
    width: 48%;
}
#field_5_1.reg-app, #field_5_3.app-num,
#field_5_6.cus-contact, #field_5_14.type-material,
#field_5_16.prod-first, #field_5_18.prod-2,
#field_5_20.total-area, #field_5_12.date-app,
.inline-field-left {
	margin-right: 4%;
}
 
#field_5_1.reg-app, #field_5_2.reg-num,
.inline-field {
    width: 48%;
    display: inline-block;
}

.my-member-owcform .gform_wrapper ul.gform_fields li.gfield.inline-field-left {
    margin-right: 4%;
}

#field_5_3.app-num, #field_5_4.reg-level {
    width: 48%;
    display: inline-block;
}

#field_5_6.cus-contact, #field_5_7.cus-num {
    width: 48%;
    display: inline-block;
}

#field_5_12.date-app, #field_5_25.in-ex {
    display: inline-block;
}

#field_5_14.type-material, #field_5_15.location {
    width: 48%;
    display: inline-block;
}

#field_5_17.quan-1, #field_5_16.prod-first {
    display: inline-block;
}

#field_5_18.prod-2, #field_5_19.quan-2 {
    display: inline-block;
}

#field_5_17.quan-1, #field_5_19.quan-2 {
    width: 35%;
}

#field_5_20.total-area, #field_5_21.total-prod {
    display: inline-block;
}

#gform_wrapper_5 #field_5_22 {
    width: 100% !important;
}

#field_6_15.chem-date, #field_6_13.chem-email {
    width: 49%;
}

#field_6_15.chem-date input, #field_6_13.chem-email input,
.row.chemical select {
    padding: 6px 12px !important;
	border: 1px solid #dfdfdf;
}

.row.chemical input,
.row.warranty select {
    border: 1px solid #dfdfdf;
}

.row.warranty select {
    border: 1px solid rgb(223, 223, 223);
    padding: 10px 12px !important;
}

.facets-selectors select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.facet-result-item {
    margin-bottom: 25px;
}

.facet-result-item img {
    display: block;
    margin: 0 auto;
}

.result-title {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.result-excerpt {
    margin-bottom: 12px;
    text-align: justify;
    display: block;
    min-height: 116px;
}

.result-info {
    display: block;
    padding: 0 8px 8px 8px;
    border-top: 1px solid #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    background: #fff;
}

.quantity-wrapper {
    display: block;
    text-align: center;
    margin: 10px 0 10px 0;
}

.row.facets-results {
    margin-top: 20px;
}

option.parent-stone {
    font-weight: bold;
}

#popup-enquire {
	display: flex;
    overflow: hidden;
}

#popup-enquire .col-md-8 {
    min-height: 708px;
	padding: 0;
    font-size: 20px;
    line-height: 1.5;
	background: #fff;
}

#popup-enquire .col-md-4 {
	text-align: center;
	background: rgba( 134, 213, 10, 1.00 );
	min-height: 708px;
}

#popup-enquire .card-modal {
    display: block;
    background-color: #00aad6;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
	line-height: 1.5;
    margin-top: 47px;
}

#popup-enquire .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 0;
    font-size: 16px;
    padding: 8px;
    margin: 0;
    border-radius: 6px;
}

#popup-enquire .gform_wrapper .gform_footer input.button, 
#popup-enquire .gform_wrapper .gform_footer input[type=submit] {
    border: 0;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 28px;
    border-radius: 4px;
    margin: 0;
}

#popup-enquire .gform_wrapper textarea.small {
    padding: 8px;
    border: 0;
    border-radius: 4px;
}

#popup-enquire .gform_wrapper .gform_footer {
    text-align: center;
    margin: 0;
}

#popup-enquire .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}

#announcement-section {
	background-color: #00aad6;
	color: #fff;
	position: relative;
	overflow: hidden;
	padding: 35px 0;
	line-height: 1.5em;
}

#announcement-section::before {
	content: '';
    /*background: url(./images/panel-img.jpg) no-repeat;*/
    background: linear-gradient(rgba(0, 0, 0, 0.21), rgba(0, 0, 0, 0.21)), url(./images/panel-img.jpg) no-repeat;
    background-size: 100%;
    /*height: 460px;*/
    width: 1089px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% -174%, 0 512%);
    clip-path: polygon(0 0, 100% 0, 100% -174%, 0 512%);
}

#announcement-section .gform_wrapper {
    background-color: #86d50a;
	padding: 11px 21px 28px 40px;
	position: relative;
}

#announcement-section .gform_wrapper form {
    color: #656565;
}

#announcement-section .gform_button {
	color: #fff;
}

.ginput_container_select {
	position: relative;
}

.ginput_container_select::before {
    color: #a1a1a1;
    position: absolute;
    right: 5px;
    top: 9px;
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
}

select.gfield_select {
    padding: 3px 5px !important;
    -webkit-appearance: none;
    appearance: none;
    border-color: #d7d8d7;
/*     border-radius: 0; */
}

#gform_7 label.gfield_label,
#gform_10 label.gfield_label{
    display: none !important;
}

#gform_7 .ginput_container,
#gform_7 li.hidden_label input,
#gform_10 .ginput_container,
#gform_10 li.hidden_label input {
	margin-top: 0 !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    background: #424141;
    border: 0;
    padding: 10px 30px;
    text-transform: uppercase;
}


/*------------------ My Responsive Styles -----------------------*/
@media only screen and (max-width: 1800px) {
.signup_box label {
    margin-left: 45px;
}
}

@media only screen and (max-width: 1750px) {
.signup_box label {
    margin-left: 35px;
}
}


@media only screen and (max-width: 1700px) {
.signup_box h3 {
    background-position: 34% 30%;
}
}

@media only screen and (max-width: 1650px) {
.signup_box label {
    margin-left: 20px;
}
}

@media only screen and (max-width: 1550px) {
.signup_box label {
    margin-left: 8px;
}
.signup_box h3 {
    background-position: 32% 30%;
}
}

@media only screen and (max-width: 1366px) {
.signup_box h3 {
    background-position: 29% 30%;
}
}

@media only screen and (max-width: 1350px) {
.signup_box label {
    margin-left: 0px;
}
.signup_box h3 {
    background-position: 28% 30%;
}
}

@media only screen and (max-width: 1200px) {
.signup_box {
    width: 75%;
}
.signup_box h3 {
    background-position: 31% 30%;
}
}

@media only screen and (max-width: 1100px) {
.signup_box {
    width: 80%;
}
.signup_box h3 {
    background-position: 29% 30%;
}
}

@media only screen and (max-width: 1020px) {
.signup_box {
    width: 85% !important;
}
.signup_box h3 {
    background-position: 30% 30%;
}
}

@media only screen and (max-width: 950px) {
.signup_box {
    width: 95% !important;
}
.signup_box h3 {
    background-position: 32% 30%;
}
}

@media only screen and (max-width: 900px) {
.signup_box {
    width: 100% !important;
}
}

@media only screen and (max-width: 850px) {
.signup_box h3 {
    background-position: 29% 30%;
}
}

@media only screen and (max-width: 770px) {
.signup_box h3 {
    background-position: 26% 30%;
}
}


@media only screen and (max-width: 767px) {
.signup_box {
    width: 70% !important;
padding: 55px 50px;
}

.signup_box h3 {
    background-position: 35% 30%;
}

.signup_box input#user_login, .signup_box input#user_pass {
    max-width: 100% !important;
}

.col-lg-4.text-right div p {
    text-align: center;
}

.my-member-header::before {
    display: none;
}

.page .row {
    margin-right: 0;
    margin-left: 0;
}

.my-member-header {
    padding: 30px 0 30px;
}

}

@media only screen and (max-width: 700px) {
.signup_box h3 {
    background-position: 33% 30%;
}

}

@media only screen and (min-width: 641px) {
    #announcement-section .gform_button {
        position: absolute;
        right: 33px;
        bottom: 87px;
		color: #fff;
    }
}

@media only screen and (max-width: 640px) {
    #gform_wrapper_5 ul li {
        width: 100% !important;
    }

    #field_6_15.chem-date, #field_6_13.chem-email {
        width: 100%;
    }

    .signup_box h3 {
        background-position: 30% 30%;
    }
    
    #announcement-section .gform_wrapper {
        padding: 11px 21px 28px 24px !important;
    }

}

@media only screen and (max-width: 560px) {
.signup_box h3 {
    background-position: 26% 30%;
}

}

@media only screen and (max-width: 500px) {
.signup_box {
    width: 80% !important;
}

}

@media only screen and (max-width: 440px) {
.signup_box h3 {
    background-position: 22% 30%;
}

}

@media only screen and (max-width: 400px) {
.signup_box {
    width: 90% !important;
}

    #announcement-section::before {
        -webkit-clip-path: none;
        clip-path: none;
        position: relative;
        top: -35px;
        background: url(./images/panel-img.jpg) no-repeat;
        background-size: 100%;
        height: 225px;
        width: 100%;
    }

}

@media only screen and (max-width: 350px) {
.signup_box {
    width: 95% !important;
    padding: 40px;
}
}


@media only screen and (max-width: 320px) {
.signup_box h3 {
    background-position: 18% 30%;
}

}

@media only screen and (max-width: 300px) {
.page {
    padding-bottom: 0;
}

.footer_box {
    padding-top: 0;
}

}

.ginput_container.ginput_container_checkbox {
    clear: both;
    width: 30px;
    float: left;
    position: absolute;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 24px !important;
    padding-left: 20px;
}

.training-button {
    background: #86d50b;
    color: #fff;
    padding: 15px 34px;
    border-radius: 4px;
}

.training-button:hover {
    background: #22c2f8;
	color: #fff;
}

@media (max-width: 768px) {
	div#input_5_26_Container {
		width: 100% !important;
	}
	
	canvas#input_5_26 {
		width: 100% !important;
	}

	#popup-enquire {
    	display: block;
		background: #fff;
	}

	#popup-enquire .col-md-4 {
    	padding-top: 8px;
    	margin-top: 30px;
	}
}