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

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #1d1f22; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #1d1f22;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
font-family: 'Bai Jamjuree', sans-serif;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


/*--- HEADER STYLES ---------------------*/
header {}

.header{
	
	font-family: 'Bai Jamjuree', sans-serif;
	display: flex;
	position: relative;
	z-index: 300;
}

.header-tag{
	padding: 50px 15px 20px;
	background: #1d1f22;
	text-align: center;
	max-width: 240px;
	box-sizing: border-box;
	margin-left: 4.9%;
}

.header-tag .social-btns{
	margin-top: 15px;
	justify-content: center;
}


/*---BODY--------------------------------*/

.padding-vertical{
	padding: 150px 0;
}

hr{
	width: 45px;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: solid 1px #a9a8a7;
	display: block;
	margin: 35px 0;
	
}
.relative{position: relative;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.align-center{align-items: center;}

.col-min-height{
	min-height: 55vw;
	display: flex;
}

/* HERO */
.hero{display: flex;}


.bg-hero{	
	position: relative; 
    height: 100%;
}


.hero-overlay{
	position: absolute !important;

	left: 4.9%;
	right: 4.9%;
	bottom: 14vh;
	z-index: 0;
	color: #fff;
    width: 90.2%;
}
.bg-dark .hero-overlay{
	left: 8.333333%;
	right: 8.333333%;
	width: 83.33333%;
}

	.hero .col-lg-9{min-height: 440px;}

.hero-overlay .cta{margin: 0;}
.hero-overlay .gap{gap: 10px;}

.hero-slideshow .slick-dots{
	padding: 0 0 !important;
	bottom: 8vh;
	z-index: 100;
    left: 4.9%;
    text-align: left;
	max-width: 620px;
	width: 100%; box-sizing: border-box;
}
.hero-slideshow .slick-dots li{
    width: calc(20% - 18px);
	margin: 0 22.5px 0 0;
}
.hero-slideshow .slick-dots li:last-of-type{
	margin: 0 0 0 0;
}
.hero-slideshow .slick-dots li.slick-active button:before{
    opacity: 1 !important;
}
.hero-slideshow .slick-dots button:before{
	content: '';
	width: 100%;
	height: 5px;
	background: #ffffff;
	opacity: 0.5;
}
.hero-slideshow{
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.hero-slideshow.slick-dotted.slick-slider{
	margin: 0 !important;
}
.hero-slideshow .slick-slide{
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
    -moz-background-position: center center;
    -o-background-position: center center;
    -webkit-background-position: center center;
    background-position: center center;
}
.hero-slideshow .slick-list, .hero-slideshow .slick-track{
	height: 100%;
	z-index: -1;
}



.manu-btns{
	display: flex;
	flex-direction: column;
}
.manu-btns a{
	width: 100%;
	padding: 20px 20px 20px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#1d1f22;
	min-height: 31vh;
	box-sizing: border-box;
	border-left: solid 10px #353535;
	
	position: relative;
}
.manu-btns a:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-moz-background-size: auto !important;
	-o-background-size: auto !important;
	-webkit-background-size: auto !important;
	background-size:  auto !important;
	
	-moz-background-repeat: no-repeat;
	-o-background-repeat: no-repeat;
	-webkit-background-repeat: no-repeat;
	background-repeat: no-repeat;
	
	-moz-background-position: center center;
	-o-background-position: center center;
	-webkit-background-position: center center;
	background-position: center center;
}
.manu-btns a:nth-of-type(1):before{
	background-image: url("/siteart/mfg-rm-c.png");
}
.manu-btns a:nth-of-type(2):before{
	background-image: url("/siteart/mfg-xcmg-w.png");
}
.manu-btns a:nth-of-type(3):before{
	background-image: url("/siteart/mfg-sepro-w.png");
}
.manu-btns a:nth-of-type(1):hover:before{
	background-image: url("/siteart/mfg-rm-c.png");
}
.manu-btns a:nth-of-type(2):hover:before{
	background-image: url("/siteart/mfg-xcmg-c.png");
}
.manu-btns a:nth-of-type(3):hover:before{
	background-image: url("/siteart/mfg-sepro-c.png");
}


.manu-btns a:hover{
	filter: brightness(1.2);
}
.manu-btns a:nth-of-type(1){
	border-left: solid 10px #fff;
	background:linear-gradient(45deg, #545456, #333435);
}
.manu-btns a:nth-of-type(1), .manu-btns a:nth-of-type(2){
	border-bottom: solid 1px #666666;
}

/* OTHER */

.heading-xl{
	white-space: nowrap;
    font-size: 7vw;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.5;
    transform: rotate(-90deg) translateY(-8vw);
    width: 27vw;
    transform-origin: bottom;
}
.heading-lg{
	font-size: 60px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 60px;
}
.heading-lg span{
	display: block;
}
.light{font-weight: 300 !important;}

.heading-sm{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px !important;
	line-height: 30px;
}

.cta{
	font-size: 16px;
	line-height: 40px;
	padding: 0 16px;
	border: solid 1px #fff;
	color: #fff;
	border-radius: 10px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: 70px;
	display: inline-block;
}
.cta:hover{
	border-color: #f53025;
	color: #f53025;
	cursor: pointer;
}
.cta.red{
	border-color: #f53025;
	color: #f53025;
}
.cta.red:hover{
	border-color: #fff;
	color: #fff;
}


.bg-dark-img{
	background-image: url("/siteart/bg-img-dark.jpg");
	-moz-background-position: center center;
	-o-background-position: center center;
	-webkit-background-position: center center;
	background-position: center center;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	font-family: 'Bai Jamjuree', sans-serif;
}

.absolute-fill{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.bg-img{	
	-moz-background-position: center center;
	-o-background-position: center center;
	-webkit-background-position: center center;
	background-position: center center;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	
	transition: ease all 0.4s;
}
.bg-img.rounded-corner:hover{
	filter: brightness(1.2);
}
.bg-img .img-caption{
	text-transform: uppercase;
	padding: 10px 15px;
	background: #555;
	display: inline-block;
	box-sizing: border-box;
}
a.bg-img .img-caption, div.bg-img .img-caption{
	position: absolute;
	top: 0;
	left: 0;
}
a.bg-img{
	position: relative;
	min-height: 10vw;
}
.bg-dark{
	
	background:linear-gradient(45deg, #27282a, #1d1f22);
	color: #fff;
}
.bg-dark-img p, .bg-dark p{
	
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: justify;
}



.link-lg{
	font-size: 80px;
	line-height: 1.5;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-weight: 700;
	display: block;
}
.link-lg:hover{
	color: #f53025;
}

.cta-row{
	display: flex;
	gap: 20px;
}
.cta-row a{
	padding: 40% 30px 30px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Bai Jamjuree', sans-serif;
	letter-spacing: 5px;
	font-size: 36px;
	width: 100%;
	
	transition: ease all 0.4s;
}
.cta-row a:hover{
	filter: brightness(1.2);
}

.team-row{
	display: flex;
	gap: 20px;
}
.team-row a, .team-row > div{
	padding: 40% 30px 30px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Bai Jamjuree', sans-serif;
	letter-spacing: 5px;
	font-size: 36px;
	width: 100%;
	position: relative;
	
	transition: ease all 0.4s;
}
.team-row a:hover, .team-row > div:hover{
	filter: brightness(1.2);
}

.rounded-corner{
	-moz-border-bottom-right-radius: 40px;
	-o-border-bottom-right-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	border-bottom-right-radius: 40px;
	
	overflow: hidden;
}


.full-map{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.full-map iframe{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}


.pull-up{
	margin-top: -60px;
	margin-bottom: 60px;
}
.pull-down{
	margin-bottom: -60px;
	margin-top: 60px;
}

/* SERVICES */

.services-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.services-grid a:not(.cta){
	padding: 50px;
	width: calc(50% - 10px);
	box-sizing: border-box;
	min-height: 200px;
	background: linear-gradient(45deg, #545456, #333435);
	border: solid 1px #222;
	border-bottom-right-radius: 45px;
	color: #fff;
	font-size: 24px;
    letter-spacing: 5px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 700;
	transition: ease all 0.3s;
}
.services-grid a:hover:not(.cta) {
    color: #fff;
    filter: brightness(1.2);
}


.panel{
	padding: 50px;
	width: 100%;
	box-sizing: border-box;
	background: linear-gradient(45deg, #545456, #333435);
	border: solid 1px #222;
	border-bottom-right-radius: 45px;
	color: #fff;
}

/*--------FORM STYLES--------------------*/

.custom-form ::placeholder{

	color: #fff;
	
}
.custom-form input{
	padding: 15px;
	margin-bottom: 15px;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	resize: none;
	outline: none;
	border: none;
	border-bottom: solid 1px #777;
	background: unset;
	box-sizing: border-box;
	width: 100%;    
	font-family: 'Bai Jamjuree', sans-serif;
}
.custom-form .flex{
	gap: 15px;
}
.custom-form textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	resize: none;
	margin-bottom: 15px;
	outline: none;
	border: none;
	border-bottom: solid 1px #777;
	background: unset;
	font-family: 'Bai Jamjuree', sans-serif;
}

.CaptchaPanel{
	text-align: left !important;   
	font-family: 'Bai Jamjuree', sans-serif;
}
.CaptchaPanel, .CaptchaAnswerPanel, .CaptchaImagePanel, .CaptchaMessagePanel{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.CaptchaWhatsThisPanel a{
	color: #fff !important;
}


button.cta{
	background: none !important;
	cursor: pointer;
	font-family: 'Bai Jamjuree', sans-serif;
}

/*-------- FOOTER STYLES ----------------*/
footer{}

.footer{
	color: #fff;
	font-family: 'Bai Jamjuree', sans-serif;
	padding-top: 100px;
}
.footer a{
	color: #fff;
}


.social-btns{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.social-btns a{
	line-height: 36px;
	width: 36px;
	border: solid 1px #fff;
	color: #fff;
	font-size: 14px;
	display: block;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	text-align: center;
}
.social-btns a:hover{
	color: #f53025;
	border-color: #f53025;
}
.footer .footer-right{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 400px;
	float: right;
}
.footer .footer-right a{
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 5px;
	
}
.footer .footer-right a:hover{
	color: #f53025;
	border-color: #f53025;
}

.footer .border-top{
	border-top: solid 1px #a09f9e;
	padding-top: 30px;
	padding-bottom: 30px;
}
.footer .logo{
	display: block;
	text-align: center;
	margin-top: -13px;
}
.footer .logo img{
	max-width: 100%;
}

.icons-list li{
	position: relative;
	padding-left: 40px;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 10px;
}
.icons-list li i{
	position: absolute;
	left: 0;
	top: 5px;
	width: 24px;
	text-align: center;
}
.icons-list li a{
	color: #fff;
}
.icons-list li a:hover{
	color: #f53025;
}


.vertical-divider{width: 2px; margin: 0 10px; background: #999; opacity: 0.25}

/* COLUMNS */

.col-row{display: flex; flex-wrap: wrap; position: relative;}

@media (max-width: 1439px) and (min-width: 991px){
	.link-lg{
		font-size: 5vw;
	}
	
.team-row a p, .team-row > div p{
	font-size: 12px;
	letter-spacing: 0.5px;
}
	
}
@media (min-width: 1200px){
	.col-lg-12{
		width: 100%;
	}
	.col-lg-11{
		width: 91.66667%;
	}
	.col-lg-10{
		width: 83.33333%;
	}
	.col-lg-9{
		width: 75%;
	}
	.col-lg-8{
		width: 66.666667%;
	}
	.col-lg-7{
		width: 58.333333%;
	}
	.col-lg-6{
		width: 50%;
	}
	.col-lg-5{
		width: 41.66667%;
	}
	.col-lg-4{
		width: 33.33333%;
	}
	.col-lg-3{
		width: 25%;
	}
	.col-lg-2{
		width: 16.66667%;
	}
	.col-lg-1{
		width: 8.33333%;
	}
	.col-lg-hidden{display: none !important;}
}
@media (min-width: 992px) and (max-width: 1199px){
	
		
.team-row {
	flex-wrap: wrap;
}
.team-row a, .team-row > div {
    width: calc(50% - 10px);
    box-sizing: border-box;
    min-height: 50vw;
}
	.col-md-12{
		width: 100%;
	}
	.col-md-11{
		width: 91.66667%;
	}
	.col-md-10{
		width: 83.33333%;
	}
	.col-md-9{
		width: 75%;
	}
	.col-md-8{
		width: 66.666667%;
	}
	.col-md-7{
		width: 58.333333%;
	}
	.col-md-6{
		width: 50%;
	}
	.col-md-5{
		width: 41.66667%;
	}
	.col-md-4{
		width: 33.33333%;
	}
	.col-md-3{
		width: 25%;
	}
	.col-md-2{
		width: 16.66667%;
	}
	.col-md-1{
		width: 8.33333%;
	}
	.col-md-hidden{display: none !important;}
}
@media (min-width: 768px) and (max-width: 991px){
	
.sm-top-left {
    position: absolute;
    top: 24vw;
    left: 8vw;
}
.team-row a p, .team-row > div p{
	font-size: 12px;
	letter-spacing: 0.5px;
}
.team-row {
	flex-wrap: wrap;
}
.team-row a, .team-row > div {
    width: calc(50% - 10px);
    box-sizing: border-box;
    min-height: 50vw;
}
	
	.sort-sm-1{
		order: 1;
	}
	.sort-sm-2{
		order: 2;
	}
	.sort-sm-3{
		order: 3;
	}
	.sort-sm-4{
		order: 4;
	}
	.sort-sm-5{
		order: 5;
	}
	
	.col-sm-12{
		width: 100%;
	}
	.col-sm-11{
		width: 91.66667%;
	}
	.col-sm-10{
		width: 83.33333%;
	}
	.col-sm-9{
		width: 75%;
	}
	.col-sm-8{
		width: 66.666667%;
	}
	.col-sm-7{
		width: 58.333333%;
	}
	.col-sm-6{
		width: 50%;
	}
	.col-sm-5{
		width: 41.66667%;
	}
	.col-sm-4{
		width: 33.33333%;
	}
	.col-sm-3{
		width: 25%;
	}
	.col-sm-2{
		width: 16.66667%;
	}
	.col-sm-1{
		width: 8.33333%;
	}
	.col-sm-hidden{display: none !important;}
	
	.padding-vertical{padding: 75px 0;}
	.col-row{padding: 0 20px;}
	
	
	.hero .col-lg-9{height: 80vh;}
	.hero .manu-btns{flex-direction: row;}
	.manu-btns a {
		border-bottom: none !important;
		padding: 15px 30px;
		box-sizing: border-box;
		border-top: solid 5px #353535;
		border-left: solid 1px #353535 !important;
    min-height: 20vh;
	}
	.manu-btns a:nth-of-type(1) {
		border-top: solid 5px #fff;
		border-left: none !important;
	}
	.manu-btns a:before {
		background-size: 100px auto !important;
	}
	.link-lg{
		font-size: 48px;
	}
	.cta-row{margin: 75px 0;}
	.mobile-img{
		min-height: 125vw;
	}
	.team-row{margin: 75px 0;}
	.footer .logo{padding-bottom: 20px;}
	.footer-right{flex-wrap: wrap; flex-direction: column;}
	.footer .social-btns {
		max-width: 100px;
		float: right;
		margin-right: 20px;
	}
	.footer .footer-right a{
		line-height: 28px;
	}
}
@media (max-width: 767px){
	
	
.team-row a p, .team-row > div p{
	font-size: 12px;
	letter-spacing: 0.5px;
}
.xs-top-left {
    position: absolute;
    top:175px;
    left: 9vw;
}
	.custom-form .flex{flex-wrap: wrap; gap: 0px;}
	.sort-xs-1{
		order: 1;
	}
	.sort-xs-2{
		order: 2;
	}
	.sort-xs-3{
		order: 3;
	}
	.sort-xs-4{
		order: 4;
	}
	.sort-xs-5{
		order: 5;
	}
	
	.col-xs-11{
		width: 91.66667%;
	}
	.col-xs-10{
		width: 83.33333%;
	}
	.col-xs-9{
		width: 75%;
	}
	.col-xs-8{
		width: 66.666667%;
	}
	.col-xs-7{
		width: 58.333333%;
	}
	.col-xs-6{
		width: 50%;
	}
	.col-xs-5{
		width: 41.66667%;
	}
	.col-xs-4{
		width: 33.33333%;
	}
	.col-xs-3{
		width: 25%;
	}
	.col-xs-2{
		width: 16.66667%;
	}
	.col-xs-1{
		width: 8.33333%;
	}
	.col-sm-12, .col-xs-12{width: 100%;}
	.col-xs-hidden{display: none !important;}
	
	.padding-vertical{padding: 75px 0;}
	.hero .col-lg-9{height: 80vh; }
	.hero .manu-btns{flex-direction: row;}
	.manu-btns a {
		border-bottom: none !important;
		padding: 15px 30px;
		box-sizing: border-box;
		border-top: solid 5px #353535;
		border-left: solid 1px #353535 !important;
    min-height: 20vh;
	}
	.manu-btns a:nth-of-type(1) {
		border-top: solid 5px #fff;
		border-left: none !important;
	}
	.manu-btns a:before {
		background-size: 50% auto !important;
	}
	
.cta-row{
	flex-wrap: wrap;
	margin: 75px 0;
}
	.mobile-img{
		min-height: 125vw;
	}
.team-row a, .team-row > div{
	min-height: 80vw;
}
.team-row{
	flex-wrap: wrap;
	margin: 75px 0;
}
	.col-row{padding: 0 20px;}
	
	
	.link-lg{
		font-size: 36px;
	}
	.services-grid, .panel{margin-top: 0 !important;}
	.services-grid a:not(.cta){
	padding: 25px;
	width: 100%;
    min-height: 150px;
		display: flex;
		justify-content: center;
		flex-direction: column;
}
	
	
.heading-lg{
	font-size: 30px;
	line-height: 1.1;
}	
.heading-sm{
	line-height: 1.25;
}
	
	.panel{
		padding: 25px;
	}
	.footer .logo{padding-bottom: 20px;}
	.footer-right{flex-wrap: wrap; flex-direction: column;}
	
	.footer .social-btns {
		max-width: 100px;
		float: right;
		margin-right: 20px;
	}
	.footer .footer-right a{
		line-height: 28px;
	}
	
	.hero-slideshow .slick-dots {
		right: 40px;
		left: 40px;
		width: 50%;
    	bottom: 4vh;
	}
	.hero-slideshow .slick-dots li {
		width: calc(33.33333% - 10px);
		margin-right: 15px;
	}
	
.hero-slideshow:before{
	content: '';
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	
	background: rgba(50,50,50,0.5);
}
.bg-dark-img p, .bg-dark p {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.5px;
}
	hr{margin: 25px 0;}
	
	.cta {
		font-size: 14px;
		line-height: 32px;
		padding: 0px 12px;
	}
	
}