@font-face{
	font-family:Lato;
	src:url(../fonts/Lato-Light.ttf) format("ttf"),url(../fonts/Lato-Light.woff) format("woff");
	font-weight:300;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:Lato;
	src:url(../fonts/Lato-Regular.ttf) format("ttf"),url(../fonts/Lato-Regular.woff) format("woff");
	font-weight:400;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:Lato;
	src:url(../fonts/Lato-Medium.ttf) format("ttf"),url(../fonts/Lato-Medium.woff) format("woff");
	font-weight:500;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:Lato;
	src:url(../fonts/Lato-Bold.ttf) format("ttf"),url(../fonts/Lato-Bold.woff) format("woff");
	font-weight:700;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:Lato;
	src:url(../fonts/Lato-Black.ttf) format("ttf"),url(../fonts/Lato-Black.woff) format("woff");
	font-weight:800;
	font-style:normal;
	font-display:swap
}
@font-face {
  font-family: "Istok Web";
  src:url(../fonts/IstokWeb-Regular.ttf) format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display:swap
}
@font-face {
  font-family: "Trirong";
  src:url(../fonts/Trirong-Regular.ttf) format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display:swap
}
@font-face{
	font-family:"Tenor Sans";
	src:url(../fonts/TenorSans.ttf) format("ttf"),url(../fonts/TenorSans.woff) format("woff");
	font-weight:700;
	font-style:normal;
	font-display:swap
}
*,::after,::before{
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased!important;
	-webkit-tap-highlight-color:transparent;
	outline:0!important
}
h1,h2,h3,h4,h5,h6{
	font-weight:400
}
a,body,div,form,h1,h2,h3,h4,h5,li,p,ul{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	line-height:1
}
button,input,textarea{
	outline:0!important;
	-webkit-transition:.125s;
	-o-transition:.125s;
	transition:.125s;
	font-family:inherit
}
input:active,input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,input[type=text]:focus{
	outline:0!important
}
::-webkit-input-placeholder{
	color:#222
}
::-moz-placeholder{
	color:#222
}
:-moz-placeholder{
	color:#222
}
:-ms-input-placeholder{
	color:#222
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{
	-webkit-appearance:none;
	margin:0
}
input[type=number]{
	-moz-appearance:textfield
}
svg{
	-ms-flex-negative:0;
	flex-shrink:0
}
path,svg{
	-webkit-transition:.125s;
	-o-transition:.125s;
	transition:.125s
}
a{
	color:inherit;
	text-decoration:none;
	-webkit-transition:125ms;
	-o-transition:125ms;
	transition:125ms
}
a:focus,a:hover{
	text-decoration:none!important
}
li,ul{
	margin:0;
	padding:0;
	list-style:none
}
i{
	line-height:100%
}
fieldset{
	min-width:0;
	padding:0;
	margin:0;
	border:0
}
button{
	cursor:pointer;
	border:none;
	outline:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:125ms;
	-o-transition:125ms;
	transition:125ms;
	background-color:inherit;
	font-size:1em
}
.swiper-button-next,.swiper-button-prev{
	z-index:2
}
.swiper-button-next::after,.swiper-button-prev::after{
	display:none; e
}
html{
	height:100%;
	scroll-behavior:smooth;
	width:100%;
	font-size:1060px
}
html::-webkit-scrollbar{
	width:7px
}
html::-webkit-scrollbar-track{
	background:#f4f4f4
}
html::-webkit-scrollbar-thumb{
	background:#b18a2d
}
@media screen and (max-width:1060px){
	html{
		font-size:100vw
	}
}
html.fixed-body{
	overflow-y:hidden
}
.wrapper{
	min-height:100vh;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-negative:0;
	flex-shrink:0
}
.content{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	width:100%;
	overflow:hidden
}
.page{
	width:calc(100vw - (100vw - 100%));
	overflow-x:hidden;
	font-family:Lato,sans-serif;
	font-weight:400;
	color:#181d24;
	font-size:1.50943%;
	background:#f5f4fb
}
.page.fixed-body{
	overflow-y:hidden;
	margin-left:calc(100vw - 100%);
	margin-right:0
}
.container{
	max-width:1060px;
	width:100%;
	margin:0 auto;
	padding:0 1.875em
}
a:hover{
	color:#b18a2d
}
@media screen and (max-width:992px){
	.page{
		font-size:1.91755%
	}
	.container{
		padding:0 1.25em
	}
}
@media screen and (max-width:576px){
	.page{
		font-size:5%
	}
	.container{
		padding:0 .625em
	}
}
.display1{
	font-family:"Lato",sans-serif;
	font-size:4.1875em;
	line-height:121%;
	letter-spacing:-.01em
}
.display2{
	font-family:"Tenor Sans",sans-serif;
	font-size:3.0625em;
	line-height:120%
}
.display3{
	font-family:"Tenor Sans",sans-serif;
	font-size:2.375em;
	line-height:120%
}
.text21{
	font-size:1.3125em;
	line-height:143%
}
.text19{
	font-size:1.1875em;
	line-height:174%
}
.modal__text li,.modal__text p,.text13{
	font-size:.8125em;
	line-height:154%
}
.light-text{
	font-weight:300
}
.accent-text{
	color:#b18a2d
}
.m-btn{
	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;
	-webkit-transition:.3s ease-out;
	-o-transition:.3s ease-out;
	transition:.3s ease-out;
	padding:0 1.5625em
}
.m-btn:focus{
	-webkit-box-shadow:none;
	box-shadow:none
}
.m-btn-primary{
	height:4.3125em;
	border-radius:.3125em;
	background-color:#b18a2d;
	color:#fff
}
.m-btn-primary:hover{
	background-color:#5e4918;
	color:#fff
}
.m-btn-primary span{
	font-size:.6875em
}
.m-btn-secondary-outline{
	border:1px solid rgba(255,255,255,.13);
	color:#a49b8f
}
.m-btn-secondary-outline:hover{
	color:#5e4918;
	background:#fff
}
.m-btn-secondary-outline:hover path{
	fill:#5e4918
}
.m-btn-priary-outline{
	height:3.5625em;
	border-radius:.3125em;
	border:1px solid #b18a2d;
	text-transform:uppercase;
	font-weight:500;
	color:#fff
}
.m-btn-priary-outline span{
	font-size:.6875em;
	letter-spacing:.15em
}
.m-btn-priary-outline:hover{
	background-color:#b18a2d;
	color:#fff
}
@media screen and (max-width:992px){
	.display1{
		font-size:2.5625em;
		line-height:117%
	}
	.display2{
		font-size:1.5625em;
		line-height:144%
	}
	.display3{
		font-size:1.6875em
	}
	.text19{
		font-size:.9375em;
		line-height:180%
	}
	.m-btn-primary{
		height:3.3125em
	}
	.m-btn-primary span{
		font-size:.625em
	}
}
.fg{
	position:relative;
	margin:0
}
.fg label{
	position:absolute;
	font-size:.75em;
	line-height:150%;
	top:-1em;
	left:0;
	color:#777a7c
}
.fg input{
	border:none;
	border-bottom:2px solid rgba(255,255,255,.25);
	padding:0;
	height:3.375em;
	width:100%;
	font-size:1em;
	line-height:150%;
	background-color:transparent;
	color:#fff
}
.fg input::-webkit-input-placeholder{
	color:rgba(255,255,255,.3)
}
.fg input::-moz-placeholder{
	color:rgba(255,255,255,.3)
}
.fg input:-ms-input-placeholder{
	color:rgba(255,255,255,.3)
}
.fg input::-ms-input-placeholder{
	color:rgba(255,255,255,.3)
}
.fg input::placeholder{
	color:rgba(255,255,255,.3)
}
.check{
	position:relative
}
.check input{
	position:absolute;
	opacity:0;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:2;
	cursor:pointer
}
.check input:checked+label::before{
	border:3px solid #fff
}
.check input:disabled+label{
	color:#aaa;
	pointer-events:none
}
.check label{
	padding-left:40px;
	position:relative;
	min-height:20px;
	font-size:14px;
	line-height:20px;
	cursor:pointer
}
.check label:before{
	content:'';
	position:absolute;
	z-index:1;
	border-radius:2px;
	background:rgba(255,255,255,.01);
	border:1px solid rgba(255,255,255,.45);
	width:20px;
	height:20px;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:.1s;
	-o-transition:.1s;
	transition:.1s
}
.slideToggle-block__hidden{
	height:0;
	overflow:hidden;
	-webkit-transition:.425s;
	-o-transition:.425s;
	transition:.425s
}
.breadcrumbs{
	margin-top:60px
}
.breadcrumbs__item{
	font-size:16px;
	line-height:110%;
	position:relative;
	font-weight:400;
	display:inline
}
.breadcrumbs__item:last-child{
	font-weight:600
}
.breadcrumbs__item:not(:first-child){
	margin-left:24px
}
.breadcrumbs__item:not(:first-child):before{
	content:'';
	position:absolute;
	z-index:1;
	width:3.51px;
	height:3.51px;
	background-color:#b18a2d;
	border-radius:1px;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:7px;
	right:100%;
	margin-right:10px
}
.expertise-card{
	padding:2.875em 1em 2.1875em;
	border:1px solid rgba(24,29,36,.4);
	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;
	text-align:center
}
.expertise-card__icon{
	height:3em;
	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;
	margin-bottom:2.75em
}
.expertise-card__icon img{
	max-width:100%;
	max-height:100%
}
.expertise-card__title{
	font-weight:600
}
.service-card{
	border:1px solid #b18a2d;
	padding:2.5em 2.875em;
	position:relative
}
.service-card:hover .service-card__img{
	opacity:1
}
.service-card:hover .service-card__desc{
	color:#fff
}
.service-card__img{
	position:absolute;
	top:0;
	left:0;
	border:2px solid #b18a2d;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
.service-card__img:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:-o-radial-gradient(84.76% 37%,41.67% 111.78%,rgba(35,38,40,.14) 0,#232628 100%);
	background:radial-gradient(41.67% 111.78% at 84.76% 37%,rgba(35,38,40,.14) 0,#232628 100%);
	-webkit-box-shadow:0 28px 43px -21px rgba(0,0,0,.45);
	box-shadow:0 28px 43px -21px rgba(0,0,0,.45);
	z-index:2
}
.service-card__img img{
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	position:relative
}
.service-card__icon,.service-card__text{
	position:relative;
	z-index:3
}
.service-card__icon{
	height:3.5625em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.service-card__icon img{
	max-width:100%;
	max-height:100%;
	-webkit-animation:4s infinite alternate move-arrow;
	animation:4s infinite alternate move-arrow
}
.service-card__text{
	margin-top:2.25em;
	display:grid;
	grid-template-columns:100%;
	gap:.75em
}
.service-card__title{
	font-weight:500;
	font-size:1.875em;
	line-height:113%
}
.service-card__desc{
	font-size:.875em;
	line-height:164%;
	color:#8c9195
}
.reason-card__img{
	position:relative;
	padding-bottom:69.84%
}
.reason-card__img img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.reason-card__content{
	margin-top:1em;
	display:grid;
	grid-template-columns:100%;
	gap:1.25em
}
.reason-card__top{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.reason-card__num{
	-ms-flex-negative:0;
	flex-shrink:0;
	font-size:3.125em;
	line-height:62%;
	margin-right:.16em;
	color:#181d24;
	-webkit-text-fill-color:#fff;
	-webkit-text-stroke-width:.02em;
	-webkit-text-stroke-color:#181d24
}
.reason-card__title{
	font-size:2em;
	line-height:125%
}
.reason-card__text{
	font-size:1.125em;
	line-height:171%;
	color:#494949
}
.example-card{
	padding:1.5em 3.75em 0
}
.example-card__top{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
@media screen and (min-width:993px){
	.example-card__top{
		width:calc(100% + 9em)
	}
}
.example-card__price{
	font-size:5.125em
}
.example-card__title{
	font-size:1.25em;
	line-height:115%;
	margin-left:.75em
}
.example-card__info{
	margin-top:1.5em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	max-width:24.25em
}
.example-card__info-icon{
	width:2.5em;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-right:1.375em
}
.example-card__info-icon img{
	width:100%;
	display:block
}
.example-card__text{
	font-size:.9375em;
	line-height:173%;
	color:#c6c9cc;
	margin-top:1.07em
}
.example-card__nav{
	margin-top:2em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.example-card__btn{
	padding:0 2.5em
}
.role-card__img{
	margin-bottom:1.5625em;
	width:5.9375em
}
.role-card__img img{
	width:100%;
	display:block
}
.role-card__content{
	margin-top:.75em
}
.role-card__title{
	font-size:1.25em;
	line-height:155%
}
.role-card__desc{
	font-size:.8125em;
	line-height:169%;
	color:#5c5c5c
}
@media screen and (max-width:992px){
	.expertise-card{
		padding:1.875em 0 1em
	}
	.expertise-card__icon{
		margin-bottom:1.5em;
		height:1.9375em
	}
	.expertise-card__title{
		line-height:220%
	}
	.service-card{
		padding:1.5em 1.875em
	}
	.service-card__icon{
		height:2.8125em
	}
	.service-card__text{
		margin-top:1.25em;
		gap:.3125em
	}
	.service-card__title{
		font-size:1.375em;
		line-height:155%
	}
	.service-card__img{
		display:none
	}
	.reason-card__num{
		margin-right:.48em
	}
	.reason-card__content{
		margin-top:1em;
		gap:1em
	}
	.reason-card__title{
		font-size:1.125em;
		line-height:139%
	}
	.reason-card__text{
		font-size:.8125em;
		line-height:185%
	}
	.example-card{
		padding:2.3125em 0 0
	}
	.example-card__price{
		font-size:3.8125em
	}
	.example-card__info{
		margin-top:2.5em
	}
	.example-card__info-title{
		font-size:1.0625em
	}
	.example-card__text{
		font-size:.875em;
		margin-top:.85em
	}
	.example-card__nav{
		margin-top:.9375em
	}
	.example-card__btn{
		padding:0 1.875em;
		height:3.1875em
	}
	.role-card__img{
		width:4.25em
	}
	.role-card__content{
		margin-top:1em
	}
}
@media screen and (max-width:576px){
	.role-card__top{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center
	}
	.role-card__img{
		margin:0 1.0625em 0 0;
		-ms-flex-negative:0;
		flex-shrink:0
	}
}
.cookies,.example-modal,.modal{
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	opacity:0;
	pointer-events:none
}
.cookies._active,.example-modal._active,.modal._active{
	opacity:1;
	pointer-events:unset
}
.example-modal,.modal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:calc(100 * var(--vh));
	overflow-y:auto;
	z-index:100
}
.example-modal{
	background:#1d1f21;
	padding:1.375em 0;
	color:#fff
}
.example-modal__top{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.example-modal__grid{
	margin-top:4.625em;
	display:grid;
	grid-template-columns:calc(100% - 27.125em - 6.25em) 27.125em;
	gap:1.25em 6.25em
}
.example-modal .example-card{
	padding:0
}
.example-modal .example-card__nav{
	margin-top:1.625em
}
.example-modal .example-card__btn{
	width:14em;
	max-width:100%;
	text-transform:uppercase;
	border-radius:.3125em
}
.example-modal .example-card__btn span{
	letter-spacing:.15em;
	font-size:.6875em
}
.example-modal .example-card__btn._small{
	padding:0;
	width:8em;
	margin-left:1em
}
.example-modal__img img{
	display:block;
	width:100%
}
.cookies{
	z-index:50;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	padding:2.5em 0 3.375em;
	background-color:rgba(37,35,33,.9)
}
.cookies__inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.cookies__content{
	display:grid;
	grid-template-columns:100%;
	gap:.75em
}
.cookies__title{
	color:#fff;
	font-size:1.25em;
	line-height:155%
}
.cookies__desc{
	color:#cccfd2
}
.cookies__desc button{
	color:inherit;
	display:inline
}
.cookies__desc button:hover{
	color:rgba(255,255,255,.8)
}
.cookies__nav{
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-left:3.25em
}
.cookies__btn{
	padding:0 2.5em;
	text-transform:uppercase;
	height:3.6875em
}
.cookies__btn span{
	letter-spacing:.15em
}
.modal{
	padding:7em 2em 2.625em;
	height:calc(100 * var(--vh));
	background-color:#fff
}
.modal__top{
	position:absolute;
	width:100%;
	max-width:66.75em;
	top:1.375em;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.modal .close-btn{
	border-color:rgba(0,0,0,.09);
	margin-left:auto
}
.modal .close-btn path{
	stroke:rgba(24,29,36,.5)
}
.modal .close-btn:hover{
	border-color:rgba(0,0,0,.5)
}
.modal .close-btn:hover path{
	stroke:rgba(24,29,36,.9)
}
.modal__scroll{
	max-width:57.125em;
	height:100%;
	overflow-y:auto;
	margin:0 auto;
	padding:0 3.75em
}
.modal__scroll::-webkit-scrollbar{
	width:7px
}
.modal__scroll::-webkit-scrollbar-track{
	background:#f4f4f4
}
.modal__scroll::-webkit-scrollbar-thumb{
	background:#b18a2d
}
.modal__title{
	text-align:center;
	font-size:2.8125em;
	line-height:130%;
	letter-spacing:-.01em;
	font-family:"Tenor Sans",sans-serif
}
.modal__text{
	margin-top:1em;
	font-weight:500
}
.modal__text p:not(:last-child),.modal__text ul:not(:last-child){
	margin-bottom:1em
}
.modal__text p{
	line-height:176%
}
.modal__text a,.modal__text button{
	text-decoration:underline
}
.modal__text ul{
	padding-left:.4375em
}
.modal__text ul li{
	position:relative;
	padding-left:1em
}
.modal__text ul li:before{
	content:'';
	position:absolute;
	width:.38em;
	height:.38em;
	background-color:#181d24;
	border-radius:50%;
	left:0;
	top:.69em
}
.modal__questions{
	margin-top:1em
}
.modal._dark{
	color:#fff;
	background:#1d1f21
}
.modal._dark .modal__scroll{
	height:unset;
	overflow:unset
}
.modal._dark .close-btn{
	border-color:rgba(255,255,255,.09)
}
.modal._dark .close-btn path{
	stroke:rgba(255,255,255,.5)
}
.qa-card.slideToggle-block--active .qa-card__btn{
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.qa-card__show{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:1em 0;
	border-bottom:1px solid #181d24
}
.qa-card__show:hover{
	cursor:pointer;
	color:#b18a2d
}
.qa-card__show:hover .qa-card__btn{
	color:#b18a2d
}
.qa-card__btn{
	font-weight:800;
	font-size:2em;
	margin-left:1em
}
.qa-card__title{
	font-size:1.25em;
	line-height:120%;
	font-weight:600
}
.contacts__grid{
	display:grid;
	grid-template-columns:28.625em auto;
	gap:3.75em;
	margin-top:6.25em
}
.contacts__info{
	padding-top:2.5em
}
.contacts-card{
	border:1px solid rgba(255,255,255,.04);
	padding:3em 4.375em 4em
}
.contacts-card__title{
	font-weight:600;
	font-size:1.5625em;
	line-height:140%
}
.contacts-card__items{
	margin-top:1.25em;
	display:grid;
	grid-template-columns:100%;
	gap:.5em
}
.contacts-card__item{
	font-weight:700;
	font-size:1.0625em;
	line-height:165%
}
.contacts-card__item a{
	color:#b18a2d;
	text-decoration:underline
}
.contacts-card__item img {
    max-width: 80%;
    height: auto;
    position: relative;
    top: 3px;
}
.contacts-form{
	display:grid;
	grid-template-columns:calc(100% - 10em) 8.75em;
	gap:1.25em;
	margin-top:2.75em
}
.contacts-form__btn{
	height:3.375em;
	text-transform:uppercase;
	padding:0
}
.contacts-form__btn span{
	letter-spacing:.15em
}
.contacts-form__hint{
	font-size:1em;
	line-height:150%;
	margin-top:2em
}
.contacts-form__hint button{
	color:inherit;
	text-decoration:underline
}
.contacts-form__hint button:hover{
	color:#b18a2d
}
@media screen and (max-width:992px){
	.example-modal__grid{
		margin-top:1.5em;
		grid-template-columns:100%
	}
	.example-modal__col:nth-child(2){
		-webkit-box-ordinal-group:0;
		-ms-flex-order:-1;
		order:-1
	}
	.example-modal .example-card__btn._small{
		margin-left:.5em
	}
	.cookies{
		padding:1.25em 0
	}
	.cookies__inner{
		display:block
	}
	.cookies__nav{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		margin:1em 0 0
	}
	.modal{
		padding:4em 1em
	}
	.modal__top{
		top:1em
	}
	.modal__scroll{
		height:unset;
		overflow:unset;
		padding:0
	}
	.modal__title{
		font-size:2.5625em
	}
	.qa-card__show{
		padding:.5em 0
	}
	.qa-card__title{
		font-size:1em
	}
	.contacts{
		padding-bottom:3em
	}
	.contacts__grid{
		grid-template-columns:100%;
		margin-top:2em;
		gap:2em
	}
	.contacts__info{
		padding:0
	}
	.contacts-card{
		padding:1em 1.25em
	}
	.contacts-card__title{
		font-size:1.25em
	}
	.contacts-card__item{
		font-size:.875em
	}
}
@media screen and (min-width:993px){
	._main-container{
		max-width:100%;
		padding:0 7.3125em 0 13.75em
	}
	.menu .container{
		max-width:100%;
		padding:0 11.625em 0 7.375em
	}
}
.header{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	z-index:10;
	padding:1.6875em 0
}
.header._open .menu{
	opacity:1;
	pointer-events:unset
}
.header__inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.header__logo{
	width:10.375em;
	display:block;
	margin-right:auto
}
.header__logo img{
	width:100%;
	display:block
}
.footer__btn,.header__btn{
	-ms-flex-negative:0;
	flex-shrink:0;
	padding:0 2.375em;
	height:2.6875em;
	border-radius:6.25em;
	font-weight:700;
	text-transform:uppercase;
	margin-right:2.1875em
}
.footer__btn span,.header__btn span{
	font-size:.625em;
	letter-spacing:.15em
}
.lang{
	margin-left:2em;
	position:relative
}
.lang__show{
	pointer-events:none;
	color:#fff;
	position:relative;
	z-index:3;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:2.5em
}
.lang__show:hover{
	cursor:pointer
}
.lang__show:hover>path{
	opacity:1
}
.lang__show svg{
	width:.5em;
	height:auto;
	margin-left:.625em
}
.lang__show._active{
	color:#181d24
}
.lang__show._active~.lang__hidden{
	opacity:1;
	pointer-events:unset
}
.lang__show._active .lang__icon path{
	stroke:#181d24
}
.lang__icon{
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-right:.5625em;
	width:1.4625em
}
.lang__icon svg{
	width:100%;
	height:auto;
	margin:0
}
.lang__title{
	letter-spacing:.15em;
	text-transform:uppercase;
	font-weight:700;
	font-size:.625em
}
.lang__hidden{
	position:absolute;
	top:0;
	left:-.75em;
	width:calc(100% + 1.5em);
	padding-top:2em;
	padding-bottom:.25em;
	background-color:#fff;
	-webkit-box-shadow:0 .25em .625em rgba(0,0,0,.09);
	box-shadow:0 .25em .625em rgba(0,0,0,.09);
	border-radius:1.625em;
	overflow:hidden;
	opacity:0;
	pointer-events:none
}
.lang__link{
	height:1.9375em;
	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;
	text-transform:uppercase;
	font-weight:700
}
.lang__link span{
	font-size:.625em;
	letter-spacing:.15em
}
.lang__link._active,.lang__link:hover{
	background-color:#b18a2d;
	color:#fff
}
.burger{
	position:absolute;
	top:0;
	left:0;
	width:6.875em;
	height:calc(100 * var(--vh));
	background:rgba(0,0,0,.34);
	color:#fff;
	font-weight:700;
	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;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
.burger:hover{
	cursor:pointer;
	background:rgba(0,0,0,.5)
}
.burger__wrap{
	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
}
.burger__wrap svg{
	margin-top:1em;
	width:.9375em;
	height:auto
}
.burger__title{
	font-weight:700;
	text-transform:uppercase;
	-webkit-writing-mode:tb-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:tb-rl;
	-webkit-transform:rotate(-180deg) translate(-.1em,.4em);
	-ms-transform:rotate(-180deg) translate(-.1em,.4em);
	transform:rotate(-180deg) translate(-.1em,.4em)
}
.menu{
	opacity:0;
	pointer-events:none;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:calc(100 * var(--vh));
	background:#1d1f21;
	z-index:100;
	padding:1.75em 0;
	overflow-y:auto
}
.menu__top{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.menu__links{
	padding-left:12.5em;
	margin-top:6.25em;
	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:start;
	-ms-flex-align:start;
	align-items:flex-start
}
.menu__link{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.menu__link:hover .menu__link-title{
	color:#b18a2d;
	text-decoration:underline
}
.menu__link:hover .menu__link-num{
	color:#fff
}
.menu__link:not(:last-child){
	margin-bottom:3.125em
}
.menu__link-num{
	font-size:.875em;
	margin-right:1em;
	-ms-flex-negative:0;
	flex-shrink:0;
	color:#56595b;
	-webkit-transition:inherit;
	-o-transition:inherit;
	transition:inherit
}
.menu__link-title{
	color:#fff;
	font-family:"Tenor Sans",sans-serif;
	text-transform:uppercase;
	font-size:1.75em;
	-webkit-transition:inherit;
	-o-transition:inherit;
	transition:inherit
}
.menu__nav{
	position:absolute;
	bottom:0;
	right:0
}
.menu__item{
	width:16.25em;
	height:14.5em;
	border-radius:0
}
.menu__item--lang{
	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:1px solid #b18a2d
}
.close-btn{
	padding:0;
	width:4.625em;
	height:4.625em;
	border-radius:.125em;
	border:1px solid rgba(255,255,255,.09)
}
.close-btn:hover{
	border-color:rgba(255,255,255,.39)
}
.close-btn:hover svg{
	opacity:.6
}
.close-btn svg{
	width:1em;
	height:auto
}

	.menu__logo img{
		max-width:30%;
	}


@media screen and (max-width:1300px) and (min-width:993px){
	._main-container{
		max-width:100%;
		padding:0 1.875em 0 8em
	}
	.menu .container{
		max-width:100%;
		padding:0 2em
	}
}
@media screen and (max-width:1300px){
	.menu__links{
		padding-left:0
	}
}
@media screen and (max-width:992px){
	.header{
		padding:1.25em 0 3.625em
	}
	.header__inner{
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		min-height:3.375em
	}
	.header__logo{
		margin:0;
		width:auto;
		height:3.375em;
		position:absolute;
		top:1.25em;
		left:50%;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%)
	}
	.header__logo img{
		width:auto;
		height:100%
	}
	.header__btn{
		position:absolute;
		bottom:0;
		left:50%;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
		white-space:nowrap;
		height:2.1875em;
		padding:0 2em;
		margin:0
	}
	.burger{
		position:static;
		width:auto;
		height:auto;
		background-color:transparent
	}
	.burger:hover{
		background-color:transparent
	}
	.burger__title{
		display:none
	}
	.burger svg{
		margin:0
	}
	.menu{
		padding:1.25em 0 0
	}
	.menu .container{
		height:100%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column
	}
	.menu__links{
		margin-top:3.25em
	}
	.menu__link-title{
		font-size:1.1875em
	}
	.menu__link:not(:last-child){
		margin-bottom:1.75em
	}
	.menu__nav{
		position:static;
		width:calc(100% + 2.5em);
		margin-left:-1.25em;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		margin-top:auto;
		padding-top:3.125em
	}
	.menu__item{
		width:10em;
		height:8.9375em
	}
	.close-btn{
		width:2.25em;
		height:2.25em
	}
	.close-btn svg{
		width:.625em
	}
	.lang__hidden{
		width:calc(100% + 1.25em);
		left:-.625em
	}
}
@media screen and (max-width:576px){
	.contacts-form{
		grid-template-columns:100%
	}
	.menu__nav{
		width:calc(100% + 1.25em);
		margin-left:-.625em;
		display:grid;
		grid-template-columns:50% 50%
	}
	.menu__item{
		width:100%
	}
}
.footer-top{
	background:#252321;
	padding:3em 0
}
.footer-top__inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.footer{
	color:#fff
}
.footer__left{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	max-width:26.875em
}
.footer__right{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.footer__logo{
	display:block;
	width:6.375em;
	margin-right:1.875em;
	-ms-flex-negative:0;
	flex-shrink:0
}
.footer__logo img{
	width:100%;
	display:block
}
.footer__text{
	color:#63676a
}
.footer__btn{
	margin-right:1.3125em
}
.footer .lang{
	margin-left:1.9375em;
	-ms-flex-negative:0;
	flex-shrink:0
}
.footer__c{
	max-width:20em;
	margin-right:auto;
	color:#7b8085;
	line-height:100%
}
.footer__links,.footer__links2{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-left:2.5em
}
.footer__link{
	font-weight:700;
	text-decoration:underline;
	-webkit-text-decoration-color:rgba(255,255,255,.18);
	text-decoration-color:rgba(255,255,255,.18);
	text-transform:uppercase;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:unset;
	color:#fff
}
.footer__link:not(:last-child){
	margin-right:2.5em
}
.footer__link span{
	font-size:.5625em;
	line-height:144%;
	letter-spacing:.15em
}
.footer-bottom{
	padding:1.5em 0;
	background:#141516
}
.footer-bottom__inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
@media screen and (max-width:992px){
	.footer-top{
		padding:1.75em 0 5em
	}
	.footer__logo{
		width:3.625em;
		margin-right:.9375em
	}
	.footer__text{
		font-size:.75em;
		line-height:150%
	}
	.footer .lang{
		display:none
	}
	.footer__btn{
		margin-right:0;
		padding:0 1.25em;
		height:2.3125em
	}
	.footer__btn:not(:first-child){
		margin-left:.625em
	}
	.footer__links{
		margin:0;
		position:absolute;
		bottom:100%;
		height:3.125em;
		left:0;
		padding:0 .625em;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		-webkit-box-align:start;
		-ms-flex-align:start;
		align-items:flex-start
	}
	.footer__c{
		font-size:.75em;
		line-height:125%;
		max-width:11em
	}
	.footer-bottom{
		position:relative;
		padding:.875em 0
	}
}
@media screen and (max-width:576px){
	.footer-top__inner{
		display:grid;
		grid-template-columns:100%;
		gap:1.5625em
	}
}
.main{
	position:relative;
	background-size:cover;
	background-position:center;
	color:#fff
}
.main .container{
	min-height:calc(100 * var(--vh))
}
.main__inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding:15.625em 0 11.25em
}
.main__top{
	-ms-flex-negative:0;
	flex-shrink:0;
	padding-top:1.8125em;
	margin-right:1.375em;
	min-width:8em
}
.main__info{
	display:grid;
	grid-template-columns:100%;
	gap:.5em;
	max-width:30em
}
.main__subtitle{
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:.19em
}
.main__nav{
	margin-top:1.5em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.main__socials{
	position:absolute;
	right:7.3125em;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.main__socials._hide{
	display:none
}
.main__social{
	width:4.5625em;
	height:4.5625em;
	border-radius:50%
}
.main__social:not(:last-child){
	margin-bottom:1.25em
}
.main__btn{
	text-transform:uppercase
}
.main__btn span{
	letter-spacing:.15em
}
.scroll-down{
	position:absolute;
	right:7.3125em;
	bottom:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.scroll-down__title{
	font-size:.75em;
	font-weight:800;
	letter-spacing:.13em;
	text-transform:uppercase;
	color:#fff;
	opacity:.56
}
.scroll-down__icon{
	margin-left:1.25em;
	width:4.375em;
	height:4.375em;
	background:#1d1f21;
	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;
	-webkit-animation:2s infinite alternate move-arrow;
	animation:2s infinite alternate move-arrow
}
.scroll-down__icon img{
	width:.8125em
}
@-webkit-keyframes move-arrow{
	0%,100%,50%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	25%{
		-webkit-transform:translateY(.625em);
		transform:translateY(.625em)
	}
	75%{
		-webkit-transform:translateY(-.625em);
		transform:translateY(-.625em)
	}
}
@keyframes move-arrow{
	0%,100%,50%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	25%{
		-webkit-transform:translateY(.625em);
		transform:translateY(.625em)
	}
	75%{
		-webkit-transform:translateY(-.625em);
		transform:translateY(-.625em)
	}
}
.solutions{
	overflow:hidden;
	padding:4.375em 0 5.375em;
	background:#252321;
	color:#fff
}
.solutions2{
	overflow:hidden;
	padding:4.375em 0 5.375em;
}

.solutions__inner{
	display:grid;
	grid-template-columns:25.1875em calc(100% - 25.1875em - 4.375em);
	gap:1.5625em;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.solutions__img img{
	width:100%;
	display:block
}
.solutions__content{
	padding-top:2.625em;
	display:grid;
	grid-template-columns:100%;
	gap:1em
}
.solutions__nav{
	margin-top:.3125em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.solutions__btn{
	padding:0 2.5em
}
.expertise{
	overflow:hidden;
	padding:4.5em 0 6.25em
}
.expertise__top{
	display:grid;
	grid-template-columns:100%;
	gap:2.1875em;
	max-width:31.25em
}
.expertise__bottom{
	margin-top:2.75em;
	display:grid;
	grid-template-columns:calc(100% - 19.375em) 19.375em
}
.expertise__items{
	display:grid;
	grid-template-columns:repeat(3,calc(100% / 3));
	position:relative
}
@media screen and (min-width:993px){
	.expertise .expertise-card:nth-child(2),.expertise .expertise-card:nth-child(3){
		border-left:none
	}
	.expertise .expertise-card:nth-child(4){
		width:calc(100% / 3);
		position:absolute;
		bottom:100%;
		left:100%;
		-webkit-transform:translate(-1px,1px);
		-ms-transform:translate(-1px,1px);
		transform:translate(-1px,1px)
	}
	.reasons .reason-card:nth-child(2){
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column
	}
	.reasons .reason-card:nth-child(2) .reason-card__content{
		-webkit-box-ordinal-group:0;
		-ms-flex-order:-1;
		order:-1;
		padding-top:3.125em;
		margin:0 0 1.5em
	}
}
.expertise__info{
	padding-left:1.875em
}
.expertise__info .display3{
	line-height:237%;
	text-align:right
}
.expertise__text{
	font-weight:300;
	font-size:1em;
	line-height:169%
}
.services{
	padding:5.75em 0 8.125em;
	background:#252321;
	color:#fff
}
.services__grid{
	display:grid;
	grid-template-columns:repeat(2,calc(50% - 1.25em));
	gap:2.5em;
	margin-top:2.5em
}
.about{
	padding:6.625em 0;
	display:grid;
	grid-template-columns:100%;
	gap:10.3125em;
	overflow:hidden
}
.why{
	position:relative
}
.why__img{
	position:absolute;
	left:50%;
	-webkit-transform:translate(-50%,-12.3125em);
	-ms-transform:translate(-50%,-12.3125em);
	transform:translate(-50%,-12.3125em);
	top:100%;
	width:72.8125em;
	z-index:-1
}
.why__grid{
	display:grid;
	grid-template-columns:31.25em auto;
	gap:6.8675em;
	margin-top:2.1875em
}
.why__nav{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top:1.5em
}
.why__btn{
	padding:0 2.5em;
	color:#181d24
}
.why__list{
	display:grid;
	grid-template-columns:100%;
	gap:1.3125em
}
.why__item{
	display:grid;
	grid-template-columns:3em auto
}
.why__item-num{
	padding-top:.0625em
}
.why__item-num img{
	width:1.5em;
	display:block
}
.why__item-content{
	display:grid;
	grid-template-columns:100%;
	gap:.625em
}
.why__item-title{
	font-weight:500;
	font-size:1.125em;
	line-height:133%
}
.why__item-desc{
	font-size:.9375em;
	line-height:154%;
	color:#5c5c5c
}
.reasons .display2{
	max-width:13.6em
}
.reasons__grid{
	margin-top:5em;
	display:grid;
	grid-template-columns:repeat(3,calc(100% / 3 - 5em / 3));
	gap:2.5em
}
.reasons__grid2 {display:flex;gap:20px;}
.reasons__grid2 > div {flex:1;}

.examples{
	background:#252321;
	padding:5.125em 0 6.6875em;
	color:#fff
}
.examples__top{
	display:grid;
	grid-template-columns:100%;
	gap:1.5625em;
	max-width:36.25em
}
.examples__grid{
	margin-top:5.3125em;
	display:grid;
	grid-template-columns:18.75em calc(100% - 18.75em - 3.125em);
	gap:2.5em 3.125em
}
.examples__slider{
	border-left:1px solid rgba(255,255,255,.1);
	position:relative;
	max-width:33.75em
}
.examples .swiper-container{
	overflow:hidden
}
.examples .swiper-nav{
	position:absolute;
	bottom:0;
	left:100%
}
.examples .swiper-button{
	position:static;
	margin:1.375em 0 0
}
.swiper-button{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	width:auto;
	height:auto
}
.swiper-button.swiper-button-disabled .swiper-button{
	opacity:1
}
.swiper-button.swiper-button-disabled .swiper-button__icon{
	border-color:rgba(255,255,255,.11);
	background-color:transparent
}
.swiper-button.swiper-button-disabled .swiper-button__icon path{
	fill:#fff
}
.swiper-button:hover .swiper-button__title{
	opacity:.7
}
.swiper-button:hover .swiper-button__icon{
	background-color:#b18a2d;
	border-color:#b18a2d;
}
.swiper-button:hover .swiper-button__icon path{
	fill:#fff
}
.swiper-button__title{
	-webkit-transition:inherit;
	-o-transition:inherit;
	transition:inherit;
	font-weight:300;
	font-size:1.125em;
	line-height:94%;
	text-align:right;
	color:#fff;
	opacity:.3
}
.swiper-button__icon{
	-webkit-transition:inherit;
	-o-transition:inherit;
	transition:inherit;
	width:6.25em;
	height:6.25em;
	border-radius:50%;
	-ms-flex-negative:0;
	flex-shrink:0;
	background-color:#fff;
	margin-left:1.6875em;
	border:1px solid #fff;
	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;
	-webkit-animation:4s infinite alternate move-arrow;
	animation:4s infinite alternate move-arrow
}
.swiper-button__icon svg{
	width:.75em;
	height:auto
}
.roles{
	padding:5em 0 7em;
	position:relative
}
.roles__bg{
	position:absolute;
	bottom:.0625em;
	right:4.25em;
	z-index:-1;
	width:43.125em
}
.roles__grid{
	margin-top:5.125em;
	display:grid;
	grid-template-columns:repeat(3,calc(100% / 3 - 10.75em / 3));
	gap:5.375em
}
.roles__grid2{
	margin-top:5.125em;
	display:grid;
	grid-template-columns:repeat(2,calc(100% / 2 - 10.75em / 2));
	gap:5.375em
}
.roles__nav{
	margin-top:5.375em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.roles__btn{
	max-width:100%;
	width:14em;
	text-transform:uppercase
}
.roles__btn span{
	letter-spacing:.15em
}
@media screen and (max-width:1300px){
	.main__socials,.scroll-down{
		right:1.875em
	}
}
@media screen and (max-width:1200px){
	.examples .swiper-nav{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		left:unset;
		right:0;
		top:unset;
		bottom:0
	}
	.examples .swiper-button{
		margin:0 0 0 .625em
	}
	.swiper-button__title{
		display:none
	}
	.swiper-button__icon{
		margin:0;
		width:4.1875em;
		height:4.1875em
	}
}
@media screen and (max-width:992px) and (min-width:577px){
	.expertise .expertise-card:not(:first-child){
		border-left:none
	}
}
@media screen and (max-width:992px){
	.main__inner{
		padding:10em .5em 9em;
		-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;
		text-align:center
	}
	.main__top{
		min-width:unset;
		margin:0 0 .5em
	}
	.main__socials{
		display:none
	}
	.main__nav{
		margin:.375em auto 0
	}
	.scroll-down{
		right:50%;
		-webkit-transform:translateX(50%);
		-ms-transform:translateX(50%);
		transform:translateX(50%)
	}
	.scroll-down__title{
		display:none
	}
	.scroll-down__icon{
		margin:0
	}
	.solutions{
		padding:2.5em 0 3.5em
	}
	.solutions__inner{
		grid-template-columns:100%
	}
	.solutions__content{
		gap:.5em
	}
	.solutions__nav{
		margin-top:.6875em
	}
	.solutions__btn{
		padding:0 2.1875em;
		height:3.1875em
	}
	.expertise{
		padding:2em 0 3.3125em
	}
	.expertise__top{
		gap:.4375em
	}
	.expertise__bottom{
		grid-template-columns:100%;
		gap:1.25em;
		margin-top:1.375em
	}
	.expertise__items{
		grid-template-columns:repeat(4,25%)
	}
	.expertise__info{
		padding:0;
		display:grid;
		grid-template-columns:100%;
		gap:.8125em
	}
	.expertise__info .display3{
		text-align:left;
		line-height:120%
	}
	.expertise__text{
		font-size:.9375em;
		line-height:180%
	}
	.services{
		padding:2em 0 3.375em
	}
	.services__grid{
		grid-template-columns:100%;
		gap:.9375em;
		margin-top:1.125em
	}
	.about{
		padding:2.8125em 0 2.5625em;
		gap:3.4375em
	}
	.why{
		padding-bottom:5.4375em
	}
	.why__grid{
		margin-top:.4375em;
		grid-template-columns:100%;
		gap:1.4375em
	}
	.why__nav{
		margin:0;
		-webkit-transform:unset!important;
		-ms-transform:unset!important;
		transform:unset!important
	}
	.why__btn{
		position:absolute;
		bottom:0;
		left:50%;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
		padding:0 2.1875em;
		height:3.1875em
	}
	.why__list{
		gap:1.5625em
	}
	.why__item{
		grid-template-columns:2.3125em auto
	}
	.why__item-title{
		font-size:1em;
		line-height:150%
	}
	.why__item-desc{
		font-size:.8125em;
		line-height:154%
	}
	.reasons__grid{
		margin-top:1.9375em;
		grid-template-columns:repeat(2,calc(50% - .75em));
		gap:1.5em
	}
	.examples{
		padding:2em 0 4.375em
	}
	.examples__top{
		gap:.75em
	}
	.examples__grid{
		grid-template-columns:100%;
		margin-top:1.25em
	}
	.examples__info{
		font-size:1.0625em
	}
	.examples__slider{
		max-width:100%;
		border-left:none;
		border-top:1px solid rgba(255,255,255,.1)
	}
	.examples .swiper-button{
		top:unset;
		bottom:0;
		right:0;
		margin:0
	}
	.swiper-button__title{
		font-size:.9375em;
		line-height:113%
	}
	.swiper-button__icon{
		width:3.1875em;
		height:3.1875em;
		margin-left:.5625em
	}
	.swiper-button__icon svg{
		width:.5em
	}
	.roles{
		padding:2.5em 0 3.875em
	}
	.roles__bg{
		bottom:.625em;
		right:.625em;
		width:calc(100% - 1.25em)
	}
	.roles__grid{
		margin-top:1.5em;
		grid-template-columns:repeat(2,calc(50% - .9375em));
		gap:1.875em
	}
	.roles__nav{
		margin-top:2.5em
	}
	.roles__btn{
		width:8.9375em;
		padding:0;
		height:3.1875em
	}
}
@media screen and (max-width:576px){
	.main__nav,.main__nav .m-btn{
		width:100%
	}
	.expertise__items{
		grid-template-columns:repeat(2,50%)
	}
	.expertise .expertise-card:nth-child(even){
		border-left:none
	}
	.expertise .expertise-card:not(:nth-child(1)),.expertise .expertise-card:not(:nth-child(2)){
		border-top:none
	}
	.reasons__grid,.roles__grid{
		grid-template-columns:100%
	}
}
 
