#body-wrapper{position:relative;width:100%}
#main-content{position:relative;width:100%}
#header{position:sticky;width:100%;top:0;left:0;z-index:99}
#header-bar{font:var(--f14l);line-height:38px;color:#fff;text-align:center;background-color:#262626;height:38px}
#header-container{padding:16px 20px;background-color:rgba(255,255,255,0.6);align-items:center}
#header.stickyHeader #header-container{background-color:rgba(255,255,255,1);box-shadow:0 4px 0 -3px #f8f8f8}
#header.inner #header-container{background-color:rgba(255,255,255,1);box-shadow:0 4px 0 -3px #f8f8f8}
body.openMenu #header #header-container #logo{opacity:1;visibility:visible}
#header.stickyHeader > #header-container #logo{opacity:1;visibility:visible}
#header > #header-container #logo.inner{opacity:1;visibility:visible}
.header-right{margin-left:auto}
.header-tools{align-items:center}
.header-tools > li{position:relative;margin-left:25px}
.header-tools > li:first-child{margin-left:0}
.header-tools > li > a,.header-tools > li > div{position:relative;padding:5px;cursor:pointer}
.header-number{position:absolute;width:26px;height:26px;top:-9px;right:-10px;font:var(--f16b);color:#262626;line-height:24px;background-color:#fff;border:1px solid #e4e4e4;border-radius:50%;text-align:center;z-index:2}
.cartNoProducts{display:none;position:absolute;width:330px;height:100px;top:calc(100% + 10px);right:0;background-color:#fff;padding:25px 15px;text-align:center;border:1px solid #f1f1f1;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;z-index:300}
.cartNoProducts.open{opacity:1;visibility:visible;pointer-events:auto}
.cartNoProducts-h2{font:var(--f18r);color:#262626;line-height:1.2}
.menuBtn{margin:0 auto}
.hamburger{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:3px;background-color:#505050;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--spring .hamburger-inner{top:2px;transition:all .13s linear}
.hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s .2s cubic-bezier(0.33333,0.66667,0.66667,1),transform .13s cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spring .hamburger-inner::after{top:20px;transition:top .2s .2s cubic-bezier(0.33333,0.66667,0.66667,1),transform .13s cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}
.hamburger--spring.is-active .hamburger-inner::before{background-color:#505050;top:0;transition:top .1s .15s cubic-bezier(0.33333,0,0.66667,0.33333),transform .13s .22s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--spring.is-active .hamburger-inner::after{background-color:#505050;top:0;transition:top .2s cubic-bezier(0.33333,0,0.66667,0.33333),transform .13s .22s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}
#footer{margin-top:50px;width:100%;background-color:#262626}
#footer.noMargin{margin-top:0}
#footer-container{width:100%;align-items:flex-start}
#footer-left{width:85%}
#footer-right{width:15%;height:100%;flex-direction:column}
.footer-socials-container{background-color:#414141;padding:48px 20px;text-align:center;height:50%}
.footer-socials-hTitle{margin-bottom:20px;display:block;width:100%;font:var(--f22b);color:#fff;text-transform:uppercase}
.footer-socials{width:100%;justify-content:center;align-items:center}
.footer-socials > li{margin-left:30px}
.footer-socials > li:first-child{margin-left:0}
.scroll_arrow{background-color:#323232;padding:30px 20px;text-align:center;cursor:pointer;height:50%}
.scroll_arrow > figure{display:inline-block}
.scroll_arrow > span{margin-top:20px;display:block;width:100%;font:var(--f22b);color:#fff;text-transform:uppercase}
#footer-bottom-container{border-top:1px solid #5C5C5C;padding:20px 30px;background-color:#262626;align-items:center}
#footer-dev-copyright{margin-left:auto;text-align:right}
#copyright{width:100%;font:var(--f16sb);color:#fff}
#specialone-logo{margin-top:20px;display:inline-block}
#footer-col-list{width:100%;padding:40px 20px}
#footer-col-list > li{width:33.333333333333%;padding-right:20px}
.footer-col-list-title{font:var(--f24r);color:#fff;text-transform:uppercase;margin-bottom:24px}
.footer-cms-list{width:100%}
.footer-cms-list > li{margin-top:16px}
.footer-cms-list > li:first-child{margin-top:0}
.footer-cms-list > li{margin-top:16px;width:100%}
.footer-cms-list > li > a{display:inline-block;font:var(--f17l);color:#fff;text-transform:uppercase}
#footer-cols{width:100%}
#footer-cols > li{margin-top:25px;width:100%}
#footer-cols > li:first-child{margin-top:0}
.footer-info-link{display:inline-flex;align-items:center}
.footer-info-icon{width:54px;height:40px;position:relative;border:1px solid #fff;border-radius:30px}
.footer-info-title{width:calc(100% - 54px);padding-left:14px;font:var(--f18l);color:#fff;line-height:1.2}
#special-menu-container{position:absolute;width:100%;height:70vh;top:100%;left:0;background-color:#fff;z-index:99;border-top:1px solid #f8f8f8;opacity:0;visibility:hidden;pointer-events:none}
#special-menu-container.open{opacity:1;visibility:visible;pointer-events:auto}
#special-menu-firstLevel{position:relative;width:25%;height:100%;padding:20px 0;background-color:#262626}
#special-menu{width:100%;height:100%;overflow-y:auto;direction:rtl}
#special-menu > li{width:100%;direction:ltr;text-align:left;padding:0 30px}
#special-menu > li > a,#special-menu > li > div:not(.special-submenu-container){border-top:1px solid #525252;position:relative;padding:16px 30px 16px 0;background:url(../img/menu/mainMenublack-arrow.svg) 100% 50% no-repeat;cursor:pointer;align-items:center}
#special-menu > li:first-child > a,#special-menu > li:first-child > div:not(.special-submenu-container){border-top:none}
#special-menu > li > a > span,#special-menu > li > div:not(.special-submenu-container) > span{display:block;font:var(--f20t);color:#ebebeb}
.special-submenu-container{position:absolute;width:300%;height:100%;left:100%;top:0;background-color:#fff;padding:20px 12%;z-index:20;overflow-y:auto;text-align:center;opacity:0;visibility:hidden;pointer-events:none}
.special-submenu-container.open{opacity:1;visibility:visible;pointer-events:auto}
.special-submenu{margin:0 auto;width:100%}
.special-submenu > li > a{position:relative;width:100%}
.special-submenu-photo{position:relative;width:100%;padding-bottom:66.666666%;overflow:hidden;border-radius:10px;border:1px solid #f8f8f8}
.special-submenu > li:not(.special-submenu-back) > a > span{display:block;margin-top:10px;font:var(--f20r);color:#262626;text-align:center}
@media (min-width:1200px) {
    #logo{visibility:hidden;opacity:0}
    #special-menu > li > a:hover,#special-menu > li:hover > div:not(.special-submenu-container){background:url(../img/menu/mainMenu-arrow.svg) 100% 50% no-repeat}
    #special-menu > li > a:hover > span,#special-menu > li:hover > div:not(.special-submenu-container) > span,#special-menu > li.selected > a > span,#special-menu > li.selected > div:not(.special-submenu-container) > span{color:#fff;font-weight:400}
    .special-submenu > li:not(.special-submenu-back){margin-top:36px;margin-left:6.5%;width:29%}
    .special-submenu > li:not(.special-submenu-back):nth-child(-n+4){margin-top:0}
    .special-submenu > li:not(.special-submenu-back):nth-child(3n+2){margin-left:0}
}
@media (max-width:1199px) {
    #header-container{background-color:#ffff;padding:12px 15px}
    #footer{margin-top:40px}
    #footer-left{width:100%}
    #footer-right{width:100%;flex-direction:column}
    #footer-col-list{text-align:center}
    #footer-col-list > li{margin-top:40px;width:100%;padding-right:0}
    #footer-col-list > li:first-child{margin-top:0}
    .footer-info-link{flex-direction:column;align-items:center;justify-content:center;text-align:center}
    .footer-info-title{width:100%;padding-left:0;margin-top:15px}
    #footer-bottom-container{border-top:1px solid #5C5C5C;padding:20px 30px;background-color:#262626;align-items:center;justify-content:center;flex-direction:column}
    #footer-dev-copyright{margin-left:0;text-align:center;margin-top:20px}
    #footer-banks-container{max-width:400px;margin:0 auto}
    .footer-banks img{max-width:100%;height:auto}
    #copyright{width:100%;font:var(--f16sb);color:#fff}
    .footer-socials-container{padding:30px 20px}
    #special-menu-container{position:absolute;width:100%;height:calc(100vh - 110px);top:100%;left:0;background-color:#fff;z-index:99;border-top:1px solid #f8f8f8;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}
    #header.stickyHeader #special-menu-container{height:calc(100vh - 72px)}
    #special-menu-firstLevel{width:100%}
    .special-menu-photo{position:relative;width:88px;border-radius:5px;max-width:100%;height:auto}
    #special-menu > li > a > span,#special-menu > li > div:not(.special-submenu-container) > span{display:block;width:calc(100% - 88px);padding-left:10px}
    #special-menu > li > a,#special-menu > li > div:not(.special-submenu-container){background:url(../img/menu/mainMenu-arrow.svg) 100% 50% no-repeat}
    .special-submenu-container{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;padding:0 0 20px;transform:translateX(calc(100% + 25px));transition:all .4s ease;pointer-events:none}
    .special-submenu-container.open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
    .special-submenu{width:100%;height:auto;max-height:100%;overflow-y:auto;overflow-x:hidden;justify-content:space-evenly}
    .special-submenu > li.special-submenu-back{width:100%}
    .special-submenu > li.special-submenu-back > div{width:100%;border-bottom:1px solid #f8f8f8;padding:20px 0}
    .special-submenu > li:not(.special-submenu-back){margin-top:30px;width:calc(50% - 60px)}
    .special-submenu > li:first-child{margin-top:0}
    .special-submenu > li.special-submenu-back > div > span{font:var(--f16r);color:#262626;text-align:center;text-transform:uppercase;padding-left:26px;background:url(../img/menu/subMenuBack-arrow.svg) 0 50% no-repeat}
}
@media (max-width:764px) {
    #header-container{background-color:rgba(255,255,255,0.6);padding:12px 10px}
    #footer{margin-top:30px}
    .special-menu-photo{width:60px}
    .special-menu-photo img{max-width:100%;height:auto}
    #special-menu > li > a > span,#special-menu > li > div:not(.special-submenu-container) > span{width:calc(100% - 60px)}
    .special-submenu > li:not(.special-submenu-back){margin-top:20px;width:calc(50% - 30px)}
}