@charset "utf-8";
/* CSS Document */

@import url('/templates/doralequipmentparts.com/css/font-awesome.min.css');

/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small {font-size: 80%;}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
		padding-left: 0; padding-right: 0;
}

/*===================== 
	default styles 
=======================*/
.clear { clear: both;}
a:focus, a:hover {text-decoration: none!important; outline:none!important; color: #000;}
p {font-family: 'Open Sans', sans-serif;}
h1, h2, h3 {font-family: 'Barlow Condensed', sans-serif;}
h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
h3 {font-size: 20px;}
/*---------------------NAVIGATION------------------*/

.top-header {padding: 0 10%; background-color: #e1e1e1;}
.btm-header {padding: 10px 10%;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color: #fff;
	text-align: right;
	padding: 0;
}
.navbar-nav>li {float: none; display: inline-block;}
.navbar-default .navbar-nav>li>a {
	background-color: transparent; 
	color: #313131;
	font-family: 'Barlow Condensed',sans-serif;
	font-weight: 600; 
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: solid 4px transparent;
}
.navbar-nav>li>a {padding: 15px;}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #000;
	background-color: transparent;
	border-color: #f2b90c;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fdc210;
	background-color: transparent;
}

.dropdown-menu {
	padding: 0;
	border: none;
	border-radius: 0px;
}


.dropdown-menu>li>a {
	padding: 10px 15px; 
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600; 
	color: #252525;
	text-transform: uppercase;
	font-size: 16px;
}
.dropdown-menu>li>a:hover {
	background-color: #ebebeb;	
}


.navbar-nav {float: none;}

.head-logo {
    width: 100%;
    max-width: 275px;
    height: auto;
    position: absolute;
    z-index: 100;
}


/*---------------------HEADER ICONS------------------*/
.shop-icon-wrap {
	display: inline-block;	
	font-family: 'Barlow Condensed',sans-serif;
	font-size: 18px; 
	font-weight: 600; 
	border: none;
	background: #fdc210;
	padding: 8px 25px;
	color: #000;
	text-transform: uppercase;
	margin: 0 2px;
}
.shop-icon-wrap:hover {background: #000; color: #fdc210;}

.phone-icon-wrap {
	display: inline-block;	
	font-family: 'Barlow Condensed',sans-serif;
	font-size: 18px; 
	font-weight: 600; 
	border: none;
	background: #000;
	padding: 8px 25px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 2px;
}
.phone-icon-wrap:hover {background: #000; color: #fdc210;}

.fb-icon-wrap {
	display: inline-block;	
	font-family: 'Barlow Condensed',sans-serif;
	font-size: 18px; 
	font-weight: 600; 
	border: none;
	background: #000;
	padding: 8px 25px;
	color: #fff;
	margin-left: 2px;
}
svg.svg-inline--fa.fa-facebook-f.fa-w-9.fb-nav-icon {color: #fff;}
.fb-icon-wrap:hover {background: #fdc210; color: #000;}
.fb-icon-wrap:hover svg.svg-inline--fa.fa-facebook-f.fa-w-9.fb-nav-icon  {color: #000;}

/*---------------------MOBILE NAVIGATION------------------*/

.navbar-default {
	background-color: #fff;
	border: none; 
	border-radius: 0px;
	margin: 0;
}

.navbar-default .navbar-toggle {border: none; margin: 0; padding: 15px 5%;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent;}
.navbar-collapse.in {margin: 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {background-color: #ebebeb;}
.navbar-default .navbar-toggle .icon-bar {background-color: #1b1b1b;}




/*===================== 
	Page Headers
=======================*/

.pghero {
	padding: 50px 10%;
	background-color: #313131;
	background-image: url('/templates/doralequipmentparts.com/siteart/dark-cement-bg.jpg');
	background-size: cover; 
	background-position: center;
	background-attachment: fixed;
}
.sub-hero .pg-head {text-align: center;}


/*===================== 
	footer styles 
=======================*/

.top-footer {background-color: #000; padding: 50px 10%;}
.btm-footer {background-color: #000; padding: 20px 10%;}
.right-footer {text-align: right;}

.foothead {margin: 0; font-family: 'Barlow Condensed',sans-serif; text-transform: uppercase; font-size: 20px; font-weight: 600; letter-spacing: 1px;}
.foot-txt {margin: 0; font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; max-width: 400px; font-style: italic;}
.foot-txt a {font-weight: 700; color: #fdc210;}
.foot-txt a:hover {color: #fff;}

.foot-list {list-style-type: none;padding: 0; margin: 0;}
.foot-list li a {font-family: 'Open Sans',sans-serif; color: #fff; font-size: 14px; line-height: 16px; font-weight:500;}
.foot-list li a:hover {color: #fdc210;}
.foot-list li {padding-bottom: 8px;}

.copyright {font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight:400; line-height: 12px; margin: 0; color: #fff; text-transform: uppercase; letter-spacing: 1px;}
.copyright a {color: #fdc210; font-weight: 600;}
.copyright a:hover {color: #fff;}

.foot-icon {padding-right: 10px;}
.indent {padding-left: 20px;}


/*===================== 
	typography styles 
=======================*/

.subhead {
	font-family: 'Barlow Condensed',sans-serif;
	font-size: 40px; 
	font-weight: 600;
	text-transform: uppercase; 
	letter-spacing: 1px; 
	margin: 0; 	
	line-height: 45px;
}

.smhead {
	font-family: 'Barlow Condensed',sans-serif;
	font-size: 25px; 
	font-weight: 700;
	text-transform: uppercase; 
	letter-spacing: 1px; 
	margin: 0; 	
	line-height: 25px;
	padding-bottom: 5px;
}

.pg-head {
	font-family: 'Barlow Condensed',sans-serif; 
	font-size: 40px; 
	line-height: 40px;
	margin: 0; 
	font-weight: 700; 	
	text-transform: uppercase;
	letter-spacing: .5px;
}

.subtxt {
	font-family: 'Open Sans',sans-serif; 
	font-size: 25px; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
	font-weight: 400;
	line-height: 30px;
	margin: 0;
}

.tagline {
	font-family: 'Open Sans',sans-serif; 
	font-size: 14px; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
	font-weight: 400;
	line-height: 18px;
	margin: auto;
	display: block;
	max-width: 800px;
}

.content {
	font-family: 'Open Sans',sans-serif;
	font-size: 16px; 
	font-weight: 400;
	margin: 0; 
	line-height: 20px;
}
.content a {color: #000;}
.content a:hover {color: #fdc210;}

.shadow {text-shadow: 0 0 7px #000, 0 0 10px #000;}

.gold {color: #fdc210;}
.black {color: #000000;}
.lgray {color: #e1e1e1;}
.dgray {color: #000;}
.white {color: #ffffff;}

.bold {font-weight: 800;}
.bolder {font-weight: 700;}
.italic {font-style:italic;}
.center {display: block; margin: auto; text-align: center;}
.right-align {text-align: right;}
.left-align {text-align: left;}

/*===================== 
	button styles 
=======================*/

.btn-wrap {padding-top: 20px;}

.gen-btn {
    background-color: #fdc210;
    font-family: 'Barlow Condensed',sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    border: solid 2px #fdc210;
    color: #000;
    text-align: center;
    font-weight: 700;
    transition: all 0.5s;
    cursor: pointer;
    letter-spacing: 1px;
    padding: 10px 25px;
}
.gen-btn:hover {
	background-color: transparent;
	color: #fdc210;
}

.white-btn {
    background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Barlow Condensed',sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    border: solid 2px #fff;
    color: #fff;
    text-align: center;
    font-weight: 700;
    transition: all 0.5s;
    cursor: pointer;
    letter-spacing: 1px;
    padding: 10px 25px;
}
.white-btn:hover {
	background-color: rgba(253, 194, 18, 0.90);
}

.gen-btn-bk {
    background-color: #fdc210;
    font-family: 'Barlow Condensed',sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    border: solid 2px #fdc210;
    color: #000;
    text-align: center;
    font-weight: 700;
    transition: all 0.5s;
    cursor: pointer;
    letter-spacing: 1px;
    padding: 10px 25px;
}
.gen-btn-bk:hover {
	background-color: transparent;
}

/*-----------layouts---------------*/

.gold-line {
    background: #fdc210;
    height: 5px;
    width: 40px;
    display: block;
    margin: auto;
}

.pad-row {padding: 50px 10%;}
.pad-top {padding-top: 15px;}
.pad-btm {padding-bottom: 15px;}
.spacetop {padding-top: 2%;}
.spacebtm {padding-bottom: 2%;}
.mar-top {margin-top: 15px;}
.mar-btm {margin-bottom: 15px;}

.notop {padding-top: 0;}
.nobtm {padding-bottom: 0;}
.left-content {padding-right: 2%;}
.right-content {padding-left: 2%;}
.align-left {text-align: left;}
.align-right {text-align: right;}

.add-btm {padding-bottom: 50px;}
.add-top {padding-top: 50px;}

.show-mobile {display: none;}


/* ---------------------------------------------
	Cart Styles to Nav and Footer
----------------------------------------------*/

.head-container {padding: 0!important;}

#header:before {display: none!important;}
#footer:before {display: none!important;}

.svg-inline--fa.fa-w-16 {
    font-size: 16px;
}

.svg-inline--fa.fa-w-9 {
    font-size: 20px!important;
    color: #000;
}

/* ---------------------------------------------
	Cart Styles
----------------------------------------------*/

.page-header {padding: 0!important; margin: 0!important; border: none!important; font-family: 'Barlow Condensed',sans-serif;}
#hs-content-wrapper {min-width: auto; max-width: 100%!important; padding-left: 10%; padding-right: 10%; margin: 0;}
#hs-main-content {margin: 0; padding: 30px 0 50px 0!important;}

.page-header h1, .page-header .h1 {margin: 0; font-size: 25px;}


.breadcrumb {
    padding: 10px 0px!important;
    margin: 0!important;
    list-style: none;
    background-color: transparent!important;
    border-radius: 0px!important;
}

.hs-container.cart-sidebar.products-view {font-family: 'Barlow Condensed', sans-serif;}

.hs-faceted-search .hs-facet-label .c-1 {padding-left: 0!important;}

/*--------------CART EDITS-----------------*/

.hs-btn.hs-facet-view-more.hs-highlighted  {background: #585858!important; color: #fff!important; border: none!important; font-family: 'Barlow Condensed', sans-serif; text-decoration: none!important; border-radius: 0px!important; letter-spacing: 1px;}
.hs-btn.hs-facet-view-more.hs-highlighted:hover {background-color: #000!important;}

.hs-btn.hs-highlighted {background: #585858!important; color: #fff!important; border: none!important; font-family: 'Open Sans', sans-serif; text-decoration: none;}
.hs-btn.hs-highlighted a {color: #fff;}
.hs-btn.hs-highlighted:hover {background-color: #000!important; text-decoration: none;}
.hs-btn.hs-highlighted svg:not(:root).svg-inline--fa:hover {color: #fff!important;}
.hs-highlighted-text {font-size: 16px; font-family: 'Open Sans', sans-serif; color:#000!important;}

.product .product-name {font-family: 'Barlow Condensed',sans-serif; font-weight: 700;font-size: 18px;}
.product .product-name a:hover, a:focus {color: #000; text-decoration: none;}
.hs-faceted-search .hs-faceted-section-head {font-family: 'Open Sans',sans-serif;}

.product.product-details .product-spec-value {font-family: 'Open Sans', sans-serif;}
.breadcrumb {font-family: 'Open Sans', sans-serif;}
.hs-sort-orders {border: 1px solid #ccc;}
.product .product-in-cart {background-color: #585858!important;}
.product.product-list-item .product-specs {font-family: 'Open Sans', sans-serif;}

#bottom-mobile .fa, #bottom-mobile .svg-inline--fa {font-size: 20px!important;}
.product .product-price {font-family: 'Barlow Condensed', sans-serif; color: #000;}

h3.hs-faceted-section-title.inline {font-size: 20px!important; font-family: 'Barlow Condensed',sans-serif;}
.hs-btn {border-radius: 0px!important;}
select {border-radius: 0px!important;}

.product .product-in-cart:hover {color: #07325c!important; background-color: #585858!important; }
.product .product-controls select {border-radius: 0px!important;}
.product .product-controls .hs-btn {border-radius: 0px!important;}
.hs-sort-orders {border-radius: 0px!important;}

.checkout-view .form .label {
    display: block;
    text-align: left;
}

.form select{color: #07325c;}
.label {color: #07325c!important;}

.elipsis {
    font-weight: 500;
	font-size: 14px;
}

#bottom-mobile .hs-search-box {
    font-size: 16px;
    background-color: #fafafa;
    padding: 0;
}

.hs-search-box input {padding: 5px!important;}
#hs-content-wrapper.fixed-cart .page-header {padding: 10px 5%!important; border-bottom: 1px solid #ccc!important;}
#hs-footer-bottom {display: block;}
#hs-footer-bottom .hs-card-logos {display:block;text-align: center;}
#hs-footer-bottom .hs-card-logos i {padding: 0px;}

.product.product-card-item .cf .product-info .product-specs {font-size: 13px; font-family: 'Open Sans',sans-serif;}
.products-view .hs-content .paging, .products-view .hs-content .products {margin-top: 10px;}

.product.product-details .product-spec-name {font-family: 'Barlow Condensed', sans-serif;}


/*==========================================================================
	MEDIA QUERIES
==========================================================================*/


@media only screen and (max-width: 1199px) {
	.top-header {padding: 0 5%;}
	.btm-header {padding: 0 5%;}
	.head-logo {max-width: 225px;}
	.middle-pad {padding: 0 3%;}
	.top-footer {padding: 50px 5%;}
	.btm-footer {padding: 15px 5%;}
}

@media only screen and (max-width: 991px) {
	
   .navbar-toggle {
    display: block !important;
    position:absolute;
    right:0;
	}
	.navbar-nav > li{
	display:block;
	width:100%;
	text-align:right;
	}
	.navbar-collapse {
		position:relative;
		top:40px;
		margin-bottom:40px !important;
	} 
	.navbar-collapse.collapse {
		display:none !important;
	} 
	.navbar-collapse.in{
	display:block !important ;
	}
	
	.navbar-nav > li {text-align: center;}
	.navbar-default .navbar-nav>li>a {font-size: 16px; padding: 10px;}
	.dropdown-menu {float: none; -webkit-box-shadow:none;box-shadow:none; position:unset;background: #ebebeb;}
	.dropdown-menu>li>a {font-size: 15px; text-align: center; padding: 10px;}
	.navbar-default .navbar-toggle {padding: 17px 0;}
	.head-logo {max-width: 215px;}
	.navbar-default .navbar-nav>li>a {border: none;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {border: none;}
	.cat-box-inner {min-height: auto;} 
	.parts-right {padding: 30px 5% 30px 5%;}
	.middle-pad {padding: 0 3% 0 8%;}
	.cat-title {font-size: 20px;}
	
	.left-footer {text-align: center; padding-bottom: 5px;}
	.right-footer {text-align: center;}
	.slide-head {font-size: 40px; line-height: 40px; min-height: 80px;}
	
	/*-----------Layout Changes-------------------*/
	.pad-row {padding: 30px 5%;}
	
	.notop {padding-top: 0;}
	.nobtm {padding-bottom: 0;}
	.add-btm {padding-bottom: 30px;}
	.add-top {padding-top: 30px;}
	.left-content {padding-right: 0; padding-bottom: 30px;}
	.right-content {padding-left: 0;}

	.top-footer {padding: 30px 5% 30px 5%;}
	.hero-text-wrap {padding: 13vw 10% 13vw 10%;}
	.pghero  {padding: 30px 5%;}
	
}


@media only screen and (max-width: 767px) {
   .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
   .navbar-nav {margin: 0;}
   .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding:10px; background: #ebebeb;}
   .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #252525;}
   .cat-box {padding: 10px 0 10px 0!important;}
   .form-border {padding: 5%;}
   .field {padding: 8px;}
   .textfield {padding: 8px;}
   .carousel-control {width: 15%!important;}
   .middle-pad {padding: 20px 0 20px 0;}
   .foot-txt {max-width: 100%;}
   .form-wrap {padding: 5%;}
   
   
   /*-----------Font Size Changes-------------------*/
   .subhead {font-size: 30px; line-height: 30px;}
   .content {font-size: 15px;}
   .pg-head {font-size: 35px; line-height: 35px;}
   .subtxt {font-size: 20px; line-height: 20px;}
   .search-field {font-size: 15px;}
   .search-submit {font-size: 15px;}
   .cat-title {font-size: 18px;}
   .gen-btn, .white-btn, .gen-btn-bk {font-size: 16px;}
   .slide-head {font-size: 35px; line-height: 35px; min-height: auto;}
   .tagline {font-size: 14px;}
   .ty-icon {font-size: 65px;}
   
}

@media only screen and (max-width: 500px) {
	.shop-icon-wrap, .phone-icon-wrap, .fb-icon-wrap {padding: 8px 15px;}
	.hide-500 {display: none;}
	.hero-text-wrap {padding: 20vw 10% 20vw 10%;}
}

@media only screen and (max-width: 400px) {
	/*-----fix header for tiny mobile screens--------*/
	.shop-icon-wrap, .phone-icon-wrap, .fb-icon-wrap {font-size: 15px; padding: 8px 15px;}
	.hide-mobile {display: none;}
	.top-header {background: #fff;}
	.navbar {min-height: 60px;}
	.head-logo {max-width: 145px;}
	.navbar-default .navbar-toggle {padding: 22px 0;}
	.nav.navbar-nav.centernav {padding-top: 10px;}
	.show-mobile {display: block; padding:10px 0;}
	
	.page-header .cart-icons {display: block; width: 100%;}
	.svg-inline--fa.fa-w-16 {font-size: 14px;}
}