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

}


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

/***** colors *****


red: ed1f24
blue: 0c4d8f

font-family: 'Poppins', sans-serif;
font-family: 'Teko', sans-serif;
*/


body{
	font-family: 'Poppins', sans-serif !important;
	font-size: 15px;
	overflow-x: hidden;
	width: 100%;
	font-weight: 400;
	background: url(../siteart/white-stripes.jpg) repeat;
}
::-moz-selection {
    background: #f3f3f3;
    color: #000;
    text-shadow: none;
}

::selection {
    background: #f3f3f3;
    color: #000;
    text-shadow: none;
}

h1,h2,h3{font-family: 'Teko', sans-serif !important; font-weight: 700; letter-spacing: 1px;}

h1{font-size: 30px; line-height: 35px; color: inherit; text-transform: uppercase;}
h2{font-size: 26px; color: inherit; letter-spacing: 1px; text-transform: uppercase;}
h3{font-size: 22px; color: inherit; text-transform: uppercase;}
h4{font-size: 18px;}

.red-text{color: #ed1f24}

p{ line-height:30px;}

strong{font-weight:700;}

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

.clear{clear:both;}	



/*-- BASIC STYLES------------------------*/
#pad{padding: 30px 0;}
#l-pad{padding: 60px 0;}
#xl-pad{padding:75px 0;}

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

.white-bg{background: #fff;}
.black-bg{background: #000; color: #fff;}

.black-border{background: url(../siteart/black-border.png); background-size: 100% 162.5px;
    bottom: 0;
    height: 110px;
    z-index: 99;
    margin-top: -60px;
    position: relative;
}

#pageimage{width: 100%;background-color:#000;}
.image-overlay{position: absolute; z-index: 999; top: 17vw; margin: 0 auto; width: 100%; text-align: center; color: #fff;}
.image-overlay h1{color: #fff; font-size: 4em; letter-spacing: .15em}


#blue-border{border-bottom: 6px solid #0c4d8f}

#red-btn{background: #ed1f24; color: #fff; padding: 10px 30px; text-align: center; margin: 10px 0; font-family: 'Teko', sans-serif; text-decoration: none; font-size: 20px; letter-spacing: 1.5px; font-weight: 700;}
#red-btn:hover{background: #0c4d8f;}

/*--- HEADER ---------------------------*/
.header{width: 100%; background: #000; display: block; text-align: center; box-shadow: 3px 3px 5px 0px #ccc;}

.header .left{display: inline-block; background: #fff; width: 470px; float: left; border-radius:30px/90px; margin-left: -32px;}
.left #logo{width: 100%; max-width: 250px;}

.header .right{display: inline-block; text-align: right; width: 55%; margin-top: 20px;}

.header .wrapper-inner{margin: 0 auto; text-align: center;}

/*--search--*/
.header-search{margin-bottom: 20px; padding-right: 15px;}
.header-search form{display: inline-block; width: 40%; vertical-align: middle}

.header-search #search, .header-search #submit{display:inline-block; zoom: 1; vertical-align:middle; padding:0.5% 1%; border:none; 
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

.header-search #search{width:60%; color:#969696; font-family: 'Poppins', sans-serif !important; background: #fff; padding:11px 15px; border: 1px solid #e3e3e3;}

.header-search #submit{width:50px; margin-left:2px; background:#0c4d8f; padding:15px 15px; font-family: 'icon-worksregular'; color: #fff; font-size: 15px; font-weight: bold;}
.header-search #submit:hover{background: #fff; color: #0c4d8f}




/*--HOME PAGE-------------------------------*/
/**--slider--*/
.slider{width: 97%; margin: 0 auto; padding-top:60px;}
.center h3{
  opacity:0.5;
  //transition:all 300ms ease;
}
.center .slick-center h3{
  //-moz-transform:scale(1.08);
  //-ms-transform:scale(1.08);
  //-o-transform:scale(1.08);
  //-webkit-transform:scale(1.08);
  //transform:scale(1.08);
  opacity:1;
}

/*--categories--*/
.cat-wrapper{margin: 0 auto; text-align: center}

.equipment-box{width: 25%; margin: 10px 5px; display: inline-block; box-shadow: 0 6px 10px -7px rgba(0,0,0,.3); }

.equipment-box img{width: 100%;}
.equipment-box img:hover{opacity: .85}

.equipment-box .cat-title{background: #000; color: #fff; font-family: 'Teko', sans-serif; letter-spacing: .5px; padding: 15px 0; width: 100%; font-size: 24px; text-transform: uppercase; text-align: left;}
.equipment-box .cat-title a{color: #fff; text-decoration: none;}

.equipment-box .cat-title .inner{width: 90%; margin: 0 auto;}

.equipment-box .cat-title .inner .fa{float: right; display: inline; color: #fff; font-size: 17px; margin-top: 8px;}
.equipment-box .cat-title:hover{background: #454545;}


/*--contact footer --*/

.footer-border{background: url(../siteart/footer-border.png); background-size: 100% 162.5px;
    bottom: 0;
    height: 110px;
    z-index: 99;
    margin-top: -60px;
    position: relative;
}

.cont-left{display: inline-block; width: 30%; margin-top: 30px;}
.cont-left h2{margin-bottom: 15px;} .cont-left p{padding-bottom: 10px;}

.cont-right{display: inline-block; width: 60%;  text-align: right; float: right;}
.cont-right iframe{width: 90%; height: 450px; text-align: right;}



/*---FOOTER -------------------------------------*/
.copyright{text-align: center; padding: 10px 0; margin: 0 auto; width: 100%; background: #212121; color: #8C8C8C; font-size: 13px;}

/*---INVENTORY STYLES--------------------------*/
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #ed1f24 !important;
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #ed1f24 !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #AD1A1D!important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}




/*---RESPONSIVE STYLES------------------------*/
@media screen and (max-width:1500px) {
}


@media screen and (max-width:1250px) {
	.wrapper-center, .wrapper-inner{width: 95%;}
	
	#l-pad{padding: 60px 0;}	
	
	.image-overlay{top: 21vw;}
	
	/*--categories--*/

.equipment-box{width: 28.5%; margin: 10px 5px; display: inline-block; box-shadow: 0 6px 10px -7px rgba(0,0,0,.3); }
	.equipment-box .cat-title a{font-size: 18px;}

}




@media screen and (max-width:1024px) {
/*--- HEADER ---------------------------*/
	.header{box-shadow: 0;}
.header .left{display: block; background: #fff; width: 100%; float: none; border-radius: 0; margin-left: 0; text-align: center}
.left #logo{width: 100%; max-width: 225px; display: inline-block; padding: 10px 0;}

.header .right{display: block; text-align: center; width:100%; margin-top: 20px;}

.header .wrapper-inner{margin: 0 auto; text-align: center;}

/*--search--*/
.header-search{margin-bottom: 0; padding: 10px 0;}
.header-search form{display: inline-block; width: 40%;}


/*sub page --*/
	.image-overlay{display: none;}	
	
/*--footer--*/
.cont-left{display: block; width: 100%; margin: 20px auto 30px auto; text-align: center}

.cont-right{display: block; width: 100%;  text-align: right; float: none;}
.cont-right iframe{width: 100%; height:300px;}

}

@media screen and (max-width:850px) {
/*--header--*/

.black-border{background-size: 150% 162.5px;}
.footer-border{ background-size: 150% 162.5px;}

}

@media screen and (max-width:740px) {
.equipment-box{width: 65%; margin: 10px auto; display: block;}
.equipment-box .cat-title a{font-size: 22px;}
}


@media screen and (max-width:649px) {
	
#pad{padding: 20px 0;}
#l-pad{padding: 35px 0;}	
	
	.header .right{display: none;}	

}



@media screen and (max-width:400px) {
.equipment-box{width: 90%;}

.black-border{background-size: 170% 162.5px;}
.footer-border{ background-size: 170% 162.5px;}	
}