/***** 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;}

@font-face {
    font-family: 'icon-worksregular';
    src:url(../fonts/icon-works-webfont.eot);
    src: url(../fonts/icon-works-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/icon-works-webfont.woff) format('woff'),
         url(../fonts/icon-works-webfont.ttf) format('truetype'),
         url(../fonts/icon-works-webfont.svg#icon-worksregular) format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-- colors - fonts
green: 457600
dark green 305201
light gray: f6f6f6
dark gray: 212221

font-family: 'Montserrat', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/
/***** END RESET *****/

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

::-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;}	


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

h1{font-size: 32px; color: inherit; font-weight: 700; line-height: 42px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; text-transform: uppercase}
h2{font-size: 28px; color: inherit; font-weight: 700; line-height: 30px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; text-transform: uppercase;}
h3{font-size: 22px; color: inherit; font-weight: 700; line-height: 30px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; text-transform: uppercase;}
h4{font-size: 16px; color: inherit; letter-spacing: 1.5px; font-weight: 700; line-height: 30px;}
h5{font-size: 18px; color: inherit;  font-weight: 700; line-height: 30px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; letter-spacing: 1.25px}

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

.gray-text{color: #ccc;}
.green-text{color: #457600;}

.fineprint{font-size: 14px;}

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

.white{background: #fff;}
.dark-gray-bg{background: #212221; color: #fff}
.lightgray-bg{background: #f5f5f5;}
.black-bg{background: #000}
.combine-bg{background: url("../siteart/combine-bg3.jpg") no-repeat center bottom fixed}
.combine-bg.top{background: url("../siteart/finance-img.jpg") no-repeat center top fixed; padding: 100px 0 250px 0}

.home-logos{width:140px; left:0; right:0; margin: 0 auto; font-size:24px; color:#fff; z-index:100; position:absolute;}
.home-logos a{padding: 0 5px;}
.home-logos a .fa:hover{color:#457600}

.angle {
    background-image: url(/siteart/search-angle.png);
    background-size: 100% 159px;
    bottom: 0;
    height: 150px;
    z-index: 99;
	margin-top: -100px; 
	position: relative;
}
.angle.top{margin-top: -180px; height: 99px}

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

.wrapper-inner{width: 75%; margin: 0 auto;}
.wrapper-center{width: 75%; margin: 0 auto; text-align: center;}
.width80{width: 80%; margin: 0 auto;}
.width90{width: 90%; margin: 0 auto;}

#black-btn{background: #000; color: #fff; letter-spacing: 1px; font-size: 15px; padding:10px 20px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; font-weight: 700; }
#black-btn:hover{background: #457600;}

#gray-btn{background: #212121; color: #fff; letter-spacing: 1px; font-size: 15px; padding:10px 20px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; font-weight: 700; }
#gray-btn:hover{background: #457600;}
#gray-btn .fa{display: inline-block; margin-left: 40px}

#green-btn{background: #457600; color: #fff; letter-spacing: 1px; font-size: 15px; padding:10px 20px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; font-weight: 700; }
#green-btn:hover{background: #305201;}
#green-btn .fa{display: inline-block; margin-left: 40px}

/*---------Text-Button------------*/
.text-btn{position:fixed; bottom:25px; right:20px; z-index:500;}
.text-btn a{color:#fff; background:#457600; transition:.3s ease; padding:14px 25px; border-radius:25px; text-align:center;}
.text-btn a:hover{background:#000;}
.mobile{display:none;}

/*---HEADER-----------------------------------*/
.header{width:85%;top: 0;left: 0;right: 0;margin:30px auto 0 auto;background: #fff;position: absolute;z-index: 999;}
.header.inv{width:85%; top: 0; left: 0; right: 0; margin:30px auto 0 auto; background: #fff; position: relative; z-index: 999; }

.header-top{width: 75%; float: right;}
.header .head-angle{float: left; width: 10%;}
.header .head-angle img{ float: right;}

.header .top{float: left; background: #457600; color: #fff; width: 90%; padding: 8px 0; text-align: center}
.header .top a {color: #fff;}
.header .top p{color: #fff; display: inline-block; margin-right: 30px;}
.header .top .social{text-align: right; display: inline-block;}
.header .top .social .fa,.header .top .social .fab{text-align: right; display: inline-block; color: #fff; font-size: 18px; margin: 0 4px;}
.header .top .social .fa:hover,.header .top .social .fab:hover{color: #aaa}


.header .wrapper-inner{width: 95%; align-items: center;margin: 0 auto;}

.header-left{justify-content: flex-start;text-align: left;width: 15%; float: left;} 
.header-left img{width: 100%; max-width: 170px; padding: 10px 0}

.header-right{justify-content: flex-start;text-align: right;width: 85%;margin-top: 34px;float: revert;float: right;} 

.header-mobile{background:#457600; color: #fff; text-align: center; display: none; padding: 10px 0;}
.header-mobile .fa, .header-mobile .fab{text-align: right; display: inline-block; color: #fff; font-size: 18px; margin: 0 10px;}
.header-mobile .fa:hover,.header-mobile .fab:hover{color: #aaa}

/*---HOME PAGE ----------------------------------*/
.home-socials{width:70%; margin: 0 auto; display:flex; flex-direction:row; justify-content:space-around; flex-wrap:wrap;}
.fb, .twitter{ width:350px; padding:10px 0;}

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


/*--categories--*/
.categories{display: flex; position: relative; margin-top: -60px; height: 496px;}
.categories .one{justify-content: flex-start; width: 573px; height: 423px; background: url(../siteart/cj-flag.jpg) no-repeat; background-size: cover; }

.categories .two{justify-content: flex-start; width: 30%; background: #fff; height: 85%; margin-left: 8px}
.categories .two img{max-width: 120px; display: block; float: right; padding-top: 30px}
.categories .two h3{margin-top: 100px; margin-bottom: 10px;}
.categories .two #green-btn{display: block; position: absolute; bottom: 100px;  width: 170px; padding: 8px 0;  text-align: center}

/*-- detailed search--*/
.search-feat{margin-top: -250px; position: relative; z-index: 110;}
.search-title{display: flex; align-items: center; width: 100%;}
.search-title .left{justify-content: flex-start; width: 50%;}
.search-title .left h1{font-size: 40px; color: #fff;}
.search-title .right{justify-content: flex-start; width:50%; text-align: right}
.search-title .right #green-btn{font-size: 18px;}

.detailed-search-wrap {width: 100%; background: #fff; padding: 20px 0; color: #000; margin-top: 30px}
.detailed-search-wrap .wrapper-inner{width: 90%;}

.detailed-search-wrap .column3 {
	width: 24%;
	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:400;
	background: #212121;
    width: 100%;
	padding: 10px 0;
	margin-top: 2px;
	letter-spacing: 2px;
	font-family: 'Montserrat', 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:#305201;
	color:#fff;
}
.detailed-search input[type='text'], .detailed-search select{
	font-weight: 400; 
	font-family: 'Montserrat', 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-wrap .hp-slider .example-val {padding: 5px 0;}
.detailed-search-wrap .noUi-target{position: relative; direction: ltr}
.detailed-search-wrap .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search-wrap .noUi-handle{position: relative; z-index: 1}
.detailed-search-wrap .noUi-marker, .detailed-search-wrap .noUi-pips, .detailed-search-wrap .noUi-tooltip, .detailed-search-wrap .noUi-value{position: absolute}
.detailed-search-wrap .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search-wrap .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search-wrap .noUi-background{background: #ccc;}
.detailed-search-wrap .noUi-connect{background: #fff !important; border: 1px #000 solid;}
.detailed-search-wrap .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search-wrap .noUi-handle{background: #212121 !important; border: 1px solid #ccc; border-radius: 3px;}
.detailed-search-wrap .noUi-handle:after, .detailed-search-wrap .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.detailed-search-wrap .noUi-handle:after{left: 12px}
.detailed-search-wrap .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search-wrap .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.detailed-search-wrap .example-val{font-size: 12px; font-weight: 600; color: #000;} .example-val span{font-weight: 400;}
.detailed-search-wrap #slider-price-value-lower:before, .detailed-search-wrap #slider-price-value-upper:before{content: '$'; padding-right: 2px}


/*--manu --*/
.manu-bg{background: url(/siteart/manu-bg.png) no-repeat; padding:150px 0; background-size: contain;}
.manu{display: flex; align-items: center;}
.manu .left{justify-content: flex-start; width: 40%;}
.manu .right{justify-content: flex-start; width: 65%;}


.manu-slider img{width:90%;  padding: 15px 0; text-align: center; background: #fff; border: 1px solid #fff}
.manu-slider img:hover{border: 1px solid #878787}


/*--categories and quick links--*/

.ql{width: 100%;border-bottom: 6px solid #fff; background: #fff;}
.ql-box{text-align: center;padding: 90px 0;}
.ql-box.service{
    background: url(/siteart/service-ql.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    width: 53%;
    transform-origin: top right;
    -ms-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
    position: absolute;
    float: left;
	background-color: #000;
    }
.ql-box.finance{
	background: url(/siteart/finance-ql.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	width: 52%;
	transform-origin: bottom left;
	-ms-transform: skew(-20deg, 0deg);
	-webkit-transform: skew(-20deg, 0deg);
	transform: skew(-20deg, 0deg);
	float: right;
	background-color: #000;
	}

.ql-box h2{font-size:30px; transform: skew(20deg, 0deg);}
.ql-box h2 span{font-size: 20px;}
.ql-box p{transform: skew(20deg, 0deg); width: 80%; margin: 0 auto;}
.ql-box:hover{opacity:.7}


/*-- contact feature --*/
.contact-feat{display: flex; align-content: center; margin: 0 auto; padding:100px 0 30px 0; position: relative; z-index: 9999;}
.contact-feat .left{justify-content: flex-start; width: 65%; background: rgba(255,255,255,.8);}
.contact-feat .left .wrapper-inner, .contact-feat .right .wrapper-inner{width: 90%;}
.contact-feat .right{justify-content: flex-start; background: rgba(69,118,0,.8); width: 35%; color: #fff;}

.contact-feat .left #green-btn{width: 100% !important; display: block; padding: 10px 0px; text-align: center}


/*---FINANCING -----------------------------*/
.cols{display: flex; align-items: center;} 
.cols .left{justify-content: flex-start; width: 70%;}

.cols .right{justify-content: flex-start; width: 30%; text-align: right}
.cols .right img{width: 85%; text-align: right;}


/*-- team --*/
.team-row{display: flex; align-items: center; margin: 20px auto; border: 1px solid #eee; padding: 20px}
.team-row .left{justify-content: flex-start; width: 20%;}
.team-row .right{justify-content: flex-start; width: 70%; margin-left: 30px;}



/*--- CONTACT ------------------------------*/
.contact{display: flex;}
.contact .left{justify-content: flex-start; width: 30%;}
.contact .right{justify-content: flex-start; width: 70%;}

/*--- SHOWROOMS ------------------------------*/
.flex.cards {
	display: flex;
	justify-content: center;
	gap: 50px;
	flex-wrap: wrap;
}

.dropdown {
  position: relative;
	width: 100%;
	background-color: white;
}

.dropdown-btn { 
  padding: 10px 18px;
  border: none;
  cursor: pointer;
	width: 100%;
	background-color: white;
}

.dropdown-content {
  position: absolute;
  display: none;
  flex-direction: column;
  background: #fff;
  border: 1px solid #ddd;
  min-width: 220px;
  z-index: 1000;
	width: 100%;
}

.dropdown:hover .dropdown-content {
  display: flex;
}

.dropdown-content a {
  padding: 8px 12px;
	box-sizing: border-box;
  text-decoration: none;
  color: #000;
	text-align: left !important;
	justify-content: flex-start;
	font-size: 16px;
}

.dropdown-content a:hover {
  background: #f0f0f0;
}

.flex.cards .card {max-width: 300px; background: #fff; border: 1px solid #ccc;}

.card .card-img img {
    display: block;
    width: 100%;
}

.card .card-title {
    padding: 20px 10px;
    text-align: center;
	text-transform: uppercase;
}

.card .flex.btns {
	display: flex;
}

.flex.btns a {
	width: 100%; text-align: center;
}

/*-- FOOTER ------------------------------------*/
.footer{display: flex; margin: 0 auto; align-items: center; width: 80%; padding: 20px 0 40px 0; color: #aaa}

.footer .left{justify-content: flex-start; width: 80%; font-size: 14px;}
.footer .left p.small{width: 85%;}
.footer .left .foot-col{display: inline-block; vertical-align: top; width: 45%; margin:0 30px 0 0;}
.footer .left .foot-col:first-child{border-right: 1px solid #aaa}
.footer .right{justify-content: flex-start; width: 20%; text-align: right}
.footer .fa, .footer .fab{font-size: 20px; margin: 0 8px;}

.footer .foot-col a{color: #aaa !important}
.footer a{color: #aaa}

/*---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;
	font-family: 'Roboto Condensed', sans-serif;
    margin:0 auto;
    background: #000; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-size:15px;
	padding: 10px 20px;
	font-weight: 700;
	font-style: italic; 
	text-align: center;
	display: block;
	border: none;
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
}
form input.button:hover {
    padding:10px 0px;
    background: #457600; /* 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: 1350px){
	.header-top{width: 70%; font-size: 13px;}
}

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

.ql-box{text-align: center;padding: 90px 0;}
.ql-box.service{
    color: #fff;
    width: 100%;
    transform: none;
    position: relative;
    float: left;
    }
.ql-box.finance{
	width: 100%;
	transform: none;
	float: right;
	border-top: 2px solid #fff;
	}

.ql-box h2{transform: none;}
.ql-box p{transform: none; width: 90%; margin: 0 auto;}
	
	
}

@media screen and (max-width: 1050px){
.header-left{ width: 40%;} 
.header-right{ width: 60%;} 
	
.header{margin-top: 10px;}	
.header-top{display: none;}
.header-mobile{display: block;}

.header-left img{max-width: 120px; padding: 0}
	
/*--categories--*/
.categories{display: block; position: relative; margin-top: -60px; height: 100%;}
.categories .one{justify-content: flex-end;  display: none}
.categories .two{justify-content: flex-end; width: 100%; background: #fff; height: auto; margin:10px auto}
.categories .two img{max-width: 120px; display: block; float: right; padding-top: 20px}
.categories .two h3{margin-top: 80px; margin-bottom: 10px;}
.categories .two #green-btn{display: block; position: relative; bottom: 0;  width: 170px; padding: 8px 0;  text-align: center; margin-bottom: 40px;}

	
}


@media screen and (max-width: 950px) {	
#pad{padding: 20px 0;}
#l-pad{padding: 35px 0;}
#xl-pad{padding: 50px 0;}


/*--contact feature ---*/
.contact-feat{display: block; padding: 80px 0}
.contact-feat .left{justify-content: flex-end; width: 100%;}
.contact-feat .right{justify-content: flex-end; width: 100%;}

	

/*-- FOOTER ------------------------------------*/
.footer{display: block; width: 90%; padding: 20px 0 40px 0; text-align: center}

.footer .left{justify-content: flex-end; width: 100%; font-size: 14px;}
.footer .left p.small{width: 100%;}
.footer .left .foot-col{display: block; vertical-align: top; width: 100%; margin: 10px 0;}
.footer .left .foot-col:first-child{border-right: none; padding-bottom: 10px;}
.footer .right{justify-content: flex-end; width: 100%; text-align: center; margin-top: 25px;}
.footer .fa{font-size: 20px; margin: 0 10px;}

	
/*--manu --*/
.manu-bg{padding:50px 0;}
.manu{display: block;}
.manu .left{justify-content: flex-end; width: 100%;}
.manu .right{justify-content: flex-end; width: 100%; margin: 60px auto;}


.manu-slider img{width:80%; padding: 15px 0; text-align: center; background: #fff; border: 1px solid #fff}
.manu-slider img:hover{border: 1px solid #878787}

	
/*--- CONTACT ------------------------------*/
.contact{display: block;}
.contact .left{justify-content: flex-end; width: 100%;}
.contact .right{justify-content: flex-end; width: 100%;}
	
	

/*---FINANCING -----------------------------*/
.cols{display: block;}

.cols .left{justify-content: flex-end; width: 100%; margin-bottom: 50px;}

.cols .right{justify-content: flex-end; width: 100%; text-align: left}
.cols .right img{width: 100%; max-width: 200px; text-align: left;}
	
	
}





@media screen and (max-width: 700px) {
	
.form-row{display: block;}
.formfield{flex: 0; width: 100%; margin: 5px auto;}
	.mobile{display:block;}
	.desktop{display:none;}
	
/*- search--*/
	.search-feat {margin-top: -50px;}

.search-title{display: block;}
.search-title .left{justify-content: flex-end; width: 100%;}
.search-title .left h1{font-size: 30px; text-align: left; margin-bottom: 20px;}
.search-title .right{justify-content: flex-end; width:100%; text-align: left}
.search-title .right #green-btn{font-size: 16px;}
	
	
	
.detailed-search-wrap .column3 {
	width: 100%;
	display: block;
	margin: 5px auto;
	color: #000 !important;
	
}


/*-- team --*/
.team-row{display: block; padding: 20px}
.team-row .left{justify-content: flex-end; width: 100%;}
.team-row .right{justify-content: flex-end; width: 100%; margin-left: 0; margin-top: 20px}


	.card .flex.btns {flex-wrap: wrap;}
}

@media screen and (max-width: 380px) {
.categories .two img{max-width: 80px; display: block; float: left; padding: 20px 0}	.fb, .twitter{width:280px!important;}
	
	
}