.menu-icon{height:30px;width:30px;position:absolute;z-index:999;right:50px;left:auto;top:50px;cursor:pointer}.menu-icon__line{height:2px;width:30px;display:block;background-color:#fff;margin-bottom:7px;transition:transform .2s ease,background-color .5s ease;-moz-transition:color .2s .02s ease;-o-transition:color .2s .02s ease;-webkit-transition:color .2s .02s ease;-webkit-transition:All .4s ease;-moz-transition:All .4s ease;-o-transition:All .4s ease;-ms-transition:All .4s ease;transition:All .4s ease;background-color:#53302a}.menu-icon__line-left{width:15px;margin-top:5px}.menu-icon__line-right{width:15px;float:right}.menu-icon:hover .menu-icon__line-left,.menu-icon:hover .menu-icon__line-right{width:25px}.nav{position:fixed;z-index:0}body.nav-active .nav{z-index:777}body.nav-active .menu-icon__line-left{margin-top:8px}.nav:before,.nav:after{content:"";position:fixed;width:100vw;height:100vh;background:rgba(234,234,234,.2);background:rgba(255,255,255,.15);z-index:-1;transition:transform cubic-bezier(.77,0,.175,1) .8s;transform:translateX(0%) translateY(-100%)}.nav:after{background:#fff;transition-delay:.2s;background:rgba(42,18,0,.7)!important}.nav:before{transition-delay:.35s;background:center center no-repeat;background-size:cover;background-image:url(https://relaxis.kingsight.com.ua/images/menu-fon.jpg)}.nav__content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;text-align:center;font-weight:200;cursor:pointer}.nav__list{width:100%;position:relative;padding:0;float:left;margin:0;position:absolute;top:50%;transform:translate(0,-50%)}.nav__service{width:57.5%;padding:0;margin:0;margin-left:50px;position:relative;padding:0;margin:0;float:right;top:0;list-style:none}.nav__service li{width:46%;margin:10px 2%;float:left;padding:0;display:inline-block;transition-delay:.8s;opacity:0;transform:translate(0%,0%);transition:opacity .2s ease,transform .3s ease;position:relative;border-radius:10px;overflow:hidden}.nav__service li a{width:100%;margin:0;float:left;padding:0}.nav__service li a img{width:100%;margin:0;float:left;padding:0}.nav__service li a div{width:100%;height:100%;margin:0;float:left;padding:0;position:absolute;left:0;top:0;background:rgba(42,18,0,.1)!important}.nav__service li a div h3{line-height:21px;font-size:16px;font-family:'MontserratB';text-align:center;max-width:104%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#d8b66e;background-color:#ac9462;padding:16px 0}.nav__service li:hover a div{background:rgba(42,18,0,.4)!important}.nav__list-item{position:relative;display:inline-block;transition-delay:.8s;opacity:0;transform:translate(0%,100%);transition:opacity .2s ease,transform .3s ease;margin-right:35px;font-size:31px;line-height:44px;font-family:Montserrat;text-align:center;width:100%;margin:10px 0!important}.nav__list-item a{color:#fff;font-family:'MontserratM';font-weight:400}.nav__list-item a:hover{color:#ffd382}body.nav-active .menu-icon{position:fixed}body.nav-active .menu-icon__line{background-color:#fff;transform:translateX(0px) rotate(-45deg);margin-bottom:4px}body.nav-active .menu-icon:hover .menu-icon__line{background-color:#FFD382!important}body.nav-active .menu-icon:hover .menu-icon__line-left,body.nav-active .menu-icon:hover .menu-icon__line-right{width:15px}body.nav-active .menu-icon__line-left{transform:translateX(2px) rotate(45deg)}body.nav-active .menu-icon__line-right{transform:translateX(-2px) rotate(45deg);margin-top:-1px}body.nav-active .nav{visibility:visible}body.nav-active .nav:before,body.nav-active .nav:after{transform:translateX(0%) translateY(0%)}body.nav-active .nav:after{transition-delay:.35s}body.nav-active .nav:before{transition-delay:.2s}body.nav-active .nav__list-item,body.nav-active .nav__service li{opacity:1;transform:translateX(0%);transition:opacity .3s ease,transform .3s ease,color .3s ease}body.nav-active .nav__service li{opacity:1;transform:translateX(0%);transition:opacity 1.3s ease,transform 1.3s ease,color 1.3s ease}body.nav-active .nav__list-item:last-of-type{margin-right:0!important}body.nav-active .nav__list-item:nth-child(0),body.nav-active .nav__service li:nth-child(0){transition-delay:.5s}body.nav-active .nav__list-item:nth-child(1),body.nav-active .nav__service li:nth-child(1){transition-delay:.6s}body.nav-active .nav__list-item:nth-child(2),body.nav-active .nav__service li:nth-child(2){transition-delay:.7s}body.nav-active .nav__list-item:nth-child(3),body.nav-active .nav__service li:nth-child(3){transition-delay:.8s}body.nav-active .nav__list-item:nth-child(4),body.nav-active .nav__service li:nth-child(4){transition-delay:.9s}body.nav-active .nav__list-item:nth-child(5){transition-delay:1s}body.nav-active .nav__list-item:nth-child(6){transition-delay:1.1s}body.nav-active .nav__list-item:nth-child(7){transition-delay:1.2s}body.nav-active .nav__list-item:nth-child(8){transition-delay:1.3s}body.nav-active .nav__service li:nth-child(0),body.nav-active .nav__service li:nth-child(1),body.nav-active .nav__service li:nth-child(2),body.nav-active .nav__service li:nth-child(3),body.nav-active .nav__service li:nth-child(4){transition-delay:1s}body.nav-active .nav__list-item:nth-child(0):hover,body.nav-active .nav__service li:nth-child(0):hover,body.nav-active .nav__list-item:nth-child(1):hover,body.nav-active .nav__service li:nth-child(1):hover,body.nav-active .nav__list-item:nth-child(2):hover,body.nav-active .nav__service li:nth-child(2):hover. body.nav-active .nav__list-item:nth-child(3):hover,body.nav-active .nav__service li:nth-child(3):hover,body.nav-active .nav__list-item:nth-child(4):hover,body.nav-active .nav__service li:nth-child(4):hover,body.nav-active .nav__list-item:nth-child(5):hover,body.nav-active .nav__list-item:nth-child(6):hover,body.nav-active .nav__list-item:nth-child(7):hover,body.nav-active .nav__list-item:nth-child(8):hover{transition-delay:0s}