@font-face {font-family:'Avenir400';src:url('/__css/font/Avenir-Medium.woff2') format('woff2'), url('/__css/font/Avenir-Medium.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family:'Avenir400';src:url('/__css/font/Avenir-MediumOblique.woff2') format('woff2'), url('/__css/font/Avenir-MediumOblique.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face {font-family:'Avenir700';src:url('/__css/font/Avenir-Heavy.woff2') format('woff2'), url('/__css/font/Avenir-Heavy.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family:'Avenir700';src:url('/__css/font/Avenir-HeavyOblique.woff2') format('woff2'), url('/__css/font/Avenir-HeavyOblique.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face {font-family:'VladimirScript';src:url('/__css/font/VladimirScript.woff2') format('woff2'), url('/__css/font/VladimirScript.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}

:root{
--eh-blue:#4468B2;
--eh-red:#E64944;
}
body{font-family:'Avenir400',sans-serif;font-optical-sizing:auto;font-weight:400;}
h1,h2,h3,h4,h5,strong,b{font-family:'Avenir700',sans-serif;font-weight:700;color:#0B182A}
.motto{font-family:'VladimirScript',serif;font-weight:400;text-align:right;font-size:40px;font-weight:bold}
a strong{color:var(--eh-red)}
.gridh{grid-template-columns:260px auto;grid-template-rows:1fr 1fr;column-gap:27px;border-bottom:3px solid #eaeaea}
.logo{grid-row:1 / span 2}
.logo svg{float:left;margin:30px 0}
.gridmm{grid-column-start:2}
.ico-cart,.mainmenu{position:relative}
.mainmenu{z-index:2}
.mainmenu li{display:inline-block}
.mainmenu a,.mainmenu li a:link,.mainmenu li a:visited{display:block;line-height:16px;padding:15px 25px;color:#000;font-weight:700;text-decoration:none;background:linear-gradient(180deg, #eee 10%, #dadada 100%);border-radius:4px 4px 0 0}
.mainmenu li a:hover{background:linear-gradient(180deg, #eaeaea 30%, #eee 100%)}
.mainmenu li a.act{background:#e13d39;background:linear-gradient(to bottom,#e13d39 0%,#bb1713 100%);color:#fff}
.mainmenu li a.act:hover{background:linear-gradient(to bottom,#bb1713 0%,#e13d39 100%);color:#fff}
.mainmenu li a.shop{color:#fff;background:linear-gradient(180deg, #5572bb 10%, var(--eh-blue) 100%)}
.mainmenu li a.shop:hover{background:linear-gradient(180deg, var(--eh-blue) 10%, #5572bb 100%)}

.gridtop{grid-template-columns:auto 1fr 1fr;gap:20px;width:100%}
.gridcontact{grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-right:40px}
.gridcontact a.ico-svg{display:none}
.gridicons{grid-template-columns:1fr 1fr 1fr 1fr;align-items:center}
.gridicons a{margin:0 auto}

footer{padding:30px 0;border-top:3px solid #eaeaea;background:#eaeaea;margin-top:auto}
footer ul{list-style-type:none}
footer ul li{margin-bottom:10px}
footer ul li:last-child{margin:0}
footer .grid{grid-template-columns:1fr auto auto 1fr;column-gap:50px;row-gap:30px;align-items:center}
footer .grid div:first-child{display:grid;justify-content:center}
.grid,.gridh,.gridmm{display:grid}
.align-items-end,.gridmm{align-items:end}
.align-items-center{align-items:center}
.grid2{grid-template-columns:1fr 1fr}
.grid6{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.gap15{gap:15px}
.gap30{gap:30px}
.column-gap30{column-gap:30px}
.gap60{gap:60px}
.mt15{margin-top:15px}
.mt30{margin-top:30px}
.mb30{margin-bottom:30px}
.mb60{margin-bottom:60px}
.mx-auto{margin-left:auto;margin-right:auto}
.d-none{display:none}
.d-flex,.mainwrap{display:flex}
.d-inline-block{display:inline-block}
.flex-column,.mainwrap{flex-direction:column}
.relm{max-width:100%;height:auto}
.mainwrap{min-height:100vh}
.text-decoration-none{text-decoration:none}

a.ico-svg{font-weight:bold;display:flex}
a.ico-svg-simple{text-decoration:none}
a.ico-svg-simple svg,a.ico-svg svg{fill:#777;transition:fill .1s ease-in-out;width:20px;height:20px}
a.ico-svg-simple:hover svg,a.ico-svg:hover svg{fill:#E13D39}
a.ico-svg svg{margin-right:10px}
div.arrmenu{position:relative}
div.arrmenu:hover ul{display:block;position:absolute;left:0;top:20px;z-index:5;background:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
div.arrmenu:hover ul li{list-style-type:none}
div.arrmenu:hover ul li a{text-decoration:none;display:block;padding:5px 15px;white-space:nowrap}
div.arrmenu:hover ul li a:hover{background:#f8f8f8}
a.ico-cart-count::after{content:attr(data-cartitems);position:absolute;top:-5px;left:6px;display:block;width:10px;height:10px;text-align:center;border-radius:10px;color:#fff;background-color:var(--eh-blue);font-size:7px}

.btn,.svgico{border-radius:4px}
.svgico.aright{border-radius:0 4px 4px 0}
.productcount a.btn:first-child,.productcount2 a.btn:first-child{border-radius:4px 0 0 4px}
.productcount a.btn:last-child,.productcount2 a.btn:last-child{border-radius:0 4px 4px 0}

.red-text{color:var(--eh-red)}
.shopcategories a{border:2px solid #eaeaea;text-align:center}
.shopcategories a:hover{border-color:var(--eh-red);box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
.shopcategories a img{max-width:100%;height:auto}

h1,h2.bigger{margin:15px 0;font-size:2.375em;line-height:150%;clear:both}
h1.text-white.text-shadow{margin:0}
h1 span{font-size:.7em;line-height:.7em;display:block}
h2{margin:0 0 10px;font-size:2em;line-height:1.5em}
h2.new{margin:25px 0 10px;font-weight:400}

.img-hero{position:relative}
.img-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,#fff,rgba(255,255,255,0));z-index:1}
.img-hero img{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;object-fit:cover}
.holder25 .img-hero h1{position:relative;padding:20px 0;z-index:2;text-shadow: 0px 2px 4px #fff}

.img-hero div p.mb10{margin-bottom:10px}
.img-hero .grid div,.img-hero div.mb60{padding:20px 40px;position:relative;z-index:2;background:rgba(255,255,255,.5);text-align:left}
.img-hero .grid div:hover,.img-hero div.mb60:hover{transform:scale(1.05)}
.img-hero div.mb60.center p{width:50%}
.link-arrow{position:relative;font-weight:bold;color:var(--eh-red)}
.link-arrow::after{content:'\2B62';display:inline-block;margin-left:10px}

.bg-grey{background:#fafafa}
section.normalp{padding:50px 0}
.holder25{padding:0}
.holder25 p{line-height:175%}
.holder25 ul{margin:15px 0;padding-left:5px}
.holder25 li{margin-bottom:15px;display:flex;align-items:center;}
.holder25 ul:not(#nav) li::before {content:'';width:10px;height:10px;border-radius:50%;background:var(--eh-blue);margin-right:15px;flex-shrink:0}
.holder25 h1,.holder25 h2{margin:15px 0}
.holder25 ul.inline{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}

#left{width:305px}
#searchbox input{width:255px}
.download2{width:100%;padding:30px 40px 20px;margin:0 0 20px;background:#fff}
.download2 table{width:100%!important}

@media only screen and (max-width: 800px) {
.d-md-none{display:none}
.d-md-grid{display:grid}
.grid2,footer .grid,.gridcontact,.holder25 ul.inline{grid-template-columns:1fr}
.gridtop{grid-template-columns:1fr 1fr 1fr 1fr}
.gridh{grid-template-rows:auto auto;grid-template-columns:auto 1fr;max-width:100vw}
.gridmm{grid-column-start:span 2;display:none;box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 5px;}
.logo{grid-row:1}
.logo svg{float:none}
.gridcontact{margin-right:0}
.gridcontact a.ico-svg{display:block}
.mainmenu li{display:block}
.mainmenu a,.mainmenu li a:link,.mainmenu li a:visited{padding:10px;border-radius:0;text-align:center}

#categoryswitch,#mmswitch{display:block}

#mainmenu{display:none;min-height:0}
#mainmenu ul{float:none;position:absolute;width:100%}
#mainmenu ul li{display:block;background:#fff;border:1px solid #eaeaea;border-bottom:none}
#mainmenu ul li:last-child{border-bottom:1px solid #eaeaea}
#mainmenu ul li a{padding:5px 10px;display:block;text-align:right}

.holder25{padding:0 1rem}
}