/***** 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: f15623
gray: 1c1c1c
*/

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

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

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

body {
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px; 
	line-height: 26px; 
	-webkit-text-size-adjust:none; 
	font-weight:400;
	overflow-x:hidden;
}
h1 {font-size: 32px; font-weight:700; font-style:italic; line-height: 35px; letter-spacing: .5px; text-transform: uppercase; color: #f15623;}
h1 span{ font-size: 22px; font-weight: 400; font-style: normal; color: #fff;}
h2 {font-size: 28px; font-weight:700; font-style:italic; line-height: 30px; padding-bottom: 5px; text-transform: uppercase; color: inherit;}
h3 {font-size: 20px; font-weight:700; font-style:italic; line-height: 30px; padding-bottom: 5px; text-transform: uppercase; color: inherit;}
h4 {font-size: 18px; font-weight:700; font-style:italic; line-height: 28px; padding-bottom: 5px; text-transform: uppercase; color: inherit;}

.heading-border{border-top: 5px solid #000; width: 100px; margin:10px 0 5px 0;}

a{color:inherit; text-decoration: none;}
a:hover {text-decoration: none;  transition: all 0.6s;}
strong {font-weight: 700;}

.center {text-align:center !important; margin:0 auto;}

.clear{clear:both;}


/*--- HEADER STYLES --------------------------*/
.header{background: #000; color: #fff;}

.header-top{width: 95%; padding: 20px 0; text-align: right}
.header-top a{display: inline-block; text-transform: uppercase; font-size: 15px; margin:0 10px 0 15px; color: #fff !important;}
.header-top .fa-brands{font-size: 20px;}

.logo{padding: 9px 0; position: absolute; top: 0; z-index: 999; left: 5%; display: inline-block;}
.logo img{width: 100%; max-width: 180px; text-align: center; margin: 0 auto;}

/*---BODY--------------------------------*/
.wrapper-inner { width: 75%; margin: 0 auto;}
.wrapper-center{ width:85%; margin: 0 auto; text-align: center;}

#pad{padding: 20px 0;}
#l-pad{padding: 60px 0;}
#xl-pad{padding: 80px 0;}

#pageimage{width: 100%; display: block; border-bottom: 1px solid #f15623;}


/*--buttons--*/
#orange-btn{background: #f15623; color: #000; text-align: center; font-style: italic; font-weight: 700; letter-spacing: .5px; padding:10px 20px; display: inline-block; margin: 10px auto;}
#orange-btn:hover{background: #000; color: #f15623; transition: all 0.6s;}

/*--backgrounds--*/
.black-pattern{background: url(../siteart/black-pattern.png) repeat; color: #fff;}

.orange-txt{color: #f15623;}
.orange-bg{background: #f15623;}
.gray-bg{background: #1c1c1c; color: #fff;}
.black-bg{background: #000; color: #fff;}


.section-title {font-size: 32px; font-weight:700; font-style:italic; line-height: 35px; letter-spacing: .5px; text-transform: uppercase; color: #f15623;}
.section-title span{ font-size: 22px; font-weight: 400; font-style: normal; color: #fff}


/*---HOME PAGE-------------------------------*/
/*--hero--*/
.hero {width:100%;}
.hero .cycle-slideshow {z-index:5; position:relative;overflow:hidden; margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.hero .cycle-pager {text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;}
.hero .cycle-pager span {font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #f2f2f2; cursor: pointer;}
.hero .cycle-pager span.cycle-pager-active {color: #F05423;}
.hero .cycle-pager > * {cursor: pointer;}

.hero .cycle-prev, .hero  .cycle-next { position: absolute; top: 0; width:10%; opacity:.25; z-index: 800; height: 100%; cursor: pointer;}
.hero .cycle-prev {left:0;}
.hero .cycle-prev:before {position:absolute; z-index:0; top:50%; left:60%; transform: translate(-50%, -50%); font-size:3em; color:#fff; content: "\f104"; font-family: FontAwesome;}
.hero .cycle-next {right:0;}
.hero .cycle-next:before {position:absolute; z-index:0; top:50%; right:60%; transform: translate(50%, -50%); font-size:3em; color:#fff; content: "\f105"; font-family: FontAwesome;}
.hero .cycle-prev:hover, .cycle-next:hover {opacity:.85;}

.heroslide {position:relative; line-height:0;}
.heroslide img{position:relative; z-index:1; width:100%; margin:0; padding:0;}

.slideoverlay {position:absolute; z-index:5; left:0; right:0; bottom:calc(26px + 8.5%); width:75%; margin:0 auto;}
.overlay-title {font-size:calc(16px + 3vw); line-height:1.2; font-weight:800; font-style:italic; text-transform:uppercase; color: #f15623;}
.overlay-subtitle {font-size:calc(16px + 2vw); line-height:1.2;  font-weight:300;	color: #fff}
.overlay-button {margin:10px 0 0 0;}
.overlay-button a {background: #f15623; color: #000; text-align: center; font-style: italic; font-weight: 700; letter-spacing: .5px; padding:15px 25px; font-size:1.25em; line-height:1; display: inline-block; margin: 10px auto;}
.overlay-button a:hover{background: #000; color: #f15623; transition: all 0.6s ease;}

.slidegradient {position:absolute; z-index:2; width:100%; height:100%; background: rgb(17,17,17);
background: linear-gradient(0deg, rgba(17,17,17,0.73) 0%, rgba(30,30,30,0.7931547619047619) 100%);}




/*--categories--*/
.wrapper-cat{text-align: center;}
.btn-cat {
	border: none;
	font-family: inherit;
	font-size: 14px;
	color: #fff;
	background: rgb(197,70,29); background: linear-gradient(0deg, rgba(197,70,29,1) 0%, rgba(238,85,34,1) 100%);
	cursor: pointer;
	padding: 10px 0;
	display: inline-block;
	margin: 5px ;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	 border-radius:0;
}

.btn-cat:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/* Button 8 */
.perspective {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	display: inline-block;
}

.btn-8 {
	width:225px;
	display: block;
	outline: 1px solid transparent; /* FF jagged edges fix */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.btn-8 span{color: #000; text-transform: uppercase; font-size: 18px; text-align: center; padding-bottom: 0;
 font-weight:700; font-style:italic; line-height: 30px; 
}

.btn-8:active {	background: #f15623;}


/* Button 8c */
.btn-8c:after {
	width: 21%;
	height: 100%;
	left: -20%;
	top: 0;
	-webkit-transform-origin: 100% 0%;
	-webkit-transform: rotateY(-90deg);
	-moz-transform-origin: 100% 0%;
	-moz-transform: rotateY(-90deg);
	-ms-transform-origin: 100% 0%;
	-ms-transform: rotateY(-90deg);
	transform-origin: 100% 0%;
	transform: rotateY(-90deg);
}

.btn-8c:hover {
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
}

/*--manufacturers--*/
.manu{display: inline-block; margin: 10px; background: #fff; padding: 5px 0; width: 100%; max-width: 200px;}
.manu img{width:200px;}
.manu-clear{clear: both;}

.manu img:hover{transform: scale(1.08); transition: all 0.6s;}

/*--about feature--*/
.about-feature{width: 100%; padding: 150px 0; background:#111 url("../siteart/about-feature.webp") no-repeat center center fixed; background-size: cover;}

.about-feature .wrapper-center{color: #fff; width: 70%;  }
.about-feature p{font-size:1.75em; line-height:1.7; font-weight: 300; font-style: italic;}


/*--contact footer --*/
.dark-gray{background: #131313; padding-bottom: 50px;}
.gray-block{background: #1c1c1c; height: 140px;}

.def-contact{display: flex; /*align-items: center; */width: 75%; margin: -60px auto 0 auto; position: relative;background: #fff;}

.def-contact .left{/*display: inline-block;*/  color: #000; width:30%;}
.def-contact .left p{text-transform: uppercase; letter-spacing: .5px;}
.def-contact .left p a:hover{text-decoration: underline;}

.def-contact .left #formpage div{padding: 5px 0;}
.def-contact .left #formpage input {padding: 6px 0px 6px 5px;}
.def-contact .left .formfield {width:100%; margin-right: 0} 
.def-contact .left #formpage textarea {width: 100%; margin-top: 0;}

.def-contact .right{/*align-self:flex-start;*//* display: inline-block;*/ width: 74%; }
.def-contact .right iframe{width:100%; height: 100%; display: block;}

.def-contact-title {font-size: 32px; font-weight:700; font-style:italic; line-height: 35px; letter-spacing: .5px; text-transform: uppercase; color: #f15623;}






/*---SUB HERO-----------------------------*/
.subhero {position:relative; padding:calc(20px + 5.5%) 10% 6.5% 10%; background:#111;}
.subhero:before {
	content:""; position:absolute; top:0 ;left:0; width:100%; height:100%;
	background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.0844712885154062) 0%, rgba(29,27,30,0.5) 100%);
}
.subhero h1 {
	position:relative; z-index:5; font-size:calc(16px + 2vw); line-height:1; text-align:center; letter-spacing:2px; font-weight:800; text-transform:uppercase; color:#fff;
	text-shadow:1px 0 0 #111, 0 1px 0 #111, -1px 0 0 #111, 0 -1px 0 #111, 0 0 10px rgba(0,0,0,0.5);
	
	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.subhero h1:after {content:""; position:absolute; z-index:2; bottom:-15px; left:0; right:0; width:150px; height:6px; margin:0 auto; background:#f15623;}


.inventoryhero {background:#111 url("/siteart/subhero/wheel-loaders-rocks.jpg") no-repeat center; background-size: cover;}
.rentalhero {background:#111 url("/siteart/subhero/wheel-loaders-aggregate-equipment.jpg") no-repeat center; background-size: cover;}
.haulinghero {background:#111 url("/siteart/subhero/heavy-haul-equipment.jpg") no-repeat center; background-size: cover;}
.servicehero {background:#111 url("/siteart/subhero/cat-engine.jpg") no-repeat center; background-size: cover;}
.abouthero {background:#111 url("/siteart/subhero/excavators-machines-at-work-site.jpg") no-repeat center; background-size: cover;}
.contacthero {background:#111 url("/siteart/subhero/.jpg") no-repeat center; background-size: cover;}
.thankyouhero {background:#111 url("/siteart/subhero/excavator-digging-dirt.jpg") no-repeat center; background-size: cover;}









/*---SUB PAGES-----------------------------*/
.sub-pages{display: flex; align-items: center;}
.sub-pages .left-image{display: inline-block; vertical-align: middle; width: 45%;}
.sub-pages .left-image img{display: block; width: 100%;}
.sub-pages .left-image iframe{display: block; width: 100%;}

.sub-pages .right-text{display: inline-block; vertical-align: middle;  width: 60%; padding: 50px 0;}
.sub-pages .right-text .wrapper-inner{width: 80%;}
.sub-pages .right-text p{font-size:1.2em; line-height: 35px;}
.sub-pages .right-text .fa{color: #f15623; font-size: 20px; vertical-align: middle; margin-right: 10px;}


.wrapper-inner.sub-main {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:space-between; }
.wrapper-inner.sub-main article {width:62.5%;}

article {}
article h1{}
article h2{margin:0 0 12px 0; color: #f15623;}
article p{font-size:1.3em; line-height:1.65; font-weight:300;}







.gallery-wrap {
	max-width: 1450px;
    display: block;
    margin: auto;
}

.galleryContainer {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.galleryImage {
  flex-grow:1;
  margin: .2rem;
  overflow: hidden;
} 

.galleryImage img {
  display: block;
  min-width: 100%;
  height: 16rem;
  object-fit: cover;
  transition-duration: 650ms;
}



.galleryImage .thumbnail {display: block; margin:0; padding:0; line-height:0; border:0; border-radius:0; background-color: #fff;}







/*  SIDEBAR
------------------------------------------------*/
.sub-sidebar {display:flex; flex-flow:column wrap; width:33.9%; margin:0 0 0 3.5%; border-radius: 2px; background: #f7f7f7; 
	-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.sub-sidebar a {white-space: normal; word-break: break-word;}

/*  SIDENAV HEADING
------------------------------------------------*/
.sidenav-heading {padding:18px 25px 10px 25px; background: #252525;}
.sidenav-heading h3 {margin-bottom:0; font-size:1.7em; font-variation-settings: "wght" 700; text-transform:uppercase; color:#f1f1f1;}
.location-page .sidenav-heading {background: #0741ac;}
.location-page .sidenav-heading h3 {color:#fff;}

/*  SIDENAV MAIN
------------------------------------------------*/
.sidenav-main {padding:25px;}

.sidenav-main h5 {margin-bottom:0; font-size:1.35em; font-variation-settings: "wght" 700; text-transform:uppercase; color:#757575;}
.sidenav-main h5 {color: #757575;}

.sidenav-main p {padding:0 25px; font-size:1.25em; line-height:1.45; color:#454545;}
.sidenav-main a {font-variation-settings: "wght" 700;text-decoration:none; color: #333;}

.sidenav-buttons {margin:1em 0 0 0;}
button.sideButton,
a.sideButton {
	display:inline-block; box-sizing:content-box; width:calc(100% - 50px); margin:8px 0; padding:20px 25px 17px 25px; font-size:1.15em !important; line-height:1.5; font-weight:400400; text-align:center; text-transform:uppercase; color:#070707; cursor:pointer; background-color: #f15623; transition:.5s ease; border-radius:2px;	
}
button:hover.sideButton,
a:hover.sideButton {color:#f7f7f7; background-color:#111;}

a.sn-phone {position:relative;}
a.sn-phone:before {content: "\f095"; position: absolute;z-index: 2; top:0; left:-25px; /*top:50%; left:50%; transform: translate(-50%, -50%) rotate(-60deg);*/ font-size:1; color:#f15623; transition: .6s all; font-family: FontAwesome;}

a.sn-address {position:relative;}
a.sn-address:before {content: "\f3c5"; position: absolute;z-index: 2;top:0; left:-25px; /*top:50%; left:50%; transform: translate(-50%, -50%) rotate(-60deg);*/ font-size:1; color:#f15623; transition: .6s all; font-family: FontAwesome;}



/*---FOOTER-------------------------------*/
.footer{background: #000; color: #fff; padding: 10px 0;}
.footer .left{display: inline-block; text-align: left; }
.footer .left p{color: #fff; font-style: italic; font-weight: 700; text-transform: uppercase; font-size: 13px;}
.footer .right{float: right; display: inline-block;}
.footer .right .fa-brands{color: #fff; font-size: 20px;}




/* ----------------------------------------------
 * Generated by Animista on 2024-7-19 16:23:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}







/*---INVENTORY STYLES----------------------*/
.container{color: #000 !important;}

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

.list-content .list-title .list-title-text{font-family: 'Roboto Condensed', sans-serif !important; color: #f15623 !important}
.list-top-section .list-listings-count {color:#111 !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: #f15623 !important}

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

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

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

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

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

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

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

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

/*--mobile--*/
.list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .check-availability-link{background-color: #f15623 !important}
.list-content .list-listing-mobile .buy-now-link{background-color: #f15623 !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: #f15623 !important;}

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

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{background-color: #f15623!important; border: 1px solid #f15623 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile{background-color: #f15623 !important; border: 1px solid #f15623 !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: #1c1c1c !important; border: 1px solid #1c1c1c !important;}

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

.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile{background-color: #f15623 !important; border: 1px solid #f15623 !important;}

.list-content .list-error-container .info button,
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.show-all-modal .apply-button{background:#f15623 !important;}

.mobile-option-bar .mobile-option-bar-filter {color:#f15623 !important;}

.show-all-modal .back-button {color:#f15623 !important; border-color:#f15623 !important;}

.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {background-color: #000 !important;}



/*-------- RESPONSIVE STYLES --------*/

@media screen and (max-width:1200px){
	.btn-cat{ margin: 3px 2px;}	
	.btn-8 {width:150px;}
	.btn-8 h2{font-size: 15px;}
	.wrapper-inner.sub-main article {width:100%;}
	.sub-sidebar {display:flex; flex-flow:column wrap; width:100%; margin:3.5em 0 0 0;}
}

@media screen and (max-width:1100px){
	.logo{background: #000;padding: 0px 0;left: 2%;}
	.logo img{width: 100%;max-width: 171px;text-align: center;margin: 0 auto;}
	.wrapper-inner, .wrapper-center, .about-feature .wrapper-center{width: 90%;}	
	.dark-gray{padding: 40px 0;}
	.gray-block{display: none}
	.def-contact{display: block; width: 90%; margin: 0 auto;}
	.def-contact .left{display: block;  width:100%; text-align: center;}
	.def-contact .right{display: block; width: 100%;}
	.def-contact .right iframe{height: 300px;}
}

@media screen and (max-width:930px){
	.manu{max-width: 230px; margin: 5px;}
	.manu-clear{display: none;}
	.formfield {width:98%; }
	.sub-pages{display: block; align-items: center;}
	.sub-pages .left-image{display: inline-block; vertical-align: middle; width: 100%;}
	.sub-pages .left-image iframe{height: 300px !important;}	
	.sub-pages .right-text{width: 100%;}
	.sub-pages .right-text .wrapper-inner{width: 90%;}
}

@media screen and (max-width:800px){
	.about-feature{padding: 60px 0;}	
	#l-pad{padding: 50px 0;}
	.slide .slide-link{top: 8vw;}
	.slide .slide-link h1{font-size: 40px;}
	.slide .slide-link h1 span{font-size: 28px;}
	.slide .slide-link #orange-btn{margin-top: 15px; padding: 15px 20px;}
	.btn-cat{padding: 10px 0px; margin: 5px 2px;}	
	.btn-8 {width:240px;}
	.btn-8 h2{font-size: 15px;}		
	.logo{position: relative; text-align: center; margin: 5px auto; width: 100%; left: 0; right: 0; padding: 0;}
	.logo img{text-align: center;}
	.header-top{text-align: center; float: none; margin:0 auto; padding: 5px 0;}
	.header-top a{display: inline-block; text-align: center; margin: 5px 10px;}	
}

@media screen and (max-width:768px){
	.heroslide {width:120%; margin:0 -10%;}
	.slideoverlay {bottom:calc(26px + 10%); width:65%;}
	.overlay-title {font-size:calc(16px + 2vw);}
	.overlay-subtitle {font-size:calc(16px + 1.25vw);}
	.overlay-button {margin:5px 0 0 0;}
	.overlay-button a {font-size:1.15em;}
	.subhero {padding: calc(20px + 10.5%) 10% 15% 10%;}
}

@media screen and (max-width:649px){
	h1{font-size:28px;}	
	
	.overlay-button a {margin:5px auto; padding:10px 20px; font-size:.95em; letter-spacing: .25px;}
		
	.btn-cat{margin: 5px 0px;}	
	.btn-8 {width:200px;}
	.btn-8 img{display: none}
	.manu{max-width:300px; margin: 5px auto; display: block;}
}

@media screen and (max-width:450px){
	.heroslide {width:150%; margin:0 -25%;}
	.slideoverlay {bottom:calc(26px + 8%); width:50%;}
}
@media screen and (max-width:375px){
	.slideoverlay {bottom:calc(26px + 10%);} 
	.overlay-subtitle {display:none;}
}