/* 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; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}

.flex-row{display: flex; flex-wrap: wrap;}
.col-sm-6{width: 50%;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{background: #fff; height: 100%; width: 100%; font-family: urw-din, sans-serif; line-height: 1.5;}
::-moz-selection{background: #E41C38; color: #fff; text-shadow: none} ::selection{background: #E41C38; color: #fff; text-shadow: none}

.main{padding: 100px 0;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}

/* SHOP STYLES */

.ProductsView .page-header, .RentalsView .page-header{align-items: center;}

#hs-content-wrapper{max-width: 1440px; margin: 0 auto; padding: 0 20px;}
#hs-content-wrapper.fixed-cart .page-header{padding: 20px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
#hs-content-wrapper .footer{background: none; top: 0; max-width: 100%; padding: 0; color: inherit;}

#hs-content-wrapper h1, #hs-content-wrapper h2, #hs-content-wrapper h3, #hs-content-wrapper h4, #hs-content-wrapper h5, #hs-content-wrapper h6{font-family: urw-din, sans-serif; letter-spacing: 0;}

.product .product-controls .hs-btn{display: flex; align-items: center; justify-content: center; height: auto; padding: 20px; font-family: trumpgothicpro, sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 3px;}
.hs-btn{transition: all .2s ease-in-out;}
.hs-btn.hs-highlighted{background: #E41C38; color: #fff !important;}
.hs-btn.hs-highlighted:hover{background: #fff; color: #C9152E !important;}

.hs-btn.hs-highlighted a{color: #fff !important;}
.hs-btn.hs-highlighted:hover a{color: #E41C38 !important;}

.product.product-card-item{padding: 10px;}
.product .product-controls .nobr{height: auto;}
.product .product-controls .hs-btn{padding: 10px; font-family: urw-din, sans-serif; font-size: 12px; letter-spacing: normal;}
.product .product-controls a.hs-btn svg{padding-right: 5px;}

@media (min-width: 43.75em){
	.product.product-card-item{width: calc(50% - 16px); max-width: calc(50% - 16px);}
}
@media (min-width: 64em){
	.product.product-card-item{width: calc(33.3333% - 16px); max-width: calc(33.3333% - 16px);}
}
@media (min-width: 79em){
	.product.product-card-item{margin: 8px; width: calc(25% - 16px); max-width: calc(25% - 16px);}
}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-family: trumpgothicpro, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 5px;}
p{font-size: 17px; font-weight: 300; line-height: 1.6;}
a{text-decoration: none; color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.btn{display: flex; align-items: center; justify-content: center; background: #E41C38; padding: 20px 15px; font-family: trumpgothicpro, sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 3px; color: #fff !important; white-space: normal; border-radius: 5px;}
.btn:hover{background: #fff; color: #C9152E !important;}

/* HEADER */

.top-header{display: flex; align-items: center; justify-content: space-between; background: #E41C38; padding: 10px 50px; color: #fff;}
.top-header ul{display: flex; align-items: center; gap: 0 10px; font-family: trumpgothicpro, sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px;}
.top-header ul:last-child{gap: 0 20px;}
.top-header ul li a{color: #fff;}

.header{display: flex; align-items: center; flex-wrap: wrap; position: relative; top: 0; left: 0; background: rgba(0, 0, 0, 0.95); width: 100%; max-width: 100%; padding: 20px 50px; backdrop-filter: blur(5px) saturate(75%); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); z-index: 999;}
.header .logo, .header .foundationlogo{width: 150px}
.header .logo img, .header .foundationlogo img{display:block; transition: all .2s ease-in-out;}
.header .foundationlogo{margin-left: 20px;}

.header .navigation{flex: 1;}
.header .cta{width: 225px;}
.header .cta a{padding: 12px; font-size: 18px; color: #fff;}
.header .cta a:hover{color: #C9152E;}

.header.fixed{position: relative;}
.header.scroll .logo img, .header.scroll .foundationlogo img{max-width: 100px !important;}

/* BANNER */

.banner{display: flex; align-items: center; background: #000; height: 207px; text-align: center; color: #fff; overflow: hidden;}
.banner .wrap{position: relative; z-index: 9;}

.banner-left, .banner-right{position: absolute; width: 50%; height: 207px; overflow: hidden; z-index: 0;}
.banner-left img, .banner-right img{position: absolute; max-width: max-content;}
.banner-left, .banner-left img{left: 0;}
.banner-right, .banner-right img{right: 0;}

.banner h2{display: block; margin-bottom: 5px; font-size: 48px; font-weight: 900; line-height: 1.15; letter-spacing: 0;}
.banner h2 span{color: #E41C38;}
.banner p{font-size: 18px; line-height: 1.3;}

/* CATEGORIES */

.categories{display: block; margin: 2px;}
.categories .container{display: flex; flex-wrap: wrap; gap: 2px; max-width: 100%; margin: auto; padding: 0;}
.categories .category{flex: 1; position: relative; background: #000; overflow: hidden; transition: all .5s ease;}
.categories .category:after{display: block; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all .5s ease;}
.categories .category a{display: flex; align-items: center; justify-content: center; position: relative; height: 100%; padding: 75px 10px; font-family: trumpgothicpro, sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; text-shadow: 0px 2px 5px rgba(0,0,0,0.5); line-height: 1.25; letter-spacing: 3px; color: #fff; z-index: 9;}
.categories .category img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: calc(100% + 50px); min-height: 100%; object-fit: cover;}

.categories .category:hover{transform: scale(1.1); box-shadow: 0px 10px 70px 0px rgb(0 0 0 / 50%); z-index: 9999;}
.categories .category:hover:after{background: rgba(0, 0, 0, 0.5);}

/* FOOTER */

footer{background: #000;}

.footer-top{background: #E41C38; width: 100%; height: 100px;}

.footer{position: relative; top: -50px; max-width: calc(100% - 100px); margin: auto; background: #000; padding-top: 100px; color: #fff; border-radius: 10px 10px 0 0;}
.footer img{display: block; max-width: 100% !important;}
.footer .wrap{padding: 0 50px;}
.footer .footer-links{display: flex; flex-wrap: wrap;}

.footer .footer-logo{width: 240px;}
.footer .footer-logo p{font-size: 15px;}
.footer .footer-logo img{max-width: 150px !important;}
.footer .footer-digital{width: calc(40% - 80px); padding: 0 25px;}
.footer .footer-digital img{max-width: 310px !important; margin: 15px 0;}
.footer .footer-digital a:hover{opacity: .75;}
.footer .footer-quick{width: calc(35% - 80px); padding: 0 25px;}
.footer .footer-social{width: calc(25% - 80px);}

.footer h3{margin-bottom: 15px; font-size: 20px; letter-spacing: 3px;}
.footer ul li{display: block; padding: 4px 0;}
.footer ul li i, .footer ul li svg{width: 20px !important; margin-right: 10px; text-align: center;}
.footer ul li a{display: inline-block; font-size: 15px; color: #fff; opacity: .75;}
.footer ul li a:hover{opacity: 1;}

.copyright{margin-top: 25px; padding: 25px 0; text-align: center; color: #fff; border-top: 1px #444 solid;}
.copyright span{display: inline-block; margin: 0 10px; opacity: .35;}
.copyright p{font-size: 12px; opacity: .5;}
.copyright a{font-family: trumpgothicpro, sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; color: #fff; opacity: .75;}
.copyright a:hover{opacity: 1;}

#bottom-mobile .filter{width: 100%; min-width: 75px; max-width: 75px; height: 75px;}

/* RESPONSIVE */

@media screen and (max-width: 1700px){
	.top-header{padding: 10px 20px;}
	.header{padding: 20px;}

	.banner-left, .banner-right{opacity: .5;}

	.footer{max-width: calc(100% - 40px);}
}
@media screen and (max-width: 1400px){
	.header .logo{width: 115px}
	.header .cta{width: 175px;}
	.header .cta a{font-size: 16px;}
}
@media screen and (max-width: 1200px){
	.btn{padding: 15px; font-size: 16px; letter-spacing: 2px;}
	
	.categories .category a{font-size: 18px;}

	.footer-top{height: 55px;}
	.footer{top: -25px; padding-top: 60px;}
	.footer h3{display: none;}
	.footer .wrap{padding: 0 20px;}
	.footer .footer-logo{width: 100%; text-align: center;}
	.footer .footer-logo img{display: inline-block !important; margin: auto !important;}
	.footer .footer-digital{width: 100%; text-align: center;}
	.footer .footer-digital a{display: inline-block;}
	.footer .footer-digital img{display: inline-block !important; width: 100% !important; max-width: 300px !important; margin: 15px auto !important;}
	.footer .footer-quick{display: none;}
	.footer .footer-social{width: 100%; text-align: center;}
	.footer .footer-social ul li{display: inline-block;}
	.footer .footer-social ul li a{display: block; padding: 10px; font-size: 22px;}
	.footer .footer-social span{display: none;}
}
@media screen and (max-width: 1100px){
	.header{position: relative; padding-right: 5px;}
	.header .cta{width: auto; margin-left: auto; padding-left: 15px; order: 2;}
	.header .cta a{padding: 12px 25px 11px;}
	.header .navigation{flex: none; order: 3;}
	
	.banner .wrap{width: 650px;}
	.banner-left, .banner-right{opacity: .35;}
	.banner-left img{right: 0; left: auto;}
	.banner-right img{left: 0; right: auto;}
	.banner h2{font-size: 36px;}
}
@media screen and (max-width: 768px){
	.header{position: relative; padding-right: 5px;}
	.flex-col{width: 100%;}
	
	.banner h2{font-size: 28px;}
	.banner p{font-size: 16px;}

	.categories{background: #eee;}
	.categories .container{justify-content: center;}
	.categories .category{flex: none; background: none;}
	.categories .category:after{content: none;}
	.categories .category img{display: none;}
	.categories .category a{padding: 12px 15px; letter-spacing: 2px; text-shadow: none; color: #666;}
	
	.categories .category:hover{transform: none; box-shadow: none;}
	.categories .category:hover > a{color: #000;}
	.categories .category:hover:after{background: none;}
	
	p{font-size: 16px;}
}
@media screen and (max-width: 600px){
	.header .logo{flex: 1;}
	.header .logo img{width: 100%; max-width: 100px;}
	.header .cta a{padding: 12px 18px 11px; font-size: 14px;}
	
	.categories .container{display: block; padding: 0 0 0 15px; font-size: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
	.categories .category{display: inline-block;}
}
@media screen and (max-width: 480px){
	.top-header ul:last-child{display: none;}
	.banner h2 span{display: block;}
}