*{
	padding:0;
	margin:0;
	border:0;
	outline:none;
	line-height: normal;
	box-sizing:border-box;
}


.inner-page #burger{
background-image:url(img/burger-inner.svg);}

.inner-page.fixed #burger{
background-image:url(img/cross.svg);}
body{
	font-family:'Avenir Next Cyr', Arial;
	font-weight:400;
}

.wrapper{
	width:100%;
	max-width:1282px;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
}

.fixed{
	overflow:hidden;
}
.fixed:not(.inner-page) section:not(.top),
.fixed.inner-page section:not(.inner),
.fixed footer{
    display: none;
}
.inner{
	padding-top:140px;
}
.inner-page header{box-shadow: 0 4px 37px 0 rgba(0, 0, 0, 0.07);
}


.inner-page h1, .what h2{
font-size: 33px;
text-align:center;
font-weight:700;
margin-bottom:50px;}

.search{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:135px;
}

.search img{
	max-width:650px;
	margin-left:20px;
}

.search p{
	max-width:528px;
	margin-bottom:45px;
	font-size: 20px;
	text-align: justify;
    font-weight: 500;
}

.search a{
	background:#060404;
	border-radius: 41px;
width: 332px;
height: 83px;
	display:block;
	color:#fff;
	text-decoration:none;
font-size: 22px;
font-weight:600;box-shadow: 0 4px 17px 0 rgba(6, 4, 4, 0.24);
transition:0.2s;
	line-height:83px;
	text-align:center;
	
}
.search a:hover{box-shadow: 0 4px 23px 0 rgba(6, 4, 4, 0.59);}
.search h2{
	max-width:340px;
font-size: 33px;
font-weight:700;
margin-bottom:20px;}

.what-items{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.what-items > div{
	flex:0 0 47%;
	border-radius: 30px;
	margin-bottom:25px;
	background:#F6F6F6;
	padding:42px 10px 42px 42px;
	display:flex;
	align-items:center;
}


.what-items > div img{
	margin-right:42px;
	box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
	border-radius:12px;
	max-width:57px;
}
.what-items > div h3{
	font-size: 30px;
	font-weight:700;
}

.what-items > div p{
font-size: 20px;
    font-weight: 500;
margin-top:16px;
}

html {
  --scrollbarBG: transparent;
  --thumbBG: #1D54FE;
}
::-webkit-scrollbar {
  width: 4px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid transparent;
}


::-moz-selection {
	color: #000;
	background: #1D54FE;
}

::selection {
	color: #000;
	background: #1D54FE;
} 

header{
	background: rgba(255, 255, 255, 0.11);
	position:absolute;
	left:0;
	top:0;
	z-index:8;
	width:100%;
	height:98px;
	-webkit-backdrop-filter: blur(11px);
	backdrop-filter: blur(11px);
}

header ul{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	list-style:none;
}
header ul svg{display:none}
header ul a{
	color: rgba(255, 255, 255, 0.42);
	font-size: 22px;
	margin-right:105px;
	font-weight: 500;
	text-decoration:none;
	line-height:98px;
}

.inner-page header ul a{
	color:rgba(0,0,0,0.42);
}

header ul .active a,
header ul li:hover a{
	color:#fff;
	font-weight:600;
}

.inner-page header ul .active a,
.inner-page header ul li:hover a{
	color:#000;
}

header ul svg path,
header ul l  svg path{
	
    fill: #fff;
    fill-opacity: .7;
}


header ul .active svg path,
header ul li:hover  svg path{
	
    fill: #fff;
    fill-opacity: 1;
}

header .wrapper, 
header .wrapper > div{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

header a.btn{
	border-radius: 31px;
	width: 189px;
	height: 62px;
	background-color:#060404;
	display:block;
	line-height:62px;
	color:#fff;
	text-decoration:none;
	font-size:18px;
    padding-left: 23px;
	font-weight:600;
	text-transform:uppercase;
	background-image:url(img/talk.svg);
	background-repeat:no-repeat;
	background-size:50px 50px;
	background-position:130px 50%;
}

.top{
	padding-top:220px;
	padding-bottom:80px;
	background: radial-gradient(111.39% 66.69% at 51.88% 44.04%, #02ADFE 0%, #1D54FE 100%);
    position: relative;
    z-index: 5;
}

.top .wrapper{
	position:relative;
	
}
#scroll{
	content:'';
	position:absolute;
	bottom:-50px;
	right:20px;
	width:175px;
	height:175px;
	background-image:url(img/scroll.svg);
	background-size:contain;
	background-repeat:no-repeat;
	transition:0.2s;
	transform:rotate(0);
}

.top h1{
	color: #FFF;
	font-size: 127px;
	font-weight: 600;
    justify-content: center;
    display: flex;
	line-height: normal;
}

.top h1 span{
	position:relative;
	font-size: 96px;
    margin: 111px 0 0 232px;
    display: block;
}


.top h1 span:before{
	content:'';
	width:395px;
	height:395px;
	position:absolute;
    left: -286px;
    top: -171px;
	z-index:2;
	background-image:url(img/diamond.png);
	background-size:contain;
	background-repeat:no-repeat;
}

.top .bord span:first-child{
	font-weight: 600;
	font-size: 56px;
	color:#fff;
	backdrop-filter: blur(63px);
	background: rgba(255, 255, 255, 0.15);
	transform: rotate(-5deg);
	border: 4px solid #fff;
	border-radius: 67px;
	width: 484px;
	height: 112px;
	display:block;
	text-align:center;
	line-height:112px;
	position:relative;
	z-index:2;box-shadow: 0 8px 27px 0 rgba(0, 0, 0, 0.16);
}


.top .bord {
	position:relative;
	width:800px;
    margin-bottom: 90px;
    left: 169px;
    top: -16px;
}
.top .bord span:last-child{
	position:absolute;
	z-index:1;
	right:0px;
	top:55px;
	font-weight: 600;
	font-size: 50px;
	color:#fff;background: rgba(255, 255, 255, 0.15);
	transform: rotate(4deg);
	border: 2px solid #fff;
	border-radius: 67px;
	width: 370px;
	height: 110px;
	display:block;
	text-align:center;
	line-height:110px;
}

.top p{
	max-width:500px;
	color: #FFF;
	font-size: 25px;
	font-weight: 500;
	line-height: 129%; 
    letter-spacing: -0.5px;
}


.counts{
	background: #F6F6F6;
	padding-top:50px;
	padding-bottom:50px;
}

.counts .wrapper{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.counts .wrapper div{
	flex:0 0 33%;
}

.counts span:first-child,
.counts span.mob{
	color: var(--title, #060404);
	font-size: 43px;
	font-weight: 700;
	display:block;
}


.counts .wrapper div:last-child span:first-child{
	position:relative;
	padding-left:33px;
}
.counts .wrapper div:last-child span:first-child:before{
	content:'';
	position:absolute;
	width:32px;
	height:30px;
	background-image:url(img/star.svg);
	background-size:contain;
	background-repeat:no-repeat;
	left:-12px;
	top:10px;
}

.counts span:last-child{
	color: var(--sub, #808080);
	font-size: 29px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.services{
	padding-top:100px;
}

.services h2{
	color: var(--title, #060404);
	font-size: 43px;
	font-weight: 700;
}

.services:not(.mission) h2 + div{
	border-radius: 30px;
	background: var(--background, #F6F6F6);
	padding:68px 63px;
	margin:23px 0 35px;
	background-image:url(img/services.svg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.services.mission .cols p{
	max-width:430px;
}

.services a{
	width: 256px;
	height: 83px;
	line-height:83px;
	border-radius: 41.5px;
	background-color: var(--title, #060404);
	box-shadow: 0px 4px 17px 0px rgba(6, 4, 4, 0.24);
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	text-decoration:none;
	padding-left:41px;
	display:block;
	background-image:url(img/arrow.svg);
	background-repeat:no-repeat;
	background-position:190px 35px;
	transition:0.2s;
}


.services a:hover{box-shadow: 0 4px 23px 0 rgba(6, 4, 4, 0.59);}
.services h2 + div h3{
	color: var(--title, #060404);
	font-size: 33px;
	font-weight: 700;
	margin-bottom:17px;
	max-width:520px;
}

.services h2 + div p{
	color: var(--title, #060404);
	text-align: justify;
	margin-bottom:43px;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	max-width:520px;
}

.services .cols{
	display:flex;
	justify-content:space-between;
}

.services .cols > div{
	border-radius: 30px;
	background: var(--background, #F6F6F6);
	flex:0 0 49%;
	padding:70px 36px 45px;
	text-align:center;
}

.services .cols h3{
	color: var(--title, #060404);
	font-size: 33px;
	font-weight: 700;
	margin-bottom:22px;
	margin-top:42px;
}

.services .cols p{
	color: var(--title, #060404);
	font-size: 20px;
    text-align: center;
	font-weight: 500;
	max-width:386px;
	margin:0 auto;
}

.services img{
	max-width:134px;
    max-height: 134px;
}

.services:not(.mission) .cols div:first-child img{
	border-radius: 30px;
	box-shadow: 0px 13px 25px 0px rgba(0, 117, 255, 0.35);
}

.mission{
	padding-bottom:20px;
}

.mission h2{
	color: var(--title, #060404);
	margin:0 0 45px;
	text-align:center;
	font-size: 43px;
	font-weight: 700;
}


.map{
	background-color: var(--title, #060404);
	height: 465px;
	color:#fff;
	padding-top:52px;
	background-image:url(img/map.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.map .wrapper{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.map h2{
	font-size: 43px;
	max-width:335px;
}

.map p{
	font-size: 20px;
	font-weight:500;
	max-width:460px;
}

.reviews{
	padding-top:100px;
	padding-bottom:100px;
	background:#060404;
	position:relative;
	overflow-x:hidden;
	margin-top:80px;
}
div.owl-carousel {
    width: 120%;
}

.reviews .left{
    width: 400px;
    flex: 0 0 400px;
	text-align:left;
}

.reviews h2{
	font-size: 43px;
	margin-bottom:45px;
	color:#f6f6f6;
}

.reviews .wrapper{
	position:relative;
	display:flex;
	align-items:center;
}

.owl-carousel .owl-item .top-r img{
	width: auto;
}

.review{
	border-top: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 22px;
min-height: 405px;
    background: #222222;
	padding:30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.top-r{
	display:flex;
	align-items:center;
	margin-top:25px;
}

.review .text{
	font-weight:500;
font-size: 20px;
color:#f6f6f6;
line-height: 1.55;
}
.nav{
    display: flex;
    justify-content: flex-start;
	margin-top:30px;
}

.nav a:first-child{
	margin-left:0;
}
.nav a{
	border-radius:50%;
	display:block;
	cursor:pointer;
	width:45px;
	margin:0 15px;
	height:45px;
	background-image:url(img/left.svg);
	background-size:contain;
	background-repeat:no-repeat;
}

.nav a.next{
	transform:rotate(180deg);
}

.top-r > img{
	margin-right:20px;
}
.top-r .name{
	display:block;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 5px;
color:#f6f6f6;
}

.top-r div img{
    margin-left: -5px;
    margin-bottom: -6px;
}

.contact{
	background-image: url(img/footer-left.jpg);
    background-size: 394px 219px;
	background-repeat:no-repeat;
	padding-top:60px;
	padding-bottom:60px;
	position:relative;
}
.contact:before, .top:before, .reviews:before{
	content:'';
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	background-image: url(img/sq.png);
    background-size: 126px;
    opacity: 0.3;
}

.contact:before{
    background-image: url(img/sq3.png);
    opacity: .1;
}
.contact:before, .reviews:before {
    background-image: url(img/sq3.png);
}
.reviews:before{
	opacity: 0.5;
}

.contact:after{
	background-image: url(img/footer-right.jpg);
    background-size: 399px 219px;
	background-repeat:no-repeat;
	content:'';
	width:399px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
    z-index: -1;
}

.contact h4{
	color: #060404;
	font-size: 43px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.contact p{
	color: #808080;
	font-size: 20px;
	font-style: normal;
font-weight:500;
	line-height: 129%; /* 32.25px */
	letter-spacing: -0.75px;
	margin-top:16px;
}

.contact .wrapper{
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	z-index:8;
}

.contact a{
	text-align:left;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 83px;
	text-transform: uppercase;
	border-radius: 41.5px;
	background-color: var(--title, #060404);
	box-shadow: 0px 4px 17px 0px rgba(6, 4, 4, 0.24);
	width: 253px;
	height: 83px;
	flex-shrink: 0;
	padding-left:83px;
	text-decoration:none;
	background-image:url(img/mail.svg);
	background-repeat:no-repeat;
	background-position:32px 23px;
	transition:0.2s;
}

.contact a:hover{box-shadow: 0 4px 23px 0 rgba(6, 4, 4, 0.59);}

footer{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom:35px;
	padding-top:35px;
}

footer .left p{
font-size: 14px;
color:#808080;
margin-top:18px;
font-weight:500;
	
}

footer .right{
	display:flex;
	justify-content:space-between;
}

footer .right .col{
	margin-right:83px;
}

footer .right .col:last-child{
	margin-right:0;
}
footer .right a, 
footer .right p{
	font-weight: 600;
	font-size: 14px;
	text-decoration:none;
	line-height: 1.4;
	color: #060404;
	margin-bottom:6px;
	display:block;
}

footer h5{
	font-size: 10px;
	margin-bottom:16px;
	color:#808080;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

footer h5:before{
	content:'';
	width:8px;
	height:8px;
	background-image:url(img/ellipse.svg);
	background-repeat:no-repeat;
	display:inline-block;
	margin-right:8px;
}

.mob{
	display:none !important;
}

@media (max-width:1200px){
	.top h1{
		font-size:90px;
	}
	.top h1 span {
		font-size: 68px;
	}
}

@media (max-width:1000px){
	#scroll{
		display:none;
	}
	.top .bord {
		position: relative;
		width: 800px;
		margin-bottom: 90px;
		left: 0;
		top: 0;
	}
	.top h1{
		font-size:70px;
	}
	.top h1 span {
		font-size: 50px;
	}
	.top h1 span:before {
		content: '';
		width: 255px;
		height: 255px;
		position: absolute;
		left: -233px;
	}
	.search img {
    max-width: 350px;
	}
}

	footer .copy-mob{
		display:none;
font-weight: 400;
font-size: 12px;
text-align: center;
color: rgba(0, 0, 0, 0.46);
    margin-top: 20px;
    width: 100%;
	}

	.top p br{display:none}
@media (max-width:800px){
	.services:not(.mission) .cols div:first-child img {
    border-radius: 21px;
	}
	.what-items > div{
		flex:0 0 100%;
		margin-bottom:20px;
		padding:35px;
		flex-direction:column;
		align-items:flex-start;
	}
	.what-items > div img{
		margin-bottom:17px;
	}
	.what-items > div h3{
		font-size:22px;
	}
	.what-items > div p {
    font-size: 18px;
    margin-top: 8px;
}
.what-items > div:last-child{
	margin-bottom:0;
}
	.nav{
		margin-top:25px;
	}
	.review{
		padding:35px;
	}
	.top-r .name, .review .text{
		font-size:18px;
    line-height: 1.73;

	}
	.reviews h2 {
    font-size: 25px;
    margin-bottom: 23px;
	}
	.reviews {
    padding-top: 50px;
    padding-bottom: 50px;
}
	.top-r div img{
		width:145px !important;
	}
	.nav a{
		margin:0 10px;
	}
	.top h1{
		font-size:58px;
		flex-direction: column;
		width: 300px;
		margin: 0 auto;
	}
	.top .bord{
		width:320px;
    top: 20px;
    margin: 0 auto 160px;
	}
	.top p br{display:block}
	.top p {
    max-width: 305px;
    margin: 0 auto;
    color: #FFF;
    font-size: 18px;
	}.top {
    padding-top: 90px;
	}
	.top .bord span:first-child{
		font-size:36px;
		width:319px;
		height:74px;
		line-height:74px;
		border-width:2px;
	}
	.top .bord span:last-child{
		font-size:32px;
		width: 243px;
		height: 72px;
		line-height:72px;
		right: 22px;
		top: 90px;
		border-width: 1px;
	}
	.top h1 span:before {
		left: 30px;
		top: -197px;
	}
	.top h1 span {
		margin-left: 0;
		margin-top: 130px;
	}
	.counts span:last-child{
		font-size: 18px;
	}
	.counts span:first-child, .counts span.mob{
		font-size: 25px;
	}
	.counts .wrapper div:last-child span:first-child:before {
		width: 21px;
		height: 19px;
		left: -1px;
		top: 5px;
	}
	.counts .wrapper div:last-child span:first-child {
		padding-left: 28px;
	}

	.counts{
		padding-top:35px;
		padding-bottom:35px;
	}


	.desk{
		display:none !important;
	}

	.mob{
		display:block !important;
	}
	
	.services .cols {
		flex-wrap:wrap;
	
	}
	.services .cols > div{
		flex:0 0 100%;
		margin-bottom:20px;
		padding:41px 31px;
	}
	.services .cols h3{
		margin-top:30px;
		font-size:22px;
		margin-bottom:13px;
	}
	.services .cols p{
		font-size:18px;
	}
	.services:not(.mission) h2 + div{
		padding:32px;
		padding-bottom:210px;
    background-size: 100%;
    background-position: 32px 357px;
	margin-bottom:20px;
	}
	.services img {
		max-width: 93px;
	}
	.contact{
		padding-top:50px;
		padding-bottom:50px;
	}
	.contact .wrapper{
		flex-direction:column;
		text-align:center;
	}
	.contact .left{
		margin-bottom:40px;
	}
	.map{
		height:auto;
		padding-bottom:300px;
    background-position: center 120%;
	}
	.map h2{
		font-size:25px;
		margin-bottom:15px;
	}
	.map p{
		font-size:18px;
	}
	.map .wrapper{
		flex-direction:column;
		text-align:left;
		align-items: flex-start;
	}
	footer{
		flex-direction: column;
		align-items: flex-start;
    padding-bottom: 30px;
    padding-top: 30px;
	}
	footer .left{
		margin-bottom: 30px;
	}
	footer .left img{
		
    width: 86px;
	}
	footer .left p{
		display:none;
	}
	footer .copy-mob{
		display:block;
	}
	
}
#burger{
	display:none;
	width:31px;
	height:31px;
	background-image:url(img/burger.svg);
	background-size:contain;
}
.mob-header{
	display:none;
	align-items:center;
	justify-content:space-between;
}

.mob-header img{
	width:73px;
    margin: 26px 0 0 20px;
}

.fixed #burger{
	background-image:url(img/cross.svg);
}

.mobi.nav{
	display:none;
}
@media (max-width:760px){
	.reviews{
		margin-top:30px;
	}
.mob-header{display:flex;}
header ul svg{margin-right:15px;
display:block;}
header ul li{
	display:flex;
    align-items:center;
}
	.inner-page h1, .what h2{
		font-size:25px;
		margin-bottom:20px;
	}
	.inner {
    padding-top: 60px;
	}
	.reviews .wrapper{
		flex-direction:column;
		align-items:flex-start;
	}
	
.mobi.nav{
	display:flex;
	justify-content:center;
	margin-top:10px;
    width: 100%;
}
	.reviews .left .nav{
		display:none;
	}
	.review{
		padding:25px;
		min-height:auto;
	}
	.contact:after{
		display:none;
	}
	div.owl-carousel {
    width: 100%;
}
.reviews h2 br{
	display:none;
}
.reviews .left {
    width: 300px;
    flex: 1;
    text-align: left;
}
	.inner-page, html {
		overflow-x: hidden;
		max-width: 100%;
	}
	header, .search h2{
		display:none;
	}
	.search a{
		width: 273px;
		height: 71px;
		line-height: 71px;
		margin:0 auto 50px;
		font-size:18px;
	}
	.inner-page{overflow-x:hidden;}
	.search{flex-direction:column;
	margin-bottom:50px;
    align-items: flex-start;}
	.search p{
		font-size:18px;
		text-align:center;
		margin-bottom:30px;
	}
	.search img{
		max-width:650px;
		margin-left:0;
	}
	header ul{
		flex-direction:column;
		padding-left:40px;
		padding-top: 40px;
		align-items:flex-start;
		width:100%;
    max-width: 350px;
	}
	header.open img{
		display:none;
	}
	header .wrapper > div{
		flex-direction:column;
		justify-content:space-between;
		height:100%;
		width:100%;
	}
	header.open{
		display:block;
		backdrop-filter: none;
    background: rgb(2 147 254 / 93%);
		position:fixed;
		left:0;
		top:0;
		height:100%;
		width:100%;
	}
	header.open .wrapper {
    height: 100%;
}
	header a.btn{
		
    width: 305px;
    background-position-x: 243px;
    margin-bottom: 40px;
    border-radius: 50px;
    height: 74px;
    line-height: 74px;
    padding-left: 32px;
	}
    header ul a{
    color:rgba(255, 255, 255, 0.71) !important;
    }
	header ul .active a{
		color:#fff !important;
	}
	#burger{
		display:block;
		position:absolute;
		z-index:22;
		right:20px;
		top:20px;
	}
}

@media (max-width:640px){
	footer .right{
		flex-wrap:wrap;
	}
	
	footer .right .col{
		flex:0 0 50%;
    margin-right: 0;
    margin-bottom: 30px;
	}
	footer .right .col:last-child{
		flex:0 0 100%;
    margin-right: 0;
    margin-bottom: 0;
	}
	.mission h2 {
    margin: -20px 0 18px;
    text-align: center;
		font-size: 25px;
	}
	
	.contact h4, .services h2{
		font-size:25px;
	}
	.services{
		padding-top:50px;
	}
	
	.services h2 + div h3{
		font-size:22px;
		margin-bottom:13px;
	}
	.services h2 + div p{
		font-size:18px;
		margin-bottom:22px;
	}
	
	.services a{
		width: 206px;
		height: 63px;
		font-size: 18px;
		line-height:63px;
		padding-left:29px;
    background-position: 152px 25px;
	}
	
	.services:not(.mission) h2 + div{
		margin-top:18px;
    background-position: 32px 280px;
	}
	.contact p{
		margin-top:11px;
		font-size:18px;
		line-height:23px;
	}
	.contact a{
    background-size: 34px 34px;
    background-position: 31px 16px;
		width: 219px;
		height: 66px;
		line-height:66px;
		padding-left:74px;
		font-size:18px;
	}
	footer p{
		font-size:14px;
	}
	
	footer, footer a{
		font-size:18px;
	}
}



@media (max-width: 500px){
.services:not(.mission) h2 + div {
    background-position: 32px 300px;
}
}


@media (max-width: 400px){
.services:not(.mission) h2 + div {
    background-position: 32px 350px;
}
}


@media (max-width:340px){
.services:not(.mission) h2 + div {
    background-position: 32px 370px;
}
body, html{
    overflow-x: hidden;}
}