/* Topnav Frontend */
.topnav-frontend{
    display:block; position:fixed; top:0; left:0; right:0; height:80px; z-index:999;
    transition:.45s top;
}
.topnav-frontend-spacing{display:block; clear:both; width:100%; height:0px;}
.topnav-frontend *{
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.topnav-frontend > .container, .topnav-frontend .subnav-dropdown .container{
    position:unset; margin:0 auto; height:80px;
}
.topnav-frontend a{transition:.45s all;}

.topnav-frontend .slide-in-bg{
    display:block; position:absolute; top:-80px; left:0; right:0; height:80px; background:#fff; z-index:-2;
    transition:all 0.4s ease-in-out 0s; 
}
.topnav-frontend.has-bg .slide-in-bg{top:0; box-shadow:rgba(0,0,0,0) 0px 20px 40px;}
.topnav-frontend.sticky-topnav .slide-in-bg, .topnav-frontend.init-bg .slide-in-bg{
    top:0; box-shadow:rgba(0,0,0,0.05) 0px 20px 40px;
}

.topnav-frontend.interactive.full-view{top:-80px;}
.topnav-frontend.interactive.full-view .slide-in-bg{box-shadow:rgba(0,0,0,0) 0px 20px 40px;}

.topnav-frontend .drop-in-bg{
    display:none; position:absolute; top:0; left:0; right:0; height:80px; background:#fdfdfd; z-index:-1;
}
.topnav-frontend.subnav-opened .drop-in-bg{display:block;}

.topnav-frontend .drop-in-filter{
    display:none; position:absolute; top:0; left:0; right:0; height:100vh; background:rgba(255,255,255,.6); 
    cursor:pointer; pointer-events:none; z-index:-3;
}
.topnav-frontend.subnav-opened .drop-in-filter{display:block; pointer-events:all;}

.topnav-frontend .logo{float:left; height:80px;}
.topnav-frontend .logo a{display:block; position:relative; overflow:hidden;}
.topnav-frontend .logo img{
    display:block; width:34px; height:auto; padding:23px 0 23px 0; margin-right:110px;
}
.topnav-frontend .logo .hook-line{
    position:absolute; top:32px; left:34px; font-weight:700; font-size:18px; line-height:1; 
    letter-spacing:-.75px; transition:all 0.5s ease-out 0s; z-index:-1;
}

.topnav-frontend .main-nav{display:block; height:80px;}
.topnav-frontend .main-nav.left{float:left;}
.topnav-frontend .main-nav.right{float:right;}
.topnav-frontend .main-nav.right > .nav-choices{padding:0;}

.topnav-frontend .nav-choices{display:block; list-style:none;}
.topnav-frontend .nav-choices > li{float:left; padding:0!important;}
.topnav-frontend .nav-choices > li > a{
    display:block; color:#fff; font-size:14px; letter-spacing:.42px; line-height:80px; 
    padding-right:30px; cursor:pointer; fill:#737881;
}
.topnav-frontend.init-dark .nav-choices > li > a{color:#17191d;}
.topnav-frontend .nav-choices > li > a svg{margin:0 0 2px 6px;}
.topnav-frontend .nav-choices > li:last-child > a{padding-right:0;}
.topnav-frontend.sticky-topnav .nav-choices > li > a,
.topnav-frontend.has-bg .nav-choices > li > a, .topnav-frontend.subnav-opened .nav-choices > li > a{
    color:#17191d;
}
.topnav-frontend .nav-choices > li > a.btn{
    font-size:11px; font-weight:500; letter-spacing:0.1071em; line-height:41px; padding:0 30px!important; 
    border-radius:40px; margin:17.5px 0; box-shadow:none; outline:none;
}
.topnav-frontend .nav-choices > li > a.btn:active{box-shadow:none; outline:none;}

.topnav-frontend .subnav-dropdown.custom{
    display:none; background:#fff; box-shadow:rgba(0, 0, 0, 0.1) 0px 20px 40px;
    position:absolute; left:0; width:100vw; pointer-events:none;
}
.topnav-frontend .nav-choices > li.active > .subnav-dropdown{display:block; pointer-events:all;}
.topnav-frontend .subnav-dropdown > .wrapper{
    display:block; position:relative; width:100%; max-width:100%; overflow-x:hidden;
    max-height:calc(100vh - 100px); overflow-x:hidden; overflow-y:auto; pointer-events:all;
}
.topnav-frontend .subnav-dropdown .container{
    position:relative; height:auto; padding-top:30px!important; padding-bottom:30px!important; 
    overflow:hidden;
}

.topnav-frontend .subnav-dropdown ul{list-style:none; padding:15px 0; margin:0;}
.topnav-frontend .subnav-dropdown ul li, .topnav-frontend .subnav-dropdown ul li a{
    color:rgb(159,161,167); font-size:12px; font-weight:200; line-height:1.4; padding-top:5px;
}
.topnav-frontend .subnav-dropdown ul li.header, .topnav-frontend .subnav-dropdown ul li.header a{
    color:rgb(23,25,29); font-size:14px; letter-spacing:.42px; font-weight:500; padding-top:0;
}
.topnav-frontend .subnav-dropdown h5, .topnav-frontend .subnav-dropdown h5 a{
    color:rgb(159,161,167); font-size:12px; font-weight:500; letter-spacing:0.7px;
    margin:0 0 10px 0; text-transform:uppercase; padding-top:15px;
}

.topnav-frontend .subnav-dropdown img{
    display:block; width:100%; max-width:400px; height:auto; margin:15px auto 0 auto;
    -webkit-filter:grayscale(100%); filter:grayscale(100%); border-radius:3px; transition:.3s all;
}
.topnav-frontend .subnav-dropdown img:hover{-webkit-filter:grayscale(0%); filter:grayscale(0%);}

.topnav-frontend .mobile-nav{display:none; height:62px;}
.topnav-frontend .mobile-nav.right{float:right;}
.topnav-frontend .mobile-nav .hamburger{padding:24px 0 18px 0; height:20px;}
.topnav-frontend .mobile-side-nav{
    display:none; position:absolute; top:0; left:0; right:0; height:100vh; z-index:-1;
    padding-top:95px; background:#fff; pointer-events:none;
}
.topnav-frontend .mobile-side-nav > .container{
    position:relative; width:100%; height:calc(100vh - 95px); overflow:hidden;
}

.mobile-nav-choices, .mobile-nav-choices > li{display:block; list-style:none; padding:0; margin:0;}
.mobile-nav-choices > li > a{
    display:block; cursor:pointer; letter-spacing:0.03em; font-size:14px; font-weight:500; padding:20px 0;
    text-decoration:none; color:#17191d; transition:color 0.2s ease-in-out 0s, opacity;
}
.mobile-nav-choices > li > a i{font-size:9px; margin-left:8px;}

.mobile-nav-choices .subnav-container{
    display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:#fff; 
    overflow:hidden; opacity:0; pointer-events:none; transition:all 0.25s ease-in-out 0s;
}
.mobile-nav-choices .subnav-container > .wrapper{
    display:block; position:relative; width:100%; padding-left:calc(30px + 3vw);
}
.mobile-nav-choices .subnav-container > .wrapper > .scroll-y-container{display:none;}
.mobile-nav-choices li.active .subnav-container{opacity:1; pointer-events:all; z-index:1;}
.mobile-nav-choices li.active .subnav-container > .wrapper > .scroll-y-container{display:block;}
.mobile-nav-choices .subnav-container > .wrapper > .title{
    position:relative; color:#4a4e57; font-size:18px; font-weight:500; letter-spacing:0.03em;
    width:100%; padding:15px 0 30px calc(30px + 3vw); margin-left:calc(-30px - 3vw); cursor:pointer;
}
.mobile-nav-choices .subnav-container > .wrapper > .title i{
    position:absolute; top:20.5px; left:0; font-size:16px;
}
.mobile-nav-choices li.active .subnav-container > .wrapper > .scroll-y-container{
    position:relative; width:100%; overflow-x:hidden; overflow-y:auto;
    height:calc(100vh - 275px); min-height:calc(100vh - 275px); max-height:calc(100vh - 275px);
}
.mobile-nav-choices li.active .subnav-container .subnav-dropdown{display:block; width:calc(100% + 15px);}
.mobile-nav-choices li.active .subnav-container .mobile-subnav-slot{
    float:left; padding-top:15px; padding-bottom:15px;
}
.topnav-frontend .mobile-side-nav .nav-choices{
    position:absolute; bottom:95px; left:0; right:0; padding:0; margin:0;
}
.topnav-frontend .mobile-side-nav .nav-choices li{
    display:block; float:none; clear:both; width:100%; text-align:center; padding:0; margin:0;
}
.topnav-frontend .mobile-side-nav .nav-choices li a{display:inline-block; margin:15px 0;}
.topnav-frontend .mobile-side-nav .nav-choices li a:not(.btn){line-height:1; color:#17191d;}

.topnav-frontend .logo .logo-normal{display:none;}
.topnav-frontend .logo .logo-white{display:block;}
.topnav-frontend.sticky-topnav .logo .logo-normal{display:block;}
.topnav-frontend.sticky-topnav .logo .logo-white{display:none;}
.topnav-frontend.has-bg .logo .logo-normal, .topnav-frontend.init-dark .logo .logo-normal,
.topnav-frontend.init-bg .logo .logo-normal{display:block;}
.topnav-frontend.has-bg .logo .logo-white, .topnav-frontend.init-dark .logo .logo-white,
.topnav-frontend.init-bg .logo .logo-white{display:none;}

.topnav-frontend.subnav-opened .logo .logo-normal{display:block;}
.topnav-frontend.subnav-opened .logo .logo-white{display:none;}

.topnav-frontend-spacer{height:80px;}
.preload .topnav-frontend *{transition:all 0s;}

@media screen and (max-width:1199.98px){ /* @media screen and (max-width:1199.98px){ */
    .topnav-frontend .logo img{margin-right:95px;}
    .topnav-frontend .nav-choices > li > a{padding-right:20px;}
    .topnav-frontend .nav-choices > li:last-child > a{padding-right:0;}
}
@media screen and (max-width:1199.98px){ /* @media screen and (max-width:991.98px){ */
    .topnav-frontend > .container, .topnav-frontend .subnav-dropdown .container{height:62px; overflow:hidden;}
    .topnav-frontend-spacing{height:62px;}
    .topnav-frontend .main-nav, .topnav-frontend .drop-in-bg, .topnav-frontend .drop-in-filter{display:none!important;}
    .topnav-frontend .slide-in-bg{height:62px;}
    .topnav-frontend .logo{height:62px;}
    .topnav-frontend .logo img{padding:14px 0 14px 0;}
    .topnav-frontend .logo .hook-line{top:23px; opacity:0; left:-15px;}
    .topnav-frontend.side-active .logo .hook-line{opacity:1; left:34px;}
    .topnav-frontend .mobile-nav{display:block;}
    .topnav-frontend.side-active .mobile-side-nav{display:block; pointer-events:all;}
    .topnav-frontend-spacer{height:62px;}

    .topnav-frontend.side-active .logo .logo-normal{display:block;}
    .topnav-frontend.side-active .logo .logo-white{display:none;}
}

.topnav-frontend .cart-icon{
    position:relative; height:80px; line-height:80px; padding:0 30px 0 15px; font-size:19px!important;
    display:block; color:#181818;
}
.topnav-frontend .cart-icon .quantities{
    position:absolute; width:24px; height:24px; border-radius:50%; background:#f4364c; color:#fff;
    top:19px; right:20px; line-height:24px; text-align:center; font-size:16px;
}
.topnav-frontend .mobile-nav .cart-icon{height:62px; line-height:62px; padding:0 40px 0 15px;}
.topnav-frontend .mobile-nav .cart-icon .quantities{top:10px; right:26px;}


/* Global Search Container */
.global-search-container{
    position:fixed; width:100vw; height:100vh; top:0; left:0; z-index:-1; pointer-events:none;
    border:2px solid rgba(255,255,255,.95); background:rgba(255,255,255,.95);
    padding-bottom:25vh; display:flex; align-items:center; opacity:0; transition:.3s ease opacity;
}
.global-search-container.active{pointer-events:all; opacity:1; z-index:1000;}
.global-search-container > .wrapper{position:relative; padding:0 40px 0 25px; width:100%; max-width:660px; margin:auto;}
.global-search-container form > input[type='text']{
    width:100%; background:transparent; border:none; border-bottom:3px solid #0b4a7e; color:#818181;
    outline:none; box-shadow:none; font-size:40px; font-weight:500; line-height:60px;
    border-radius:0; padding:7px 96px 7px 0;
}
.global-search-container form > a, .global-search-container form > button{
    font-size:44px; color:#818181; position:absolute; top:4px; right:40px; outline:none; box-shadow:none;
    background:none; border:none; opacity:.8; transition:.3s ease opacity;
}
.global-search-container form > button{top:9px; right:84px; font-size:34px;}
.global-search-container form > a:hover, .global-search-container form > button:hover{opacity:.55;}

@media screen and (max-width:767.98px){
    .global-search-container form > input[type='text']{font-size:32px; padding:0 74px 0 0;}
    .global-search-container form > a, .global-search-container form > button{font-size:36px;}
    .global-search-container form > button{right:76px; font-size:28px;}
}
.preload .global-search-container{display:none!important; opacity:0!important; pointer-events:none!important;}

.topnav-frontend .nav-choices > li.search-tab{position:relative; margin-bottom:10px;}
.main-nav.right .top-search, .mobile-side-nav .top-search{
    margin-top:20px; margin-left:0; border-radius:40px; border:2px solid #0b4a7e; width:180px;
    font-weight:lighter; padding:5px 10px 5px 40px; font-size:14px; outline:none;
}
.main-nav.right .top-search-button, .mobile-side-nav .top-search-button{
    padding:0 20px 0 5px; font-size:14px; display:flex; position:absolute; color:var(--pcolor); 
    top:31px; margin-left:10px; background:none; border:none; outline:none;
}
.mobile-side-nav .top-search-button{left:calc(50% - 120px);}
@media screen and (max-width:1199.98px){
    .main-nav.right .top-search, .mobile-side-nav .top-search{width:240px;}
    .main-nav.right .top-search-button, .mobile-side-nav .top-search-button{margin-left:10px;}
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{background-color:#7f7f7f!important;}

.topnav-frontend .languages{float:right; width:50px; height:100%; margin:0 15px 0 0;}
.topnav-frontend .languages > .wrapper{
    position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center;
}
.topnav-frontend .languages .lang-menu{display:block; width:100%; cursor:pointer; transition:opacity .3s;}
.topnav-frontend .languages .lang-menu:hover{opacity:.65;}
.topnav-frontend .languages .flag-icon{
    width:22px; height:16px; border-radius:3px; background-size:cover; background-position:center;
    margin:10px auto;
}
.topnav-frontend .languages .lang-dropdown{
    position:absolute; top:100%; left:0; right:0; background:#fff; border-radius:4px;
    box-shadow:rgba(0,0,0,0.05) 0px 20px 40px; opacity:0; pointer-events:none;
    transition:all .4s;
}
.topnav-frontend .languages:hover .lang-dropdown{top:calc(100% - 5px); opacity:1; pointer-events:auto;}
@media screen and (max-width:767.98px){
    .topnav-frontend .languages{margin:0 12px 0 0;}
}