/* BEGIN RESET */
* {background:transparent; border:0; margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-style:normal; line-height:normal; -webkit-text-size-adjust: none;}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

h1 {font-size:36px; color:#223b94; text-transform:uppercase; -webkit-text-stroke: 1px black; text-shadow:-1px -1px 0 #282828,1px -1px 0 #282828,	-1px 1px 0 #282828, 1px 1px 0 #282828; margin-bottom:5px;}
h2 {font-size:32px; color:#d0a328; -webkit-text-stroke: 1px black; text-shadow:-1px -1px 0 #282828,1px -1px 0 #282828,	-1px 1px 0 #282828, 1px 1px 0 #282828;}
h4 {font-size:40px; color:#fff; font-weight:800;margin-bottom:20px;}
h5 {font-size:18px; font-weight:800;}
p {font-size:16px; line-height:26px;}

a {text-decoration:none;}

/* BASIC STYLES */
body {background:#000;}
#contentwrap {width:90%; margin:0px auto;}
#middle {background: url(../siteart/bg.jpg) no-repeat; padding:20px 0;}
#whiteblock {background:#fff; padding-bottom:20px; border-bottom:1px solid #282828;}
#site-width {width:75%; margin:5px auto 20px; text-align:center;}
#pagetext {width:75%; margin:0 auto;}
#inventorywrap {width:75%; margin:0px auto; padding:30px 0;}
#inventorywrap a {color:#223b94;}
#colorblock {
	background: #e1b226; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e1b226, #9b752b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1b226, #9b752b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1b226, #9b752b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1b226, #9b752b); /* Standard syntax */
	color:#000;
	font-size:12px;
	text-align:center; 
	padding:20px 0;
	border-top:1px solid #282828;
	border-bottom:1px solid #282828;
}

/* HEADER */
header {background: url(../siteart/bg.jpg) no-repeat; padding:20px 0;}
.third {display:inline-block; width:33%; text-align:center; font-size:28px; color:#fff; font-weight:800; vertical-align:middle;}
.third img {width:78%;}

/* CONTENT STYLES */
.pagethird {display:inline-block; width:33%; text-align:center; font-size:24px; color:#fff; font-weight:800; vertical-align:middle; padding:30px 0 10px;}
.pagethird img {width:100%;}
.pagethirdmobile {display:none;}

.map {float:left; width:60%; margin-bottom:15px;}
.location {float:right; width:35%; margin-bottom:15px;}

/* EQUIPMENT BOX STYLES */
.equip-boxes {width:100%; display:block;}
.equip-thumb {width:50%; height:643px; float:left; position:relative; background-size:cover !important; overflow:hidden; margin:30px auto; border-top:1px solid #282828; border-bottom:1px solid #282828;}

.equip-links {
	width:100%;
	display:block;
	position:absolute;
	bottom:0px; left:0px;
	background-color:rgba(34,59,148,0.6);
	padding:10px 2%;
	height:175px;
	-webkit-transform:translateY(128px);
	-moz-transform:translateY(128px);
	-ms-transform:translateY(128px);
	-o-transform:translateY(128px);
	transform:translateY(128px);
	-webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
	color: #fff;
	text-align:center;
	font-size:36px;
}

.equip-thumb:hover > .equip-links {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
}

.equip-links a {color:#fff !important; font-weight:800; font-size:28px;}
.equip-links a:hover {color:#d0a328 !important;}

.equip-links p.no-margin {line-height:22px;}

/* Inventory Buttons */
#invbtnwrap {width:100%; margin:0 auto;}
.invbtn {float:left; width:50%; text-align:center; margin:0 auto 0;}
.invbtn img {width:100%; height:auto; border-bottom:1px solid #282828;}
.invbtn a {text-decoration:none; color:#fff;}

.hovereffect {width: 100%; float: left; overflow: hidden; position: relative; text-align: center;}
figure {width: 100%; height: auto; margin: 0 auto; padding: 0; overflow: hidden; z-index:99;}

.hovereffect .overlay {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 100px; left: 0; text-align:center;}

.hover10 figure img {-webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover10 figure:hover img {-webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px);}

#gal_container {padding:0 20px 0 0;}
/*Style to make the thumbnail image style on the gallery page.*/
#gal_container img {height:300px; margin:0 5px 5px 0; border:1px #ccc solid;}

/* FOOTER */
footer {padding:20px 0; font-size:16px; color:#fff;}
footer a {color:#fff;}
.footerthird {display:inline-block; width:49%; text-align:center; font-size:18px; vertical-align:middle;}
.footerthird img {width:50%;}

/* FORM */
#formpage {vertical-align:top; color:#000;}
#formpage div {vertical-align:top; padding:3px 5px;}

#formpage input {padding:6px 5px; border:1px solid #282828; color:#000; font-size:12px;}
#formpage textarea {padding:6px 5px; border:1px solid #282828; color:#000; font-size:12px;}

   
#formpage input  {width:100%; color:#000;}
#formpage input.larger  {width:100%; color:#000;}
#formpage textarea {width:100%; height:85px; color:#000;}

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus {background:#fff; color:#000; border:1px solid #d0a328; outline-style:none;} 

#formpage input.button,
#formpage input.button:focus {width:200px; margin:0; padding:7px 0; background:#223b94 url('../siteart/submit_btn.jpg') repeat-x; border:2px #223b94 solid; font-size:14px;line-height:14px; font-weight:800; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,.6); text-transform:uppercase;}
#formpage input.button:hover {background:#d0a328; color:#fff; text-shadow:none; border:2px #d0a328 solid;}
 
/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align: center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; 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;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
 


.view-listing-details-link, .buy-now-link,.list-content .list-container .list-listing .buy-now-link, .list-content .list-container .list-listing .contact-btn, .list-content .list-container .list-listing .check-availability, .list-content .list-container .list-listing .email-seller, .list-content .list-container .list-listing .video-chat, .list-content .list-container .list-listing .facebook-messenger, .list-content .list-container .list-listing .whatsapp, .list-content .list-container .list-listing .text,.list-content .list-listing-mobile .contact-options a,.detail-content-mobile .contact-options a,.fin-calc-mobile>a,.detail-content-mobile .detail-contact-bar .contact-bar-btn,.mobile-breadcrumb .breadcrumbs-element {
	color: #fff !important;
}

.view-listing-details-link, .buy-now-link,.faceted-search-content .selected-facets-container .selected-facet,.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn,.detail-content .detail-additional-data .data-row .data-label,.modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder input,.detail-content-mobile .contact-options a,.detail-content-mobile .detail-additional-data .data-row .data-label,.detail-content-mobile .detail-contact-bar .contact-bar-btn {
	background: #223b94 !important;
}
.list-content .listing-portion-title,.detail-content-mobile .detail-main-body .detail-mobile-top .detail-title,.list-content .list-title .list-title-text,.list-content .list-title .list-listings-count {
	-webkit-text-stroke: 0px !important;
	text-shadow: none !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .currency-selector {
	color:#223b94 !important; 
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
	margin-top: -2px !important;
	margin-left: 5px !important;
}

.compare-chkbox-container .compare-listings .compare-label {
	margin-bottom: 8px !important;
	margin-left: 5px !important;
}

.compare-chkbox-container .compare-listings .fa-check {
	 top: 2px !important;
    left: 2px !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn,.list-content .list-listing-mobile .dealer-phone-container a {
	border-color:#223b94 !important;
		color: #223b94 !important;
}

.fin-calc-mobile>a,#calculator-mobile .modal-content .form-main-content .modal-left-col .calculator-btns .calculator-btn {
	background: #000 !important;
}

.faceted-search-content {
	min-width: 190px !important;
}
   
/************************************************ Responsive Styles **/
@media screen and (max-width: 1480px) and (min-width:1281px) {
h1 {font-size:28px;}
h2 {font-size:28px;}
h4 {font-size:28px;}
.third {font-size:24px;}
.equip-thumb {height:300px;}
.equip-links a {font-size:24px;}
.pagethird {font-size:24px;}
.hovereffect .overlay {top: 75px;}

#gal_container img {height:230px;}
}

@media screen and (max-width: 1280px) and (min-width:1024px) {
h1 {font-size:22px;}
h2 {font-size:22px;}
h4 {font-size:22px;}
h5 {font-size:15px;}
.third {font-size:18px;}
.equip-thumb {height:300px;}
.equip-links {height:160px;}
.equip-links a {font-size:22px;}
.pagethird {font-size:18px;}
.hovereffect .overlay {top:50px;}
.footerthird {font-size:14px;}

#gal_container img {height:220px;}

}

@media screen and (max-width: 1023px) and (min-width:768px) {
h1 {font-size:22px;}
h2 {font-size:16px;}
h4 {font-size:18px;}
h5 {font-size:11px;}
.third {width:32%; font-size:15px;}
.equip-thumb {height:200px;}
.equip-links {height:155px;}
.equip-links a {font-size:18px;}
.pagethird {font-size:14px;}
.hovereffect .overlay {top:40px;}
.footerthird {width:32%; font-size:11px;}

#gal_container img {height:200px;}

#inventorywrap {width:90%;}
}

@media screen and (max-width: 767px) and (min-width:551px) {
h1 {font-size:18px;}
h2 {font-size:14px;}
h4 {font-size:14px;}
h5 {font-size:10px;}
.third {width:32%; font-size:11px;}
.third img {width:90%;}
#colorblock {padding:5px 0;}
.equip-thumb {height:200px;}
.equip-links {height:155px;}
.equip-links a {font-size:14px;}
.pagethird {width:32%; font-size:11px;}
.hovereffect .overlay {top:40px;}
.footerthird {width:32%; font-size:8px;}

#gal_container img {height:140px;}

#inventorywrap {width:90%;}

}


@media screen and (max-width: 550px) and (min-width:381px) {
h1 {font-size:18px;}
h2 {font-size:22px;}
h4 {font-size:14px;}
h5 {font-size:14px;}
.third {float:none; width:100%; font-size:14px; margin:5px auto;}
.third img {width:75%;}
#colorblock {padding:5px 0;}
.equip-thumb {height:200px;}
.equip-links {height:155px;}
.equip-links a {font-size:14px;}
.pagethird {width:32%; font-size:11px;}

.map {float:none; width:100%;}
.location {float:none; width:100%; text-align:center;}

#gal_container {padding:0; text-align:center;}
#gal_container img {width:100%; height:auto; margin:0 auto 5px;}

.hovereffect .overlay {top:20px;}
.footerthird {float:none; width:100%; margin:10px auto; font-size:14px;}

#inventorywrap {width:90%;}

}

@media screen and (max-width:380px)  {
h1 {font-size:16px;}
h2 {font-size:14px;}
h4 {font-size:14px;}
h5 {font-size:10px;}
.third {float:none; width:100%; font-size:11px; margin:5px auto;}
.third img {width:100%;}
#colorblock {padding:5px 0;}
.equip-thumb {float:none; width:100%; height:200px; margin:10px auto;}
.equip-links {height:150px;}
.equip-links a {font-size:14px;}
.pagethird {float:none; width:100%; font-size:11px; margin:0 auto;}
.pagethird img {display:none;}
.pagethirdmobile {display:inline-block; width:100%; margin:0 auto;}
.pagethirdmobile img {width:100%;}

.map {float:none; width:100%;}
.location {float:none; width:100%;}

#gal_container {padding:0; text-align:center;}
#gal_container img {width:100%; height:auto; margin:0 auto 5px;}

.invbtn {float:none; width:100%;}
.hovereffect .overlay {top:10px;}
.footerthird {float:none; width:100%; margin:10px auto; font-size:12px;}

#inventorywrap {width:90%;}

}