/***** 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 --------
orange: ff6702
gray: 9b9b9b
dark gray: 757575

font-family: 'Oswald', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

/***** END RESET *****/

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

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

body {
	font-family: 'Montserrat', sans-serif !important;
	font-size:16px; 
	line-height: 26px; 
	color: #000; 
	font-weight:400;
	overflow-x:hidden;
	width:100%;
}
h1, h2, h3, h4 {font-family: 'Oswald', sans-serif !important;}
h1 { font-size: 30px; color: #ff6702; font-weight: 400; text-transform:uppercase; letter-spacing: 1.5px; padding: 10px 0; line-height: 35px;}
h2 { font-size: 25px; color: inherit; font-weight: 400; text-transform:uppercase; letter-spacing: 1.5px; padding: 5px 0;}
h3 { font-size: 20px; color: inherit; font-weight: 400; text-transform:uppercase; letter-spacing: 1px;}
h4 { font-size: 18px; color: inherit; font-weight: 400; text-transform:uppercase; letter-spacing: 1px; padding: 5px 0; }

a:link, a:visited, a:active {text-decoration:none; color:#000;}
a:hover{transition: all .8s ease;}
strong{font-weight:700;}
#underline{text-decoration: underline;}

.fine-print{font-size: 13px;}

#pad{padding:30px 0;}
#l-pad{padding:70px 0;}
#xl-pad{padding:100px 0;}
#space{padding: 50px 0;}

.clear{clear: both;}

/*--- HEADER STYLES --------------------------*/
.topleft{ float: left; text-align: left;} 
.topleft h1{color: #fff; font-size: 25px; line-height: 25px;}

.topright{ float: right; text-align: right; width:calc(100% - 270px); margin-top:7px;}

.top{background:#ff6702 !important; color: #fff; padding:0px 10px;text-align: right}
.top a, .top p{color: #fff !important; font-size: 15px; display: inline-block; margin: 0 0 0 10px}
    
.wrapperheader{ 
	padding-left: 5%;
    width: 80%;
	position:relative; 
	display: flex; 
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}

.header{
	position:fixed;
	width:100%;
	z-index: 9999;
	margin:0;
	padding:0;
}
.header#inv{
	position:absolute;
	width:100%;
	z-index: 999999;
	margin:0;
	padding:0;
}

.logotop{position: absolute; z-index: 2; display: inline-block;
    margin-top: 10px;
    margin-left: 40px;
}
.logotop a, .logotop img{display: inline-block; max-width: 100px; width: 100%;}

.logo-manu{ display: flex; text-align: center; align-items: center;}
.logo-manu img{max-width: 100px; display: inline-block; vertical-align: middle; width: 100%; margin: 0 20px}

.logo-manu img:hover{opacity: .7;}

#spaceheader{height: 92px;}

/*---BODY--------------------------------*/
.gray-bg{background:#757575; color: #fff;}
.black-bg{background: #000; color: #fff;}
.orange-bg{background: #ff6702;}
.black-stripes{background: url(../siteart/black-stripes.png) repeat;}

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

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

#orange-btn{display: inline-block; background: #ff6702; color: #fff; padding:10px 25px; margin: 5px 0; letter-spacing: 2px; font-size: 14px; font-weight: 400; font-family: 'Oswald', sans-serif;}
#orange-btn:hover{background: #5c5d5f;}

#black-btn{display: inline-block; background: #000; color: #fff; padding:10px 25px; margin: 5px 0; letter-spacing: 2px; font-size: 14px; font-weight: 400;  font-family: 'Oswald', sans-serif;}
#black-btn:hover{background: #5c5d5f;}


/*---HOME----------------------------------*/
.video-overlay{position: absolute; z-index: 301; width: 100%; text-align: center; margin: 0 auto; margin-top: 5vw;  height: 780px;}
.video-overlay h1{font-size: 50px; font-weight: 700;  color: #ff6702; line-height: 55px;}
.video-overlay p{color: #fff; font-size: 25px; text-transform: uppercase; letter-spacing: .75px;}

.videos{width: 100%; background: #000; height:  780px; overflow: hidden;}
.videos video{width: 100% !important; opacity: .90}


.colleft {
	position: absolute;
    top: 0;
    left: 0;
	width:20%;
	background: rgba(0,0,0,0.9); 
	height:780px; 
	color:#fff; 
	font-size:20px; 
	line-height:2em; 
	padding:80px 2% .5% 3%;
	z-index: 310;
}
.colleft a, .colright a {color:#fff; font-size: 14px;}
.colleft a:hover {color:#ccc;}
.tag {border: solid 1px #ff6702; height:25px; width:25px; padding:5px 8px; border-radius:100px; color:#ff6702; font-size:20px!important;}

.colleft hr, .colright hr{
	border-top: none;
	border-left: none;
	border-right: none;
	border-color: #ccc;
}

.colright {
	position: absolute;
    top: 0;
    right: 0;
	width:20%;  
	background: rgba(0,0,0,0.9); 
	height:780px; 
	color:#fff; 
	font-size:20px; 
	line-height:2em; 
	padding:80px 2% .5% 3%;
	z-index: 310;
}
.colright a:hover {color:#ccc;}
.colright p{ margin:-10px 0 0 44px;}


/*--categories--*/
.category-wrapper{text-align: center; margin: 0 auto;}
.category-wrapper h1{color: #ff6702}
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 100%;
	list-style: none;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 0;
}

/* Common style */
.grid figure {
	position: relative;
	overflow: hidden !important;
	width: 20%;
	background: #757575;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	margin: 5px;
	vertical-align: top;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 99.9%;
	max-width: 99.9%;
}

.grid figure figcaption {
	padding: 1px;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-weight: 400;
	background:rgba(117,117,117, .5);
}

.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}

.grid figure figcaption,.grid figure figcaption > a {position: absolute;	top: 0;	left: 0; width: 99.9%; height: 99.9%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {font-size: 22px; color:#fff; font-weight: 400; margin: 0 auto; padding: 33% 0; text-align: center;}

figure.effect-julia img {
	max-width: 100%;
	height: auto;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

/*-- SANY & SMI bar--*/
.sany-right{display: inline-block; text-align: right; width: 40%; vertical-align: middle;}

.sany-left{display: inline-block; vertical-align: middle; width: 55%; text-align: left;}
.sany-left img{width: 100%; max-width: 110px; display: inline-block; vertical-align: middle;}
.sany-left #sany-logo{max-width: 270px; margin-right: 40px;}

/*--contact home page--*/
.footer-contact{display: flex; align-items: center; background: #ff6702}

.footer-contact .left{width: 45%; display: inline-block; color: #fff;}
.footer-contact .left .wrapper-inner{width: 55%;}
.footer-contact .left a{color: #fff;}
.footer-contact .left a:hover{text-decoration: underline;}

.footer-contact .right{width: 55%; display: inline-block; background: #000; padding: 30px 0;}
.footer-contact .right iframe{display: block; width: 95%; height: 300px; margin: 0 auto; text-align: center;}


/*---CONTACT PAGE--------------------------------------*/
.contact-left{display: inline-block; width: 30%; vertical-align: top; text-align: left;}

.contact-right{display: inline-block; width: 50%;  background: #f3f3f3; text-align: left;}
.contact-right form{ padding: 15px 0; width: 95%; margin: 0 auto}


/* FINANCING PAGE */

.gray{color: #777878;}
.center{text-align: center;}

.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}

.justify-between{justify-content: space-between;}

.align-center{align-items: center;}

.col33{width: 30%;}

.padding-vertical.nopad-top{padding-top: 0;}
.nomargin{margin: 0 !important;}

.wrapper-md{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	display: block;
	padding: 0 40px;
	box-sizing: border-box;
}
.wrapper-sm{
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
	display: block;
	padding: 0 40px;
	box-sizing: border-box;
}

.finance-hero .padding-vertical{
	padding: 175px 0;
}
.padding-vertical{
	padding: 100px 0;
}

.bg-offwhite{
	background: #f5f6f7;
	color: #000;
}
.bg-offwhite p{
	color: #7a7b7b;
}
.bg-orange{
	background: #ff6702;
	color: #fff;
}
.bg-orange .heading, .bg-orange .heading-sm, .bg-orange .heading-lg{
	color: #fff;
}

.bg-split{
	background: linear-gradient(to bottom, #ff6702 0%, #ff6702 75%, #f5f6f7 75.1%, #f5f6f7 100%);
}

.heading, .heading-lg, .heading-sm{
	font-family: 'Montserrat', sans-serif !important;
	text-transform: unset !important;
	letter-spacing: unset !important;
}


.heading-lg{
	font-size: 36px;
	line-height: 1.3;
	font-weight: 600;
    margin-bottom: 20px;
}
.heading{
	font-size: 30px;
	line-height: 1.3;
	font-weight: 600;
    margin-bottom: 30px;
}
.heading-sm{
	font-size: 24px;
	line-height: 1.3;
	font-weight: 600;
    margin-bottom: 20px;
}


.bg-orange p, .bg-offwhite p, .bg-finance-equipment p{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
    margin-bottom: 40px;
	display: block;
}
.cta{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px;
	background: #000;
	color: #ff6702 !important;
	font-weight: 600;
	padding: 15px 30px;
	display: block;
	max-width: 240px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	
	transition: ease all 0.2s !important;
}
.cta.cta-light{
	background: #feb151 !important;
	color: #000 !important;
}
.cta:hover{
	background: #5c5d5f !important;
	color: #fff !important;
}
.cta:hover .fa{
	padding-left: 10px;
	color: #ff6702 !important;
}
.cta .fa{
	padding-left: 5px;
	transition: ease all 0.2s !important;
}

.center .cta{
	margin: 50px auto 0;
}


/* Finance Hero */
.finance-hero{position: relative;}
.bg-excavator{
	position: absolute;
	background: url("/siteart/excavator-cutout.png") left bottom no-repeat;
	-moz-background-size: auto 900px;
	-o-background-size: auto 900px;
	-webkit-background-size: auto 900px;
	background-size: auto 900px;
	
	left: 45%; 
	right: 0;
	bottom: -50px;
	top: 0;
}

.col-copy{width: 60%;}
.col-copy div{width: 400px; max-width: 100%;}
.col-listing{width: 40%;}

.bg-panel-blur{
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: rgba(255,255,255,0.8);
	backdrop-filter: blur(8px);
	max-width: 300px;
	
	padding: 30px;
}
.bg-panel-blur hr{
	border-color: #dcb79e !important;
	margin: 30px 0;
}

.bg-panel-blur img.corner-logo{
	width: 50px;
	display: block;
	margin-bottom: 50px;
}
.bg-panel-blur img.cutout{
	max-width: 80%;
	margin: 0 auto 50px;
	display: block;
}

.bg-panel-blur p{
	color: #000 !important;
	margin: 0 0 20px;
	font-weight: 700;
}
.bg-panel-blur p span{
	float: right;
}

.blurred{filter: blur(4px);}


/* FINANCING ICONS */

#icons-grid{
	display: flex;
	flex-wrap: wrap;
    margin-top: 80px;
	justify-content: space-between;
}
#icons-grid > div{
    width: 30.333333%;
}
#icons-grid > div img{
	width: 80px;
	max-width: 100%;
	margin: 0 auto 10px;
	display: block;
}
#icons-grid > div p{
	font-weight: 600;
	font-size: 14px;
	color: #000;
	line-height: 2;
	text-align: center;
}

/* NUMBERED LIST */

#big-numbered-list{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#big-numbered-list h4{
	font-size: 48px;
	color: #ffdbc3;
	margin-bottom: 40px;
}

#big-numbered-list .divider{
	height: 1px;
	max-width: 60px;
	width: 6%;
	flex-shrink: 1;
	background: #ffdbc3;
	display: block;
}

/* IMAGE TRANSITION */

.center-img{
	margin: 0 auto;
	max-width: 100%;
	display: block;
}

/* FINANCING TABLE */

#financing-table{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#financing-table .col33{
    width: 30.333333%;
	padding-bottom: 50px;
	font-weight: 600;
}
#financing-table .col33 .heading-sm{
    background: #f9863a;
	padding: 20px;
	box-sizing: border-box;
	display: block;
	text-align: center;
}
#financing-table .col33:nth-of-type(1){
	margin-top: 91.9px;
}
#financing-table .col33:nth-of-type(1) ul li {
    border-bottom: solid 2px #f5985c;
}
#financing-table .col33:nth-of-type(1) ul li:last-of-type {
    border-bottom: none;
}

#financing-table .col33 ul li {
    min-height: 125px;
	display: flex;
	align-items: center;
}

#financing-table .col33:nth-of-type(2), #financing-table .col33:nth-of-type(3){
	border: solid 2px #f5985c;
}
#financing-table .col33:nth-of-type(2) ul li, #financing-table .col33:nth-of-type(3) ul li{
	border-bottom: solid 2px #f5985c;
	margin: 0 40px;
	justify-content: center;
}
#financing-table .col33:nth-of-type(2) ul li:last-of-type, #financing-table .col33:nth-of-type(3) ul li:last-of-type{
	border-bottom: none !important;
}
#financing-table .col33 ul li{
	font-size: 16px;
}

.bg-white{color: #000; background: #fff;}
#financing-table .col33.bg-white ul li{border-color: #e9e9e9; color: #0b2d47; }


.bg-finance-equipment{
	background: url("/siteart/sany-excavators-overlay.jpg") center center;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
}
.bg-finance-equipment .heading-lg{

	color: #fff;
}
/* END OF FINANCING PAGE */


/*---INVENTORY PAGES ------------------------------------*/

.wrapper-inv{width:90%; margin: 0 auto;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link{background-color: #ff6702 !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link{background-color: #ff6702 !important;}

.list-content .list-title .list-title-text{font-family: 'Oswald', sans-serif !important; letter-spacing: 1.5px; padding: 10px 0; line-height: 35px; font-weight: 400 !important;}

.list-content .list-title .list-listings-count{color: #000 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link:hover{background-color: #ff6702 !important}

.faceted-search-content .faceted-section-box .faceted-view-more-btn, .faceted-search-content .selected-facets-container .selected-facet{background: #ff6702 !important;}

.detail-content .detail-main-body .main-detail-data .detail-price{color: #ff6702 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn{background-color: #ff6702 !important}
 .detail-content .detail-main-body .main-detail-data .buy-btn{background-color: #ff6702 !important; margin-bottom: 10px !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn { background-color: #ff6702 !important; color: #fff !important; border: 1px solid #ff6702 !important;}

.detail-content .dealer-info{margin: 10px !important;}
.detail-content .search-results{color: #ff6702 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price{color: #ff6702 !important;}

.detail-content .detail-additional-data .data-row .data-label{background-color: #ff6702 !important}

.detail-content .detail-main-body .main-detail-data .detail-title{font-weight: 400 !important; font-family: 'Oswald', sans-serif !important;}

/*--mobile--*/
.list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .check-availability-link{background-color: #ff6702 !important}
.list-content .list-listing-mobile .buy-now-link{background-color: #ff6702 !important;}
.list-content .list-listing-mobile .email-seller-link{background-color: #000 !important}

.list-content .list-listing-mobile .price-container .price, .detail-content-mobile .detail-main-body .main-detail-data .detail-price{color: #ff6702 !important;}

.detail-content-mobile .detail-additional-data .data-row .data-label{background-color: #ff6702 !important}
.detail-content-mobile .dealer-info h3{font-weight: 400 !important; font-family: 'Oswald', sans-serif !important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{background-color: #ff6702!important; border: 1px solid #ff6702 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile{background-color: #ff6702 !important; border: 1px solid #ff6702 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile{background-color: #000 !important; border: 1px solid #000 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile{background-color: #212121 !important; border: 1px solid #212121 !important;}

.detail-content-mobile .detail-contact-bar .contact-bar-btn{background-color: #212121!important;}

/* INVENTORY REQUESTS */


.col25{	width: 25%; }
.col75{ width: 75%; }



.inv-request{border: 1px solid #ccc; font-family: 'Oswald', sans-serif !important; float: right; width: 90%;}
.inv-request h3{background: #000; color: #fff; text-align: left; padding: 10px 0 10px 10px; font-family: 'Oswald', sans-serif !important; }
.inv-request .fa{margin-right: 20px;}

.request-button{padding: 20px 0 20px 10px; border-top: 1px solid #ccc; font-size: 17px; text-decoration: none; display: block;}
.request-button:hover{background: #f5f5f5}

.mobile-inv-request{display: none; border: 1px solid #ccc; font-family: 'Oswald', sans-serif !important; float: none; width: 90%; margin: 0 auto;}
.mobile-inv-request h3{background: #b81218; color: #fff; text-align: left; padding: 10px 0 10px 10px; font-family: 'Oswald', sans-serif !important; }
.mobile-inv-request .fa{margin-right: 20px;}
.mobile-inv-request .request-button{padding: 10px 0 10px 10px; border-top: 1px solid #ccc; font-size: 15px; text-decoration: none; display: block;}
.mobile-inv-request .request-button:hover{background: #f5f5f5}


/*--FOOTER------------------------------*/
.footer {background: #757575; color: #fff;}

.foot-left{display: inline-block; float: left; width: 70%;}
.foot-left .col{display: inline-block; vertical-align: top; color: #fff; width: 40%;}
.foot-left .col h4{color: #fff; padding-bottom: 8px;}

.foot-left .col li a{color: #fff; text-transform: uppercase; letter-spacing: 1.25px; font-size: 14px; font-weight: 300 !important;}


.foot-left .col .col-2 {display: inline-block; vertical-align: top; width: 48%;}
.foot-left .col .col-2 li a{color: #fff; text-transform: uppercase; letter-spacing: .5px; font-size: 15px; font-weight: 400;}
.foot-left .col .col-2  li a:hover{text-decoration: underline;}

.foot-right{display: inline-block; float: right; text-align: right; margin-top: 30px;}
.foot-right img{width: 100%; max-width: 100px; text-align: right;}
.foot-right img:hover{opacity: .8}


.copyright{background: #df6218; text-align: center; padding: 8px 0;}
.copyright p, .copyright a{color: #fff; font-size: 13px;}



/*---FORM STYLES------------------------*/
#formpage {  margin: 0 auto;  font-family: 'Oswald', sans-serif;}
#formpage div {
	vertical-align:top;
	padding:5px 5px 5px 0;
	color: #000;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #134773;
	font-size:13px;
	background:#fff;	
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	
	text-transform: uppercase;
}

#formpage textarea {
	padding:6px 0px;
	border:1px solid #134773;
	font-weight: 700;
	color:#000;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
	font-family: 'Oswald', sans-serif;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #134773;
	color:#202e3b;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:8px 10px;
	width:100%;
	font-family: 'Oswald', sans-serif;
}

.formfield {
	width:45%; 
	display:inline-block; 
	margin-right: 8px; 
	margin-top: 10px;
	color: #000;
	text-align:left;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}

#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:94%;
    height:85px;	
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	
	text-transform: uppercase;
	padding-left: 5px;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }
/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:rgba(233,233,233,1.00); 
	color:#000;
	border:1px solid #134773;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:160px;
	font-family: 'Oswald', sans-serif;
    background: #ff6702; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-size:15px;
	padding: 10px 0px;
	font-weight: 400 !important;
	letter-spacing:1px;
	text-align: center;
	border: none;
}
#formpage input.button:hover {
    background: #757575; /* For browsers that do not support gradients */
    color:#fff;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
	padding:10px 10px;
} 

.checkbox {text-align: left;}
#formpage input[type="checkbox" ] {
	width:25px; 
	text-align: left;
}

#formpage a#red-border-button  {color:#134773; background:#fff; padding:10px; border:1px solid #134773; transition:.2s ease;}
#formpage a#red-border-button:hover  {color:#fff; background:#134773; padding:10px; border:1px solid #134773;}
/*control the Captcha */

.CaptchaPanel {padding:0 0 0 0 !important;line-height:normal !important;color:#000;width: 70%; text-align:left;}

.CaptchaImagePanel {
text-align: left;
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: left;
color: #000 !important;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
	text-align: left;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;
	text-align: left
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 



/*--- RESPONSIVE STYLES ---------------------------*/
@media screen and (max-width:1400px){
	.column-reverse-md{flex-direction: column-reverse;}
	.col25, .col75{width: 100%;}
	.inv-request {
		margin: 0 auto 50px;
		float: unset;
	}
}

@media screen and (max-width:1300px){
    .topleft, .topright {
        float: none;
        text-align:center;
        width: 100% ;
        margin:0 auto;
		padding: 5px 0;
    }
	.topright{padding-bottom: 15px;}
	
	.video-overlay{margin-top: 15vw;}
}

@media screen and (max-width:1250px){
.wrapper-inner, .wrapper-center{width: 90%;}	
	
.grid figure h2 {font-size: 20px; padding: 28% 0; }
	
	

    #spaceheader {height: 126px;}	
	
	
	.video-overlay .wrapper-center{max-width: 325px;}
	.colright {
		font-size: 14px;
		line-height: 2em;
		height: 780px;
	}
	.colleft {
		font-size: 14px;
		line-height:3em;
		height: 780px;
	}
	.videos, .video-overlay {
		height: 780px;
	}
	.videos video{width: 200% !important;}
	
	
}

@media screen and (min-width:1025px){
	.show-sm{display: none !important;}
}
@media screen and (max-width:1024px){
	.hide-sm{display: none !important;}
	
	
	.videos, .video-overlay {
		height: auto;
	}
	.videos video{width: 100% !important;}
	.colright, .colleft{display: none !important;}
	
	
	/* FINANCING PAGE */
	
	#financing-table .col33 {
		width: calc(50% - 25px);
	}

	#financing-table .col33 ul li {
		min-height: 50px;
		padding: 20px 0;
	}
	
	/* END OF FINANCING PAGE */
	
#l-pad{padding:40px 0;}
#xl-pad{padding:60px 0;}
		
.main-img .wrapper-center{padding: 15vw 0; width: 98%}
.main-img .wrapper-center{padding: 15vw 0; width: 98%}
.main-img h1{font-size: 40px; line-height: 45px;}
.main-img p{font-size: 20px;}
	
/*--footer--*/	
	.foot-left{width: 78%;}
	.foot-left .col{display: inline-block; vertical-align: top;  color: #fff; width: 45%;}

	.foot-right{width: 20%;}
	
	
/*--contact page--*/
	.contact-left{display: block; width: 100%;}
	.contact-right{display: block; width: 100%; float: none; margin-top: 30px;}
	



#space{padding: 30px 0;}	
	
.topright{padding-bottom: 60px;}
	
.logotop a, .logotop img {max-width: 100px;} 
.logotop { margin: -45px 0 -70px 15px;}

.header {position: relative;}
	
.header#inv {position: relative;}
#spaceheader {height:0;}
	
	.logo-manu{display: none;}
	
	.video-overlay{display: none;}
	
.grid figure{width:47%;}
.grid figure h2 {font-size: 25px; padding: 31% 0; }

/*--footer--*/
	.foot-left{display: block; float: none; width: 100%;}
	.foot-left .col{width: 48%;}

	.foot-left .col .col-2 {display: inline-block; vertical-align: top; width: 48%;}

	.foot-right{display: block; float: none; text-align: center; margin-top: 30px; width: 100%;}
	.foot-right img{max-width: 100px; text-align: center;}
	
	
	
	.sany-left{width: 100%; text-align: center; display: block; float: none; padding-top: 0;}
	.sany-right{width: 100%; text-align: center; display: block; padding-bottom: 20px;}
	
	
}



@media screen and (max-width:649px){
	.topright p{display: none;} 


	.footer-contact{display: block;}
	.footer-contact .left{display: block; width: 100%;}
	.footer-contact .left .wrapper-inner{width: 90%; text-align: center; padding: 30px 0;}
	.footer-contact .right{display: block; width: 100%;}
	.footer-contact .right iframe{display: block; width: 90%; height: 280px;}
	
/*--footer--*/
	.footer #pad{padding: 15px 0;}
	.foot-left{display: none;}

	.foot-right{margin-top: 0;}
	.foot-right img{max-width: 50px; text-align: center;}	
	
	
	/* FINANCING PAGE */
	
	.wrapper-sm.center{text-align: unset;}
	.finance-hero .padding-vertical{padding: 100px 0;}
	.padding-vertical{padding: 100px 0;}
	#icons-grid > div{
		width: 48%;
	}
	.col-copy{	
    	width: 100%;
	}
	.col-listing{	
    	width: 100%;
		margin-top: 100px;
	}
	.bg-excavator{
		-moz-background-size: 150% auto;
		-o-background-size: 150% auto;
		-webkit-background-size: 150% auto;
		background-size: 150% auto;
		left: 15px;
		bottom: -50px;
	}
	
	
	
	#big-numbered-list {
		flex-direction: column;
	}

	#big-numbered-list .divider{
		margin: 0 0 40px 0;
	}
	.col33 {
		width: 100%;
	}
	#financing-table .col33{
		width: 100%;
		margin-bottom: 50px;
	}
	#financing-table .col33:last-of-type{
		margin-bottom: 0;
	}
	
	#icons-grid > div p {
   		font-size: 12px;
	}
	
	/* END OF FINANCING PAGE */
	
}

@media screen and (max-width:480px){
.formfield {width:91.5%; }

.main-img .wrapper-center{padding:25vw 0 20vw 0;}	
.main-img h1{font-size: 30px; line-height: 32px;}
.main-img p{font-size: 15px;}

.grid figure{width:90%; margin: 5px auto;}
.grid figure img{width: 100%;}
	
	
	.sany-left img{display: block; text-align: center; margin: 10px auto;}
	.sany-left #sany-logo{margin: 0 auto; text-align: center}
	
}


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

.logotop a, .logotop img {max-width: 60px;} 
.logotop { margin: -25px 0 -70px 15px;}
}