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

@import url('/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 
=======================*/

html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
.clear { clear: both;}
a:focus, a:hover {text-decoration: none!important; outline:none!important;}


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

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

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color: #ECECEC;
	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;
}
.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: #585858;
	padding: 8px 25px;
	color: #fff;
	text-transform: uppercase;
}
.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: 6700; 
	border: none;
	background: #000;
	padding: 8px 25px;
	color: #fff;
}
.fb-icon-wrap:hover {background: #fdc210; color: #000;}

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

.navbar-default {
	background-color: #ECECEC;
	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;}

/*========================= 
	 Carousel Styles
===========================*/

#homeCarousel .slides .slide-0, 
#homeCarousel .slides .slide-1,
#homeCarousel .slides .slide-2,
#homeCarousel .slides .slide-3, 
#homeCarousel .slides .slide-4, {
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.carousel-item {
	height: 100%;
	background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-control {width: 8%!important;}

.map-padding {
    padding: 0px 0px!important;
}    

.carousel-indicators {bottom: 15px;}

.carousel-indicators li {
	width: 15px; 
	height: 15px;
	border: none;
	background-color: #fff;
	opacity: .5;
	margin: 1px;
	border-radius: 0px;
}
.carousel-indicators .active {
	width: 15px; 
	height: 15px;	
	border:none; 
	background-color: #fff;
	opacity: 1;
	margin: 1px;
}

/*----------------carousel----------------*/

.hero-text-wrap {
    padding: 13vw 10% 13vw 10%;
}

/*===================== 
	home categories
=======================*/

.cat-title {
	font-family: 'Barlow Condensed',sans-serif; 
	font-size: 20px; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	font-weight: 700;
	padding-top: 5px;	
	line-height: 20px;
	text-align: center;
	margin: 0; 
	padding-top: 20px;
	color: #1b1b1b;
	transition: all .4s ease-in-out;
}
.cat-box { padding: 10px 20px 10px 0!important;}

.cat-box-inner {padding: 0 20px 20px 20px;border: solid 2px #e1e1e1; background: #fff;transition: all .4s ease-in-out;}
.cat-box-inner:hover {border-color: #fdc210;}

.cat-box-inner:hover .cat-title {color: #fdc210;}
.cat-img {
    width: 100%;
    max-width: 250px;
    height: auto;
    display: block;
    margin: auto;
	padding: 30px;
}
.gold-line {
	background: #fdc210; 
	height: 5px; 
	width: 40px; 
	display: block; 
	margin: auto;	
}


/*===================== 
	home about
=======================*/
.about-bg {
	background-image: url('/siteart/about-bg.jpg'); 
	background-size: cover; 
	background-position: center;
	background-attachment: fixed;	
}

#triangle-down {
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 50px solid #fff;
	display: block;
	margin: auto;
}

/*===================== 
	home part search
=======================*/

.parts-left {
	background-color: #313131;
	background-image: url('/siteart/dark-cement-bg.jpg');
	background-size: cover; 
	background-position: center;
	padding: 50px 5% 50px 10%;
}
.head-icon {padding-left: 15px;}

.parts-right {
	padding: 7.5vh 10% 0 5%;	
}
.search-field {
    width: 90%!important;
    display: inline-block!important;	
	padding: 10px!important; 
	font-size: 16px; 
	font-family: 'Open Sans', sans-serif; 
	border-radius: 0px;
	border: none;
	height: auto;
}
.search-submit {
	width: 10%!important;
	padding: 10px 2%;
	border: none; 
	background: #313131; 
	color: #fff;
	font-size: 16px; 
	font-family: 'Open Sans', sans-serif; 	
}
.search-submit:hover {
	background: #fdc210;
	color: #000;	
}

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

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


/*===================== 
	Backgrounds
=======================*/
.grey-bg {background: #e1e1e1;}

.add-grey-bg {
	background-image: url('/siteart/grey-lines-bg.png');	
	background-size: auto;
	background-position: top right;
	background-repeat: no-repeat;
}

/*===================== 
	ABOUT PG
=======================*/

.border-section {border: solid 2px #e1e1e1;}

.heavy-bg {background-image: url('/siteart/heavy-equip.jpg');}
.light-bg {background-image: url('/siteart/light-equip.jpg');}
.attach-bg {background-image: url('/siteart/attach.jpg');}
.parts-bg {background-image: url('/siteart/parts.jpg');}

.about-left {
	background-size: cover;
	background-position: center;
	height: 315px;
}

.about-right {
	padding: 30px;	
}

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

.gold-line-full {
	background: #fdc210; 
	height: 3px; 
	width: 30px; 
	margin-top: 2px; 
	margin-bottom: 4px;	
}

/*===================== 
	THANK YOU 
=======================*/

.ty-wrap {
	background-image: url('/siteart/slides/slide4.jpg');
	background-size: cover; 
	background-position: top right;
	padding: 10vw 10%;	
}

.ty-icon {
	font-size: 100px; 
	color: #fdc210;	
}

/*===================== 
	CONTACT
=======================*/

.map {width: 100%; height: 300px;}

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

/*===================== 
	form styles 
=======================*/

.form-wrap {border: solid 2px #e1e1e1; padding: 30px;}
.form-group {margin-bottom: 0;}
.input-wrap {padding: 5px;}
.field {width: 100%; padding: 10px; font-family: 'Open Sans',sans-serif; color: #1b1b1b; font-weight: 600;}
.textfield {width: 100%; padding: 10px; height: 125px; color: #1b1b1b; font-weight: 600; font-family: 'Open Sans',sans-serif;}

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

.slide-head {
	font-family: 'Barlow Condensed',sans-serif; 
	font-size: 50px; 
	margin: 0; 
	font-weight: 700; 	
	text-transform: uppercase;
	line-height: 50px;
	max-width:900px;
    display: block;
    margin: auto;
	min-height: 110px;
}

.mobile-slide-head {
	font-family: 'Barlow Condensed',sans-serif; 
	font-size: 25px; 
	margin: 0; 
	font-weight: 700; 	
	text-transform: uppercase;
	line-height: 25px;
    display: block;
    margin: auto;
	display: none;
}

.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: #585858;}
.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 {max-width: 900px;margin:auto; 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---------------*/

.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;}

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

@media only screen and (max-width: 1300px) {
	.cat-title {font-size: 16px; letter-spacing: 1px;}
	.middle-pad {padding: 0 2%;}
}


@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%;}
	
	.parts-left {padding: 30px 5% 40px 5%;}
	.parts-right {padding: 6.5vh 5% 30px 5%;}
	.about-left {height: 350px;}
}

@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%;}
	#triangle-down {border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 40px solid #fff;}
	.hero-text-wrap {padding: 13vw 10% 13vw 10%;}
	.pghero  {padding: 30px 5%;}
	.about-left {height: 300px;}
	
}


@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: 600px) {
	.carousel-indicators {display:none;}
	.slide-head {min-height: 110px;}
}

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

@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: 70px;}
	.navbar-default .navbar-toggle {padding: 28px 0;}
	.nav.navbar-nav.centernav {padding-top: 10px;}
	.show-mobile {display: block; padding:10px 0;}
}