@font-face{
	font-family:"DrukTextWide";
	src:url("/assets/fonts/DrukTextWideMedium.woff2") format("woff2"),url("/assets/fonts/DrukTextWideMedium.woff") format("woff"),url("/assets/fonts/DrukTextWideMedium.ttf") format("ttf");
	font-weight:500;
	font-style:normal
}
@font-face{
	font-family:"Mon";
	src:url("/assets/fonts/Montserrat-Bold.woff2") format("woff2"),url("/assets/fonts/Montserrat-Bold.woff") format("woff"),url("/assets/fonts/Montserrat-Bold.ttf") format("ttf");
	font-weight:600;
	font-style:normal
}
@font-face{
	font-family:"Mon";
	src:url("/assets/fonts/Montserrat-Medium.woff2") format("woff2"),url("/assets/fonts/Montserrat-Medium.woff") format("woff"),url("/assets/fonts/Montserrat-Medium.ttf") format("ttf");
	font-weight:500;
	font-style:normal
}
@font-face{
	font-family:"Mon";
	src:url("/assets/fonts/Montserrat-Regular.woff2") format("woff2"),url("/assets/fonts/Montserrat-Regular.woff") format("woff"),url("/assets/fonts/Montserrat-Regular.ttf") format("ttf");
	font-weight:400;
	font-style:normal
}
html{
	box-sizing:border-box
}
*,*::after,*::before{
	box-sizing:inherit
}
ul[class],ol[class]{
	padding:0
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{
	margin:0
}
ul[class]{
	list-style:none
}
img{
	max-width:100%;
	display:block
}
input,button,textarea,select{
	font:inherit
}
a{
	text-decoration:none
}
.footer__text,.vers__item-title,.preview__boxelem-tor span,.preview__numb,.preview__title,.header__nav-link,.title{
	font-family:"DrukTextWide",sans-serif;
	font-weight:500
}
.rev__cl,.preview__boxelem-tor{
	font-family:"Mon",sans-serif;
	font-weight:500
}
.rev__au,.inst__text h3,.preview__boxelem-tor-link span,.header__nav-brolink{
	font-family:"Mon",sans-serif;
	font-weight:600
}
body{
	font-family:"Mon",sans-serif;
	font-weight:500
}
.container{
	max-width:1250px;
	padding:0 10px;
	margin:0 auto
}
.title{
	text-transform:uppercase;
	font-size:20px
}
.header.header--active .header__nav{
	transform:translateY(0);
	opacity:1
}
.header.header--active .header__btn span{
	transform:translateY(0);
	background-color:#465976
}
.header.header--active .header__btn span:nth-child(1){
	transform:rotate(45deg)
}
.header.header--active .header__btn span:nth-child(2){
	scale:0
}
.header.header--active .header__btn span:nth-child(3){
	transform:rotate(-45deg)
}
.inst__item.inst__item--active .inst__step{
	background-color:#ebf3ff
}
.inst__item.inst__item--active .inst__step::after{
	transform:rotate(180deg);
	top:18px
}
.inst__item.inst__item--active .inst__text{
	display:block
}
.slick-slider{
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.slick-list{
	position:relative;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0
}
.slick-list:focus{
	outline:none
}
.slick-list.dragging{
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.slick-track{
	position:relative;
	left:0;
	top:0;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.slick-track:before,.slick-track:after{
	content:"";
	display:table
}
.slick-track:after{
	clear:both
}
.slick-loading .slick-track{
	visibility:hidden
}
.slick-slide{
	float:left;
	height:100%;
	min-height:1px;
	display:none
}
[dir=rtl] .slick-slide{
	float:right
}
.slick-slide img{
	display:block
}
.slick-slide.slick-loading img{
	display:none
}
.slick-slide.dragging img{
	pointer-events:none
}
.slick-initialized .slick-slide{
	display:block
}
.slick-loading .slick-slide{
	visibility:hidden
}
.slick-vertical .slick-slide{
	display:block;
	height:auto;
	border:1px solid rgba(0,0,0,0)
}
.slick-arrow.slick-hidden{
	display:none
}
.slick-dots button{
	background-color:rgba(0,0,0,0);
	border:none;
	background-color:#a0a8b5;
	border:50px;
	height:2px;
	width:15px;
	font-size:0
}
.slick-dots{
	display:flex;
	margin-top:15px;
	gap:10px;
	align-items:center;
	justify-content:center
}
.slick-active button{
	background-color:#465976;
	height:3px;
	width:20px
}
.header{
	width:100%;
	position:sticky;
	z-index:999;
	background-color:#fff;
	top:0;
	left:0;
	right:0
}
.header__inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:10px 0
}
.header__logo{
	position:relative;
	z-index:997;
	max-width:150px
}
.header__logo img{
	width:100%;
	height:100%
}
.header__btn{
	background-color:rgba(0,0,0,0);
	position:relative;
	z-index:997;
	border:none;
	width:31px;
	height:30px;
	position:relative;
	cursor:pointer
}
.header__btn span{
	position:absolute;
	-webkit-transition:all .4s;
	transition:all .4s;
	border-radius:20px;
	background-color:#313131;
	right:0px;
	width:31px;
	height:2px
}
.header__btn span:nth-child(1){
	-webkit-transform:translateY(-7px);
	-ms-transform:translateY(-7px);
	transform:translateY(-7px)
}
.header__btn span:nth-child(2){
	width:21px
}
.header__btn span:nth-child(3){
	-webkit-transform:translateY(7px);
	-ms-transform:translateY(7px);
	transform:translateY(7px)
}
.header__nav{
	position:absolute;
	z-index:996;
	background-color:rgba(255,255,255,.98);
	min-height:100vh;
	-webkit-transition:all .4s;
	transition:all .4s;
	-webkit-transform:translateY(-150%);
	-ms-transform:translateY(-150%);
	transform:translateY(-150%);
	top:0;
	left:0;
	right:0;
	opacity:0;
	padding-top:85px;
	padding-left:10px;
	padding-right:10px
}
.header__nav a{
	color:#000
}
.header__nav-item{
	margin-bottom:40px
}
.header__nav-link{
	text-transform:capitalize;
	font-size:20px
}
.header__nav-broitem{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	border-top:1px solid #a0a8b5;
	padding-top:40px;
	gap:26px
}
.header__nav-brolink{
	text-transform:uppercase;
	font-size:17px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	gap:20px
}
.preview{
	margin-bottom:30px
}
.preview__boxtitle{
	position:relative;
	padding:50px 10px 20px 10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	background-color:#fff;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	z-index:2;
	margin-bottom:47px
}
.preview__boxtitle svg{
	position:absolute;
	border-radius:0 0 30px 30px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:1
}
.preview__title{
	text-transform:uppercase;
	position:relative;
	z-index:2;
	text-align:center;
	font-size:34px;
	margin-bottom:34px
}
.preview__subtitle{
	text-align:center;
	margin-bottom:85px;
	position:relative;
	z-index:2
}
.preview__link{
	text-transform:uppercase;
	color:#000;
	background-color:#fff;
	position:relative;
	z-index:2;
	border:1px solid #000;
	border-radius:32px;
	display:block;
	text-align:center;
	padding:21px 0;
	margin:0 auto;
	width:270px
}
.preview__boxelem{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.preview__boxelem-item{
	border:1px solid #000;
	width:300px;
	margin:0 auto;
	height:142px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding-left:24px;
	border-radius:0 90px 0 0;
	font-size:15px;
	gap:12px
}
.preview__boxelem-item img{
	width:107px;
	height:87px
}
.preview__boxelem-item:nth-child(1){
	background-color:#ebf3ff
}
.preview__boxelem-item:nth-child(2){
	position:relative;
	margin-bottom:24px
}
.preview__boxelem-item:nth-child(2)::after{
	content:url("/assets/img/logomini.svg");
	position:absolute;
	width:32px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	height:32px;
	background-color:#000;
	border-radius:50%;
	top:-2px;
	right:-1px
}
.preview__numb{
	font-size:30px;
	width:107px
}
.preview__boxelem-tor{
	width:300px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	gap:32px;
	padding:30px;
	background-color:#465976;
	border-radius:28px;
	margin:0 auto
}
.preview__boxelem-tor span{
	font-size:25px;
	color:#fff
}
.preview__boxelem-tor-link{
	background-color:#fff;
	border-radius:32px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	gap:15px;
	padding:22px 0px 22px 30px
}
.preview__boxelem-tor-link span{
	color:#000;
	text-transform:uppercase;
	font-size:16px
}
.aba{
	position:relative;
	padding-bottom:200px;
	overflow:hidden;
	margin-bottom:60px
}
.aba::before{
	content:url("/assets/img/zvezd.svg");
	position:absolute;
	left:30px;
	top:30px
}
.aba::after{
	content:url("/assets/img/line.svg");
	position:absolute;
	bottom:10px;
	right:-70px
}
.aba__inner{
	text-align:center;
	padding-top:103px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.aba__title{
	margin-bottom:30px
}
.aba__subtitle{
	letter-spacing:1px
}
.aba__subtitle-one{
	margin-bottom:34px
}
.aba__subtitle-two{
	margin-bottom:64px
}
.aba__link{
	color:#000;
	width:300px;
	border:1px solid #000;
	padding:21px 105px;
	border-radius:32px;
	text-transform:uppercase
}
.vers{
	margin-bottom:90px
}
.vers__title{
	margin-bottom:40px
}
.vers__box{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.vers__item{
	text-align:start
}
.vers__item-img{
	margin:0 auto;
	margin-bottom:25px;
	width:130px;
	height:102px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.vers__item-title{
	font-size:17px;
	margin-bottom:15px
}
.vers__item-text{
	font-size:15px;
	letter-spacing:.5px;
	line-height:145%;
	margin-bottom:40px
}
.vers__btn{
	display:block;
	text-align:start;
	position:relative;
	color:#000;
	text-transform:uppercase;
	border:2px solid #000;
	padding:22px 10px 22px 45px;
	border-radius:32px;
	width:300px;
	margin:0 auto
}
.vers__btn::after{
	content:url("/assets/img/arrowrigth.svg");
	position:absolute;
	top:15px;
	right:40px
}
.inst{
	margin-bottom:90px
}
.inst__title{
	margin-bottom:50px
}
.inst__inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	gap:7px
}
.inst__step{
	position:relative;
	font-size: 14px;
	border:2px solid #000;
	padding:22px 20px;
	border-radius:25px;
	text-transform:uppercase;
	position:relative;
	z-index:2;
	background-color:#fff;
	-webkit-transition:all .4s;
	transition:all .4s
}
.inst__step span{
	display:none
}
.inst__step::after{
	content:url("/assets/css/arrowdown.svg");
	position:absolute;
	right:20px;
	top:22px;
	-webkit-transition:all .4s;
	transition:all .4s
}
.inst__text{
	border:2px solid #000;
	-webkit-transition:all .4s;
	transition:all .4s;
	padding-top:50px;
	padding-left:22px;
	padding-right:15px;
	padding-bottom:30px;
	margin-top:-33px;
	border-radius:0 0 25px 25px;
	display:none;
	font-size:15px
}
.inst__text h3{
	margin-bottom:10px;
	font-size:17px;
	text-transform:uppercase
}
.rev{
	padding-top:160px;
	position:relative;
	overflow:hidden;
	margin-bottom:70px
}
.rev::before{
	content:url("/assets/img/linetwo.svg");
	position:absolute;
	top:0;
	left:-90px
}
.rev__title{
	margin-bottom:60px
}
.rev__item{
	border:1px solid #000;
	border-radius:32px;
	min-height:320px;
	padding:22px 20px 40px 20px
}
.rev__item-box{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	gap:15px;
	margin-bottom:30px
}
.rev__au{
	text-transform:uppercase;
	font-size:16px
}
.rev__cl{
	font-size:15px;
	color:#465976
}
.rev__img{
	width:60px;
	height:60px;
	background-color:#ebf3ff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-radius:50%;
	border:2px solid #000
}
.footer{
	border-top:1px solid #000
}
.footer__inner{
	padding:25px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.footer__inner img{
	opacity:1
}
.footer__text{
	text-transform:uppercase;
	opacity:1;
	font-size:12px
}
@media(min-width: 700px){
	.title{
		font-size:30px;
		text-align:center
	}
	.slick-slide{
		padding:0 90px
	}
	.slick-dots{
		margin-top:30px
	}
	.preview__boxtitle{
		padding:70px 33px 50px 33px
	}
	.preview__title{
		font-size:40px
	}
	.preview__subtitle{
		font-size:19px
	}
	.aba__inner{
		padding:105px 33px 0 33px
	}
	.aba__subtitle{
		font-size:18px
	}
	.vers{
		margin-bottom:140px
	}
	.vers__title{
		margin-bottom:75px
	}
	.vers__item{
		text-align:center;
		padding:0 80px;
		margin-bottom:50px
	}
	.vers__item:last-child{
		margin-bottom: 60px;
	}
	.vers__item-img{
		margin-bottom:35px
	}
	.vers__item-title{
		font-size:19px
	}
	.inst__step{
		font-size:20px
	}
	.inst__title{
		margin-bottom:75px
	}
	.inst__text{
		padding-right:50px;
		font-size:17px
	}
	.rev{
		margin-bottom:100px
	}
	.rev__title{
		margin-bottom:75px
	}
}
@media(min-width: 900px){
	.slick-slide{
		padding:0 10px
	}
	.header__inner{
		padding:20px 20px
	}
	.preview{
		margin-bottom:100px;
		padding-top:20px
	}
	.preview__inner{
		display:flex;
		padding:0 10px
	}
	.preview__boxtitle{
		padding-left:45px;
		padding-right:60px;
		padding-top:22px;
		margin-bottom:0;
		width:100%;
		border-radius:32px;
		padding-bottom:0;
		border:1px solid #000
	}
	.preview__boxtitle svg{
		border-radius:32px
	}
	.preview__title{
		text-align:start;
		font-size:34px
	}
	.preview__subtitle{
		text-align:start;
		font-size:18px;
		line-height:135%;
		margin-bottom:190px
	}
	.preview__link{
		margin:0
	}
	.aba__title{
		margin-bottom:50px
	}
	.aba__subtitle{
		font-size:20px
	}
	.aba__subtitle-two{
		margin-bottom:100px
	}
	.vers__box{
		flex-direction:row;
		gap:15px
	}
	.vers__item{
		padding:0;
		width:32%
	}
	.vers__item-title{
		font-size:17px
	}
	.inst__inner{
		width:880px;
		margin:0 auto
	}
	.inst__step span{
		display:inline-block
	}
}
@media(min-width: 1100px){
	.header__nav{
		padding-left:30px
	}
	.aba{
		padding-top:95px
	}
	.aba::before{
		left:85%;
		top:12%
	}
	.aba::after{
		right:-20px
	}
	.aba__inner{
		position:relative;
		padding:105px 83px 0 83px
	}
	.aba__inner::before{
		content:url("/assets/img/webweb.svg");
		position:absolute;
		top:-100px;
		left:-105px;
		z-index:2
	}
	.rev{
		padding-top:250px
	}
	.rev::before{
		content:url("/assets/img/linerevdesc.svg");
		top:-50px;
		left:-300px
	}
	.footer__inner{
		padding-left:20px;
		padding-right:20px
	}
}
@media(max-height: 500px){
	.header__nav-brolink{
		display:none
	}
}
@media(max-height: 350px){
	.header__nav-item{
		margin-bottom:20px
	}
	.header__nav-broitem{
		border-top:none
	}
}
@media(max-width: 330px){
	.preview__boxelem-tor{
		width: 290px;
	}
	.preview__boxelem-item{
		width: 290px;
	}
}