.breadcrumb-wrapper{text-align:center; opacity: 0;transform: translateY(30px);}
.breadcrumb-container{display:inline-flex}
.breadcrumb-container > li{margin-left:8px}
.breadcrumb-container > li:first-child{margin-left:0}
.breadcrumb-container > li > a,.breadcrumb-container > li > div{position:relative;padding:4px 0 0 11px;font:700 clamp(0.875rem,0.875rem + 0.1053vw,1rem) / 1 Barnebok;color:#6F6F6F;text-transform:lowercase}
.breadcrumb-container > li:first-child > a,.breadcrumb-container > li:first-child > div{padding:4px 0 0}
.breadcrumb-container > li > a:before,.breadcrumb-container > li > div:before{content:'';position:absolute;width:2px;height:100%;top:0;left:0;bottom:0;margin:auto 0;background-color:#818181}
.breadcrumb-container > li:first-child > a:before,.breadcrumb-container > li:first-child > div:before{display:none}
.breadcrumb-container > li.breadcrumb-sel > a, .breadcrumb-container > li.breadcrumb-sel div{color:#D34609}
#cms-h1{margin-top:40px;font:700 clamp(1.4rem,1.354vw,1.625rem) / 1 Barnebok;color:#262626;text-align:center;padding-bottom:20px;
    opacity: 0;transform: translateY(30px);}
.special_sel a span{color:#D34609!important}
#body-wrapper{position:relative;width:100%}
#main-content{position:relative;width:100%}
#logo-container{position: absolute;left:0;right:0;margin:auto;height: auto;display: flex;justify-content: center;align-items: center;transition: all .4s ease;top: 0;bottom: 0;}
#header{position:fixed;width:100%;top:0;left:0;z-index:99;background-color:#fff}
/*#header.inner{position:sticky}*/
#header-container{position:relative;padding:0 30px 0.78125vw;align-items:center}
.header-left{position:relative;z-index:2}
.header-right{margin-left:auto;padding-right:10px;position:relative;z-index:2}
.header-tools{align-items:center}
.header-tools > li{margin-left:10px;position:relative}
.header-tools > li:first-child{margin-left:0}
.header-tools > li > a,.header-tools > li > div{position:relative;padding:5px;cursor:pointer;font:500 clamp(0.9rem,0.781vw,1rem) / 1 Barnebok;color:#fff;text-transform:uppercase}
.header-tools > li > a.changeLang{padding-top:7px}
.header-tools > li > a #favourites-number,.header-tools > li > a #favouritesMob-number{opacity:0;pointer-events:none}
.header-tools > li > a #favourites-number.open,.header-tools > li > a #favouritesMob-number.open{opacity:1;pointer-events:auto}
.membersBtn figure{position:relative;}
.membersBtn.active figure:before{content:'';position:absolute;width:6px;height:6px;top:5px;right:9px;background-color:#82BC00;border-radius:50%}
.header-number{position:absolute;width:23px;height:23px;top:-3px;right:-9px;font:700 clamp(0.8rem,0.729vw,0.9rem) / 25px Barnebok;color:#fff;background-color:#db2129;border-radius:50%;text-align:center;z-index:2}
#special-menu-container{width:100%;height:100%;margin:0 auto;text-align:center;z-index:1;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;position:relative}
.header-top{width:100%}
.logo-container{position:absolute;width:165px;height:auto;inset:0;margin:2.6041666666666665vw auto auto}
.right-menu{margin-left:auto;align-items:center}
.contact-list,.social-list{background-color:#F6F1EC;padding:20px;border-radius:30px}
.social-list{margin-left:.8vw}
.social-list li{margin-left:1vw}
.social-list li:first-child{margin-left:0}
.contact-list li{margin-left:10px}
.contact-list li:first-child{margin-left:0}
.contact-list li a span{margin-left:5px;color:#454545;font-weight:700}
.contact-list li a{justify-content:center;align-items:center}
.package-btn,.sign-up{border-radius:200px;display:inline-flex;align-items:center;padding:10px 15px;color:#fff;cursor:pointer;}
.package-btn{background-color:#D34609;}/*#ff6726*/
.sign-up{background-color:#262626;}
.package-btn figure,.sign-up figure{background-color:#fff;border-radius:200px;padding:10px;margin-right:5px;}
.package-btn > a{justify-content: center;align-items: center;color:#fff;}
.sign-up figure{width:45px;height:35px;}
.right-menu img{margin:0 auto}
.right-menu li{/*margin-left:.56vw;*/position: relative;}
.right-menu li:first-child{margin-left:0}
.right-menu li span{margin:5px auto 0;position: relative;}
.menu{display:inline-flex;justify-content:center;align-items:center;padding:.9vw}
.menu li a span{color:#454545}
.menu > li{margin-left:3.12vw;display:flex;padding:10px 0;cursor: pointer;}
.menu > li::before{content:"";position:relative;background:url(../img/star.svg) no-repeat;width:11px;height:10px;left:-2vw;right:0;margin:auto 0}
.menu > li:first-child{margin-left:0}
.menu > li:first-child::before{display:none}
.submenu{cursor:pointer}
.special-submenu-container{width:100%;position:absolute;opacity:0;pointer-events:none;z-index:99;background-color:#fff;top:41px;right:0;left:0;-webkit-box-shadow:4px 4px 4px 0 rgba(0,0,0,0.15);box-shadow:4px 4px 4px 0 rgba(0,0,0,0.15);border-radius:12px}
.menu > li:hover .special-submenu-container{display:block;opacity:1;pointer-events:auto}
.special-submenu > li{width:18%;position:relative;padding:20px}
.special-submenu > li:hover .menu-small-pic img{transform:scale(1.08)}
.menu-small-pic{display:block;position:relative;overflow:hidden;margin-bottom:16px}
.special-submenu > li a:hover,.menu-small-pic img{transition:transform .4s ease-out;width:100%;height:auto}
#footer{margin-top:50px;width:100%;position:relative;background-color:#262626}
#footer-container{width:100%;background-color:#363636}
#scroll_top{width:50px;height:50px;background-color:#ff6726;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;cursor:pointer;margin:0 auto;position:relative;color:#fff;z-index:1;border-radius:100%}
#scroll-top{position:relative;padding-top:.78vw}
#scroll-top::before{content:"";position:absolute;width:100%;height:1px;background-color:#4D4D4D;top:50%}
#scroll_top img{display:inline-block;margin-bottom:4px;animation:scroll 2.5s infinite}
#scroll-top div {padding: 0 20px;margin: 0 auto;background-color: #262626;z-index: 1;position: relative;width: 90px;}
.footer-col{width:40%;justify-content:center;align-items:flex-start;text-align:center;padding:30px 20px}
#footer-container .footer-col:nth-of-type(1){padding:80px 20px}
#footer-container .footer-col:nth-of-type(2){width:20%;background-color:#2d2d2d;align-items:center}
#footer-container .footer-col:nth-of-type(3){background-color:#262626;padding:80px 20px}
.footer-container{flex-direction:column;padding-top:1.56vw}
.footer-col-hTitle{display:inline-block;position:relative;padding-bottom:20px;font:700 clamp(1.9rem,1.771vw,2.125rem) / 1 Bodoni;color:#fff}
.footer-col-hTitle:before{content:'';position:absolute;width:120px;height:2px;left:0;right:0;bottom:0;margin:0 auto;background-color:#db2129}
.footer-cms-list{margin:5px auto 0;justify-content:center;align-items:center}
.footer-cms-list > li{margin:25px 10px 0}
.footer-cms-list > li > a{color:#fff;text-transform:capitalize}
.footer-col-text{margin-top:30px;font:400 clamp(1rem,0.938vw,1.15rem) / 1 Barnebok;color:#fff}
.footer-banks-list{margin-top:20px;width:100%;justify-content:center;align-items:center}
.footer-banks-list > li{margin:20px 10px 0}
.footer-banks-list > li > a,.footer-banks-list > li > div{position:relative}
.footer-banks-list > li > a figure img,.footer-banks-list > li > div figure img{max-width:100%;height:auto}
.footer-info{flex-direction:row;justify-content:center;align-items:center}
.footer-info > li{position:relative;padding:20px 0;margin-left:3vw}
.footer-info > li::before{content:"";position:absolute;background-image:url(../img/footer/star.svg);width:11px;height:10px;left:-2vw;right:0;top:0;bottom:0;margin:auto 0}
.footer-info > li:first-child{margin-left:0}
.footer-info > li:first-child:before{display:none}
.footer-info-link{display:inline-block}
.footer-info-icon{display:inline-flex;justify-content:center;align-items:center}
.footer-info-icon img{display:inline-block;margin-right:15px}
.footer-info-icon figcaption{font-size:clamp(1rem,0.938vw,1.15rem);color:#fff;padding-left:20px;
    position:relative;}
.footer-info-link figcaption::before{content: '';position: absolute;height: 20px;left: 0;margin: auto 0;top: 0;bottom: 0;border-left: 1px solid #4E4E4E;}
.footer-socials{display:inline-flex;justify-content:center;align-items:center}
.footer-socials > li{margin-left:10px}
.footer-socials > li:first-child{margin-left:0;padding-right:10px;position: relative;}
.footer-socials >li:first-child::before {content: '';position: absolute;right: 0;height: 20px;border-left: 1px solid;top: 0;bottom: 0;margin: auto;}
.footer-socials > li > a{position:relative;width:42px;height:42px;justify-content:center;align-items:center}
.footer-newsletter-desc{margin:20px auto 0;max-width:450px;font:400 clamp(1rem,0.938vw,1.15rem) / 1.4 Barnebok;color:#fff}
.newsletter_form{margin:50px auto 0;max-width:380px}
.newsletter-col{width:calc(100% - 70px)}
.newsletter-col label{display:none}
.newsletter-submit-col{width:70px}
.newsletter-input{width:100%;padding:0 0 0 20px;background-color:#2f2f2f;border:none;outline:none;height:60px;font:400 clamp(1rem,0.938vw,1.15rem) / 60px Barnebok;color:#fff}
.newsletter_submit{width:100%;height:60px;border:none;outline:none;background:#2f2f2f url(../img/newsletter/arrow.svg) 50% 50% no-repeat;font-size:0;cursor:pointer}
#footer-dev-copyright{width:100%;padding:35px 20px;align-items:center;justify-content:center;flex-direction:column}
#copyright a{margin-top:.78vw}
#copyright{padding-top:4px;color:#fff;text-transform:capitalize;text-align:center}
#copyright > span{color:#d80100}
#cookies-accept-container{display:none;position:fixed;width:500px;height:220px;left:40px;bottom:40px;background-color:#242424;padding:30px 35px;z-index:60;box-shadow:0 0 10px 0 rgba(65,65,65,.9);text-align:center}
#cookies-accept-text{font:400 clamp(1rem,0.938vw,1.125rem) / 1.2 Barnebok;color:#fff}
#cookies-buttons{width:100%;margin-top:20px;align-items:center;justify-content:center;flex-direction:column}
.cookies-buttons-more{margin-top:14px;width:100%}
#cookies-close{margin-top:20px;width:100%;padding:14px 20px 12px;font:400 clamp(0.8rem,0.729vw,0.875rem) / 1 Barnebok;color:#fff;text-transform:uppercase;background-color:#b50a13;cursor:pointer}
#cookies-accept-link{width:48%;padding:14px 20px 12px;font:400 clamp(0.8rem,0.729vw,0.875rem) / 1 Barnebok;color:#fff;text-transform:uppercase;background-color:#141414;cursor:pointer;border:1px solid #141414}
#cookies-reject{margin-left:4%;width:48%;padding:14px 20px 12px;font:400 clamp(0.8rem,0.729vw,0.875rem) / 1 Barnebok;color:#fff;text-transform:uppercase;background-color:#242424;cursor:pointer;border:1px solid #535353}
.newsletter-popUp-container{display:none;position:fixed;width:550px;height:320px;left:0;bottom:0;right:0;top:0;margin:auto;background-color:#262626;padding:50px;z-index:80;text-align:center;justify-content:center;align-items:center;box-shadow:0 0 5px 0 rgba(55,55,55,.8)}
.newsletter-popUp-close{position:absolute;width:34px;height:34px;top:-17px;right:-17px;cursor:pointer;z-index:5}
.newsletter-popUp-inner{width:100%}
.newsletter-popUp-title{position:relative;padding-bottom:20px;font:700 clamp(1.5rem,1.771vw,2.125rem) / 1 Barnebok;color:#fff}
.newsletter-popUp-title:before{content:'';position:absolute;width:120px;height:2px;left:0;right:0;bottom:0;margin:0 auto;background-color:#db2129}
.newsletter-popUp-desc{margin-top:20px;font:400 clamp(1rem,0.938vw,1.15rem) / 1.4 Barnebok;color:#fff}
.newsletterPopUp_form{margin:35px auto 0;max-width:380px}
.newsletterPopUp_submit{width:100%;height:60px;border:none;outline:none;background:#2f2f2f url(../img/newsletter/arrow.svg) 50% 50% no-repeat;font-size:0;cursor:pointer}
.front-free-shipping{padding:12px 10px 10px;background-color:#b50a13;font:400 clamp(1rem,0.885vw,1.1rem) / 1.2 Barnebok;color:#fff;text-transform:uppercase;text-align:center}
.sidebar-container{position:fixed;width:25%;height:100vh;top:0;right:0;background-color:#fff;border:1px solid #f1f1f1;padding:50px 20px 30px;text-align:center;transform:translateX(100%);z-index:100}
.sidebar-container.accountBar{display:none}
.sidebar-container.shoppingBag{display:none}
.sidebar-container.open{transform:translateX(0)}
.sidebar-container.flex{flex-direction:column;align-items:flex-start}
.sidebar-close{position:absolute;right:20px;top:20px;cursor:pointer;z-index:2}
.account-loggedIn-close{position:absolute;right:10px;top:10px;cursor:pointer;z-index:2}
.side-account-hTitle{margin-top:10px;width:100%;position:relative;padding-bottom:16px;text-transform:lowercase;color: #ffffff;-webkit-text-stroke: 1px #828282;font-size: clamp(2.1875rem, 1.6518rem + 0.7143vw, 2.5rem);text-shadow: 4px 0px 0px #ff6726;}

.side-account-title2{margin-top:30px;padding-top:32px;font-size:clamp(1rem,0.938vw,1.15rem) ;color:#262626}
.side-account-title2.lock{background:url(../img/star_orange.svg) 50% 0 no-repeat}
.side-account-title2.addAccount{background:url(../img/account/plus-member.svg) 50% 0 no-repeat}
.recover-link{margin-top:25px;display:inline-block;font-size:clamp(0.9rem,0.833vw,1rem);color:#3e3e3e;text-decoration:underline}
.login-form{margin-top:20px;display:block}
.inner-forms-col{margin-top:20px}
.login-form .inner-forms-col:first-of-type{margin-top:0}
.inner-forms-col label{display:none}
.inner-forms-input{width:100%;padding:0 15px;background-color:#fff;border:1px solid #DEDEDE;outline:none;height:50px;font:400 clamp(1rem,0.938vw,1.15rem) / 56px Barnebok;color:#262626}
.login-submit{width:100%;padding:0 15px;background-color:#FF6726;border-radius:100px!important;border:none;outline:none;height:50px;font-size:clamp(0.9rem,0.781vw,1rem);color:#fff;text-align:center;text-transform:uppercase;cursor:pointer;}
.side-account-register{margin-top:35px;position:relative;padding-top:25px}
.side-account-register:before{content:'';position:absolute;width:100%;height:1px;top:0;left:0;right:0;margin:0 auto;background-color:#b4b4b4}
.register-link{margin-top:10px;width:100%;padding:20px 15px;background-color:#3D3D3D;border-radius:100px!important;border:none;outline:none;height:50px;font-size:clamp(0.9rem,0.781vw,1rem);color:#fff;text-align:center;text-transform:uppercase;cursor:pointer}
.account-loggedIn-container{display:none;position:absolute;width:330px;height:312px;top:calc(100% + 10px);right:0;background-color:#fff;padding:25px 15px;text-align:center;border:1px solid #f1f1f1;opacity:0;visibility:hidden;pointer-events:none;z-index:300}
.account-loggedIn-container.open{opacity:1;visibility:visible;pointer-events:auto}
#account-loggedIn-welcome{font:400 clamp(1rem,0.938vw,1.125rem) / 1 Barnebok;color:#525252}
#account-loggedIn-fullname{margin-top:14px;font:500 clamp(1rem,0.938vw,1.125rem) / 1 Barnebok;color:#525252;text-transform:uppercase}
#account-loggedIn-actions{margin-top:20px;padding:20px 10px 0;border-top:1px solid #d5d5d5;width:100%}
#account-loggedIn-actions > li{margin-top:10px}
#account-loggedIn-actions > li:first-child{margin-top:0}
#account-loggedIn-actions > li > a,#account-loggedIn-actions > li > div{font:400 clamp(0.95rem,0.833vw,1rem) / 1 Barnebok;text-transform:uppercase;padding:18px 10px 16px;background-color:#292929;color:#fff;cursor:pointer}
#account-loggedIn-actions > li.red > a,#account-loggedIn-actions > li.red > div{background-color:#FF6726}
#account-loggedIn-actions > li.grey > a,#account-loggedIn-actions > li.grey > div{background-color:#5b5b5b}
.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:400 clamp(1.05rem,1vw,1.25rem) / 1.2 Barnebok;color:#262626}
.search-wrapper{display:none;position:absolute;width:100%;top:100%;left:0;background-color:#fff;padding:35px 20px 45px;border-bottom:1px solid #f1f1f1;opacity:0;visibility:hidden;pointer-events:none;z-index:300}
.search-wrapper.open{opacity:1;visibility:visible;pointer-events:auto}
.search-container{max-width:820px;margin:0 auto}
#search_form{width:100%;border-bottom:1px solid #262626}
#search_field-inner{width:calc(100% - 26px)}
#search_field-inner > label{display:none}
#search-field{font:400 clamp(1.05rem,1vw,1.25rem) / 66px Barnebok;width:100%;height:66px;background:#fff url(../img/search/search-icon.svg) 0 50% no-repeat;padding:0 20px 0 45px;border:none;outline:none}
#search-submit{width:26px;padding:0 5px;font-size:0;height:66px;line-height:66px;color:#fff;text-align:center;background:#fff url(../img/search/search-arrow.svg) 50% 50% no-repeat;cursor:pointer;border:none;outline:none}
#search-results-wrapper{max-height:0;overflow:hidden}
#search-results-wrapper.open{max-height:450px}
#search-results-container{padding:30px 0 0}
#search-results-noFoundTitle{font:500 clamp(1.4rem,1.354vw,1.625rem) / 1 Barnebok;text-align:center}
#search-results-noFound{margin-top:25px;font:400 clamp(0.95rem,0.833vw,1rem) / 1 Barnebok;text-align:center}
.search-results-number{font:400 clamp(0.95rem,0.833vw,1rem) / 1 Barnebok}
.search-results{margin-top:20px;width:100%}
.search-results > li{width:49%;margin-top:20px;margin-left:2%}
.search-results > li:nth-child(-n+2){margin-top:0}
.search-results > li:nth-child(2n+1){margin-left:0}
.search-results > li > a{position:relative;width:100%;align-items:center;padding:10px 5px;border:1px solid #d8d8d8}
.search-results-photo-container{width:25%}
.search-results-photo{display:block;position:relative;width:100%;padding-bottom:100%;overflow:hidden}
.search-results-photo > img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover}
.search-results-contents{width:75%;padding-left:10px}
.search-results-title{font:400 clamp(0.9rem,0.833vw,1.1rem) / 1.2 Barnebok;color:#262626}
.search-results-price{margin-top:10px;align-items:center}
.search-results-price-offerPrice{font:700 clamp(1rem,0.938vw,1.125rem) / 1 Barnebok;color:#db2129}
.search-results-price-oldPrice{margin-left:15px;font:500 clamp(1rem,0.938vw,1.125rem) / 1 Barnebok;color:#bbb;text-decoration:line-through}
#search-submit-all-container{margin-top:20px;text-align:center}
#search-submit-all{padding:5px;font:400 clamp(0.95rem,0.833vw,1rem) / 1 Barnebok;color:#262626;text-decoration:underline;border:none;outline:none;background-color:transparent;cursor:pointer}
.side-shoppingBag-icon{margin-top:10px;text-align:center;width:100%}
.side-shoppingBag-icon img{display:inline-block}
#shoppingBag-container{flex:1;width:100%;flex-direction:column;align-items:flex-start;height:calc(100% - 90px)}
.shoppingBag-products{flex:1;height:calc(100% - 130px);width:100%}
.shoppingBag-list{height:100%;overflow-y:auto}
.shoppingBag-list > li{border-bottom:1px solid #ddd}
.shoppingBag-list.review > li:last-child{border-bottom:none}
.shoppingBag-list > li > a{position:relative;padding:25px 0}
.shoppingBag-photo-container{width:32%;padding:0 20px 0 10px}
.shoppingBag-list.review .shoppingBag-photo-container{padding:0 20px 0 0}
.shoppingBag-contents{width:68%;text-align:left}
.shoppingBag-photo{display:block;position:relative;width:100%;padding-bottom:100%;overflow:hidden;border:1px solid #f8f8f8}
.shoppingBag-photo.review{border:1px solid #e7e7e7;background-color:#fff}
.shoppingBag-photo > img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover}
.shoppingBag-title{font:400 clamp(0.9rem,0.833vw,1.1rem) / 1.2 Barnebok;color:#262626}
.shoppingBag-quantity{margin-top:10px;font:400 clamp(1.15rem,1.042vw,1.25rem) / 1.2 Barnebok;color:#262626}
.shoppingBag-price{margin-top:5px;align-items:center}
.shoppingBag-price-offerPrice{font:700 clamp(1rem,0.938vw,1.125rem) / 1 Barnebok;color:#db2129;padding-top:4px}
.shoppingBag-price-oldPrice{margin-left:15px;font:500 clamp(1rem,0.938vw,1.125rem) / 1 Barnebok;color:#bbb;text-decoration:line-through;padding-top:4px}
.shoppingBag-delete{margin-left:auto;cursor:pointer;padding:5px}
.shoppingBag-bottom{margin-top:30px;width:100%;height:100px}
.shoppingBag-sums{align-items:center}
.shoppingBag-sumsTitle{font:500 clamp(1.10rem,1.042vw,1.25rem) / 1 Barnebok;color:#262626;text-transform:uppercase}
.shoppingBag-sumsPrice{margin-left:auto;font:500 clamp(1.3rem,1.250vw,1.5rem) / 1 Barnebok;color:#b50a13}
#shoppingBag-goToCart{margin-top:25px;padding:18px 10px 16px;background-color:#262626;font:500 clamp(0.95rem,0.833vw,1rem) / 1 Barnebok;color:#fff;text-transform:uppercase}
.dialog-products-wrapper{position:fixed;width:540px;height:320px;top:0;bottom:0;left:0;right:0;padding:30px;background-color:#fff;margin:auto;z-index:6000;box-shadow:0 0 10px 0 #CFCFCF;opacity:0;visibility:hidden;pointer-events:none}
.dialog-products-wrapper.open{opacity:1;visibility:visible;pointer-events:auto}
.dialog-products-header{position:relative;padding-bottom:20px;border-bottom:1px solid #e3e3e3}
.dialog-products-hTitle{font:500 clamp(1.025rem,0.938vw,1.125rem) / 1 Barnebok;color:#262626;text-transform:uppercase}
.dialog-products-close{position:absolute;width:30px;height:30px;top:21px;right:30px;cursor:pointer;z-index:5}
.dialog-products-container{padding-top:15px}
.dialog-products-actions{margin-top:15px;border-top:1px solid #bababa;border-bottom:1px solid #bababa;padding:12px 0}
#dialog-products-continueShopping{width:49%;padding:18px 10px 14px;background-color:#b50a13;font:500 clamp(0.95rem,0.833vw,1rem) / 1 Barnebok;color:#fff;text-align:center;text-transform:uppercase;cursor:pointer}
#dialog-products-goCart{margin-left:2%;width:49%;padding:18px 10px 14px;background-color:#3a3a3a;font:500 clamp(0.95rem,0.833vw,1rem) / 1 Barnebok;color:#fff;text-align:center;text-transform:uppercase;cursor:pointer}

.step-container {
    width: 100%;
    max-width: 900px;
    margin: 40px auto 1vw;
    justify-content: center;
    align-items: center;
    padding: 1.04vw 0;
    row-gap: 20px;
}

.step-item {
    width: 14.2%;
    max-width: 50px;
    height: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 3.68vw;
}
.step-item:first-child {
    margin-left: 0;
}

.checkmark.selected {
    display: inline-block;
    color: #FF6726;
    font-size: 20px;
    line-height: 20px;

    --s:20px;
    --t:1px;
    --g:15px;
    padding: calc(var(--g) + var(--t));
    /*outline: var(--t) solid #ff6726;
    outline-offset: calc(-1*var(--t));
    mask:
            conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
            0 0/calc(100% - var(--s)) calc(100% - var(--s)),
            linear-gradient(#000 0 0) content-box;*/
    transition: .4s;
    border-radius: 10px;
    border:none!important;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
}
.checkmark.selected::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: calc(var(--g, 15px) + var(--t, 1px));
    outline: var(--t, 1px) solid #ff6726;
    outline-offset: calc(-1 * var(--t, 1px));
    border-radius: 10px;
    mask:
            conic-gradient(at var(--s, 20px) var(--s, 20px), #0000 75%, #000 0)
            0 0 / calc(100% - var(--s, 20px)) calc(100% - var(--s, 20px)),
            linear-gradient(#000 0 0) content-box;
    transition: .4s;
    /* behind text */
}

.checkmark {
    --g:15px;
    --t:1px;
    padding: calc(var(--g) + var(--t));
    border: 1px solid #A3A3A3;
    border-radius: 100%;
    font: 700 20px Barnebok;
    width: 100%;
    height: 100%;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.orange {
    color: #FF6726;
}
#package-h1{font: 700 clamp(1.25rem, 0.1786rem + 1.4286vw, 1.875rem) Barnebok;text-align: center}
#package-h2{font: 300 clamp(0.9375rem, 0.9375rem + 0.1579vw, 1.125rem) Commissioner;text-align: center;max-width: 500px;margin:15px auto 0;}
#next-step-btn {
    max-width: 360px;
    background-color: #ff6726;
    color: #fff;
    padding: 15px;
    border-radius: 15px;
    margin: 3.125vw auto 0;
    text-align: center;
}
.right-menu > li {margin-left:.56vw;}
.right-menu > li:first-child{margin-left: 0;}
#logo img{height: auto;width: 100%;}
@media (min-width: 1200px) and (max-width: 1300px) {
    .header-right{padding-right:0}
}
@media (min-width: 1200px) {
    #main-content{padding-top: 300px;}
    #header.sticky #logo-container {
        max-width: 110px;
    }

    #header.sticky .header-top {
        padding: 1vw 0;
        margin: 13px 0;
    }
    .header-top{padding:3.68vw 0;width:100%;position:relative;}
    /*#header.sticky .header-top{padding:2.34vw 0 60px;}*/
    #header-container{padding:0 1.56vw 0.78125vw}
    /*#header.sticky #header-container {padding: 0 1.56vw;}*/
    /*#header.sticky .menu{padding:0.2vw 0.9vw;}*/
    #logo-container{width: 9%;max-width: 165px;}
    /*#header.sticky #logo-container{max-width:135px;}*/
    /*#header.sticky #logo img {width: 135px;height: auto;}*/
    .special-submenu{justify-content:center;align-items:center;padding:2.6vw 0;height: 100%;}
    .menu-small-pic{margin:.7vw 0}
    .special-submenu-container{height: 33.854vw;overflow-y:auto;padding: 2.6vw 0;}
    /*.step-item::before {
        content: "";
        position: absolute;
        width: 50px;
        height: 1px;
        background-color: #969696;
        left: -137%;
        top: 0;
        transform: translateY(50%);
        bottom: 0;
        margin: auto;
    }
    .step-item:first-child::before {
        content: none;
    }*/
}
@media (max-width: 1199px) {
    #main-content{padding-top: 300px;}
    .package-btn-container{width:100%;justify-content:center;align-items:center}
    .package-btn{margin:15px auto 20px}
    .package-btn span{margin-left:10px}

    #header-container{padding:60px 15px 30px}
    #header.sticky #header-container {padding: 30px 15px 10px;}
    .header-top{padding-bottom:30px}
    #logo-container{margin:30px auto auto}
    /*#header.sticky #logo-container{margin: 10px auto auto;}*/
    #logo img{max-width:110px;height:auto;margin:0 auto}
    .left-menu-res{width:22%}
    .right-menu-res{margin-left:auto;margin-right:80px}
    #footer-dev-copyright{padding:25px 15px}
    #footer{margin-top:40px}
    #footer-container .footer-col:nth-of-type(3){width:100%;order:1}
    #footer-container .footer-col:nth-of-type(1){width:50%;order:2}
    #footer-container .footer-col:nth-of-type(2){width:50%;order:3}
    .footer-info{flex-direction:column}
    .footer-info > li{margin-left:0}
    .footer-info > li::before{right:0;top:0;left:0;bottom:unset;margin:auto}
    .footer-info-icon{flex-direction:column}
    .footer-info-icon img{margin-right:0}
    .footer-info-icon figcaption{padding-left:0;margin-top:15px}
    .footer-socials > li:first-child{width:100%;margin-bottom:15px}
    .footer-socials > li:first-child > a{margin:0 auto}
    #scroll-top{margin-top:5.83vw}
    .newsletter_form{margin:40px auto 0}
    /*#scroll_top{right:15px}*/
    #menuBtn-container{position:fixed;top:70px;right:30px;width:50px;height:50px;cursor:pointer;z-index:99}
    #header.sticky #menuBtn-container{top: 40px;}
    #menuBtn{margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;width:50px;height:22px}
    .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:50px;height:22px;display:inline-block;position:relative}
    .hamburger-inner{display:block;top:50%;margin-top:-2px}
    .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:50px;height:2px;background-color:#262626;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
    .hamburger-inner.bgColor::before,.hamburger-inner.bgColor::after{background-color:#262626}
    .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{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{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)}
    #cookies-accept-container{left:0;right:0;margin:0 auto}
    .newsletter-popUp-container{height:270px;padding:30px}
    .sidebar-container{width:45%;padding:50px 15px 30px}
    #special-mobileMenu-container{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background-color:#FFF;opacity:0;visibility:hidden;pointer-events:none;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);z-index:98}
    #special-mobileMenu-container.open{opacity:1;visibility:visible;pointer-events:auto;-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    #special-mobileMenu-inner{position:relative;width:100%;height:100%;padding:15px;flex-direction:column}
    #special-mobileMenu-header{padding-top:16px;width:100%;height:81px;border-bottom:1px solid #3a3a3a;justify-content:flex-end;align-items:flex-start}
    #special-mobileMenu-header-tools{align-items:center}
    #special-mobileMenu-header-tools > li{margin-left:10px;position:relative}
    #special-mobileMenu-header-tools > li:first-child{margin-left:0}
    #special-mobileMenu-header-tools > li > a,#special-mobileMenu-header-tools > li > div{position:relative;padding:5px;cursor:pointer;font:500 clamp(0.9rem,0.781vw,1rem) / 1 Barnebok;color:#fff;text-transform:uppercase}
    #special-mobileMenu-header-tools > li > a.changeLang{padding-top:7px}
    #special-mobileMenu-main{position:relative;width:100%;height:100%;padding:100px 0 40px;flex-flow:column;overflow-y:auto;overflow-x:hidden}
    #special-mobileMenu-cms{border-top:1px solid #a8a8a8}
    #special-mobileMenu-cms.close{opacity:0}
    #special-mobileMenu-cms > li{margin-top:20px;width:100%}
    #special-mobileMenu-cms > li > a{display:inline-block;font:400 clamp(0.95rem,0.833vw,1.1rem) / 1 Barnebok;color:#fff}
    #special-mobileMenu-tabs{margin:90px 0 0;width:100%;padding:0;justify-content:center}
    .mobile-menu{flex-direction:column;justify-content:center;align-items:center}
    .mobile-menu li span{color:#454545;font-weight:700;font-size:clamp(1.4375rem,1.4375rem + 0.2502vw,1.625rem)}
    .mobile-menu li{margin-bottom:50px;/*position: relative*/text-align: center;}
    .mobile-menu > li > a, .mobile-menu > li > div:first-child{position: relative;}
    .mobile-menu  li::before, .mobile-menu > li:not(:first-child) > a::before,.mobile-menu > li > div:first-child:before{content:"";position:absolute;background-image:url(../img/star.svg);width:11px;height:10px;left:0;right:0;margin:auto;top:-25px}
    .mobile-menu li:first-child::before{display:none}
    .contact-list-res{padding:15px 10px;justify-content:center;align-items:center;height:60px;background-color:#f6f1ec;border-radius:200px;margin:auto;}
    .contact-list-res li{margin-left:15px}
    .contact-list-res li:first-child{margin-left:0}
    #special-mobileMenu-tabs label{margin-left:2%;width:49%;position:relative;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;display:inline-block;cursor:pointer;text-align:center}
    .mobileMenu-tabs-title{display:block;font:400 clamp(0.875rem,0.781vw,0.938rem) / 1 Barnebok;color:#fff;padding:19px 15px 16px;background:#262626;text-transform:uppercase;border:1px solid #545454}
    #special-mobileMenu-tabs label:first-of-type{margin-left:0}
    #special-mobileMenu-tabs .mobileMenu-tab-inner{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:100%;display:none;padding:10px 0 0}
    #special-mobileMenu-tabs input[type="radio"]{display:none;position:absolute!important;top:-9999px!important;left:-9999px!important}
    #special-mobileMenu-tabs input[type="radio"]:checked + label .mobileMenu-tabs-title{background:#3a3a3a;border:1px solid #3a3a3a}
    #special-mobileMenu-tabs input[type="radio"]:checked + label + .mobileMenu-tab-inner{display:block}
    .mobileMenu-submenu{width:100%}
    .mobileMenu-submenu > li{border-top:1px solid #3a3a3a}
    .mobileMenu-submenu > li:first-child{border-top:none}
    .mobileMenu-submenu > li > a,.mobileMenu-submenu > li > div:not(.mobileMenu-submenu2-container){position:relative;width:100%;padding:18px 10px 15px 0;font:400 clamp(0.95rem,0.833vw,1.05rem) / 1 Barnebok;color:#fff;text-transform:uppercase;align-items:flex-end;cursor:pointer}
    .mobileMenu-submenu > li.submenu2 > a,.mobileMenu-submenu > li.submenu2 > div:not(.mobileMenu-submenu2-container){background:url(../img/mobile/mobile-arrow.svg) 100% 50% no-repeat}
    .mobileMenu-submenu > li > a figure,.mobileMenu-submenu > li > div:not(.mobileMenu-submenu2-container) figure{margin-right:10px}
    .mobileMenu-submenu > li > a span:not(.smaller),.mobileMenu-submenu > li > div:not(.mobileMenu-submenu2-container) span:not(.smaller){line-height:.65}
    .mobileMenu-submenu > li > a span.smaller,.mobileMenu-submenu > li > div:not(.mobileMenu-submenu2-container) span.smaller{margin-left:5px;font:400 clamp(0.75rem,0.625vw,0.813rem) / 1 Barnebok}
    .mobileMenu-submenu2-container{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#262626;-moz-transform:translateX(110%);-webkit-transform:translateX(110%);-o-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);z-index:20;overflow-y:auto}
    .mobileMenu-submenu2-container.open{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    .mobileMenu-submenu2{width:100%}
    .mobileMenu-submenu2 > li{border-top:1px solid #3a3a3a}
    .mobileMenu-submenu2 > li > a,.mobileMenu-submenu2 > li.mobileMenu-submenu2-back > div{padding:18px 10px 15px 0;font:400 clamp(0.95rem,0.833vw,1.05rem) / 1 Barnebok;color:#fff;text-transform:uppercase}
    li.mobileMenu-submenu2-back > div::before{padding-left:30px;background:url(../img/menu/back-arrow.svg) 0 50% no-repeat;cursor:pointer}
    .shoppingBag-list > li > a{position:relative;padding:15px 0}
    .shoppingBag-photo-container{padding:0 10px 0 5px}
    #shoppingBag-goToCart{margin-top:15px;padding:16px 10px 14px;background-color:#262626;font:500 clamp(0.95rem,0.833vw,1rem) / 1 Barnebok;color:#fff;text-transform:uppercase}
    .shoppingBag-products{height:calc(100% - 110px)}
    .shoppingBag-bottom{height:80px}
    .side-shoppingBag-icon{margin-top:0}
    .special-submenu > li {width: unset;}

    .special-submenu-container{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;transform:translateX(100%);z-index:99;transition:all .5s ease-out;overflow-y:auto}
    .special-submenu-container.open{transform:translateX(0);opacity:1; pointer-events: all}
    .special-submenu{width: 100%;flex-direction:column;justify-content: center;align-items: center;margin-top: 120px;}
    .mobileMenu-submenu2-back{cursor: pointer;}
    .step-container-res{margin:20px auto 0; display: flex;align-items: center;justify-content: center;padding: 10px;}
}
@media (max-width: 764px) {
    #main-content{padding-top: 250px;}
    #header-container{padding:11px 10px 9px 56px;border-bottom:1px solid #E8E8E8}
    #header.sticky #header-container {padding:0 10px 0 56px;}
    #logo img{max-width:100px;height:auto;margin:0 auto}
    #logo-container{width:100px;}
    /*#header.sticky #logo-container{margin:15px auto 0;}*/
    #menuBtn-container{top:60px;left:10px;width:40px;height:40px}
    #menuBtn{width:40px}
    .header-top{padding:40px 0}
    .right-menu-res{margin-left:auto;margin-right:0}
    .hamburger-box{width:40px}
    .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px}
    .header-tools > li{margin-left:6px}
    .header-tools > li:nth-child(2){margin-left:0}
    .header-tools > li > a,.header-tools > li > div{padding:3px}
    #footer-container .footer-col:nth-of-type(3){background-color:#262626;padding:60px 20px}
    #footer-container .footer-col:nth-of-type(1){width:100%;order:3;padding:30px 20px}
    #footer-container .footer-col:nth-of-type(2){width:100%;order:2}
    #scroll-top{margin-top:20vw}
    .footer-cms-list{text-align:center}
    .footer-cms-list > li{width:100%}
    #footer-dev-copyright{flex-direction:column;align-items:center;justify-content:center;padding:20px 10px}
    #specialone-logo{margin-top:10px}
    #cookies-accept-container{width:100%;bottom:0;height:200px;padding:20px 15px}
    .newsletter-popUp-container{width:300px;height:245px;padding:15px 20px}
    .newsletterPopUp_form{margin-top:16px}
    .newsletter-popUp-title{font:700 clamp(1.2rem,1.771vw,2.125rem) / 1 Barnebok;padding-bottom:16px}
    .newsletter-input{height:50px}
    .newsletter_submit{height:50px}
    .newsletterPopUp_submit{height:50px}
    .sidebar-container{width:100%;padding:50px 15px 30px}
    .side-account-title2{margin-top:15px}
    .side-account-register{padding-top:5px}
    .account-loggedIn-container{right:0}
    .search-wrapper{padding:15px 10px}
    #search-results-container{padding:20px 0 0}
    .search-results > li{width:100%;margin-top:10px;margin-left:0}
    .search-results > li:nth-child(-n+2){margin-top:10px}
    .search-results{margin-top:10px}
    .search-results > li > a{padding:7px 5px}
    .search-results-photo-container{width:18%}
    .search-results-contents{width:82%}
    #search-field{height:50px;line-height:50px;padding:0 20px 0 35px;background-size:7%}
    #search-submit{height:50px;line-height:50px}
    #special-mobileMenu-inner{padding:10px}
    #special-mobileMenu-header{padding-top:6px;height:56px}
    .dialog-products-wrapper{width:95%;height:320px;padding:12px}
    .dialog-products-header{padding-bottom:10px}
    .dialog-products-hTitle{max-width:calc(100% - 45px)}
    .dialog-products-close{position:absolute;width:45px;height:45px;top:10px;right:0;cursor:pointer;z-index:5}
    .dialog-products-container{padding-top:15px}
    .dialog-products-actions{margin-top:15px;border-top:1px solid #EFEFEF;padding:12px 0;flex-direction:column}
    #dialog-products-continueShopping{width:100%;padding:18px 10px 14px}
    #dialog-products-goCart{margin-left:0;margin-top:10px;width:100%;padding:18px 10px 14px}
    .contact-list-res{width:50%;margin:auto}
}

