@charset "utf-8";
html,body{height:100%;margin:0;padding:0;}
body{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}

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{max-width:1250px;width:calc(100% - 20px);margin:0 auto;}

h1{color:#211e1e;font-size:35px;text-align:center;padding:0;margin:150px 0 50px;}
.n_b{color:#211e1e;font-size:35px;text-align:center;margin:130px 0 50px;}
.n_b_note{max-width:700px;color:#211e1e;font-size:19px;font-weight:500;text-align:center;margin:8px auto 50px;}
.m0{margin-bottom:0;}

@media (max-width: 500px){
	h1{font-size:22px;}
	
	.n_b{font-size:22px;margin:90px 0 40px;}
	.n_b_note{font-size:16px;font-weight:normal;}
}

/*header*/
header{width:100%;background-color:#01142F;box-shadow: 0 0 3px #000;padding:22px 0;position:fixed;z-index:2;top:0;left:0;}
.flex-col{display:flex;align-items:center;justify-content:space-between;}
.logo{display:block;color:#fff;font-size:21px;font-weight:bold;line-height:1;}
.logo span{font-size:17px;}
nav a{display:inline-block;color:#fff;font-size:20px;font-weight:600;padding:7px 0;position:relative;}
nav a:after{content:'';display:block;width:100%;height:2px;background-color:#fff;opacity:0;position:absolute;bottom:-6px;left:0;transition:.2s;}
nav a+a{margin-left:25px;}
nav a:hover:after{opacity:1;bottom:0;}

@media (max-width: 950px){
	header{padding:16px 0;}
	nav a{font-size:16px;}
}

@media (max-width: 540px){
	
	nav a{display:block;margin:0;}
}
/**/

/*form-deep*/
.form-deep{display:flex;max-width:700px;width:95%;margin:0 auto;position:relative;}
.error{width:100%;color:#d1334d;font-size:15px;font-weight:bold;text-align:center;opacity:0;position:absolute;top:-20px;left:0;transition:.2s;}
.error.show{opacity:1;top:-27px;}

.form-deep input[type=text]{width:calc(100% - 230px);height:55px;color:#151313;font-size:15px;border:1px solid #eee;padding:0 15px;}
.form-deep input[type=button]{width:230px;height:55px;color:#fff;font-size:15px;background-color:#4461fa;box-shadow: 4px 4px 10px 1px rgb(0 0 0 / 20%);transition:.2s;}
.form-deep input[type=button]:hover{background-color:#304ce0;cursor:pointer;}

.result{display:none;color:#000;font-size:16px;text-align:center;background-color:#e8f5ec;padding:15px 35px;margin:30px auto 0;}
.result.show{display:table;}

#copy{display:inline-block;width:20px;height:20px;background:url(/link/tmp/img/icons/copy.svg);background-size:100%;margin:0 9px;position:relative;cursor:pointer;}
#copy p{color:#fff;font-size:14px;text-align:center;background:rgba(0,0,0,.8);padding:6px 9px;opacity:0;position:absolute;top:-40px;left:50%;transform:translateX(-50%);transition:.2s;}
#copy:hover p{opacity:1;}

#processing{display:none;width:100%;height:100%;background:rgba(0,0,0,.8) url(../img/loader.gif) center no-repeat;position:fixed;z-index:3;top:0;left:0;}
#processing.show{display:block;animation:.3s;animation-delay:100ms;}

@keyframes process{
	from{opacity:0;}
	to{opacity:1;}
}

@media (max-width: 500px){
	.form-deep{display:block;}
	.form-deep input[type=text], .form-deep input[type=button]{width:100%;}
}
/**/

/*steps*/
.steps{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:50px;}

.steps-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:25px;position:relative;}
.steps-head:after{content:'';display:block;width:40%;height:1px;background-color:#e1e3ef;position:absolute;bottom:0;left:0;}
.steps-head img{display:block;width:66px;height:58px;}
.steps-head p{color:#ebedf5;font-size:50px;font-weight:bold;line-height:1;pointer-events:none;}

.steps > div > p{color:#000;font-size:20px;}

@media (max-width: 950px){
	.steps{grid-template-columns:1fr 1fr;}
}

@media (max-width: 470px){
	.steps{grid-template-columns:1fr;}
	.steps>div{border-bottom:1px dashed #e1e3ef;padding-bottom:20px;}
	.steps-head:after{display:none;}
}
/**/

/*loners*/
.loners p:nth-child(odd){color:#fff;font-size:24px;font-weight:bold;user-select:none;background:#242240 url(../img/icons/add.svg) center right 15px no-repeat;background-size:40px;padding:25px 110px;margin-top:50px;position:relative;transition:.2s;}
.loners p:nth-child(odd).active{background-image:url(../img/icons/remove.svg);}
.loners p:nth-child(odd):before{content:'?';display:flex;align-items:center;justify-content:center;width:65px;height:100%;color:#000;font-size:33px;font-weight:bold;text-align:center;background-color:#4461fa;position:absolute;top:0;left:0;}
.loners p:nth-child(odd):hover{background-color:#181631;cursor:pointer;}

.loners p:nth-child(even){display:none;color:#000;font-size:20px;border:1px solid #eee;padding:25px 130px;}

.loners p:nth-child(odd).active + p{display:block;}

@media (max-width: 950px){
	.loners p:nth-child(odd){font-size:18px;background-size:30px;padding:20px 50px;margin-top:30px;}
	.loners p:nth-child(odd):before{width:35px;color:#fff;font-size:30px;}
	
	.loners p:nth-child(even){font-size:17px;text-align:justify;padding:15px;}
}

@media (max-width: 470px){
	.loners p:nth-child(odd){font-size:15px;}
	.loners p:nth-child(even){font-size:14px;}
}
/**/

/*footer*/
footer{background-color:#01142F;padding:25px 0;margin-top:120px;}
.partner{color:#fff;font-size:15px;text-decoration:underline!important;}
.partner:hover{text-decoration:none!important;}