a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box}iframe [name=google_conversion_frame]{width:0!important;height:0!important;position:absolute;z-index:-9999999}.class-hidden{display:none;text-indent:-99999px;font-size:0;opacity:0}body,html{width:100%;scrollbar-color:inherit;scrollbar-width:thin}body{margin:0;padding:0;font-family:Montserrat,serif;color:#444}body.hidden{overflow:hidden}body.hidden .container{height:100vh}body.auto{overflow-x:hidden;overflow-y:auto}.input-select select,button{outline:0;-webkit-appearance:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a,p{text-decoration:none;font-family:Montserrat,serif}p{-webkit-text-size-adjust:none;line-height:1.6;font-size:16px;font-weight:300}strong{font-weight:700}cite,em,i,strong{text-decoration:none}cite,em,i{font-weight:400;line-height:1;vertical-align:baseline}code,ins,pre,sup{text-decoration:none}sup{vertical-align:super;font-size:smaller;font-weight:400;font-family:Montserrat,serif}dd,dl dt,mark{text-decoration:none}mark{vertical-align:baseline;background-color:transparent}del{text-decoration:line-through}img[alt]{font-size:0}h1,h2,h3,h4,h5,h6{font-family:Montserrat,serif;line-height:1.4}h1{font-size:2.9vw;font-weight:500}h1,h2{text-transform:uppercase}h2{font-size:1.4vw;font-weight:300}h3{font-size:23px;font-weight:400}h4{font-size:18px;font-weight:300;color:#fff}button,div,input,select,span,table,textarea{font-family:Montserrat,serif}img[data-src].lazysss{opacity:0}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix{clear:both}svg:not(:root){overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#aaa}.header{width:100%;height:auto;position:fixed;left:0;top:0;z-index:100}.logout-a{position:absolute;top:95px;right:30px;width:40px;height:40px;line-height:54px;text-align:center;border-radius:50%;background-color:#000;color:#999;transition:all .3s ease-in-out}.logout-a svg{width:25px;display:inline-block}.navigation{height:0;width:100%;left:0;bottom:0;position:fixed;overflow:hidden;transition:height .3s ease-in-out;z-index:1000}.nav{width:30vw;height:100vh;position:absolute;padding:0;top:0;right:3vw;overflow:hidden;transition:all .6s ease-in-out;z-index:1}.nav:after,.nav:before{content:"";height:100%}.nav:after,.nav:before,.nav ul{display:inline-block;vertical-align:middle}.nav ul{margin:0 -5px;position:relative;width:90%;height:auto}.nav ul li{display:block;margin:2.5vh 4vw;position:relative;text-align:right;opacity:0}.nav ul li a{color:#fff;position:relative;font-weight:300;font-size:4.5vh;font-style:italic;line-height:1.4}.nav li.active a,.nav li.current a{color:#000}.nav li.current{pointer-events:none}.pic-nav{width:100%;height:0;left:0}.pic-nav,.pic-nav:after{position:absolute;bottom:0;opacity:0}.pic-nav:after{content:"";width:60%;height:100%;right:0;background:linear-gradient(-90deg,rgba(0,0,0,.2),transparent)}.active .pic-nav:after{animation:fadeIn;animation-duration:3s;animation-delay:1s;animation-fill-mode:both}.logo{width:14vw;height:7vw;left:10px;top:10px;position:absolute;opacity:0;z-index:3}.logo:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;/*background:url(images/logo-white.svg) no-repeat 50%/contain*/background:url(../../uploads/logo/logo-vinlite.png) no-repeat 50%/contain;z-index:2}.logo.second{top:-200px;left:calc(50% - 60px);width:120px;height:60px;z-index:5}.logo.white:before{background:url(../../uploads/logo/logo-vinlite.png) no-repeat 50%/contain;/*background:url(images/logo-white.svg) no-repeat 50%/contain*/}.logo svg{width:100%;height:100%;display:block}.logo.show{opacity:1}.logo:not(.second).active{top:20px;left:30px;opacity:1}.logo:not(.second).active:before{background:url(../../uploads/logo/logo-vinlite.png) no-repeat 50%/contain}.navigation.active{height:100vh;width:100%;bottom:0}.nav.active li{animation-name:goRight;animation-duration:.8s;animation-fill-mode:forwards}.nav.active li:first-child{animation-delay:.5s}.nav.active li:nth-child(2){animation-delay:.6s}.nav.active li:nth-child(3){animation-delay:.7s}.nav.active li:nth-child(4){animation-delay:.8s}.nav.active li:nth-child(5){animation-delay:.9s}.nav.active li:nth-child(6){animation-delay:1s}.nav.active li:nth-child(7){animation-delay:1.1s}.nav.active li:nth-child(8){animation-delay:1.2s}.nav.active li:nth-child(9){animation-delay:1.3s}.pic-nav.active{height:100vh;opacity:1}.loadicon{position:fixed;top:40vh;left:38vw;width:20vw;height:6vw;z-index:1100000;}.load-present{width:100%;height:100%;position:absolute;left:0;top:0}.loadicon .stroke-line{fill-opacity:0;fill:#000;stroke:#000;stroke-width:.4;stroke-miterlimit:10;stroke-dasharray:1000;stroke-dashoffset:1000}.loadicon .stroke-line-red{fill:#da251d;stroke:#da251d}.loader .stroke-line{animation-name:DrawStroke;animation-duration:4s;animation-fill-mode:forwards}.loadicon.show .stroke-line{transition:all 1s ease;stroke-opacity:0;fill-opacity:1}.blur .load-present{color:#fff}.mask{position:fixed;left:0;z-index:999999}.mask,.mask:before{width:100%;height:100vh;top:0}.mask:before{content:"";position:absolute;background-color:#fff;transition:all .5s ease-in-out}.mask.show:before{opacity:0;transition:all 1s ease-in-out}.mask.finish{pointer-events:none;z-index:-99999}.cart-shopping,.login-but{position:relative;display:block;width:35px;height:35px;color:#666}.cart-shopping svg,.login-but svg{width:100%;height:100%;display:block}.cart-text.color{background-color:#000;opacity:1}.language{position:absolute;width:35px;height:35px;display:block;right:140px;top:22px;z-index:5}.language li{position:relative;margin:0}.language li,.language li a{display:block;width:40px;height:40px}.language li a{font-size:18px;font-weight:700;line-height:36px;text-align:center;color:#666;text-transform:uppercase}.language li.active{display:none}.search-but{position:absolute;display:block;vertical-align:middle;margin:0;width:40px;height:40px;color:#666;top:18px;right:295px;z-index:10}.search-but svg{width:100%;height:100%;position:absolute}.search-form{position:absolute;right:295px;top:13px;display:block;width:0;height:55px;background-color:#999;transition:all .3s ease-in-out;pointer-events:none;z-index:1;border-radius:50px;z-index:8}.form-row-search{position:relative;width:100%;height:100%;opacity:0;transition:.2s linear;border-radius:30px;background-color:#999;overflow:hidden}.form-row-search input[type=text]{border:0;font-size:18px;font-weight:300;color:#fff;background-color:transparent;position:absolute;display:block;width:80%;height:100%;left:10%;line-height:58px;box-shadow:none}.form-row-search input[type=text]:focus{color:#231f20}.search-form.active{width:350px;pointer-events:auto;border-radius:50px}.form-row-search.active{opacity:1}.search-but.active{color:#fff;right:595px}.search-but.normal{right:205px}.search-form.normal{right:210px}.search-but.normal.active{right:505px}.contact.normal{right:282px}.contact.normal.current{right:590px}.right{position:absolute;right:180px;top:20px;text-align:center;font-size:0;line-height:0;z-index:5}.right ul{display:block}.right li,.right ul{position:relative;width:auto;height:auto}.right li{display:inline-block;vertical-align:middle;margin:0 10px}.right li a{display:block}.contact{position:absolute;top:21px;right:350px;color:#666;z-index:5}.white .contact{color:#fff}.white .contact .contact-circle{border-color:#fff}.white .contact a{color:#fff}.contact-circle{width:34px;height:34px;border:1px solid #666;border-radius:50%;position:relative;display:inline-block;vertical-align:middle;margin:0 8px}.contact svg{width:56%;height:56%;position:relative;top:22%;left:22%}.contact a{font-size:22px;position:relative;display:inline-block;vertical-align:middle;color:#666;font-weight:600}.contact.current{right:660px}.nav-click{position:fixed;top:30px;right:35px;width:70px;height:auto;cursor:pointer;display:block;color:#000;z-index:2000}.nav-click:before{content:"";position:absolute;background-color:#000;width:48px;height:48px;border-radius:50%;right:0;top:-14px;right:-8px;z-index:-1}.nav-click .close-nav{display:none}.nav-click svg{display:block;position:relative;width:100%;height:auto}.nav-click.active:before{background-color:#000}.nav-click.active .open-nav{display:none}.nav-click.active .close-nav{display:block}.path-control{fill:#fff}.nav-click,.nav-click:before,.nav-click svg path{transition:all .3s ease-in-out}body.hidden .footer{bottom:0;position:absolute;left:0;z-index:1}body.hidden .bottom-text{background-color:transparent;text-align:center}body.hidden .footer .wrap-contact{display:none}@media screen and (max-width:1100px){body,body.auto,body.hidden{overflow-x:hidden;overflow-y:auto}body.hidden .container{height:auto}body.hidden .logo:after{display:none}::-webkit-scrollbar{width:0}.pic-nav{display:none}.logo.active,.logo:not(.second).active{color:#000;top:0}.header{width:100%;height:60px}.header:after{content:"";position:absolute;width:100%;height:100%;background-color:#000;left:0;top:0;pointer-events:none;box-shadow:0 10px 20px hsla(0,0%,100%,.1);z-index:10}.logo{display:block;width:120px;height:50px;top:5px;left:50%;padding:5px;margin:0 0 0 -60px;opacity:1;transition:all .3s ease-in-out;z-index:20}.logo:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:url(../../uploads/logo/logo-vinlite.png) no-repeat 50%/contain;pointer-events:none;z-index:-1}.logo.show,.logo:not(.second).active{top:5px}.box-nav{display:none}.header{position:fixed}.logo.second{display:none}.logout-a{top:70px;right:15px}.navigation{right:auto;left:0;top:0;bottom:auto;height:0;background-color:hsla(0,0%,40%,.9);z-index:9}.nav{width:100%;top:60px;height:calc(100vh - 60px);padding:0;background-color:transparent;overflow-x:hidden;overflow-y:auto;transition:none;-webkit-overflow-scrolling:touch;scrollbar-color:inherit;scrollbar-width:none}.nav ul{padding:70px 0;width:100%}.nav ul li{margin:0 0 3.6vw;text-align:center}.nav ul li a{font-size:3.8vw;font-weight:400;line-height:2}.nav.active{width:100%;text-align:center;right:auto}.navigation.active{height:100vh}.nav.active li:nth-child(2n),.nav.active li:nth-child(odd){animation-delay:0s}.loadicon{position:fixed;top:calc(50% - 7vw);left:calc(50% - 12.5vw);width:25vw;height:13vw}.nav-click{width:60px;top:23px;right:20px;color:#fff}.nav-click:before{width:40px;height:40px;top:-12px;right:-6px;background-color:#fff}.nav-click.active{right:20px}.nav-click.active:before{background-color:#fff}.path-control{fill:#000}.path-control.path-red{fill:#d92827}.contact{position:fixed;bottom:15px;left:15px;color:rgba(70,70,70,.5);width:50px;height:50px;top:auto;border-radius:50%;background-color:hsla(0,0%,100%,.5);padding:5px;width:60px;height:60px;cursor:pointer}.contact a{width:55px;height:55px;position:absolute;left:0;top:0;font-size:0;opacity:0;text-indent:-99999px}.contact-circle{border:1px solid #444;width:50px;height:50px;color:#444;background-color:#fff;margin:0;cursor:pointer}.language{left:10px;top:13px;z-index:20}.language ul li a{color:#fff;font-size:17px}.search-but{top:10px;left:60px;width:40px;height:40px;right:auto;color:#fff;z-index:20}.search-but.active{left:60px;right:auto;color:#da251d}.search-form{left:5vw;right:auto;top:80px;height:60px;border-radius:0;z-index:20}.search-form:after{content:"";width:0;height:0;border-style:solid;border-width:0 11px 15px;border-color:transparent transparent #999;position:absolute;top:0;left:20px;opacity:0;pointer-events:none;transition:all .3s ease-in-out}.search-form.active{width:90vw;border-radius:0}.search-form.active:after{top:-15px;opacity:1}.form-row-search input[type=text]{left:0;top:0;width:100%}.right{right:100px;top:15px;z-index:19}}@media screen and (max-width:780px){.search-form:after{left:25px}}@media screen and (max-width:540px){.contact{left:10px;width:50px;height:50px}.contact-circle{width:40px;height:40px}.search-but,.search-but.active{left:50px}.logout-a{top:160px;border-radius:0;width:50px;right:10px}.logout-a svg{width:28px}.logout-a.hide{right:-150px}.nav ul{padding:60px 0}.nav ul li a{font-size:3.5vh}.nav ul li{margin:0 0 2.4vh}.right{right:10px;top:70px;width:50px;background-color:#000;padding:0;transition:all .3s ease-in-out}.right li{display:block;margin:10px}.right.hide{right:-150px}.right.top-menu{top:100px}}@media screen and (max-width:440px){.nav ul li a{font-size:3.2vh}.nav ul li{margin:0 0 1.2vh}}@media screen and (max-width:330px){.language{left:0}.search-but,.search-but.active{left:40px}.search-form:after{left:30px}.logo{width:140px;margin:0 0 0 -70px;top:0}.logo.show,.logo:not(.second).active{top:0}}
@media screen and (min-width: 1101px) {
    body.hidden {
        overflow-y: hidden !important;
    }
}