@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100;1,300;1,400;1,500&display=swap";.hidden{opacity:0}.navbar-menu a{display:block;transition:.3s linear}.navbar-menu-ul>li{display:inline-block;padding-bottom:50px}.navbar-menu-ul>li>a{display:flex;margin-top:30px;padding:0}.submenu{border-radius:0 0 5px 5px;display:grid;grid-template-columns:repeat(3,1fr);left:20%;padding:15px 0 25px;top:170px;z-index:5}.submenu,.submenu-mask{background:var(--white);opacity:0;position:fixed;transform:translateY(10px);transition:.4s ease-in-out;visibility:hidden}.submenu-mask{height:100%;left:0;right:0;top:102px;width:100%;z-index:4}.submenu-underline{margin-bottom:25px;position:relative}.submenu-underline span{align-items:center;display:flex;float:none!important;font-size:17px!important;font-weight:500!important;line-height:22px!important;text-transform:uppercase}.submenu-underline:after{background:var(--darkBlue);bottom:0;content:"";display:block;height:1px;position:absolute;transition:width .3s ease 0s,left .3s ease 0s;width:88%}.submenu li{position:relative}.submenu li a{display:flex}.submenu li:last-child{position:relative}.submenu a{padding:10px 20px}.submenu .submenu{left:100%;position:absolute;top:0}nav li:hover>.submenu,nav li:hover>.submenu-mask{opacity:1;transform:translateY(0);visibility:visible}.sub-menu{display:grid;grid-template-columns:repeat(2,1fr)}.navbar{border-bottom:2px solid var(--darkBlue);font-family:Roboto,sans-serif;font-weight:400!important;letter-spacing:1.5px!important;position:relative}.navbar-flex{align-items:center;display:flex;justify-content:space-between;margin-top:1px;padding:25px 0}.navbar-logo{font-size:27px;z-index:6}.navbar-logo img{height:110px;width:170px}.navbar-menu{transition:all .3s;z-index:5}.navbar-menu-ul{display:flex;margin:0 15px;transition:all .3s}.navbar-menu-ul .sub-link{margin-bottom:-30px;padding-bottom:30px}.navbar-menu-li:not(last-child){margin-right:20px}.navbar-menu-li{font-size:17px;position:relative}.navbar-menu-arrow{margin-left:9px;transition:all .3s;width:12px}.navbar-menu-arrow svg{height:15px;width:15px}.navbar-menu-arrow-right{align-items:center;display:flex;margin-right:9px}.navbar-menu-arrow-right svg{height:12px;width:12px}.navbar-menu-span{display:flex;transition:.3s}.navbar-social{z-index:6}.navbar-social-flex{display:flex;flex-direction:column;justify-content:flex-end}.navbar-social-item{align-items:center;display:flex;margin-bottom:10px}.navbar-social-item-tel{white-space:nowrap}.navbar-social-item:first-child span{float:none!important;font-size:18px!important;font-weight:500!important;line-height:22px!important}.navbar-social-item:nth-child(2) span{float:none!important;font-size:20px!important;font-weight:500!important;line-height:22px!important}.navbar-social-item:nth-child(2) span:after{left:0;width:100%}.navbar-social-item:last-child span{font-size:17px!important;margin-left:0}.navbar-social-item:last-child svg{margin-right:20px}.navbar-social-svg,.navbar-svg{align-items:center;display:flex}.navbar-svg svg{margin-right:15px}.navbar-icon-svg{height:23px;margin-right:20px;width:23px}.sub-link{padding-bottom:30px}.sub-link a{display:flex;margin-top:30px}.underline{position:relative}.underline:after{background:var(--darkBlue);bottom:-4px;content:"";display:block;height:2px;left:50%;position:absolute;transition:width .3s ease 0s,left .3s ease 0s;width:0}.underline:hover:after{left:0;width:100%}.active{position:relative}.active:after{background:var(--darkBlue);bottom:-4px;content:"";display:block;height:2px;position:absolute;transition:width .3s ease 0s,left .3s ease 0s;width:100%}@media only screen and (min-width:769px) and (max-width:1200px){.submenu{left:0}}@media (max-width:769px){.navbar{display:none}}.main-form-flex{align-items:center;display:flex;justify-content:space-between}.main-form-info{padding:15px}.main-form-info-adresses{align-items:center;display:flex;margin-bottom:40px}.main-form-info-adresses-tel{display:flex;flex-direction:column}.main-form-info-adresses-svg{align-items:center;display:flex}.main-form-info-adresses svg{margin-right:15px}.main-form-info-adresses:nth-child(3) span{float:none!important;font-size:20px!important;font-weight:500!important;line-height:22px!important}.main-form-info-adresses:nth-child(3) span:after{left:0;width:100%}.main-form-inputs{display:flex;flex-direction:column;margin-bottom:40px}.main-form-inputs-title{margin-bottom:20px}.main-form .main-title span{margin-left:105px}.main-form .main-title:after,.main-form .main-title:before{width:5%}.form{width:100%}.form,.input-box{display:flex;flex-direction:column}.input-box{margin-bottom:15px}.input-box input{border:none;border-bottom:2px solid var(--lightOrange);font-size:17px;outline:none!important;padding:15px}.input-box label{color:#afafb6;margin-top:10px;padding-left:5px}.button input{background-color:var(--white);border:2px solid var(--lightOrange);color:var(--black);font-size:17px;margin-top:20px;padding:15px;transition:all .4s;width:100%}.button input:hover{background-color:var(--lightOrange);border:2px solid var(--brown);cursor:pointer}@media only screen and (max-width:1023px){.main-form .main-title{padding:0 115px}.main-form .main-title span{margin-left:0}}@media only screen and (min-width:200px) and (max-width:500px){.main-form-flex{display:flex;flex-direction:column}.main-form .main-title{padding:0}.main-form .main-title:after,.main-form .main-title:before{width:60%}}footer{flex-shrink:0}.footer{background-color:var(--lightOrange);padding:40px 0}.footer-top{display:flex;justify-content:space-between}.footer-menu-li{margin-bottom:20px}.footer-logo{color:var(--brown);font-size:40px}.footer-logo,.footer-logo img{animation:header-logo 5s linear infinite;backface-visibility:hidden}.footer-social{align-items:flex-end;display:flex;flex-direction:column}.footer-social,.footer-social-title{margin-bottom:20px}.footer-social-svg a:not(:last-child){margin-right:20px}.footer-bottom{align-items:flex-end;display:flex;justify-content:space-between}.footer-bottom-development{display:flex;flex-direction:column;text-align:center}.footer-bottom-development a{font-size:15px}.footer-icon-svg{height:23px;width:23px}.webkass-logo{max-width:100px}@keyframes header-logo{0%,20%{animation-timing-function:linear;transform:scale(1)}50%{animation-timing-function:linear;transform:scaleX(0)}85%{transform:scale(1)}to{transform:scale(1)}}@media (max-width:500px){.footer-menu,.footer-social{display:none}.footer-top{display:flex;justify-content:center;margin-bottom:20px}.footer-bottom{align-items:center;display:flex;flex-direction:column}.footer-bottom-privacy{margin:20px 0}.footer-bottom-development img{width:110px}}