/* 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;}
.flex-row .col{flex: 1;}
.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: "Roboto Condensed", sans-serif; line-height: 1.25;}
::-moz-selection{background: #263879; color: #fff; text-shadow: none} ::selection{background: #263879; color: #fff; text-shadow: none}

a{text-decoration: none; cursor: pointer; transition: all .2s ease-in-out;}

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

/* SHOP STYLES */

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

#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: "Roboto Condensed", sans-serif; letter-spacing: 0;}

.product .product-controls .hs-btn{display: flex; align-items: center; justify-content: center; height: auto; padding: 20px; font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 3px;}
.hs-btn.hs-highlighted{background: #263879; color: #fff !important;}
.hs-btn.hs-highlighted:hover{background: #fff; color: #1B2A61 !important;}

.product.product-card-item{padding: 10px;}
.product .product-controls .nobr{height: auto;}
.product .product-controls .hs-btn{padding: 10px; font-family: "Roboto Condensed", 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);}
}

/* HEADER */

.top-header{background: #1E1958; color: #fff;}
.top-header .wrap{padding: 0;}

.header{position: relative; border-bottom: 1px #263879 solid; box-shadow: 0px 0px 10px #A6A6A6; z-index: 9;}
.header .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.header .logo{width: 400px; padding: 20px;}

.header .header-right{display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; flex: 1; text-align: right; line-height: 1.1;}
.header .contact{width: 100%; margin-bottom: 10px; font-size: 24px; color: #263879;}
.header .contact a{margin-left: 2px; color: #FEC400;}
.header .language-selector a{display: inline-block; margin: 0 5px; padding: 2px 5px 1px; font-weight: 700; color: #263879; border: 2px #263879 solid;}
.header .language-selector a:hover{color: #FEC400; border: 2px #FEC400 solid;}
.header .social a{padding: 5px 8px; font-size: 24px; color: #263879;}
.header .social a:hover{color: #FEC400;}

/* NAVIGATION */

#cssmenu{display: block; position: relative; font-size: 0; text-align: center; z-index: 9999;}
#cssmenu ul li{display: inline-block; position: relative;}
#cssmenu ul li a{display: block; padding: 10px; font-size: 18px; font-weight: 400; text-decoration: none; color: #fff;}
#cssmenu ul li:hover > a{background: #fff; color: #1E1958;}
#cssmenu ul li:hover > ul{left: auto;}
#cssmenu ul li.has-sub > a{padding-right: 25px;}
#cssmenu ul li.has-sub > a:after{position: absolute; top: 18px; right: 10px; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 6px; content: "\f078";}
#cssmenu ul ul{display: block; position: absolute; left: -9999px; border-bottom: 1px #FEC400 solid; box-shadow: 0 3px 7px rgba(0,0,0,.3);}
#cssmenu ul ul li a{background: #fff; width: 250px; font-size: 15px; font-weight: 700; text-align: left; color: #263879; padding: 10px 12px; border: 1px #FEC400 solid; border-bottom: none;}
#cssmenu ul ul li:hover > a{background: #FEC400; color: #fff;}
#cssmenu ul ul li.has-sub a:after{position: absolute; top: 18px; right: 8px; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 8px; content: "\f054";}
#cssmenu ul ul ul{margin-left: 100%; top: -1px;}

#cssmenu #menu-button{display: none; background: #1E1958; padding: 15px 20px; font-size: 12px; text-transform: uppercase; text-align: left; color: #fff; cursor: pointer;}
#cssmenu #menu-button:after{margin-left: auto; font-family: "Font Awesome 6 Free"; font-size: 16px; font-weight: 900; content: '\f0c9';}
#cssmenu #menu-button.menu-opened:after{content: '\f00d';}

/* FOOTER */

.footer{background: #f3f3f3; padding: 30px 0; border-top: 1px #263879 solid;}
.footer strong{display: block; margin-bottom: 10px; font-size: 20px; color: #263879;}
.footer ul li{padding: 3px 0;}
.footer ul li, .footer ul li a{font-size: 15px; color: #263879;}
.footer ul li i{width: 20px; margin-right: 5px; text-align: center;}

#bottom-mobile .filter{width: 115px;}

/* RESPONSIVE */

@media screen and (max-width: 1500px){
	#cssmenu ul li a{padding: 10px 5px; font-size: 15px;}
}
@media screen and (max-width: 1170px){
	#cssmenu #menu-button{display: flex; align-items: center;}

	#cssmenu ul{display: none; text-align: left;}
	#cssmenu ul li{display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px #aaa solid;}
	#cssmenu ul li a{flex: 1; background: #263879; padding: 17px 20px; font-size: 14px; text-transform: uppercase; color: #fff; order: 1;}
	#cssmenu ul li a:after{display: none;}
	#cssmenu ul ul{display: none; position: relative; width: 100%; left: 0; border: none; order: 3;}
	#cssmenu ul ul li{border-bottom: 1px #aaa solid;}
	#cssmenu ul ul li a{background: #fff; width: 100%; padding: 12px 15px; font-size: 12px; font-weight: 700; text-transform: none; color: #263879; border: none;}

	#cssmenu .submenu-button{display: flex; align-items: center; justify-content: center; background: #FEC400; height: 51px; width: 51px; order: 2; cursor: pointer;}
	#cssmenu .submenu-button:after{font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; content: "\f067";}
	#cssmenu .submenu-button.submenu-opened:after{content: '\f068';}
}
@media screen and (max-width: 768px){
	.flex-row .col{flex: none; width: 100%; margin: 15px 0;}

	.header{padding: 20px 0;}
	.header .logo{width: 100%; max-width: 360px; margin: auto; padding: 0;}
	.header .header-right{flex: none; justify-content: center; width: 100%; text-align: center;}
	.header .contact{margin: 10px 0 15px; font-size: 20px;}
}
@media screen and (max-width: 480px){
    .header .foundationlogo{display: none;}
	
	.banner h2{font-size: 36px;}
	.banner p{margin-top: 5px; font-size: 16px;}
}