@charset "utf-8";
html,body{height:100%;margin:0;padding:0;}
body{font-family:'Mulish Variable', sans-serif;font-weight:400;}
body{padding-top:124px;}
body.show{overflow-y:hidden;}

@font-face {
    font-family: 'Mulish Variable';
    src: url('../fonts/Mulish-VariableFont_wght.woff2') format('woff2-variations'),
		url('../fonts/Mulish-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 1000;
    font-style: normal;
    font-display: swap;
}

p{padding:0;margin:0;}
input, textarea{border:none;outline:none;}

a:link,a:visited,a:active{text-decoration:none;}
:active,:hover,:focus{outline:0;outline-offset:0;}

*,:after,:before{box-sizing:border-box;}

.m_w, .m_w2{width:calc(100% - 20px);margin:0 auto;}
.m_w{max-width:1400px;}
.m_w2{max-width:1620px;}
.n_b{color:#323131;font-size:24px;font-weight:500;text-transform:uppercase;text-align:center;margin:91px auto 62px;}

@media (max-width: 720px){
	.n_b{font-size:20px;margin:70px auto 45px;}
}

*{scrollbar-width:thin;scrollbar-color:#A6A6A6 #eee;}
*::-webkit-scrollbar{width:8px;height:8px;}
*::-webkit-scrollbar-track{background:#eee;box-shadow:0 0 2px rgba(0,0,0,.2) inset;}
*::-webkit-scrollbar-thumb{background:#A6A6A6;}
*::-webkit-scrollbar-thumb:hover{background:#8d8d8d;}

@keyframes swing {
	0%  {transform:translateY(0);}
	25% {transform:translateY(-5px);}
	50% {transform:translateY(2px);}
	75% {transform:translateY(-2px);}
	100%{transform:translateY(0);}
}

/*header*/
header{width:100%;background-color:#fff;padding:12px 0 2px;position:fixed;top:0;left:0;z-index:3;transition:.2s;}
header .m_w{display:grid;grid-template-areas:'logo call sots_lang' 'logo menu menu';grid-template-columns:auto 1fr auto;align-items:center;}
header.show{box-shadow:0 4px 20px -2px rgba(0, 0, 0, 0.1);padding-top:8px;}

.logo{grid-area:logo;}
.call{grid-area:call;justify-self:end;}
.sotsials_langs{grid-area:sots_lang;}
.menu{grid-area:menu;justify-self:end;}

/*logo*/
.logo{display:block;width:253px;height:85px;background-image:url(../img/header/logo.webp);margin:9px 0;}

/*call*/
.call{margin-right:50px;}
.call a{display:inline-block;color:#737373;font-size:15px;font-weight:500;line-height:1;transition:170ms;}
.call a:nth-child(2){margin:0 54px;}
.call a:hover{color:#000;}

/*sotsial*/
.sotsials_langs{display:flex;align-items:center;}

.sotsial{display:inline-block;width:36px;height:36px;background-size:24px;background-position:center;background-repeat:no-repeat;margin-right:18px;transition:.2s;}
.sotsial:hover{transform:translateY(-1px);}
.sotsial.tg{background-image:url(../img/header/sotsials/tg.svg);}
.sotsial.vb{background-image:url(../img/header/sotsials/vb.svg);}
.sotsial.wh{background-image:url(../img/header/sotsials/wh.svg);}
.sotsial.em{background-image:url(../img/header/sotsials/em.svg);}

/*langs*/
.langs{color:#737373;font-size:20px;font-weight:700;text-transform:uppercase;line-height:1;position:relative;cursor:pointer;user-select:none;}
.langs:after{content:'';display:block;width:10px;height:8px;background-image:url(../img/header/lang_arrow.svg);position:absolute;top:67%;right:-13px;}

.langs div{background-color:#fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30);padding:8px 4px;visibility:hidden;opacity:0;transform:translateY(10px);position:absolute;z-index:2;top:calc(100% + 8px);right:0;transition:.2s ease-in;}
.langs div a{display:block;color:inherit;font-size:17px;padding:7px 16px;transition:.2s;}
.langs div a:hover{color:#000;transform:scale(1.08);}

.langs.show:after{transform:rotate(180deg);}
.langs.show div{visibility:visible;opacity:1;transform:translateY(0);}

/*menu*/
.menu ul{padding:0;margin:0;}
.menu ul li{list-style:none;text-transform:uppercase;padding:7px 0;position:relative;transition:.2s;}
.menu > ul > li{display:inline-block;margin-left:77px;}
.menu > ul > li:first-child{margin-left:unset;}

/*has*/
.menu .has{cursor:pointer;}
.menu .has ul{min-width:420px;background-color:#fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);padding:8px 20px;opacity:0;visibility:hidden;position:absolute;z-index:1;transition:.25s ease-out;}
.menu .has.right ul{max-height:300px;overflow:auto;}

.menu .has.bottom ul{top:100%;left:-22px;}
.menu .has.right ul{top:100%;left:0;}

.menu .has:hover > ul{opacity:1;visibility:visible;}

@media(min-width:1330px){
	.menu .has::before{content:'';display:block;width:24px;height:24px;background-image:url(/tmp/img/icons/arrow_bottom.svg);position:absolute;top:0;bottom:0;margin:auto 0;}
	.menu .has.bottom::before{right:-25px;}
	.menu .has.right::before{right:-25px;}
	.menu .has.right::before{right:-11px;}
	
	.menu .has:hover::before{transform:rotate(180deg);}
}

/*link*/
.menu a{display:block;color:#323131;font-size:16px;font-weight:500;line-height:1;transition:.2s;}
.menu a.active{color:#000;}

@media(min-width:1330px){
	.menu li::after{content:'';display:block;width:0;height:1.2px;background-color:#f00;position:absolute;top:calc(100% + 3px);left:0;transition:.2s ease-out;}
	.menu li:hover{color:#000;}
	.menu li:hover::after{width:35px;}
}

/*form*/
.menu .has.right{display:flex;align-items:center;border-top:1px solid #4b538d;margin-top:8px;}

.head_search{width:100%;max-width:210px;height:38px;background-color:#fff;margin-left:12px;}
.head_search:hover{box-shadow:0 0 0 6px rgba(126, 142, 255, 28%);}
.head_search form{display:flex;justify-content:center;height:100%;}
.head_search input[type=text]::placeholder{color:#9A9B99;font-size:18px;font-weight:400;}
.head_search input[type=text]:focus::placeholder{opacity:0;}
.head_search input[type=text]{width:calc(100% - 42px);height:100%;color:#9A9B99;font-size:22px;font-weight:400;}
.head_search input[type=submit]{width:42px;height:100%;background:url(/tmp/img/index/search.svg) center no-repeat;margin:0;padding:0;cursor:pointer;}

/*burger*/
.burger{width:55px;height:60px;background:url(../img/header/icons/burger.svg) center right no-repeat;background-size:48px;cursor:pointer;display:none;}

/*window_head*/
.window_head_cover{width:100%;height:100%;background:rgba(0,0,0,.7);visibility:hidden;opacity:0;position:fixed;top:0;left:0;z-index:3;transition:900ms ease-out;}
.window_head_box{width:100%;height:100%;background: radial-gradient(circle at top, #ffffff 0%, #f4f4f4 35%, #ededed 100%);display:flex;align-items:center;justify-content:center;visibility:hidden;transform-origin:top center;transform:perspective(1000px) rotateX(-90deg);pointer-events:none;position:fixed;top:0;left:0;z-index:4;transition:.6s cubic-bezier(0.25, 1, 0.5, 1), opacity .5s ease, visibility 0s linear 0.5s;}
.window_head_body{width:100%;overflow:auto;max-height:100%;}
.window_head_close{width:55px;height:60px;background:url(../img/header/icons/close.svg) center no-repeat;background-size:42px;position:fixed;top:0;right:11px;z-index:1;cursor:pointer;transition:.2s;}
.window_head_close:hover{transform:scale(1.13);}

.window_head_cover.show{visibility:visible;opacity:1;transform:translatey(0);}
.window_head_box.show{visibility:visible;opacity:1;transform:perspective(1000px) rotateX(0deg);pointer-events:auto;transition:opacity .4s ease, transform .3s ease, visibility 0s;}

@media(max-width:1330px){
	body{padding-top:115px;}
	
	header{padding-top:12px;}
	header.show{padding-top:0;}
	header .m_w{grid-template-areas:'logo burger' 'logo burger';grid-template-columns:1fr auto;}
	.logo, .call, .sotsials_langs, .menu{grid-area:auto;justify-self:unset;}
	
	.burger{grid-area:burger;display:block;}
	
	/*call*/
	.call{text-align:center;border-top:1px dashed #cfcfcf;padding-top:63px;margin:0 auto;}
	.call a{font-size:18px;}
	
	/*sotsial*/
	.sotsials_langs{justify-content:center;margin:30px 0;}
	
	/*menu*/
	.menu{text-align:center;border-top:1px dashed #cfcfcf;padding-top:10px;}
	.menu > ul > li{display:table;margin:0 auto;}
	.menu > ul > li:first-child{margin-left:auto;}
	
	/*has*/
	.menu .has ul{min-width:unset;max-width:530px;width:100%;background-color:#ede7e7;box-shadow:unset;padding:0 13px;opacity:1;visibility:visible;margin:0 auto;position:static;}
	.menu .has.right ul{max-height:260px;}
	
	.menu .has.right > ul{display:none;}
	.menu .has.active > ul{display:block;}
	
	/*link*/
	.menu a{display:table;font-size:22px;padding:10px 0;margin:0 auto;}
	.menu li.has li{text-transform:none;}
	.menu .has > a{padding-right:22px;position:relative;}
	.menu .has > a::before{content:'';display:block;width:24px;height:24px;background-image:url(/tmp/img/icons/arrow_bottom.svg);position:absolute;top:0;bottom:0;right:0;margin:auto 0;}
	.menu .has.bottom > a::before, .menu .has.active > a::before{transform:rotate(180deg);}
	
	.menu a::after{content:'';display:block;width:0;height:1.2px;background-color:#f00;position:absolute;top:calc(100% + 3px);left:0;transition:.2s ease-out;}
	.menu a:hover::after{width:35px;}
	
	/*form*/
	.menu .has.right{display:block;border-top:none;margin-top:8px;}
	
	/*form*/
	.head_search{max-width:270px;margin:11px auto 6px;}
	.head_search input[type=text]{width:calc(100% - 80px);}
	
	
	/* TODO: Скрыто до инициализации JS-переноса в мобильное окно */
	header .call, header .sotsials_langs, header .menu{display:none;}
}

@media(max-width:780px){
	body{padding-top:87px;}
	header{padding-top:3px;}
	
	/*logo*/
	.logo{display:block;width:190px;height:64px;background-size:100%;}
	
	/*call*/
	.call a{display:block;padding:5px 0;}
}


@media(max-width:600px){
	.window_head_box{display:block;}
	
	/*menu*/
	.menu a{font-size:19px;}
}

/*-----------------*/

/*loners*/
.loners{text-align:center;padding:127px 0 110px;}

.loners_title{color:#F56E06;font-size:24px;font-weight:700;text-transform:uppercase;}
.loners_note{color:#2A2A2AB2;font-size:22px;font-weight:500;margin:36px 0 78px;}

.loners_btn{max-width:528px;color:#fff;font-size:24px;font-weight:700;text-transform:uppercase;line-height:1;background-color:#FF0506;padding:14px 38px;margin:0 auto;transition:.3s ease-out;position:relative;user-select:none;}
.loners_btn span{color:#FFDEC5;font-size:22px;font-weight:400;text-transform:lowercase;}
.loners_btn:hover{background-color:#e73f40;animation:swing 0.6s ease-in-out;cursor:pointer;}
.loners_btn::after{content:'';display:block;width:100%;height:11px;background-color:#7E8EFF26;opacity:0;position:absolute;top:calc(100%);left:0;transition:.3s ease-out;}
.loners_btn:hover::after{opacity:1;}

@media (max-width: 600px){
	.loners{text-align:center;padding:90px 0 70px;}
	
	.loners_title{font-size:22px;font-family:unset;}
	.loners_note{font-size:19px;margin:30px 0 45px;}
	
	.loners_btn{font-size:15px;}
	.loners_btn span{font-size:13px;}
}
/*-*/

/*footer*/
footer{background-color:#323131;padding:28px 0 21px;}

/*columns*/
footer .m_w{display:grid;grid-template-areas:'footer_logo footer_nav' 'footer_logo footer_call';grid-template-columns:auto 1fr;grid-gap:0 48px;}
.footer_logo{grid-area:footer_logo;}
.footer_nav{grid-area:footer_nav;}
.footer_call{grid-area:footer_call;align-self:end;}

/*logo*/
.footer_logo{display:block;width:125px;height:109px;background-image:url(../img/header/logo_m.webp);}

/*nav*/
.footer_nav{width:calc(100% - 88px);text-align:center;}
.footer_nav a{display:inline-block;color:#D9D9D9;font-size:16px;font-weight:500;line-height:1;text-transform:uppercase;padding:11px 0;margin-right:78px;position:relative;}
.footer_nav a:last-child{margin-right:0;}
.footer_nav a:hover, .footer_nav a.active{color:#bab9b9;text-shadow:1px 1px 1px #000;}
.footer_nav a:after{content:'';display:block;width:0;height:1px;background-color:#FF0506;position:absolute;bottom:0;left:0;transition:.3s ease-out;}
.footer_nav a:hover:after{width:22px;}

/*call*/
.footer_call{display:flex;align-items:center;justify-content:space-between;}
.footer_call, .footer_call a{color:#9A9B99;font-size:15px;font-weight:600;line-height:1.2;}
.footer_call a{display:table;text-decoration:underline;transition:177ms;}
.footer_call a:hover{color:#fff;}

/*copy*/
.footer_copy{color:#504F4F;font-size:14px;font-weight:500;line-height:1;margin-top:18px;}

@media(max-width:1330px){
	/*columns*/
	footer .m_w{grid-template-areas:'footer_logo footer_nav' 'footer_call footer_call';align-items:center;grid-gap:20px;}
	.footer_nav{width:calc(100% - 50px);text-align:left;}
}

@media(max-width:820px){
	/*call*/
	.footer_call{display:block;}
	.footer_call p{margin:15px 0;}
}

@media(max-width:700px){
	/*logo*/
	.footer_logo{width:90px;height:78px;background-size:100%;}

	/*nav*/
	.footer_nav a{font-size:15px;padding:7px 0;margin-right:22px;}
	
	/*call*/
	.footer_call, .footer_call a{font-size:14px;}
}
@media(max-width:550px){
	/*nav*/
	.footer_nav{width:100%;}
}

/*-*/

#lift{width:50px;height:50px;opacity:0;background:url(../img/icons/lift.svg) center no-repeat;visibility:hidden;transform:translateY(22px);position:fixed;bottom:50px;right:28px;z-index:3;transition:.2s;cursor:pointer;}
#lift.show{opacity:1;visibility:visible;transform:translateY(0);}
#lift.show2{transform:translateY(-70px);}

.ajax{display:none;width:100%;height:100dvh;overflow-y:auto;position:fixed;top:0;left:0;z-index:3;padding:30px 0;}
.ajax.active{display:flex;}

.error_search_inp{color:red!important;background-color:inherit;}
.error_search_cover{background-color:#ffeded!important;box-shadow:0 0 0 9px rgb(249 129 129 / 31%)!important;}