/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {list-style: none;}
img{max-width: 100%; height: auto;}


/*-- colors - fonts
blue: 214081
green: 2a8941
light gray: f6f6f6
dark gray: 212221

font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
/***** END RESET *****/

body{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
	overflow-x: hidden;
	width: 100%;
}

::-moz-selection {
    background: #ededed; 
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #ededed;
    color: #fff;
    text-shadow: none;
}

a{
	color: inherit;
	transition: all .6s ease-in-out; 
	-moz-transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;
	text-decoration: none;
}
a:hover, :hover{	transition: all .6s ease-in-out; 
	-moz-transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;}

.clear{clear:both;}	


h1{font-size: 32px; color: inherit; font-weight: 600; line-height: 42px; font-family: 'Open Sans', sans-serif; text-transform: uppercase}
h2{font-size: 28px; color: inherit; font-weight: 600; line-height: 30px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: .25px;}
h3{font-size: 22px; color: inherit; letter-spacing: .5px; font-weight: 700; line-height: 30px;}
h4{font-size: 18px; color: inherit; letter-spacing: 1.5px; font-weight: 400; line-height: 30px; text-transform: uppercase}

h1#large{color: #404040; font-size: 45px; line-height: 55px; letter-spacing: 3px; margin-bottom: 8px;}

.green-text{color: #2a8941;}
.blue-text{color: #214081;}

/*---BASIC STYLES -----------------------------------*/
#pad{padding: 25px 0;}
#l-pad{padding: 50px 0;}
#xl-pad{padding: 80px 0;}

.green-bg{background: #2a8941; color: #fff}
.blue-bg{background: #214081; color: #fff}
.lightgray-bg{background: #f2f2f2;}
.ag-bg{background: url(/siteart/ag-bg.jpg) no-repeat center center fixed;}

.trans{background: rgba(255,255,255,.8)}

.shadow{box-shadow: 0px 6px 14px -7px rgba(0,0,0,.25);}

#pageimage{display: block; width: 100%;}

.wrapper-inner{width: 80%; margin: 0 auto;}
.wrapper-center{width: 80%; margin: 0 auto; text-align: center;}
.wrapper60{width: 60%; margin: 0 auto;}

#gray-btn{ background: #404040; color: #fff; letter-spacing: 1.5px; font-size: 15px; padding:10px 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase}
#gray-btn:hover{background: #000;}


#black-btn{background: #000; color: #fff; letter-spacing: 1px; font-size: 15px; padding:10px 30px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
#black-btn:hover{background: #214081;}

#blue-btn{background: #214081; color: #fff; letter-spacing: 1px; font-size: 15px; padding:10px 30px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 5px;}
#blue-btn:hover{background: #c0111b;}

#green-btn{background: #2a8941; color: #fff; letter-spacing: 2px; font-size: 15px; padding:18px 30px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; text-align: center; border-radius: 50px; margin: 5px;}
#green-btn:hover{background: #214081;}



/*---HEADER-----------------------------------*/
.header{width:100%; background: #fff; position: relative; z-index: 999999;}
.header .wrapper-inner{padding: 10px 0; width: 95%; display: flex; align-items: center}

.header-left{justify-content: flex-start; text-align: left; width:30%} 
.header-left img{width: 100%; max-width: 300px; position: relative;}

.header-right{justify-content: flex-start; text-align: right; width: 70%;} 

.head-contact{position: absolute; z-index: 888; margin-top: -20px; width: 100%; max-width: 1000px; float: right; right: 0; padding: 10px 0; text-align: center}
.head-contact h4{display: inline-block; font-size: 15px; padding: 0 15px;}
.head-contact h4.mid {border-left: 1px solid #fff; border-right: 1px solid #fff}
.head-contact h4 a{color: #fff;}
.head-contact h4 a:hover{text-decoration: underline;}

.head-contact-mobile{display: none; margin-top: 10px;}
.head-contact-mobile .fa{color: #2a8941; margin: 10px; font-size: 20px; display: inline-block;}

/*---HOME PAGE ----------------------------------*/
/*--slider--*/
.cycle-slideshow {width: 100%; position: relative;}
.cycle-slideshow img{width: 100%;}


.hero-overlay{	
	position: absolute;
	z-index: 111; 
	float: left;
	text-align: left;
	width:43%;
    top: 19vw;
    left: 5%;
}

.hero-overlay h1{font-size: 50px; font-weight: 700; line-height:55px; color: #fff}

.hero #green-btn{margin-left:5%; top: -10px; position: relative; z-index: 222}

/*---popup ----------------------------------*/

.popup {
	width: 100%;
	height: 100%;
	z-index: 999999;
	margin: 0 auto;
	padding-top: 150px;
	background: rgba(0, 0, 0, 0.7);
	top: 0;
	position: fixed;
	display: none;
}

.popupcontainer {
	box-sizing: border-box;
	width:100%;
	max-width: 930px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 999;
	padding: 50px;
}

.popupcontainer .close {
	float: right;
	font-size: 55px;
	color: #000;
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px;
	transition: .3s ease;
}

.popupcontainer .close:hover {
	background: #2a8941;
	color: #fff;
}

/*--quick links--*/

.welcome{display: flex; align-items: center; width: 95%; margin: 0 auto}
.welcome .left{justify-content: flex-start; width: 40%; text-align: left}
.welcome .right{justify-content: flex-start; width: 60%; text-align: right; position: relative; z-index: 111; top: 30px;}

.ql-box{width: 26%; text-align: center; margin: 0 5px; padding: 80px 0 60px 0; border-radius: 10px; display: inline-block}
.ql-box img{margin:0 auto 40px auto; text-align: center; width: 100%; max-width: 200px;}
.ql-box:hover{background: #fff}


/*-- detailed search--*/
.search{padding: 150px 0}
.detailed-search-wrap {width:80%; margin:20px auto 0 auto; padding: 20px 0;}
.detailed-search-wrap .column4 {
	width: 24%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}

.detailed-search-wrap .column3 {
	width: 32%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}

.detailed-row .column3.second{vertical-align: middle; margin-top: 20px;}
.detailed-search input[type='submit'] {
	font-size:15px;
	color:#fff;
	font-weight:700;
	background: #2a8941;
    width: 100%;
	padding: 9px 0;
	margin-top: 20px;
	letter-spacing: .50px;
	font-family: 'Open Sans', sans-serif;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	outline: none;
	border: none;
	-webkit-appearance: none;
}
.detailed-search input[type='submit']:hover{
	background:#214081;
	color:#fff;
}
.detailed-search input[type='text'], .detailed-search select{
	font-weight: 400; 
	font-family: 'Hind', sans-serif; 
	border: 1px solid #878787;
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 14px;
	height: 40px;
	background-color: #f9f9f9;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* NOUI SLIDER */
.detailed-search .hp-slider .example-val {padding: 5px 0;}
.detailed-search .noUi-target{position: relative; direction: ltr}
.detailed-search .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search .noUi-handle{position: relative; z-index: 1}
.detailed-search .noUi-marker, .detailed-search .noUi-pips, .detailed-search .noUi-tooltip, .detailed-search .noUi-value{position: absolute}
.detailed-search .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search .noUi-background{background: #ccc;}
.detailed-search .noUi-connect{background: #fff !important; border: 1px #000 solid;}
.detailed-search .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search .noUi-handle{background: #2a8941 !important; border: 1px solid #ccc; border-radius: 3px;}
.detailed-search .noUi-handle:after, .detailed-search .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.detailed-search .noUi-handle:after{left: 12px}
.detailed-search .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.detailed-search .example-val{font-size: 12px; font-weight: 600; color: #000;} .detailed-search .example-val span{font-weight: 400;}
.detailed-search #slider-price-value-lower:before, .detailed-search #slider-price-value-upper:before{content: '$'; padding-right: 2px}


/*-- products tabs --*/
.tabs p, .tabs .tab ul {padding: 1em 0;}

.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
margin:10px auto;
	padding: 20px 0 30px 0;
}

.tabs label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
display: block;
  padding: 10px 0;
  margin: 0 auto 20px auto;
  width: 31%;
  cursor: pointer;
  background: #fff; 
	border:2px solid #e6e6e6;
	border-radius: 10px;
  text-align: center;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
}
.tabs label img{width: 100%; max-width: 200px;}

.tabs label:hover {
  background: #e6e6e6;
  -webkit-transition: .4s ease-in;
  -moz-transition: .6s ease-in;
  -o-transition: .6s ease-in;
  transition: .6s ease-in;
}

.tabs .tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding:4em 0;
  text-align: center;
  margin: 20px auto;
	border:2px solid #e6e6e6;
	border-radius: 10px;
}


.tabs .tab .left{display: inline-block; width:60%; vertical-align: middle; text-align: left}

.tabs .tab .right{display: inline-block; width:35%; vertical-align: middle;}
.tabs .tab .right img{float: right;}

.tabs .tab ul li .fa{font-size: 13px;}

.tabs input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.tabs input[type="radio"]:checked + label {background: #f6f6f6;  box-shadow: 0px 2px 2px rgba(0,0,0,0.2);}

.tabs input[type="radio"]:checked + label + .tab { display: block; }


/*-- contact feature --*/
.contact-feat{display: flex; align-content: center; margin: 0 auto; padding: 150px 0}
.contact-feat .left{justify-content: flex-start; width: 40%; padding-right: 100px; box-shadow: 0px 6px 14px -7px rgba(0,0,0,.25);}
.contact-feat .left p{line-height: 40px;}
.contact-feat .right{justify-content: flex-start;  width: 60%; position: relative; margin-left: -40px; z-index: 111; padding: 30px 0}
.contact-feat .right iframe{ }

.contact-feat h2{font-size: 20px;}

.cont-col{display: inline-block; vertical-align: middle;}
.cont-col img{width: 150px; margin-right: 30px;}

/*---SUB PAGES -----------------------------------*/
/*--products--*/
.products{ margin:-50px auto 0 auto; position: relative; z-index: 111; width: 90%;}

.product-row{display: flex; width: 100%; margin: 15px 0;}

.product-box{background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 6px; text-align: center; width: 50%; flex: 1; margin:  5px;}
.product-box img{width: 100%; max-width: 220px; margin: 20px auto; text-align: center;}

.product-box .showroom-link{background: #fff; text-align: left; width: 100%; padding: 10px 0; border-top: 1px solid rgba(0, 0, 0, 0.15);  border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.product-box .showroom-link .fa{margin:0 15px 0 40px;}

.product-box .showroom-link a:hover {margin-left: 15px; transition: all .5s ease-in-out;  }

.product-box .product-border{margin: 10px 0; border-bottom:1px solid rgba(0, 0, 0, 0.125);}


/*--about--*/
.about{ margin:-50px auto 0 auto; position: relative; z-index: 111; width: 90%;}
.about p{column-count: 1; column-gap: 20px; }
.about p img{width: 100%; max-width: 270px; display: inline-block; padding: 0 30px 5px 0; float: left}



/*--service--*/
.services{ margin:-50px auto 0 auto; position: relative; z-index: 111; width: 80%;}

.teampic{width: 100%; margin: 0 auto 20px auto; display: block; }

.wrapper90{ width: 90%; margin: 0 auto}
.staff{ display: flex; margin: 0 auto}
.staff-box{flex: 1; margin:10px 0;} .staff-box:nth-child(even){margin: 10px 15px} .staff-box img{width: 100%; text-align: center; margin: 0 auto}



/*--videos--*/
.video{ display: flex; align-items: center;}
.video-box{justify-content: flex-start; width: 50%; margin:10px;}
.video-box video{border: 2px solid #eee}

/*--contact --*/
.contact-page{display: flex; width: 90%; margin:-50px auto 0 auto; position: relative; z-index: 111; }

.contact-page .left{justify-content: flex-start; width: 50%;}
.contact-page .right{justify-content: flex-start; width: 50%;}

.contact-page h4{color: #214081}


/*-- FOOTER ------------------------------------*/
.foot-logo{ text-align: center;}
.foot-logo img{ text-align: center; margin: -45px auto 0 auto; position: relative;}

.footer{display: flex; margin: 0 auto; align-items: center; width: 80%;padding-bottom: 40px;}

.footer .left{justify-content: flex-start; width: 70%;}
.footer .left .foot-col{display: inline-block; vertical-align: top; width: 31%;}
.footer .right{justify-content: flex-start; width: 30%; text-align: right}
.footer .right img{width:100%; max-width: 250px; text-align: right}



/*---FORMS -----------------------------------*/
.form-row{display: flex;}
.formfield{flex: 1; font-family: 'Montserrat', sans-serif; position: relative; padding: 5px 0; margin: 5px 5px 5px 0; font-size:13px;}


.formfield input, .formfield select  {
	width: 100%;
	padding: 10px 0;
	border:1px solid #134773;
	background:#fff;	
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
}

input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }
.formfield textarea {
	width: 100%;
	padding: 10px 0;
	border:1px solid #134773;
	font-weight: 700;
	color:#000;
	background:#fff;
	font-family: 'Montserrat', sans-serif;
    height:85px;	
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
} 

form input.button,
form input.button:focus {
	float: none;
    width:160px;
    margin:0 auto;
    background: #214081; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-size:15px;
	padding: 10px 20px;
	letter-spacing:2px;
	display: block;
	border: none;
	-webkit-appearance:none;
	-webkit-border-radius: 0px !important;
	font-family: 'Montserrat', sans-serif; 
	font-weight: 400; 
	text-transform: uppercase; 
	text-align: center; 
	border-radius: 50px;	
}
form input.button:hover {
    padding:10px 0px;
    background: #2a8941; /* For browsers that do not support gradients */
	margin: 0 auto;
	text-align: center;
	display: block;
	transition: all .8s ease; 
}

/*control the Captcha */

.CaptchaPanel {margin: 0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000 !important;width: 100%;  text-align:left;}
.CaptchaPanel input{width: 100% !important; max-width: 300px;}
.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
	color: #000 !important
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 auto;
	padding:10px 0 10px 0 !important;
	width: 100%;
	float: right;
	display: block;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 





/*---RESPONSIVE STYLES ------------------------------*/
@media screen and (max-width: 1500px){
	
.hero-overlay{top: 14vw; width: 60%;}
}

@media screen and (max-width: 1250px){
	
.wrapper-inner, .wrapper-center{width: 90%;}

.hero-overlay h1{font-size: 40px; line-height:45px;}
	
}

@media screen and (max-width: 1200px){
.header-left{width: 50%} 
.header-right{width: 50%;} 
	
	
	.head-contact{display: none;}
	.head-contact-mobile{display: block;}
	
	
}

@media screen and (max-width: 1050px){
	.ql-box{padding: 45px 0}
.ql-box img{max-width: 150px;}
	.ql-box h2{font-size: 18px; line-height: 22px;}
}



@media screen and (max-width: 900px) {	
#pad{padding: 20px 0;}
#l-pad{padding: 35px 0;}
#xl-pad{padding: 50px 0;}
	
	#green-btn{padding:15px 20px;}
	
	
.hero-overlay{top: 10vw; width: 60%;}
.hero-overlay h1{font-size: 30px; line-height:35px;}
	
/*--quick links--*/

.welcome{display: block; width: 90%;}
.welcome .left{justify-content: flex-end; width: 100%; text-align: left}
.welcome .right{justify-content: flex-end; width: 100%; top: 10px; text-align: center;}

.ql-box{padding: 30px 0; width: 30%}
.ql-box img{max-width: 100px;}


	
/*--search--*/
.detailed-search-wrap .column3 {
	width: 100%;
	display: block;
	margin: 5px auto;
}
	
/*-- products tabs--*/
.tabs .tab .left{display: block; width:90%; margin: 0 auto; text-align: left}
.tabs .tab .right{display: block; width:90%; margin: 50px auto 0 auto}
.tabs .tab .right img{float: none; display: block; margin: 0 auto;}

	

/*-- contact feature --*/
.contact-feat{display: block; align-content: center; margin: 0 auto; padding: 100px 0}
.contact-feat .left{justify-content: flex-end; width: 100%; padding-right: 0px; }
.contact-feat .right{justify-content: flex-end;  width: 100%; position: relative; margin-left: 0px; z-index: 111; padding: 0}
.contact-feat .right iframe{ }


	
/*--about--*/
.about p{column-count: 1; column-gap: 0px; width: 100%; display: block;}
.about p img{width: 100%; max-width: 270px; display: block; padding: 10px 0 20px 0; float: none;}	
	
/*-- videos --*/
.video{display: block; margin: 0 auto;}
.video-box{justify-content: flex-end; width: 100%; margin: 15px auto; }
	

/*-- FOOTER ------------------------------------*/
.foot-logo img{ margin: -35px auto 0 auto; }

.footer{display: block; margin: 0 auto; align-items: center; width: 92%; padding-bottom: 40px; text-align: center}

.footer .left{justify-content: flex-end; width: 100%; margin-bottom: 15px;}
.footer .left .foot-col{display: block; vertical-align: top; width: 100%; margin-bottom: 10px}
.footer .right{justify-content: flex-end; width: 100%; text-align: center}
.footer .right img{float: none; text-align: center; max-width: 150px;}

	
/*-- products --*/
.product-row{display: block; width: 100%; margin: 15px 0;}

.product-box{display: block; width: 100%; flex: 1; margin:  5px auto;}
	
}


@media screen and (max-width: 700px) {
.contact-page{display: block;}
.contact-page .left, .contact-page .right{justify-content: flex-end; width: 100%; margin: 10px auto 20px auto}
	
.form-row{display: block;}
.formfield{flex: 0; width: 100%; margin: 5px auto;}


.hero-overlay h1{display: none}
	
	
/*--service--*/
.services{ margin:-50px auto 0 auto; position: relative; z-index: 111; width: 80%;}

.staff{ display: block; align-items: center;}
.staff-box{display: block; width: 100%; margin:10px auto;} .staff-box:nth-child(even){margin: 10px auto} .staff-box img{width: 100%; text-align: center; margin: 0 auto}
	
	
}

@media screen and (max-width:530px) {
	.popupcontainer {
		padding: 30px;
	}
	
	.popupcontainer .close {
		font-size: 40px;
		padding: 5px;
	}
}



@media screen and (max-width:500px) {
	.welcome{padding: 20px 0;}
	.welcome .right{top: 0}
.ql-box{display: block; width: 100%; margin: 15px auto; padding: 20px 0; text-align: center;}
.ql-box img{max-width: 100px;}

.header-left{width: 60%} 
.header-left img{width: 90%;  max-width: 200px;}
.header-right{width: 40%;} 
.header-right h3{font-size: 16px;} 
	
.head-contact-mobile .fa{ font-size: 15px;}
	
	
}

@media screen and (max-width:450px) {
	.popupcontainer {
		padding: 35px 0px;
	}
}