@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
 @import url(https://fonts.googleapis.com/css2?family=Proza+Libre&display=swap);
/*! * Bootstrap v4.6.0 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
 :root{
     --blue:#007bff;
     --indigo:#6610f2;
     --purple:#6f42c1;
     --pink:#e83e8c;
     --red:#dc3545;
     --orange:#fd7e14;
     --yellow:#ffc107;
     --green:#28a745;
     --teal:#20c997;
     --cyan:#17a2b8;
     --white:#fff;
     --gray:#6c757d;
     --gray-dark:#343a40;
     --primary:#007bff;
     --secondary:#6c757d;
     --success:#28a745;
     --info:#17a2b8;
     --warning:#ffc107;
     --danger:#dc3545;
     --light:#f8f9fa;
     --dark:#343a40;
     --breakpoint-xs:0;
     --breakpoint-sm:576px;
     --breakpoint-md:768px;
     --breakpoint-lg:992px;
     --breakpoint-xl:1200px;
     --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
     --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace 
}
 *,:after,:before{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box 
}
@media only screen and (min-width: 482px)
{
    html {
        font-size: initial;
    }
}
body {
    font-family: Open Sans!important;
    font-size: 14px;
}
 .base-color-black{
     color:#000!important 
}
 @font-face{
     font-family:nexa_lightregular;
     src:url(https://images.fashionpass.com/assets/fonts/nexa_free_light-webfont.woff2),url(https://images.fashionpass.com/assets/fonts/nexa_free_light-webfont.woff);
     font-weight:400;
     font-style:normal 
}
 @font-face{
     font-family:nexa_boldregular;
     src:url(https://images.fashionpass.com/assets/fonts/nexa_free_bold-webfont.woff2),url(https://images.fashionpass.com/assets/fonts/nexa_free_bold-webfont.woff);
     font-weight:400;
     font-style:normal 
}
 @font-face{
     font-family:lato_regular;
     src:url(https://images.fashionpass.com/assets/fonts/nexa_free_bold-webfont.woff),url(https://images.fashionpass.com/assets/fonts/nexa_free_bold-webfont.ttf);
     font-weight:400;
     font-style:normal 
}
 @font-face{
     font-family:lato_medium;
     src:url(/assets/fonts/lato-medium.ttf);
     font-weight:400;
     font-style:normal 
}
 @font-face{
     font-family:Open Sans;
     src:url(https://images.fashionpass.com/assets/fonts/OpenSans-Light.ttf);
     font-weight:300;
     font-style:normal 
}
 @font-face{
     font-family:Open Sans;
     src:url(https://images.fashionpass.com/assets/fonts/OpenSans-Regular.ttf);
     font-weight:400;
     font-style:normal 
}
 @font-face{
     font-family:Open Sans;
     src:url(https://images.fashionpass.com/assets/fonts/OpenSans-SemiBold.ttf);
     font-weight:600;
     font-style:normal 
}
 @font-face{
     font-family:Open Sans;
     src:url(https://images.fashionpass.com/assets/fonts/OpenSans-Bold.ttf);
     font-weight:700;
     font-style:normal 
}
 @font-face{
     font-family:Open Sans;
     src:url(https://images.fashionpass.com/assets/fonts/OpenSans-LightItalic.ttf);
     font-weight:300;
     font-style:italic 
}
 @font-face{
     font-family:Open Sans;
     src:url(https://images.fashionpass.com/assets/fonts/OpenSans-Italic.ttf);
     font-weight:400;
     font-style:italic 
}
 @font-face{
     font-family:Open Sans;
     src:url(https://images.fashionpass.com/assets/fonts/OpenSans-SemiBoldItalic.ttf);
     font-weight:600;
     font-style:italic 
}
 @font-face{
     font-family:Open Sans;
     src:url(https://images.fashionpass.com/assets/fonts/OpenSans-BoldItalic.ttf);
     font-weight:700;
     font-style:italic 
}

.font_lato_medium{
    font-family:lato_medium;
    font-size:15px;
    min-width:200px
}
.font_open_sans{
    font-family:Open Sans !important;
}

 header{
     position:fixed;
     top:0;
     background-color:#fff;
     z-index:1050;
     width:100% 
}
 .video-banner{
     position:relative 
}
 .video-banner video{
     width:100% 
}
 @media(max-width:767px){
     .video-banner video{
         object-fit:cover;
         max-width:100%;
         height:375px 
    }
}
 .video-banner .video-text{
     top:0;
     z-index:1 
}
 .video-banner .video-text .d-flex,.video-banner .video-text .text-white{
     -moz-box-align:center;
     align-items:center 
}
 .video-banner .video-text .text-white{
     display:-moz-box;
     display:flex;
     -moz-box-orient:vertical;
     -moz-box-direction:normal;
     flex-direction:column 
}
 .video-banner .video-text .text-white strong{
     font-size:38px;
     line-height:1.3;
     font-weight:700!important;
     font-family:nexa_lightregular 
}
 @media screen and (max-width:767px){
     .video-banner .video-text .text-white strong{
         font-family:nexa_boldregular;
         font-size:22px 
    }
}
 .video-banner .video-text .text-white .videoBtn{
     margin-top:35px;
     font-size:18px;
     font-weight:700 
}
 @media screen and (max-width:767px){
     .video-banner .video-text .text-white .videoBtn{
         margin-top:15px;
         font-size:14px 
    }
}
 .video-banner .video-text .text-white .cancel{
     line-height:3;
     font-size:14px;
     font-weight:500;
     font-family:nexa_lightregular 
}
 .dropdown:hover .dropdown-menu{
     display:block 
}
 .dropdown:hover .dropdown-menu:focus{
     outline:0 
}
 header .nav-link,header li.nav-item a{
     padding:10px 0;
     font-size:14px 
}
 header li.nav-item a{
     color:inherit;
     font-weight:500 
}
 header .userDropdown{
     outline:none;
     border-top:2px solid #919191;
     padding:0;
     margin-top:0;
     top:60px;
     border-radius:0 
}
 header .userDropdown a{
     font-weight:600!important 
}
 header .userDropdown a:hover{
     color:#999!important 
}
 .dropdown-menu{
     border:0 
}
 header li.nav-item .dropdown-menu .dropdown-item{
     padding:0 
}
 header li.nav-item .dropdown-menu .dropdown-item:active{
     background-color:#f8f9fa;
     color:inherit 
}
 header li.nav-item .dropdown-menu .dropdown-item p{
     margin:0 20px;
     border-top:1px solid #f69295;
     width:70% 
}
 header li.nav-item .dropdown-menu .dropdown-item p a{
     padding:6px 0;
     margin-top:2px 
}
 header li.nav-item .dropdown-menu .dropdown-item a{
     padding:5px 20px;
     font-size:11px;
     width:100%;
     display:block;
     font-weight:400!important 
}
 header li.nav-item .dropdown-menu .dropdown-item:nth-last-child(2) a{
     padding-bottom:6px 
}
 header li.nav-item .dropdown-menu .dropdown-item:last-child a{
     padding-top:3px 
}
 header li.nav-item .dropdown-menu .dropdown-item:focus{
     background-color:unset;
     outline:none 
}
 header .fp-mega-menu{
     top:44px;
     position:fixed!important;
     width:100%;
     border-radius:0;
     border:1px solid #ccc;
     -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
     box-shadow:0 6px 12px rgba(0,0,0,.175) 
}
 header .ml-auto li.dropdown.nav-item{
     text-transform:capitalize 
}
 header .fp-cart-menu{
     margin-right:8px;
     outline:none;
     top:54px;
     min-width:-moz-max-content;
     min-width:max-content;
     padding:7px 0 0;
     border-radius:0 
}
 @media(max-width:767px){
     header .fp-cart-menu{
         position:absolute;
         right:0;
         background:#fff;
         z-index:99;
         -webkit-box-shadow:0 0 3px #cecece;
         box-shadow:0 0 3px #cecece;
         top:40px;
         display:none;
         padding:0 
    }
}
 header .fp-cart-menu .cartItemDiv p{
     text-transform:none 
}
 header .fp-cart-menu .cartItemDiv .cart-body .cart-desc span{
     text-transform:capitalize;
     font-size:10px 
}
 header .fp-cart-menu .cartItemDiv .cart-body .cart-desc span:first-child{
     text-transform:none 
}
 .topbar-main{
     height:60px;
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     font-size:11px;
     font-weight:600;
     text-transform:uppercase 
}
 .topbar-main .row{
     -moz-box-pack:justify;
     justify-content:space-between 
}
 .topbar-main .topbar-left{
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center 
}
 .topbar-main .topbar-left nav{
     float:left 
}
 .topbar-main .topbar-left .searchResultBox{
     position:absolute;
     top:-22px;
     z-index:9999;
     text-align:left!important;
     margin-left:0;
     left:27px 
}
 @media(max-width:985px){
     .topbar-main .topbar-left .searchResultBox{
         right:70% 
    }
}
 .topbar-main .topbar-left input.search-bar{
     width:110px;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
     border:none;
     border-bottom:1px solid #000;
     background-color:#fff;
     background-image:url(/assets/img/search-icon.png);
     background-position:0 6px;
     background-repeat:no-repeat;
     padding:2px 5px 2px 20px;
     -webkit-transition:width .4s ease-in-out;
     -webkit-transition:width .2s ease-in-out;
     transition:width .2s ease-in-out;
     font-size:14px;
     background-size:15px;
     margin-top:7px;
     color:#000;
     letter-spacing:1px;
     height:31px 
}
 .topbar-main .topbar-left input.search-bar:focus{
     outline:0 
}
 .topbar-main .topbar-left .search-bar-extend{
     width:300px!important;
     outline:0 
}
 .topbar-main .topbar-logo{
     display:-moz-box;
     display:flex;
     -moz-box-pack:center;
     justify-content:center;
     -moz-box-align:center;
     align-items:center 
}
 .topbar-main .topbar-logo img{
     width:265px 
}
 @media(max-width:767px){
     .topbar-main .topbar-logo img{
         width:185px 
    }
}
 .topbar-main .topbar-right{
     display:-moz-box;
     display:flex;
     -moz-box-pack:end;
     justify-content:flex-end;
     -moz-box-align:center;
     align-items:center 
}
 .topbar-main .topbar-right nav{
     margin-top:1px 
}
 .topbar-main .topbar-right nav .dropdown-toggle:after{
     display:inline-block;
     margin-left:6px;
     vertical-align:.2em;
     content:"";
     transform:rotate(45deg);
     -webkit-transform:rotate(45deg);
     border:solid #000;
     border-width:0 1px 1px 0;
     padding:2.5px 
}
 .topbar-main .topbar-right nav .fp-cart{
     margin-left:-10px 
}
 .topbar-main .topbar-right nav .fp-cart a:after{
     display:inline-block;
     margin-left:6px;
     vertical-align:.2em;
     content:"";
     transform:rotate(45deg);
     -webkit-transform:rotate(45deg);
     border:solid #000;
     border-width:0 1px 1px 0;
     padding:2.5px 
}
 .topbar-main .topbar-right nav .fp-cart .cart-main{
     margin-top:-15px 
}
 .searchBox{
     position:relative;
     min-width:80px;
     margin-right:10px 
}
 @media(max-width:767px){
     .searchBox{
         margin-right:0;
         height:100vh 
    }
}
 .searchBox .searchBoxOverlay{
     display:none;
     width:100%;
     height:100%;
     position:fixed;
     top:0;
     bottom:0;
     opacity:.2;
     z-index:9999;
     left:0 
}
 .searchBox .searchBoxOverlay.active{
     display:-moz-box!important;
     display:flex!important 
}
 .searchBox .searchNoResult ul{
     margin-top:6px 
}
 .searchBox .searchNoResult ul li{
     font-size:14px;
     font-weight:400;
     font-family:Open Sans;
     color:#404040;
     padding-left:19px;
     padding-bottom:5px 
}
 .searchBox .searchList{
     display:none;
     top:10px;
     width:300px;
     background-color:#fff;
     max-height:250px;
     overflow:auto;
     padding:0;
     z-index:1;
     font-size:14px;
     font-family:Open Sans;
     text-transform:none!important;
     border:1px solid #ccc;
     border-top:0 solid #fff 
}
 @media(max-width:767px){
     .searchBox .searchList{
         width:100%;
         max-height:100vh;
         border-bottom:none;
         height:-webkit-calc(100vh - 165px);
         height:calc(100vh - 165px) 
    }
}
 .searchBox .searchList .nolink,.searchBox .searchList a{
     padding-left:19px!important 
}
 .searchBox .searchList .item_heading{
     font-weight:700;
     display:block;
     padding:10px 5px 5px;
     cursor:auto;
     color:#404040!important 
}
 .searchBox .searchList .item_heading span{
     border-bottom:1px solid #000 
}
 .searchBox .searchList .item_heading:hover{
     color:#000 
}
 .searchBox .searchList ul{
     scrollbar-color:red #ff0;
     list-style-type:none;
     width:100%;
     margin-bottom:0;
     margin-top:10px;
     padding-left:0;
     padding-bottom:0 
}
 .searchBox .searchList li{
     font-size:15px 
}
 .searchBox .searchList li.tag_ a{
     display:block;
     padding:5px;
     width:100% 
}
 .searchBox .searchList li.li_heading{
     font-weight:600 
}
 .searchBox .searchList li.item_ a{
     clear:both;
     padding:5px;
     height:80px;
     display:table;
     width:100% 
}
 .searchBox .searchList li.see_more_{
     width:100%;
     text-align:left;
     float:left 
}
 .searchBox .searchList .s_img{
     max-height:80px;
     display:table-cell;
     vertical-align:middle;
     width:60px 
}
 .searchBox .searchList .s_pro{
     display:table-cell;
     vertical-align:middle;
     font-size:14px;
     padding-left:5px 
}
 .searchBox .searchList .s_pro small{
     color:#999a9a;
     font-size:14px 
}
 .searchBox .searchList .s_pro small span{
     text-transform:lowercase 
}
 .searchBox .searchList li.see_more a{
     text-align:left;
     float:left;
     font-weight:700 
}
 .searchBox .searchList li#viewMoreLi a{
     padding:10px 5px;
     border-bottom:0;
     font-style:italic;
     text-decoration:underline;
     text-transform:lowercase 
}
 .searchBox .searchList li#viewMoreLi a:first-letter{
     text-transform:uppercase 
}
 .searchBox .loading_item{
     width:50px;
     padding:10px;
     display:block;
     margin-left:auto;
     margin-right:auto 
}
 .searchBox .searchList::-webkit-scrollbar{
     width:8px;
     border-radius:8px;
     background-color:#948f8f;
     opacity:.7;
     height:10px 
}
 .searchBox .searchList::-webkit-scrollbar-track{
     -webkit-box-shadow:inset 0 0 5px #948f8f;
     box-shadow:inset 0 0 5px #948f8f;
     border-radius:8px;
     background-clip:content-box 
}
 .searchBox .searchList::-webkit-scrollbar-thumb{
     background:#000;
     border-radius:8px;
     height:10px;
     opacity:.7 
}
 .searchBox .searchList::-webkit-scrollbar-thumb:hover{
     background:#000 
}
 .searchBox .searchList.active,.welcome-bar{
     display:-moz-box;
     display:flex 
}
 .welcome-bar{
     width:100%;
     background-color:#fff7f2;
     text-align:center;
     cursor:pointer;
     font-size:16px;
     justify-content:space-around;
     text-transform:uppercase;
     -moz-box-align:center;
     align-items:center;
     color:#000;
     height:46px 
}
 @media(max-width:767px){
     .welcome-bar{
         height:46px 
    }
    .welcome-bar .spots p {
        font-size: 13px !important;
    }
}

 .welcome-bar:hover{
     color:#000;
     text-decoration:none;
}
 .welcome-bar .spots p{
     display:-moz-box;
     display:flex;
     font-size:15px;
     margin-bottom:0;
     -moz-box-align:center;
     align-items:center;
     -moz-box-orient:horizontal;
     -moz-box-direction:reverse;
     flex-direction:row-reverse 
}

 .welcome-bar .spots p label{
     margin-bottom:0;
     line-height:1;
     font-weight:700;
     cursor:pointer 
}
 .welcome-bar .numberBox{
     font-size:22px;
     border:1px solid;
     height:28px;
     width:28px;
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:center;
     justify-content:center;
     margin-right:8px;
     padding:3px 0 0 
}
 @media(max-width:767px){
     .welcome-bar .numberBox{
         margin-right:3px;
         padding:2.5px 0 0 2px;
         height:25px;
         width:25px;
         font-size:19px 
    }
}
 .welcome-bar .numberBox span{
     text-align:center;
     -moz-box-align:center;
     align-items:center 
}
 .welcome-bar .off-30{
     display:-moz-box;
     display:flex;
     -moz-box-pack:center;
     justify-content:center 
}
 @media(max-width:767px){
     .welcome-bar .off-30{
         -moz-box-align:center;
         align-items:center;
         -moz-box-pack:center;
         justify-content:center;
         -moz-box-orient:vertical;
         -moz-box-direction:normal;
         flex-direction:column;
         line-height:1;
         margin-left:2px 
    }
}
 .welcome-bar .off-30 b{
     font-size:30px!important;
     margin-right:5px;
     line-height:1 
}
 @media(max-width:767px){
     .welcome-bar .off-30 b{
         font-size:20px!important;
         margin-right:0;
         display:-moz-box;
         display:flex 
    }
}
 .welcome-bar .off-30 b:before{
     content:"$";
     margin-left:26px 
}
 @media(max-width:767px){
     .welcome-bar .off-30 b:before{
         margin-left:0 
    }
}
 .welcome-bar .off-30 .mobile-show{
     display:none 
}
 @media(max-width:767px){
     .welcome-bar .off-30 .mobile-show{
         display:-moz-box;
         display:flex;
         font-size:11px!important;
         font-weight:300;
         letter-spacing:.5px 
    }
}
 .welcome-bar .fontBold{
     font-family:nexa_boldregular;
     font-weight:500!important 
}
 @media(max-width:767px){
     .welcome-bar .desktop-show{
         display:none 
    }
}
 .welcome-bar .code{
     font-size:18px!important;
     text-align:right 
}
 @media(max-width:767px){
     .welcome-bar .code{
         font-size:13px!important;
         margin-top:2px 
    }
}
 .welcome-bar .code label{
     margin-bottom:0;
     font-weight:300;
     cursor:pointer 
}
 @media(max-width:767px){
     .welcome-bar .code label{
         font-size:12px;
         margin-bottom:0 
    }
}
 .welcome-bar .code .welcome{
     display:inline;
     font-weight:700 
}
 .welcome-bar .fontLight{
     line-height:1;
     font-size:13px 
}
 @media(max-width:767px){
     .welcome-bar .fontLight{
         display:none 
    }
}
 .navbar-main{
     height:45px;
     background-color:#000 
}
 .navbar-main nav{
     font-size:0;
     position:relative 
}
 @media(max-width:767px){
     .navbar-main nav{
         display:none 
    }
}
 .navbar-main nav .container{
     margin:auto 
}
 .navbar-main nav .ul-reset{
     font-family:inherit;
     padding-left:0;
     margin-top:0;
     margin-bottom:0;
     list-style:none;
     height:45px;
     display:-moz-box;
     display:flex;
     -moz-box-pack:center;
     justify-content:center;
     -moz-box-align:center;
     align-items:center 
}
 .navbar-main nav>ul>li{
     font-size:14px;
     position:relative;
     padding:0;
     margin:0 5px;
     height:45px;
     cursor:pointer;
     display:-moz-box;
     display:flex 
}
 >.navbar-main nav>ul>li:first-child{
     padding-left:0 
}
 >.navbar-main nav>ul>li:last-child{
     padding-right:0 
}
 .navbar-main nav>ul>li>a{
     color:#fff!important;
     position:relative;
     margin:0;
     font-size:14px;
     font-weight:600;
     padding:11px 30px 11px 25px;
     text-transform:uppercase 
}
 .navbar-main nav>ul>li>a label{
     margin:0;
     padding:0 1px;
     cursor:inherit 
}
 .navbar-main nav>ul>li :after{
     background:none repeat scroll 0 0 transparent;
     bottom:15px;
     content:"";
     display:block;
     height:1px;
     left:0;
     position:relative;
     background:#fff;
     max-width:0;
     margin:0;
     bottom:0 
}
 .navbar-main nav>ul>li:hover a:after{
     max-width:100%;
     -webkit-transition:max-width 1s;
     transition:max-width 1s 
}
 .navbar-main nav>ul>li .mega-menu.noWelcomeBar{
     top:105px 
}
 .navbar-main nav>ul>li .mega-menu.notificationBar{
     top:145px 
}
 .navbar-main nav>ul>li .mega-menu.welcome_notificationBar{
     top:190px 
}
 .navbar-main nav>ul>li .mega-menu{
     background:#fff;
     visibility:hidden;
     opacity:0;
     -webkit-transition:opacity .3s;
     transition:opacity .3s;
     left:0;
     position:fixed;
     text-align:left;
     width:100%;
     padding:20px 0;
     color:#000;
     text-transform:capitalize;
     -webkit-box-shadow:0 6px 6px 0 rgba(107,107,107,.2);
     box-shadow:0 6px 6px 0 rgba(107,107,107,.2);
     top:150px 
}
 .navbar-main nav>ul>li .mega-menu h3{
     color:#444 
}
 .navbar-main nav>ul>li .mega-menu .cf:after,.navbar-main nav>ul>li .mega-menu .cf:before{
     content:" ";
     display:table 
}
 .navbar-main nav>ul>li .mega-menu .cf:after{
     clear:both 
}
 .navbar-main nav>ul>li .mega-menu a{
     color:#000 
}
 .navbar-main nav>ul>li .mega-menu a:hover{
     color:#f69295 
}
 .navbar-main nav>ul>li .mega-menu .megamenu-image{
     width:250px;
     float:left;
     padding-right:10px 
}
 .navbar-main nav>ul>li .mega-menu .megamenu-image img{
     height:325px 
}
 .navbar-main nav>ul>li .mega-menu .megamenu-image span{
     font-size:18px;
     font-weight:700;
     display:block;
     margin:10px 0 0;
     width:-moz-max-content;
     width:max-content;
     position:relative 
}
 .navbar-main nav>ul>li .mega-menu .megamenu-image span:after{
     content:"";
     background:#f69295;
     height:3px;
     width:100%;
     display:block;
     position:absolute;
     bottom:2px;
     z-index:-1 
}
 .navbar-main nav>ul>li .mega-menu .megamenu-image span a{
     border-bottom:2px solid #f69295!important 
}
 .navbar-main nav>ul>li .mega-menu .megamenu-image span a.multiImage{
     display:block;
     width:-moz-max-content;
     width:max-content;
     max-width:240px;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis 
}
 .navbar-main nav>ul>li .mega-menu .megamenu-image span a:hover{
     border-bottom:none!important 
}
 .navbar-main nav>ul>li .mega-menu .mega-menu-tree{
     float:left;
     padding:10px 0 10px 40px;
     min-width:280px 
}
 .navbar-main nav>ul>li .mega-menu .mega-menu-tree span{
     display:block;
     text-transform:uppercase;
     position:relative;
     width:-moz-max-content;
     width:max-content;
     margin-bottom:8px;
     font-weight:700;
     font-size:15px 
}
 .navbar-main nav>ul>li .mega-menu .mega-menu-tree span:after{
     content:"";
     background:#ccc;
     height:2px;
     width:100%;
     display:block;
     position:absolute;
     bottom:2px;
     z-index:-1 
}
 .navbar-main nav>ul>li .mega-menu .mega-menu-tree ul{
     padding-left:0;
     font-size:13px;
     display:grid;
     grid-template-columns:repeat(1,1fr);
     grid-template-rows:repeat(11,1fr);
     grid-column-gap:5em;
     grid-auto-flow:column 
}
 .navbar-main nav>ul>li .mega-menu .mega-menu-tree ul li{
     list-style:none 
}
 .navbar-main nav>ul>li .mega-menu .mega-menu-tree ul li a{
     font-weight:400;
     margin:4px 0 2px;
     display:inline-block;
     cursor:pointer 
}
 .navbar-main nav>ul>li .mega-menu.mega-menu-open{
     visibility:visible;
     opacity:1 
}
 .navbar-main nav>ul>li .mega-menu.mega-menu-close{
     visibility:hidden;
     opacity:0 
}
 >.navbar-main nav>ul>li:hover>a{
     color:#69aae0;
     border-bottom:3px solid #69aae0 
}
 .navbar-main nav>ul .droppable{
     position:static 
}
 .navbar-main nav>ul .droppable>a:before{
     display:inline-block;
     margin-left:6px;
     vertical-align:.2em;
     content:"";
     transform:rotate(45deg);
     -webkit-transform:rotate(45deg);
     border:solid #fff;
     border-width:0 2px 2px 0;
     padding:2.5px;
     right:15px;
     position:absolute;
     top:17px 
}
 .navbar-main nav>ul .droppable a:hover{
     color:#fff;
     text-decoration:none 
}
 .navbar-main nav>ul .droppable>a:after{
     background:none repeat scroll 0 0 transparent;
     bottom:15px;
     content:"";
     display:block;
     height:1px;
     left:0;
     position:relative;
     background:#fff;
     max-width:0;
     margin:0;
     bottom:0 
}
 .navbar-main nav>ul .droppable:hover a:after{
     max-width:100%;
     -webkit-transition:max-width 1s;
     transition:max-width 1s 
}
 .added-item-btn{
     font-weight:600;
     font-size:14px!important;
     color:#fff!important 
}
 .filterToggleArrow{
     display:none 
}
 @media(max-width:767px){
     .filterToggleArrow{
         padding:0 6px;
         display:block 
    }
}
 .filter-view-mobile.noWelcomeBar{
     top:155px 
}
 .filter-view-mobile.notificationBar{
     top:195px 
}
 .filter-view-mobile.welcome_notificationBar{
     top:240px 
}
 .filter-view-mobile{
     max-height:40vh;
     height:0;
     overflow:auto;
     position:fixed;
     top:200px;
     width:100%;
     left:0;
     background-color:#fff;
     z-index:99;
     -webkit-transition-duration:.3s;
     transition-duration:.3s 
}
 .filter-view-mobile ul{
     margin-bottom:0;
     list-style-type:none;
     padding:0 0 10px 
}
 .filter-view-mobile ul li{
     border-bottom:1px solid #e3e3e3 
}
 .filter-view-mobile ul li label{
     padding:10px 30px;
     margin-bottom:0 
}
 .side-filter-backdrop{
     position:fixed;
     width:100%;
     background-color:rgba(0,0,0,.5);
     height:100vh;
     display:none;
     z-index:10;
     top:193px 
}
 .side-filter-backdrop.show{
     display:block 
}
 .navLoader{
     height:100%;
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:center;
     justify-content:center;
     color:#fff 
}
 .mega-menu{
     cursor:default 
}
 @media(max-width:767px){
     .mobileSideBar a:hover{
         color:#5c5c5c!important 
    }
     .mobileSideBar a:active{
         color:#f69295!important 
    }
     .mega-menu-mobile ul li a:hover{
         color:#5c5c5c!important 
    }
     .mega-menu-mobile ul li a:active{
         color:#f69295!important 
    }
     .product-sidebar-menu.mobileSideBar .indent:not(.view-all){
         padding-left:55px!important 
    }
     .product-sidebar-menu.mobileSideBar li.indent:not(.view-all){
         padding-left:30px!important 
    }
}
 .homeLoading{
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:center;
     justify-content:center;
     font-size:25px;
     color:#f69295;
     height:100vh 
}
 .wt-panel{
     margin:8px 10px 10px 
}
 @media(max-width:767px){
     .wt-plan-btn{
         margin-top:-10% 
    }
}
 .btn-waitlist-big-price{
     background-color:#f69295;
     padding:14.5px 9px;
     color:#fff!important;
     font-size:14px;
     cursor:pointer;
     border-radius:7px;
     font-family:Open Sans;
     font-weight:700;
     display:inline-block;
     width:66% 
}
 @media(max-width:767px){
     .btn-waitlist-big-price{
         padding:15px 9px;
         width:64% 
    }
}
 .hiwBrowseBtn{
     font-size:25px!important;
     margin-top:32px 
}
 @media(max-width:767px){
     .hiwBrowseBtn{
         height:auto!important;
         padding-top:8px!important;
         padding-bottom:8px!important;
         margin-top:30px 
    }
}
 .btn-waitlist-big-price:hover{
     text-decoration:none!important;
     background-color:#f5a6a9 
}
 .btn-waitlist-big-price.current{
     background-color:#fff;
     color:#f69295!important;
     border:1px solid #f69295 
}
 .bold-text{
     font-weight:700 
}
 #community-image .container img{
     width:75%;
     margin-top:30px;
     margin-bottom:12px 
}
 @media(max-width:767px){
     #community-image .container{
         width:100%;
         padding:0 
    }
     #community-image .container img{
         width:100% 
    }
}
 .homePageLoading{
     position:absolute;
     background-color:#fff;
     color:#f69295;
     height:100%;
     width:100%;
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:center;
     justify-content:center;
     top:0;
     left:0;
     z-index:99;
     font-size:30px 
}
 #asseenon a{
     display:block 
}
 .no-transform{
     text-transform:none 
}
 div.button-small{
     color:#fff;
     padding:5px 15px;
     line-height:1.5;
     display:inline-block;
     cursor:pointer;
     margin-top:4px 
}
 .button-small,div.button-small{
     background-color:#f69295;
     border-radius:5px;
     font-family:Open Sans 
}
 .button-small{
     color:#fff!important;
     padding:5px 10px!important;
     font-size:11px;
     border:0 
}
 .button-small:hover{
     color:#fff;
     background-color:#f5a6a9 
}
 .button-small:focus{
     outline:unset 
}
 .text-purchase-plan{
     color:#f69295!important;
     background-color:#fff;
     padding:5px 10px!important;
     border-radius:5px;
     font-size:14px;
     font-family:Open Sans;
     border:0;
     text-transform:capitalize;
     cursor:pointer 
}
 .text-purchase-plan:focus{
     outline:unset 
}
 @media(max-width:767px){
     .text-purchase-plan{
         text-transform:capitalize!important;
         font-size:12px!important 
    }
}
 .button-large{
     font-size:25px;
     font-weight:400;
     padding:0 25px;
     background-color:#f69295;
     color:#fff!important;
     cursor:pointer;
     display:inline-block;
     line-height:54.72px;
     height:54.72px;
     border-radius:2px;
     font-family:Open Sans 
}
 .button-large:hover{
     background-color:#f5a6a9 
}
 @media screen and (max-width:767px){
     .button-large{
         font-size:22px;
         padding:0 25px;
         line-height:40px;
         height:40px 
    }
}
 .button-medium{
     font-size:18px;
     font-weight:400;
     padding:12px 20px;
     background-color:#f69295;
     color:#fff!important;
     cursor:pointer;
     display:inline-block;
     line-height:17px;
     border-radius:2px;
     font-family:Open Sans;
     margin:5px 0 0 
}
 .button-medium:hover{
     background-color:#f5a6a9 
}
 @media screen and (max-width:767px){
     .button-medium{
         font-size:14px;
         padding:6px 8px 
    }
}
/* Copied */
 .pink-heart{
     cursor:pointer;
     color:#f69295!important;
     font-size:20px;
     font-family:FontAwesome!important;
     font-weight:400!important 
}
 @media(max-width:768px){
     .pink-heart{
         padding:10px 
    }
}
 .pink-heart path{
     stroke:#f69295;
     stroke-width:25px 
}
 .pink-heart-filled{
     color:#f69295!important;
     cursor:pointer;
     font-size:20px;
     z-index:9 
}
 .navbar-filters{
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center 
}
 .navbar-filters nav .container{
     margin:auto 
}
 .navbar-filters nav .ul-reset{
     padding-left:0;
     margin-top:0;
     list-style:none;
     position:relative 
}
 @media(max-width:1300px)and (min-width:768px){
     .navbar-filters nav .ul-reset{
         padding-right:5px 
    }
}
 .navbar-filters nav>ul>li{
     display:inline-block;
     font-size:13px;
     position:relative 
}
 .navbar-filters nav>ul>li:first-child{
     padding-left:0 
}
 .navbar-filters nav>ul>li:last-child{
     padding-right:0 
}
 .navbar-filters nav>ul>li>a{
     color:#000;
     display:block;
     position:relative;
     font-weight:600;
     text-transform:capitalize;
     padding:0 14px 
}
 .navbar-filters nav>ul>li .mega-menu{
     background:#fff;
     visibility:hidden;
     opacity:0;
     -webkit-transition:opacity .3s;
     transition:opacity .3s;
     left:50px;
     position:absolute;
     text-align:left;
     width:100vw;
     padding:20px 20px 20px 13px;
     color:#000;
     text-transform:capitalize;
     -webkit-box-shadow:0 6px 6px 0 rgba(107,107,107,.2);
     box-shadow:0 6px 6px 0 rgba(107,107,107,.2);
     margin-left:-50px;
     z-index:9;
     top:28px;
     border-top:1px solid #eee 
}
 .navbar-filters nav>ul>li .mega-menu.mega-menu-open{
     visibility:visible;
     opacity:1 
}
 .navbar-filters nav>ul>li .mega-menu.mega-menu-close{
     visibility:hidden;
     opacity:0 
}
 .navbar-filters nav>ul>li .mega-menu.color-menu{
     max-height:435px;
     overflow:auto;
     padding-top:4px;
     padding-bottom:10px 
}
 .navbar-filters nav>ul>li .mega-menu.color-menu .clear-filter-inner{
     font-size:12px;
     margin-top:10px!important 
}
 .navbar-filters nav>ul>li .mega-menu.occasion-menu{
     padding-top:10px;
     padding-bottom:0 
}
 .navbar-filters nav>ul>li .mega-menu.occasion-menu .clear-filter-inner{
     margin-top:10px;
     margin-bottom:10px 
}
 .navbar-filters nav>ul>li .mega-menu.brand-menu{
     padding-top:10px;
     padding-bottom:10px 
}
 .navbar-filters nav>ul>li .mega-menu.size-menu{
     padding-top:4px;
     padding-bottom:10px 
}
 .navbar-filters nav>ul>li .mega-menu.occ .mega-menu.size-menu{
     padding-top:10px 
}
 .navbar-filters nav>ul>li:before{
     background:none repeat scroll 0 0 transparent;
     bottom:-22px;
     content:"";
     display:block;
     height:1px;
     left:0;
     position:relative;
     background:#000;
     max-width:0;
     margin:0 14px 
}
 .navbar-filters nav>ul>li:hover:before{
     max-width:100%;
     -webkit-transition:max-width 1s;
     transition:max-width 1s 
}
 .navbar-filters nav>ul>li:hover>a{
     color:#69aae0;
     border-bottom:3px solid #69aae0 
}
 .navbar-filters nav>ul .droppable{
     margin:0 5px 0 0;
     padding:0 30px 7px 10px;
     position:static;
     cursor:pointer 
}
 @media(min-width:768px)and (max-width:1050px){
     .navbar-filters nav>ul .droppable{
         padding:0 15px 7px 0 
    }
}
 .navbar-filters nav>ul .droppable a:before{
     display:inline-block;
     margin-left:6px;
     vertical-align:.2em;
     content:"";
     transform:rotate(45deg);
     -webkit-transform:rotate(45deg);
     border:solid #000;
     border-width:0 2px 2px 0;
     padding:2.5px;
     right:0;
     position:absolute;
     top:4px 
}
 .navbar-filters nav>ul .droppable a:after{
     content:"|";
     position:absolute;
     top:0;
     right:-35px;
     font-weight:700;
     pointer-events:none 
}
 @media(min-width:768px)and (max-width:1050px){
     .navbar-filters nav>ul .droppable a:after{
         right:-22px 
    }
}
 .navbar-filters nav>ul .droppable:last-child{
     margin-right:0;
     padding-right:0 
}
 .navbar-filters nav>ul .droppable:last-child a:after{
     display:none 
}
 .navbar-filters nav>ul .droppable:first-child{
     padding-left:0 
}
 @keyframes fadein{
     0%{
         opacity:0 
    }
     66%{
         opacity:0 
    }
     to{
         opacity:1 
    }
}
 @-webkit-keyframes fadein{
     0%{
         opacity:0 
    }
     66%{
         opacity:0 
    }
     to{
         opacity:1 
    }
}
 .navbar-filters .clear-filter{
     float:left;
     display:block;
     border:1px solid #f69295;
     padding:2px 7px;
     color:#f69295;
     font-size:13px;
     font-weight:600;
     border-radius:3px;
     cursor:pointer;
     margin:0 0 4px 16px 
}
 @media(min-width:768px)and (max-width:1200px){
     .navbar-filters .clear-filter{
         margin-left:0 
    }
}
 .navbar-filters .clear-filter:hover{
     color:#000;
     border-color:#000;
     background-color:#f69295 
}
 @media(min-width:768px){
     .sizeFilterDesktop .d3 label:nth-child(6n):after{
         display:none 
    }
}
 @media(max-width:767px){
     .mega-menu{
         padding:10px 16px 
    }
     .mega-menu .sizeFilterMobile .d3{
         border-bottom:1px solid #cbcbcb;
         margin-bottom:10px 
    }
     .mega-menu .sizeFilterMobile .d3 label span{
         width:55px;
         margin-right:17px;
         color:#000;
         margin-top:0 
    }
     .mega-menu .sizeFilterMobile .d3 label:nth-child(5n) span{
         margin-right:0 
    }
     .mega-menu .sizeFilterMobile .d3 label:nth-child(5n):after{
         content:"\a";
         white-space:pre 
    }
     .mega-menu .sizeFilterMobile .d3 label:nth-child(6n):after{
         display:none 
    }
     .mega-menu .sizeFilterMobile .d3:last-child{
         border-bottom:none;
         margin-bottom:0 
    }
     .mega-menu.color-menu{
         padding:5px 15px 10px 
    }
}
 .navbar{
     padding:0 
}
 .navbar-nav{
     -moz-box-align:center;
     align-items:center 
}
 .navbar .navbar-collapse,.navbar .navbar-collapse .navbar-nav,.navbar .navbar-collapse .navbar-nav .nav-item{
     height:100% 
}
 .navbar .navbar-collapse .navbar-nav .nav-item{
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     padding:10px 0 
}
 .navbar .navbar-collapse .navbar-nav .name-menu-dropdown{
     padding:18px 0 
}
 .navbar-nav .nav-item .nav-link{
     padding:0 15px;
     color:#000!important;
     margin-bottom:2px 
}
 .navbar-nav .nav-item .nav-link span{
     margin-left:3px 
}
 .navbar-nav .nav-item .nav-link:hover{
     color:#f69295!important 
}
 .navbar-nav .nav-item .nav-link.dropdown-toggle:hover{
     color:#404040!important 
}
 .navbar-nav .nav-item div.button-small{
     margin-top:0;
     line-height:normal 
}
 @media(max-width:991px)and (min-width:767px){
     .navbar-nav .nav-item div.button-small{
         padding:5px;
         font-size:8px 
    }
}
 .fixedLoading{
     position:absolute;
     width:100%;
     height:100%!important;
     background:#fff;
     z-index:1;
     opacity:.4 
}
 .loading{
     animation-duration:1s;
     animation-fill-mode:forwards;
     animation-iteration-count:infinite;
     animation-name:wave;
     animation-timing-function:linear;
     -webkit-animation-duration:1s;
     -webkit-animation-fill-mode:forwards;
     -webkit-animation-iteration-count:infinite;
     -webkit-animation-name:wave;
     -webkit-animation-timing-function:linear;
     -moz-animation-duration:1s;
     -moz-animation-fill-mode:forwards;
     -moz-animation-iteration-count:infinite;
     -moz-animation-name:wave;
     -moz-animation-timing-function:linear;
     background:#ddd;
     background-image:-webkit-gradient(linear,left center,right center,from(#ddd),color-stop(.2,#f5f5f5),color-stop(.4,#e5e5e5),to(#ddd));
     background-image:-webkit-linear-gradient(left,#ddd,#f5f5f5 20%,#e5e5e5 40%,#ddd);
     background-image:-moz-gradient(linear,left center,right center,from(#ddd),color-stop(.2,#f5f5f5),color-stop(.4,#e5e5e5),to(#ddd));
     background-image:-moz-linear-gradient(left,#ddd 0,#f5f5f5 20%,#e5e5e5 40%,#ddd 100%);
     background-repeat:no-repeat;
     position:relative;
     padding:5px;
     margin:5px;
     width:-webkit-fill-available 
}
 .reverse-direction .loading{
     -webkit-animation-direction:reverse;
     -moz-animation-direction:reverse 
}
 @-webkit-keyframes wave{
     0%{
         background-position:-468px 0 
    }
     to{
         background-position:468px 0 
    }
}
 #wt-footer{
     background:#fef6f6!important;
     font-family:Open Sans!important 
}
 #wt-footer svg{
     font-size:25px 
}
 #wt-footer svg,#wt-footer svg:hover{
     -webkit-transition:.8s;
     transition:.8s 
}
 #wt-footer svg:hover{
     font-size:27px 
}
 @media screen and (max-width:767px){
     #wt-footer svg{
         font-size:17px 
    }
}
 footer#wt-footer .container{
     max-width:1400px;
     width:-webkit-calc(100% - 45px);
     width:calc(100% - 45px);
     padding:33px 0 33px 45px 
}
 @media screen and (max-width:767px){
     footer#wt-footer .container{
         padding:29px 0 13px 
    }
}
 footer#wt-footer .row{
     padding-top:7px;
     margin-left:25px 
}
 @media screen and (max-width:767px){
     footer#wt-footer .row{
         margin-left:0;
         padding-top:0 
    }
}
 #wt-footer h4{
     color:#404040;
     font-size:16px;
     display:table-cell;
     border-bottom:1px solid #404040;
     padding-bottom:.5vh;
     font-family:Open Sans 
}
 @media screen and (max-width:767px){
     #wt-footer h4{
         font-size:13px 
    }
}
 .footerHeading{
     color:#404040;
     font-size:16px;
     display:table-cell;
     border-bottom:1px solid #404040;
     padding-bottom:.5vh;
     font-family:Open Sans 
}
 @media screen and (max-width:767px){
     .footerHeading{
         font-size:13px 
    }
}
 ul.list-unstyled.quick-links{
     margin-top:26px;
     font-family: inherit;
}
 @media(max-width:767px){
     ul.list-unstyled.quick-links{
         margin-top:15px 
    }
}
 .list-unstyled{
     padding-left:0;
     list-style:none 
}
 #wt-footer ul.quick-links li{
     padding:0;
     font-size:15px 
}
 @media screen and (max-width:767px){
     #wt-footer ul.quick-links li{
         font-size:13px 
    }
}
 #wt-footer ul.quick-links li a:hover,#wt-footer ul.quick-links li div span:hover{
     text-decoration:underline!important 
}
 ul.list-unstyled.quick-links li{
     display:table 
}
 #wt-footer a{
     color:#404040;
     text-decoration:none!important;
     background-color:transparent;
     -webkit-text-decoration-skip:objects 
}
 #wt-footer a:focus{
     outline:0!important 
}
 #wt-footer ul.social{
     margin-top:35px 
}
 @media screen and (max-width:767px){
     #wt-footer ul.social{
         margin-top:19px 
    }
}
 #wt-footer ul.social li:first-child a{
     margin-left:0 
}
 #wt-footer ul.social li a{
     margin-right:5px;
     font-size:25px;
     -webkit-transition:all .5s ease;
     transition:all .5s ease 
}
 @media screen and (max-width:767px){
     #wt-footer ul.social li a{
         margin-right:0;
         margin-left:0;
         font-size:20px 
    }
     #wt-footer .row>div{
         padding:0 
    }
     #wt-footer .footer2ndcolumn{
         padding-left:15px!important 
    }
}
 #wt-footer ul.social li a :hover{
     font-size:30px 
}
 #wt-footer ul.quick-links li a,#wt-footer ul.social li a{
     color:#404040;
     white-space:nowrap 
}
 @media(max-width:767px){
     #wt-footer ul.quick-links li a,#wt-footer ul.social li a{
         font-size:13px!important 
    }
}
 .wt-h4{
     font-weight:700!important;
     font-family:nexa_boldregular!important 
}
 .copyright{
     width:100%;
     padding:10px 0;
     background-color:#fae3e3;
     text-align:center 
}
 #wt-footer .copyright{
     padding:10px 
}
 #wt-footer .copyright .wt-p{
     margin-bottom:0;
     padding-top:5px;
     font-size:14px;
     line-height:2 
}
 @media(max-width:767px){
     #wt-footer .copyright .wt-p{
         padding-top:1px;
         font-size:11px 
    }
}
 .bottom-sticky-footer{
     position:fixed;
     bottom:0;
     width:100%;
     display:none;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:center;
     justify-content:center;
     background-image:url(/assets/img/sticky-footer-fashionpass.jpg);
     background-size:cover;
     background-position:100% 0;
     padding:4px;
     z-index:9 
}
 .bottom-sticky-footer.active{
     display:-moz-box;
     display:flex 
}
 .bottom-sticky-footer .sticky-footer-inner{
     background-color:#fff;
     padding:7px;
     display:-moz-box;
     display:flex;
     -moz-box-pack:justify;
     justify-content:space-between;
     -moz-box-align:center;
     align-items:center;
     width:850px 
}
 @media screen and (max-width:767px){
     .bottom-sticky-footer .sticky-footer-inner>div{
         padding:2px;
         font-size:14px!important;
         text-align:center 
    }
     .bottom-sticky-footer .sticky-footer-inner>div button{
         font-size:14px;
         padding:7px 10px 
    }
}
 .bottom-sticky-footer .sticky-footer-inner div{
     font-size:20px;
     color:#404040 
}
 .bottom-sticky-footer .sticky-footer-inner div:first-child{
     text-align:center 
}
 .bottom-sticky-footer .sticky-footer-inner button{
     color:#fff;
     padding:7px 25px;
     background-color:#f69295;
     text-align:center;
     border:0;
     font-weight:600;
     font-size:16px;
     line-height:normal;
     border-radius:15px 
}
 .nav-item.active{
     color:#000!important 
}
 .wt-h1{
     font-family:Open Sans;
     font-size:17px;
     font-style:normal;
     -webkit-font-feature-settings:normal;
     -moz-font-feature-settings:normal;
     font-feature-settings:normal;
     font-variant:normal;
     font-weight:500;
     line-height:4rem;
     margin-top:0;
     margin-bottom:0;
     display:inline-block 
}
 .mainLoader{
     position:fixed;
     width:100%;
     height:100%;
     top:0;
     z-index:9999;
     left:0;
     background:rgba(0,0,0,.5) 
}
 .mainLoader,.mainLoader span{
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:center;
     justify-content:center 
}
 .mainLoader span{
     padding:30px;
     border-radius:10px;
     width:150px;
     height:150px 
}
 .no-scroll{
     overflow:hidden!important 
}
 .base-color{
     color:#f69295!important 
}
 .topbar-mobile{
     height:40px;
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:justify;
     justify-content:space-between 
}
 .topbar-mobile .burger-menu{
     width:80px;
     padding-left:6px;
     z-index:9 
}
 .topbar-mobile .burger-menu .icon{
     background-color:#000;
     display:block;
     width:25px;
     height:2px;
     border-radius:5px;
     margin-top:4px 
}
 .topbar-mobile .burger-menu .icon:first-child{
     margin:0;
     -webkit-transition:.3s;
     transition:.3s 
}
 .topbar-mobile .burger-menu .icon:nth-child(3){
     -webkit-transition:.3s;
     transition:.3s 
}
 .topbar-mobile .active .icon:first-child{
     -webkit-transform:rotate(45deg) scaleX(1.25) translate(3px,6px);
     transform:rotate(45deg) scaleX(1.25) translate(3px,6px) 
}
 .topbar-mobile .active .icon:nth-child(2){
     background:transparent 
}
 .topbar-mobile .active .icon:nth-child(3){
     -webkit-transform:rotate(-45deg) scaleX(1.25) translate(1.5px,-4px);
     transform:rotate(-45deg) scaleX(1.25) translate(1.5px,-4px) 
}
 .topbar-mobile .logo-mobile{
     width:200px;
     margin-left:-20px 
}
 .topbar-mobile .top-left-mobile,.topbar-mobile .top-right-mobile{
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     width:50% 
}
 .topbar-mobile .top-right-mobile{
     -moz-box-pack:end;
     justify-content:flex-end;
     padding:0 5px 
}
 .topbar-mobile .top-right-mobile span{
     padding:0 5px;
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     font-size:18px;
     text-transform:uppercase;
     font-weight:600 
}
 .topbar-mobile .top-right-mobile span .cart-icon-mobile{
     width:15px 
}
 .topbar-mobile .top-right-mobile span i{
     color:#f5a6a9;
     font-style:normal;
     padding-left:2px;
     font-size:12px 
}
 .topbar-mobile .top-right-mobile .favHeart a{
     color:#f69295;
     font-size:18px 
}
 .topbar-mobile .top-right-mobile .addItem-btn-mobile{
     margin-top:0;
     line-height:normal;
     font-size:8px;
     font-weight:500;
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     padding:5px 11px!important;
     text-transform:uppercase 
}
 .topbar-mobile .top-right-mobile.isLogin{
     -moz-box-pack:justify;
     justify-content:space-between 
}
 .topbar-mobile .top-right-mobile.isLogin .added-item-btn{
     font-size:12px;
     font-weight:600;
     margin-right:15px 
}
 .navbar-mobile{
     width:100%;
     height:40px;
     background-color:#000;
     display:-moz-box;
     display:flex;
     -moz-box-pack:center;
     justify-content:center 
}
 .navbar-mobile nav{
     font-size:0;
     width:100% 
}
 .navbar-mobile nav .container{
     margin:auto 
}
 .navbar-mobile nav .ul-reset{
     padding-left:15px;
     padding-right:15px;
     margin-top:0;
     margin-bottom:0;
     list-style:none;
     display:-moz-box;
     display:flex;
     -moz-box-pack:justify;
     justify-content:space-between;
     -moz-box-align:center;
     align-items:center;
     height:40px;
     font-family: unset;
}
 .navbar-mobile nav>ul>li.droppable:last-child{
     padding-right:10px 
}
 .navbar-mobile nav>ul>li{
     display:inline-block;
     font-size:14px;
     position:relative;
     cursor:pointer 
}
 .navbar-mobile nav>ul>li:first-child{
     padding-left:0 
}
 .navbar-mobile nav>ul>li:first-child label{
     margin-left:0 
}
 .navbar-mobile nav>ul>li:first-child:after{
     margin:0 27px 0 0 
}
 .navbar-mobile nav>ul>li:last-child{
     padding-right:0 
}
 .navbar-mobile nav>ul>li:last-child a,.navbar-mobile nav>ul>li:last-child label{
     margin-right:0 
}
 .navbar-mobile nav>ul>li:last-child:after{
     margin:0 0 0 27px 
}
 .navbar-mobile nav>ul>li>a,.navbar-mobile nav>ul>li label{
     color:#fff;
     display:block;
     position:relative;
     margin:0;
     font-size:13px;
     font-weight:600;
     text-transform:uppercase 
}
 .navbar-mobile nav>ul>li .mega-menu{
     background:#fff;
     display:none;
     left:0;
     position:fixed;
     text-align:left;
     width:100%;
     padding:0;
     color:#000;
     text-transform:capitalize;
     -webkit-box-shadow:0 6px 6px 0 rgba(107,107,107,.2);
     box-shadow:0 6px 6px 0 rgba(107,107,107,.2);
     z-index:9 
}
 .navbar-mobile nav>ul>li .mega-menu>.container{
     padding:0 
}
 .navbar-mobile nav>ul>li .mega-menu h3{
     color:#444 
}
 .navbar-mobile nav>ul>li .mega-menu .cf:after,.navbar-mobile nav>ul>li .mega-menu .cf:before{
     content:" ";
     display:table 
}
 .navbar-mobile nav>ul>li .mega-menu .cf:after{
     clear:both 
}
 .navbar-mobile nav>ul>li .mega-menu a{
     color:#000 
}
 .navbar-mobile nav>ul>li .mega-menu a:hover{
     color:#f69295 
}
 .navbar-mobile nav>ul>li .mega-menu .mega-menu-tree{
     float:left;
     padding:0;
     width:100%;
     margin-bottom:5px 
}
 .navbar-mobile nav>ul>li .mega-menu .mega-menu-tree span{
     display:block;
     text-transform:uppercase;
     position:relative;
     width:-moz-max-content;
     width:max-content;
     margin-bottom:8px;
     font-weight:700;
     font-size:15px 
}
 .navbar-mobile nav>ul>li .mega-menu .mega-menu-tree span:after{
     content:"";
     background:#ccc;
     height:2px;
     width:100%;
     display:block;
     position:absolute;
     bottom:2px;
     z-index:-1 
}
 .navbar-mobile nav>ul>li .mega-menu .mega-menu-tree ul{
     padding-left:0 
}
 .navbar-mobile nav>ul>li .mega-menu .mega-menu-tree ul li{
     list-style:none;
     border-bottom:1px solid #e4e4e4;
     padding:8px 10px 
}
 .navbar-mobile nav>ul>li .mega-menu .mega-menu-tree ul li a{
     font-weight:400;
     margin:4px 0;
     display:inline-block 
}
 .navbar-mobile nav>ul>lia,.navbar-mobile nav>ul>li a:after,.navbar-mobile nav>ul>lilabel,.navbar-mobile nav>ul>li label:after{
     background:none repeat scroll 0 0 transparent;
     bottom:15px;
     content:"";
     display:block;
     height:1px;
     left:0;
     position:relative;
     background:#fff;
     max-width:0;
     bottom:0 
}
 @media(min-width:768px){
     .navbar-mobile nav>ul>li:hover,.navbar-mobile nav>ul>li a:after{
         max-width:100%;
         -webkit-transition:max-width 1s;
         transition:max-width 1s 
    }
}
 @media(max-width:767px){
     .navbar-mobile nav>ul>li.active a:after,.navbar-mobile nav>ul>li.active label:after{
         max-width:100%;
         -webkit-transition:max-width .5s;
         transition:max-width .5s 
    }
}
 >.navbar-mobile nav>ul>li:hover>a{
     color:#69aae0;
     border-bottom:3px solid #69aae0 
}
 .navbar-mobile nav>ul .droppable{
     position:static 
}
 .navbar-mobile nav>ul .droppable>a:before,.navbar-mobile nav>ul .droppable>label:before{
     display:inline-block;
     margin-left:6px;
     vertical-align:.2em;
     content:"";
     transform:rotate(45deg);
     -webkit-transform:rotate(45deg);
     border:solid #fff;
     border-width:0 2px 2px 0;
     padding:2.5px;
     right:-12px;
     position:absolute;
     top:6px 
}
 .navbar-mobile nav>ul .droppable:hover .mega-menu{
     display:block 
}
 .navbar-mobile nav>ul .droppable.active label:before{
     -webkit-transform:rotate(-135deg);
     transform:rotate(-135deg);
     top:9px 
}
 .sideMenu-Body{
     position:absolute;
     width:100%;
     top:0;
     left:0;
     height:100vh;
     display:none 
}
 .sideMenu-Body.show{
     display:block 
}
 .sidebarMobile.noWelcomeBar{
     min-height:100vh;
     top:40px 
}
 .sidebarMobile.notificationBar{
     top:80px 
}
 .sidebarMobile.welcome_notificationBar{
     top:125px 
}
 .sidebarMobile{
     background-color:#fff;
     position:absolute;
     width:100%;
     left:-100%;
     height:-webkit-calc(100vh - 100px);
     height:calc(100vh - 100px);
     min-height:90vh;
     -webkit-transition-duration:.5s;
     transition-duration:.5s;
     top:85px;
     z-index:99999;
     max-height:100% 
}
 .sidebarMobile .scrollBox{
     max-height:-webkit-calc(100vh - 150px);
     max-height:calc(100vh - 150px);
     overflow-y:auto;
     padding-bottom:40px 
}
 .sidebarMobile .scrollBox ul li div{
     font-size:18px;
     font-weight:700;
     display:-moz-box;
     display:flex;
     -moz-box-pack:justify;
     justify-content:space-between 
}
 .sidebarMobile .scrollBox ul li .contact-link div{
     border:none;
     width:100% 
}
 .sidebarMobile .scrollBox ul li .contact-link div span{
     border:none;
     width:100%;
     font-size:18px;
     font-weight:600;
     color:#000!important;
     padding:15px 15px 15px 30px;
     display:block 
}
 .sidebarMobile .scrollBox ul li ul div .view-all{
     margin-left:12px;
     font-size:16px 
}
 .sidebarMobile .shop-black{
     font-size:14px!important;
     text-transform:uppercase;
     -moz-box-pack:center;
     justify-content:center;
     background-color:#000;
     height:40px;
     -moz-box-align:center;
     align-items:center;
     text-align:center;
     color:#fff;
     display:-moz-box;
     display:flex 
}
 .sidebarMobile .shop-black label{
     margin-bottom:0 
}
 .sidebarMobile .shop-black .close-fashionpass{
     font-size:30px;
     position:absolute;
     right:19px;
     line-height:40px;
     font-weight:300 
}
 .sidebarMobile ul{
     font-family:unset;
     color:#000;
     list-style-type:none;
     padding:0 
}
 .sidebarMobile ul li{
     color:#000;
     width:100% 
}
 .sidebarMobile ul li ul.active{
     display:block 
}
 .sidebarMobile ul li ul.active li:last-child{
     border-bottom:2px solid #cecece 
}
 .sidebarMobile ul li ul{
     display:none 
}
 .sidebarMobile ul li ul li div .occasion-items{
     color:#000!important;
     font-weight:600;
     margin-left:12px;
     font-size:16px;
     width:100% 
}
 .sidebarMobile ul li div{
     font-size:17px;
     font-weight:600;
     display:-moz-box;
     display:flex;
     -moz-box-pack:justify;
     justify-content:space-between;
     border-bottom:1px solid #cecece 
}
 .sidebarMobile ul li div label{
     margin-bottom:0;
     padding:15px 15px 15px 30px;
     font-size:18px;
     font-weight:600 
}
 .sidebarMobile ul li div span{
     border-left:1px solid #cecece;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:center;
     justify-content:center;
     width:15%;
     font-size:25px;
     font-weight:400;
     color:#f59394;
     display:-moz-box;
     display:flex 
}
 .sidebarMobile ul li a{
     font-size:18px;
     font-weight:600;
     padding:15px 15px 15px 30px;
     color:#000!important;
     text-decoration:none;
}
 .sidebarMobile #brand-list{
     border-left:none;
     overflow:hidden;
     border-bottom:1px solid #cbcbcb 
}
 .sidebarMobile #brand-list .input-wrapper{
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     position:relative;
     margin:15px;
     border:none 
}
 .sidebarMobile #brand-list .input-wrapper input{
     margin:auto 15px;
     padding-left:40px 
}
 .sidebarMobile #brand-list .input-wrapper:before{
     font-family:FontAwesome;
     content:"";
     position:absolute;
     left:30px 
}
 .sidebarMobile #brand-list .brand-inner-list{
     overflow-y:scroll;
     height:180px;
     display:-moz-box;
     display:flex;
     -moz-box-orient:vertical;
     -moz-box-direction:normal;
     flex-direction:column;
     width:95%;
     border-bottom:none;
     -moz-box-pack:initial;
     justify-content:normal 
}
 .sidebarMobile #brand-list span{
     border-left:none;
     width:100%!important;
     -moz-box-pack:left;
     justify-content:left 
}
 .sidebarMobile #brand-list span div{
     width:100%!important;
     border-bottom:none!important 
}
 .sidebarMobile #brand-list span div a{
     padding-top:3px!important;
     width:100%!important;
     padding:8px 15px 8px 30px;
     font-size:16px!important;
     font-weight:600 
}
 .sidebarMobile .sideMenu-login{
     display:-moz-box;
     display:flex;
     -moz-box-orient:vertical;
     -moz-box-direction:normal;
     flex-direction:column;
     -moz-box-pack:center;
     justify-content:center;
     -moz-box-align:center;
     align-items:center;
     padding:7px 0 100px 
}
 .sidebarMobile .sideMenu-login span{
     padding:3px;
     color:#000!important;
     border:2px solid #000;
     font-weight:800 
}
 .sidebarMobile .sideMenu-login a,.sidebarMobile .sideMenu-login span{
     text-decoration:none;
     text-transform:uppercase;
     margin-top:10px;
     width:175px;
     border-radius:5px;
     text-align:center 
}
 .sidebarMobile .sideMenu-login a{
     text-decoration:none;
     background-color:#f69295;
     color:#fff!important;
     border:none;
     padding:5px;
     font-weight:700 
}
 .sidebarMobile.show{
     left:0!important 
}
 .search-mobile{
     display:none;
     position:absolute;
     width:100%;
     height:100vh;
     max-height:100vh;
     top:0;
     left:0;
     background-color:rgba(255,255,255,.97);
     z-index:99999;
     -moz-box-orient:vertical;
     -moz-box-direction:normal;
     flex-direction:column 
}
 .search-mobile .searchbar-mobile{
     display:-moz-box;
     display:flex;
     width:100%;
     background-color:#fff;
     height:50px;
     -moz-box-pack:justify;
     justify-content:space-between;
     border-bottom:1px solid #9d9d9d 
}
 .search-mobile .searchbar-mobile span.search-input{
     width:70%;
     padding:5px 0 
}
 .search-mobile .searchbar-mobile span.search-input input{
     border:0;
     background-color:transparent;
     padding:0;
     font-size:16px 
}
 .search-mobile .searchbar-mobile span.search-input input:focus{
     -webkit-box-shadow:none;
     box-shadow:none 
}
 .search-mobile .searchbar-mobile span.search-input input::-webkit-input-placeholder{
     color:#ada5a5 
}
 .search-mobile .searchbar-mobile span.search-input input::-moz-placeholder{
     color:#ada5a5 
}
 .search-mobile .searchbar-mobile span.search-input input:-ms-input-placeholder{
     color:#ada5a5 
}
 .search-mobile .searchbar-mobile span.search-input input::placeholder{
     color:#ada5a5 
}
 .search-mobile .searchbar-mobile span:first-child{
     color:#b1b1b1;
     font-size:16px;
     width:10%;
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:center;
     justify-content:center 
}
 .search-mobile .searchbar-mobile span:last-child{
     width:12%;
     font-size:28px 
}
 .search-mobile .searchbar-mobile .clearSearchResult,.search-mobile .searchbar-mobile span:last-child{
     display:-moz-box;
     display:flex;
     -moz-box-align:center;
     align-items:center;
     -moz-box-pack:center;
     justify-content:center;
     color:#ada5a5 
}
 .search-mobile .searchbar-mobile .clearSearchResult{
     width:10%;
     font-size:14px 
}
 .search-mobile.show{
     display:-moz-box;
     display:flex 
}

 .filter-backdrop{
     position:absolute;
     width:100%;
     height:-webkit-calc(100vh - 150px);
     height:calc(100vh - 150px);
     display:none 
}
 .filter-backdrop.show{
     display:block 
}
 .mega-menu-mobile.show{
     height:400px 
}
 .mega-menu-mobile.noWelcomeBar{
     top:80px 
}
 .mega-menu-mobile.notificationBar{
     top:120px 
}
 .mega-menu-mobile.welcome_notificationBar{
     top:165px 
}
 .mega-menu-mobile{
     position:absolute;
     width:100%;
     background-color:#fff;
     z-index:9999;
     top:125px;
     left:0;
     max-height:400px;
     height:0;
     overflow-y:auto;
     -webkit-transition-duration:.3s;
     transition-duration:.3s 
}
 .mega-menu-mobile ul{
     padding:0;
     list-style-type:none 
}
 .mega-menu-mobile ul li{
     border-bottom:1px solid #cecece 
}
 .mega-menu-mobile ul li a{
     color: #404040;
     width:100%;
     display:block;
     padding:10px 20px 
}
 .mega-menu-mobile ul li:last-child{
     border-bottom:0 
}
 .mega-menu-backdrop.show{
     display:block 
}
 .mega-menu-backdrop{
     position:fixed;
     width:100%;
     height:100vh;
     top:125px;
     left:0;
     display:none;
     z-index:999;
     background-color:rgba(0,0,0,.5) 
}