html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}

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


:root{
  --main-color: #FEB72F;
  --bwidth: 23px;
}


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&family=Saira+Condensed:wght@300;400&display=swap');



html,
body{
	background: #14171a;
	float: left;
	width: 100%;
	/* min-height: 100%; */
}
body{
	background: #14171a;
	color: #bacfd6;
	font-family: 'Saira Condensed', sans-serif;
	font-size: 16px;
	line-height: 1.2;
}
a{
	color: #bacfd6;
	text-decoration: none;
}


h1,
.h1{
	font-size: 34px;
	line-height: 1;
	padding: 0;
	margin: 0 0 15px;
}
h2,
.h2{
	font-size: 24px;
	line-height: 1;
	padding: 0;
	margin: 0 0 10px;
}
h3,
.h3{
	font-size: 20px;
	line-height: 1;
	padding: 0;
	margin: 0 0 10px;
}
h4,
.h4{
	font-size: 16px;
	line-height: 1;
	padding: 0;
	margin: 0 0 10px;
}

p{
	margin: 0 0 15px;
}
p:last-child{
	margin-bottom: 0;
}
hr{
	border: none;
	border-bottom: #dfdfdf 1px solid;
	margin: 20px 0;
}

.main_wrapper{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.w100{
	width: 100%;
}
.w50{
	width: 50%;
}
.claer{
	clear: both;
}

.fx{
	display: flex;
	flex-direction: row;
}
.fx.v{
	flex-direction: column;
}
.fx.c{
	justify-content: center;
}
.fx.vc{
	align-items: center;
}
.fx.sb{
	justify-content: space-between;
}
.fx.w{
	flex-wrap: wrap;
}

.main_width{
	width: 1600px;
	max-width: calc(100% - 200px);
	margin: 0 auto;
}
.content_width{
	width: 1200px;
	max-width: calc(100% - 200px);
	margin: 0 auto;
}



[data-tooltip]{
	position: relative;
}
[data-tooltip]:before {
    content: attr(data-tooltip);
    background: #000;
	color: #fff;
	font-size: 12px;
	line-height: 1.1;
	white-space: nowrap;
	text-align: center;
	text-transform: none;
	position: absolute;
	left: -9000px;
	bottom: 100%;
	opacity: 0;
	transform: translate(-50%, -30px);
	transition: opacity .5s, transform .5s;
	padding: 5px 10px;
}
[data-tooltip]:hover:before{
	left: 50%;
	opacity: 1;
	transform: translate(-50%, -10px);
}
[data-tooltip]:after{
	content: '';
	border: 8px solid transparent;
	border-top: #000 8px solid;
	position: absolute;
	left: -9000px;
	bottom: 100%;
	opacity: 0;
	transform: translate(-50%, -14px);
	transition: opacity .5s, transform .5s;
}
[data-tooltip]:hover:after{
	left: 50%;
	opacity: 1;
	transform: translate(-50%, 4px);
}





.header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 20;
	transition: .5s;
	padding: 70px 100px 20px;
}
.header .logo img{
	transition: .5s;
}
.scrolled .header{
	background: #080A0C;
	padding-top: 10px;
	padding-bottom: 5px;
}
.scrolled .header .logo img{
	height: 50px;
}
.header .open_menu_bx{
	cursor: pointer;
}

.top_block{
	background: linear-gradient(to bottom, #1f4159, #14171a);
	font-family: 'Roboto', sans-serif;
	position: relative;
	min-height: 100vh;
	overflow: hidden;
}
.top_slider{
	z-index: 5;
	padding-top: 10vh;
}
.top_slider,
.top_slider *{
	box-sizing: content-box;
}
.top_slider .slick-list{
	padding: 0 !important;
}
.top_slider .slick-track{
	display: flex;
	height: 30vw;
}
.top_slider .item{
	position: relative;
	opacity: .5;
	transition: 0.5s;
}
.top_slider .item img{
	display: block;
	position: absolute;
	left: 50%;
	bottom: 10%;
	width: calc(100% - 6vw);
	transition: 0.5s;
	transform: translateX(-50%);
}
.top_slider .item:not(.slick-active) img{
	width: 6.5vw !important;
}
.top_slider .item.slick-active,
.top_slider .item.slick-active.slick-center + .item.slick-active + .item.slick-active{
	width: 9vw !important;
}
.top_slider .item.slick-active.slick-center + .item.slick-active + .item.slick-active img{
	bottom: 10%;
}
.top_slider .item.slick-active + .item.slick-active{
	width: 11vw !important;
}
.top_slider .item.slick-active + .item.slick-active img{
	bottom: 5%;
}
.top_block .top_slider .item.slick-active.slick-center{
	width: 30vw !important;
	opacity: 1;
}
.top_block .top_slider .item.slick-active.slick-center img{
	bottom: 0;
}
.top_slider .item{
	padding: 0 3vw;
}
.top_slider .item img{
	/* width: 100%; */
}

.slick-arrow{
	/* background: rgba(255,255,255,.2); */
	background: none;
	border: none;
	position: absolute;
	font-size: 0;
	width: 150px;
	height: 150px;
	bottom: 7.5%;
	z-index: 5;
	cursor: pointer;
}
.slick-arrow.slick-prev{
	left: 19vw;
}
.slick-arrow.slick-next{
	right: 19vw;
}
.slick-arrow:before{
	content: '';
	border-top: #38acf7 2px solid;
	border-right: #38acf7 2px solid;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30%;
	height: 30%;
	transition: .3s;
}
.slick-arrow.slick-prev:before{
	transform: translate(-30%, -50%) rotate(-135deg);
}
.slick-arrow.slick-next:before{
	transform: translate(-80%, -50%) rotate(45deg);
}
.slick-arrow:hover:before{
	border-width: 3px;
	width: 50%;
	height: 50%;
}

.top_block .title3_bx{
	border-bottom: #A4D8F8 2px solid;
	border-left: #A4D8F8 2px solid;
	position: absolute;
	right: 0;
	top: 20vh;
	width: 30vw;
	min-height: 27vw;
	z-index: 1;
	padding: 7vh 0 7vh 2vw;
}
.top_block .title3_bx:before{
	content: '';
	border-top: #A4D8F8 2px solid;
	border-left: #A4D8F8 2px solid;
	position: absolute;
	right: 100%;
	top: 0;
	width: 45vw;
	height: 130%;
}
.top_block .title3_bx:after{
	content: '';
	background: #A4D8F8;
	position: absolute;
	right: calc(100% + 45vw);
	top: calc(130% - 2px);
	width: 25vw;
	height: 2px;
}
.top_block .title3_bx .title3{
	color: #D3E3E3;
	font-size: 22px;
	line-height: 1.2;
}
.top_block .title2_bx{
	border-bottom: #F3402D 2px solid;
	border-left: #F3402D 2px solid;
	position: relative;
	/* position: absolute; */
	left: 9vw;
	/* top: calc(11vh + 30vw); */
	width: 33vw;
	padding: 3px 0 20px 17px;
	margin: 1vh 0 10vw;
}
.top_block .title2_bx:before{
	content: '';
	background: #F3402D;
	position: absolute;
	right: 100%;
	top: 0;
	width: 9vw;
	height: 2px;
}
.top_block .title2_bx .title2{
	color: #D3E3E3;
	font-size: 22px;
	line-height: 1.2;
}
.top_block .title1_bx{
	border: #F3402D 2px solid;
	border-top: none;
	text-align: center;
	position: absolute;
	left: 100%;
	top: 100%;
	width: 50vw;
	padding: 0 10px;
}
.top_block .title1_bx:before{
	content: '';
	border-left: #F3402D 2px solid;
	border-top: #F3402D 2px solid;
	position: absolute;
	left: 100%;
	bottom: 100%;
	width: 8vw;
	height: 20vw;
}
.top_block .title1{
	display: inline-block;
	color: #D3E3E3;
	font-size: 5vw;
	font-weight: 500;
	line-height: 1;
	position: relative;
	top: -4vw;
	margin: 0;
}
.top_block .title1 span{
	display: block;
	text-align: left;
	white-space: nowrap;
}

.title_s1{
	display: inline-block;
	border-right: #38abf6 1px solid;
	border-bottom: #38abf6 1px solid;
	font-size: 42px;
	line-height: 1.4;
	font-weight: 500;
	position: relative;
	padding: 25px 25px 10px 0;
	margin: 0;
}
.title_s1:before{
	content: '';
	border-right: #38abf6 1px solid;
	border-top: #38abf6 1px solid;
	position: absolute;
	right: -1px;
	bottom: 100%;
	width: 73%;
	height: 90px;
}

.title_s2{
	display: inline-block;
	border-top: #38abf6 1px solid;
	border-right: #38abf6 1px solid;
	font-size: 40px;
	line-height: 1.4;
	font-weight: 500;
	position: relative;
	padding: 90px 25px 5px 0;
	margin: 15px 0 20px;
}
.title_s2:before{
	content: '';
	background: #38abf6;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 1px;
	height: 16px;
}
.title_s2:after{
	content: '';
	background: #38abf6;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 65%;
	height: 1px;
}
.title_s1 span,
.title_s2 span{
	display: inline-block;
}

.about_block{
	background: linear-gradient(to right, #224358, #14171a 30%);
	margin-top: 100px;
}
.about_block .content_block{
	border-left: #38abf6 1px solid;
	padding: 10px 0 100px;
}
.about_block .img_bx{
	position: relative;
	width: 50%;
}
.about_block .img_bx img{
	background: #18253b;
	position: absolute;
	right: 0;
	top: 0;
	width: 50vw;
	height: 100%;
	max-width: 900px;
	object-fit: cover;
}
.about_block .cont_bx{
	color: #E8ECEF;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 300;
	width: 50%;
	padding: 0 40px 0 20px;
}
.about_block .cont_bx p:not(:last-child){
	margin-bottom: 15px;
}

.use_block{
	background: linear-gradient(to right, #14171a 70%, #224358);
	padding: 0 0 50px;
}
.use_block .cont_bx{
	color: #E8ECEF;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 300;
	width: 55%;
	padding: 0 40px 0 0;
}
.use_block .img_bx{
	position: relative;
	width: 45%;
}
.use_block .img img{
	width: 800px;
	max-width: 45vw;
}
.use_block .img_bx p{
	color: #E8ECEF;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 300;
	margin: 40px 0 0;
}

.photo_video_line{
	margin: 100px 0;
}
.photo_video_line .item{
	position: relative;
}
.photo_video_line .item:nth-child(1),
.photo_video_line .item:nth-child(2){
	width: 40%;
}
.photo_video_line .item:nth-child(3){
	width: 20%;
}
.photo_video_line .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.photo_video_line .item.video:after{
	content: '';
	background: url(../images/play.svg) no-repeat center/contain;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 200px;
	transition: .3s;
	transform: translate(-50%, -50%);
}
.photo_video_line .item.video:hover:after{
	width: 240px;
	height: 240px;
}

.project_block{
	background: url(../images/project_bg.png) no-repeat right calc(100% - 70px);
	padding: 100px 0 0;
}
.project_block .block_1 .title_bx{
	width: 45%;
}
.project_block .block_1 .title_bx .desc_bx{
	border-left: #38abf6 1px solid;
	padding: 25px 0 25px 25px;
}
.project_block .block_1 .title_bx .title2{
	font-size: 20px;
}
.project_block .block_1 .title_bx .txt{
	font-weight: 300;
}
.project_block .block_1 .images_bx{
	width: 55%;
	align-items: flex-end;
}
.project_block .item{
	margin: 20px 0 0 20px;
}
.project_block .item a{
	display: block;
	position: relative;
}
.project_block .item a:before{
	content: '';
	border: #38abf6 1px solid;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60%;
	height: 60%;
	transition: .5s;
	transform: translate(-50%, -50%);
	clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 30%, 50% 30%);
	-webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 30%, 50% 30%);
	opacity: 0;
}
.project_block .item a:hover:before{
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	opacity: 1;
}
.project_block .item img{
	display: block;
	width: 100%;
}
.project_block .block_1 .images_bx .item{
	width: 20%;
}
.project_block .block_1 .images_bx .item:nth-child(1){
	width: 30%;
}
.project_block .block_1 .images_bx .item:nth-child(3){
	width: 15%;
}
.project_block .block_1 .images_bx .item:nth-child(4){
	width: 10%;
}
.project_block .block_2{
	border-left: #38abf6 1px solid;
	padding: 0 0 100px;
}
.project_block .block_2 .images_bx1{
	width: 63.15%;
	justify-content: flex-end;
}
.project_block .block_2 .images_bx2{
	width: 36.85%;
}
.project_block .block_2 .images_bx4{
	width: 37%;
}
.project_block .block_2 .images_bx3{
	width: 63%;
}
.project_block .block_2 .images_bx4 .item:nth-child(2){
	width: calc(40% - 20px);
}
.project_block .block_2 .images_bx4 .item:nth-child(3){
	width: calc(60% - 20px);
}
.project_block .block_2 .images_bx5{
	align-items: flex-end;
}
.project_block .block_2 .images_bx5 .item{
	width: 30%;
}
.project_block .block_2 .images_bx6{
	justify-content: flex-end;
}
.project_block .block_2 .images_bx6 .item{
	width: calc(28% - 20px);
}
.project_block .block_2 .images_bx6 .item:nth-child(1){
	width: calc(18% - 20px);
}
.project_block .block_2 .images_bx6 .item:nth-child(3){
	width: calc(48% - 20px);
}
.project_block .block_2 .images_bx2 .item{
	width: calc(100% - 20px);
}

.brands_block{
	margin: 0 0 240px;
}
.brands_block .img{
	float: right;
	margin: 50px 0 0;
}
.brands_block img:not(.img){
	width: 60px;
	height: 60px;
	margin: 15px 15px 0 0;
}
.cities_block .desc_bx{
	border-left: #38abf6 1px solid;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.6;
	position: relative;
	z-index: 3;
	padding: 35px 0 25px 35px;
}
.cities_block .desc_bx:before{
	content: '';
	background: #38abf6;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 855px;
	height: 1px;
}
.cities_block .desc_bx:after{
	content: '';
	background: #38abf6;
	position: absolute;
	left: 854px;
	top: 100%;
	width: 1px;
	height: 217px;
}
.cities_block_p2{
	background: linear-gradient(to bottom, #14171a, #1f435b);
	position: relative;
	overflow: hidden;
	min-height: 500px;
}
.cities_block_p2 .cities{
	width: 350px;
	padding: 60px 0 190px;
}
.cities_block_p2 .cities .title{
	color: #D3E3E3;
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 30px;
}
.cities_block_p2 .lists ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.cities_block_p2 .lists ul:first-child{
	margin-right: 60px;
}
.cities_block_p2 .lists ul li{
	color: #D3E3E3;
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 12px;
}
.cities_block_p2 .lists ul li.selected{
	color: #2C91ED;
}
.cities_block_p2 .map_bx{
	position: relative;
	width: calc(100% - 350px);
}
.cities_block_p2 .map_bx .map{
	background: url(../images/map.svg) no-repeat 0 0/contain;
	position: absolute;
	left: -100px;
	top: 0;
	width: 1100px;
	height: 700px;
}
.author_block{
	margin: 150px 0 0;
}
.author_block .title_bx{
	width: 350px;
}
.author_block .cont_bx{
	color: #E8ECEF;
	font-size: 17px;
	line-height: 1.6;
	font-weight: 300;
	width: calc(100% - 350px);
	padding: 50px 0 0 40px;
}
.author_block .image_bx{
	position: relative;
	float: right;
	width: 100%;
	padding: 30px 0 0;
}
.author_block .image_bx:after{
	content: '';
	background: #38abf6;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
}
.author_block .image_bx img{
	float: right;
	width: 550px;
}

/* .works_block .title_s2:before{
	width: 100%;
	height: 80px;
} */
.works_block .slider{
	background: linear-gradient(to right, rgb(20, 23, 26, 0) 35%, #161e23);
	padding: 10px;
	margin: 0 0 100px;
}
.works_block .slider .item{
	position: relative;
}
.works_block .slider .item:before{
	content: '';
	border: #38abf6 1px solid;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60%;
	height: 60%;
	transition: .5s;
	transform: translate(-50%, -50%);
	clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 30%, 50% 30%);
	-webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 30%, 50% 30%);
	opacity: 0;
}
.works_block .slider .item:hover:before{
	opacity: 1;
	width: 100%;
	height: 100%;
}
.works_block .slider .item img{
	width: calc(100% - 20px);
	margin: 10px;
}
.works_block .slick-arrow{
	height: 100%;
	width: 260px;
	bottom: 0;
	padding: 0;
}
.works_block .slick-arrow:before{
	width: 50px;
	height: 50px;
}
.works_block .slick-arrow:hover:before{
	width: 80px;
	height: 80px;
}
.works_block .slick-arrow.slick-prev{
	background: linear-gradient(to right, rgba(20, 23, 26, 1), rgba(20, 23, 26, 0));
	left: 0;
}
.works_block .slick-arrow.slick-next{
	background: linear-gradient(to left, rgba(20, 23, 26, 1), rgba(20, 23, 26, 0));
	right: 0;
}

.slick-dots{
	display: flex;
	list-style: none;
	position: absolute;
	left: 50%;
	bottom: -20px;
	max-width: 100%;
	transform: translateX(-50%);
	padding: 0;
	margin: 0;
}
.slick-dots li{
	padding: 0;
	margin: 0;
}
.slick-dots button{
	background: none;
	border: none;
	font-size: 0;
	position: relative;
	width: 120px;
	height: 30px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.slick-dots button:before{
	content: '';
	background: #0e659d;
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
	width: 100%;
	height: 2px;
}
.slick-dots button:hover:before{
	background: #1271ae;
}
.slick-dots .slick-active button:before{
	background: #8ed0fc;
}

.dali360_block{
	position: relative;
	margin: 150px 0 150px;
}
.dali360_block > .wrapper{
	position: relative;
}
.dali360_block > .wrapper:before{
	content: '';
	background: linear-gradient(to right, rgba(20, 23, 26, 0) 40%, #224357);
	position: absolute;
	left: 0;
	top: 30px;
	width: 100%;
	height: calc(100% - 30px);
}
.dali360_block .cont1{
	border-left: #38abf6 1px solid;
	position: relative;
	padding-bottom: 80px;
}
.dali360_block .cont1:before{
	content: '';
	border-top: #38abf6 1px solid;
	border-right: #38abf6 1px solid;
	position: absolute;
	bottom: 100%;
	right: 100%;
	width: 500px;
	height: 30px;
}
.dali360_block .image_bx{
	position: relative;
	z-index: 2;
	margin: 0 50px;
}
.dali360_block .txt{
	color: #E8ECEF;
	font-size: 20px;
	line-height: 1.6;
	font-weight: 300;
}

.dali360_block .title_bx{
	border-left: #38abf6 1px solid;
	position: relative;
	top: -60px;
}
.dali360_block .title_s1{
	padding-left: 25px;
}
.dali360_block .video_bx{
	display: block;
	position: relative;
}
.dali360_block .video_bx img{
	display: block;
	width: 100%;
}
.dali360_block .to_full_scr{
	background: #2C2525 url(../images/fullscreen.svg) no-repeat center/70% 70%;
	border-radius: 50%;
	position: absolute;
	left: 70px;
	top: 40px;
	width: 110px;
	height: 110px;
	transition: .3s;
}
.dali360_block .to_full_scr:hover{
	background-size: 80% 80%;
}
.dali360_block .play_bx{
	background: url(../images/play2.svg) no-repeat center/ 20% 20%;
	position: absolute;
	left: 45%;
	top: 5%;
	width: 45vw;
	height: 45vw;
	transition: .3s;
}
.dali360_block .play_bx:hover{
	background-size: 23% 23%;
}
.dali360_block .play_bx .circle1{
	border: #38abf6 3px solid;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	height: 80%;
	transform: translate(-50%, -50%);
	animation: 30s linear 0s infinite rotate;
}

@keyframes rotate{
    from {
        transform: translate(-50%, -50%) rotate(0);
    } 
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    } 
}
.dali360_block .play_bx .circle1:before,
.dali360_block .play_bx .circle1:after{
	content: '';
	background: #0e1d34;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}
.dali360_block .play_bx .circle1:before{
	width: 17%;
	height: 17%;
	top: 0;
	
}
.dali360_block .play_bx .circle1:after{
	width: 10%;
	height: 10%;
	top: 100%;
}
.dali360_block .play_bx .circle2{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	animation: 30s linear 0s infinite rotate;
	animation-direction: reverse;
}
.dali360_block .play_bx .circle2 div{
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.dali360_block .play_bx .circle2 div:before{
	content: '';
	border: #38abf6 1px solid;
	border-radius: 50%;
	position: absolute;
	width: 200%;
	height: 100%;
}

.team_block{
	background: linear-gradient(to bottom, #14171a, #070809);
	padding: 100px 0 150px;
}
.team_bx{
	background: url(../images/team_bg.png) no-repeat center/contain;
	border-bottom: #38abf6 1px solid;
	position: relative;
	padding: 0 20px 80px 0;
}
.team_bx:before{
	content: '';
	background: #38abf6;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	height: 300px;
}
.team_bx:after{
	content: '';
	background: #38abf6;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 150px;
}
.team_bx .column1 > .wrapper{
	border-left: #38abf6 1px solid;
}


.team_bx .item{
	width: calc(100% - 20px);
	margin: 20px 0 0 20px;
}
.team_bx .item .title{
	color: #DAE5E5;
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 5px;
}
.team_bx .item .title.v1{
	font-size: 30px;
}
.team_bx .img{
	background: linear-gradient(180deg, #737678, #1e2830);
	position: relative;
	width: 100%;
	padding: 0 0 80%;
}
.team_bx .img.c2{
	background: linear-gradient(180deg, #184867, #1e2830);
}
.team_bx .img.h70{
	padding-bottom: 70%;
}
.team_bx .img.h100{
	padding-bottom: 100%;
}
.team_bx .img img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.team_bx .column1{
	width: 40%;
}
.team_bx .column2{
	width: 60%;
}
.team_bx .column3{
	align-items: flex-end;
	width: 40%;
}
.team_bx .column4{
	width: 60%;
}
.team_bx .column5{
	width: 60%;
}
.team_bx .column6{
	align-items: flex-end;
	width: 40%;
}
.team_bx .column2 .row1{
	align-items: flex-end;
}
.team_bx .column3 .item:nth-child(2){
	width: 60%;
}
.team_bx .column6 .item:nth-child(1){
	width: calc(60% - 20px);
}
.team_bx .column6 .item:nth-child(2){
	width: calc(40% - 20px);
}
.team_bx .column2 .row2 .item:nth-child(1){
	width: calc(50% - 20px);
}
.team_bx .column2 .row2 .item:nth-child(2){
	width: calc(30% - 20px);
}
.team_bx .column2 .row2 .item:nth-child(3){
	width: calc(20% - 20px);
}

.contacts_block{
	background: #070809;
	width: 100%;
	min-height: 600px;
	overflow: hidden;
}
.contacts_block .title_bx{
	position: relative;
	z-index: 2;
	padding: 0 0 20px;
	margin: 0 0 50px;
}
.contacts_block .title_bx:before{
	content: '';
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 950px;
	height: 2px;
}
.contacts_block .title_bx:after{
	content: '';
	background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0));
	position: absolute;
	left: 948px;
	top: 100%;
	width: 2px;
	height: 150px;
}
.contacts_block .title_bx .title{
	font-size: 42px;
	line-height: 1.4;
	font-weight: 500;
	position: relative;
	padding: 0;
	margin: 0 0 20px;
}
.contacts_block .title_bx .desc{
	font-size: 26px;
	letter-spacing: .1em;
}
	
.contacts_block .column1{
	width: 400px;
}
.contacts_block .column2{
	position: relative;
	width: calc(100% - 400px);
}
.contacts_bx .item{
	margin: 0 0 30px;
}
.contacts_bx .item .icon{
	margin-right: 20px;
}
.contacts_bx .item .icon img{
	width: 36px;
	height: 36px;
}
.contacts_bx .item .cont{
	font-size: 20px;
}

.contacts_block .column2:before{
	content: '';
	background: url(../images/contact_map.svg) no-repeat 0 0/contain;
	position: absolute;
	left: 0;
	top: 0;
	width: 990px;
	height: 700px;
}



.mob_sidebar_bg{
    background: rgba(0,0,0,.5);
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s;
    z-index: 110;
    box-shadow: 0 4px 6px rgba(0,0,0,.16);
}
#mob_sidebar{
    display: none;
}
#mob_sidebar:checked ~ .mob_sidebar_bg{
    left: 0;
    opacity: 1;
}

.mob_sidebar{
    background: #080a0c;
    position: fixed;
    top: 0;
    right: -500px;
    width: 490px;
    height: 100%;
    transition: .4s ease-out;
    z-index: 112;
}
#mob_sidebar{
    display: none;
}
#mob_sidebar:checked ~ .mob_sidebar{
    right: 0;
}
#mob_sidebar:checked ~ .mob_sidebar > .wrapper{
    right: 0;
}

.mob_sidebar > .wrapper{
	text-align: right;
    position: relative;
    right: -100%;
    width: 100%;
    height: 100%;
    transition: .4s ease-out;
    overflow: auto;
    box-sizing: border-box;
    padding: 65px 90px;
}

.mob_sidebar .box{
	float: left;
	width: 100%;
}
.mob_sidebar .close{
	float: right;
	cursor: pointer;
	margin: 0 0 40px;
}
.mob_sidebar .close svg{
	stroke: #F2E4E4;
}
.mob_sidebar .close:hover svg{
	stroke: #7EC8F8;
}
.mob_sidebar ul{
	display: block;
	list-style: none;
}
.mob_sidebar li{
	border-bottom: #fff 2px solid;
	font-size: 22px;
	padding: 17px 0 15px;
}
.mob_sidebar li a{
	color: #fff;
}
.mob_sidebar li a:hover{
	color: #7EC8F8;
}




.id{
	position: relative;
	top: -66px;
}
@media (max-width: 1400px){
	.brands_block .title_s2{
		display: table;
	}
}
@media (max-width: 1200px){
	.header{
		padding: 50px 50px 20px;
	}
	.top_slider .slick-arrow{
		width: 140px;
		height: 140px;
		bottom: 4%;
		padding: 0;
	}
	.top_block .title3_bx .title3{
		font-size: 19px;
	}
	.top_block .title2_bx .title2{
		font-size: 20px;
	}
	.content_width{
		max-width: calc(100% - 60px);
	}
}
@media (max-width: 1100px){
	.dali360_block .to_full_scr{
		left: 30px;
		top: 30px;
		width: 90px;
		height: 90px;
	}
}
@media (max-width: 1000px){
	.contacts_block .title_bx .desc{
		display: none;
	}
	.top_slider{
		padding-top: 130px;
	}
	.top_slider .slick-track{
		height: 50vw;
	}
	.top_slider .item.slick-active + .item.slick-active img{
		bottom: 10%;
	}
	.top_slider .item.slick-active, 
	.top_slider .item.slick-active + .item.slick-active{
		width: 15.75vw !important;
	}
	.top_block .top_slider .item.slick-active.slick-center{
		width: 50vw !important;
	}
	.top_block .top_slider .item.slick-active.slick-center img{
		bottom: 0;
	}
	
	.top_slider .slick-arrow{
		bottom: 8%;
	}
	.top_block .slick-arrow.slick-prev{
		left: 3vw;
	}
	.top_block .slick-arrow.slick-next{
		right: 3vw;
	}
	.top_block .title3_bx{
		width: 24vw;
	}
	.top_block .title3_bx:before{
		width: 60vw;
	}
	.top_block .title3_bx:after{
		right: calc(100% + 60vw);
	}
	.title_s1,
	.title_s2{
		font-size: 30px;
	}
	.title_s1:before{
		height: 60px;
	}
	.title_s2{
		padding-top: 60px;
	}
	.photo_video_line .item.video:after{
		width: 100px;
	}
	.photo_video_line .item.video:hover:after{
		width: 120px;
	}
	.brands_block .img{
		width: 50%;
	}
}
@media (max-width: 900px){
	.about_block{
		margin-top: 150px;
	}
	.about_block .img_bx,
	.about_block .cont_bx{
		width: 100%;
	}
	.about_block .img_bx img{
		position: relative;
		width: calc(100% + 30px);
		height: auto;
		margin: 0 0 20px -30px;
	}
}
@media (max-width: 800px){
	/* .cities_block_p2 .cities,
	.cities_block_p2 .map_bx{
		width: 100%;
	} */
	.cities_block_p2 .cities{
		z-index: 2;
	}
	.cities_block_p2 .map_bx .map{
		left: -390px;
	}
}
@media (max-width: 700px){
	.content_width{
		max-width: calc(100% - 30px);
	}
	.header{
		padding: 20px;
	}
	.header .logo img,
	.header .open_menu_bx img{
		height: 38px;
	}
	.top_block .title3_bx{
		position: relative;
		left: 0;
		top: 0;
		width: auto;
		min-height: 20px;
		margin: 30px 0 30px 30px;
		padding: 0 10px 10px 10px;
	}
	.top_block .title3_bx .title3 br{
		display: none;
	}

	.top_block .slick-arrow{
		width: 15.75vw;
		height: 15.75vw;
	}

	.top_block .title2_bx{
		left: 2vw;
		width: 38vw;
		margin-bottom: 130px;
	}
	.top_block .title1_bx{
		width: 58vw;
	}
	.top_block .title2_bx .title2{
		font-size: 18px;
		margin: 0;
	}
	.top_block .title1{
		font-size: 7vw;
	}
	.top_block .title1 span{
		white-space: normal;
	}

	.use_block .cont_bx,
	.use_block .img_bx{
		width: 100%;
	}
	.use_block .cont_bx{
		padding: 0 0 40px;
	}
	.use_block .img img{
		width: 100%;
		max-width: 100%;
	}

	.author_block .title_bx,
	.author_block .cont_bx{
		width: 100%;
	}
	.author_block .image_bx img{
		width: calc(100% + 15px);
	}
	.author_block .cont_bx{
		border-left: #38abf6 1px solid;
		padding: 40px 0 20px 15px;
	}
	.works_block .slick-arrow{
		width: 24%;
	}
	.dali360_block .cont1{
		flex-wrap: wrap;
		justify-content: center;
	}
	.dali360_block .cont1 .cont_bx{
		padding: 20px 0 20px 15px;
	}
	.dali360_block .title_bx{
		top: 0;
		margin-bottom: 40px;
	}
	.dali360_block .to_full_scr{
		left: 20px;
		top: 20px;
		width: 70px;
		height: 70px;
	}
	.dali360_block .video_bx img{
		height: 300px;
		object-fit: cover;
	}
	.team_bx .item .title{
		font-size: 17px;
	}
	.team_bx .item .title.v1{
		font-size: 22px;
	}
	.team_bx .item {
		width: calc(100% - 10px);
		margin: 10px 0 0 10px;
	}
	.team_bx .column2 .row2 .item:nth-child(1){
		width: calc(50% - 10px);
	}
	.team_bx .column2 .row2 .item:nth-child(2){
		width: calc(30% - 10px);
	}
	.team_bx .column2 .row2 .item:nth-child(3){
		width: calc(20% - 10px);
	}
	.team_bx .column6 .item:nth-child(1){
		width: calc(60% - 10px);
	}
	.team_bx .column6 .item:nth-child(2){
		width: calc(40% - 10px);
	}
}
@media (max-width: 620px){
	.contacts_block .column2{
		display: none;
	}
	.project_block .item{
		margin: 10px 0 0 10px;
	}
	.project_block .item a:hover:before{
		width: calc(100% + 10px);
		height: calc(100% + 10px);
	  }
	.project_block .block_1 .title_bx{
		width: 100%;
	}
	.project_block .block_1 .images_bx{
		border-left: #38abf6 1px solid;
		width: 100%;
		padding-left: 40%;
	}
	.project_block .block_1 .images_bx .item:nth-child(1){
		width: calc(38% - 10px);
	}
	.project_block .block_1 .images_bx .item:nth-child(2){
		width: calc(27% - 10px);
	}
	.project_block .block_1 .images_bx .item:nth-child(3){
		width: calc(20% - 10px);
	}
	.project_block .block_1 .images_bx .item:nth-child(4){
		width: calc(15% - 10px);
	}
	.project_block .block_2 .images_bx4 .item:nth-child(2){
		width: calc(40% - 10px);
	}
	.project_block .block_2 .images_bx4 .item:nth-child(3){
		width: calc(60% - 10px);
	}
	.project_block .block_2 .images_bx6 .item:nth-child(3) {
		width: calc(48% - 10px);
	}
	.project_block .block_2 .images_bx6 .item{
		width: calc(28% - 10px);
	}
	.project_block .block_2 .images_bx6 .item:nth-child(1) {
		width: calc(18% - 10px);
	}
	.project_block .block_2 .images_bx2 .item {
		width: calc(100% - 10px);
	}
	.brands_block .img{
		width: 100%;
		margin: 40px 0;
	}
	.brands_block .content_width{
		text-align: center;
	}
	.brands_block .title_s2{
		text-align: left;
	}
	.slick-dots button{
		width: 60px;
	}
	.dali360_block .image_bx{
		text-align: center;
		width: 100%;
		margin: 0;
	}
	.dali360_block .image_bx img{
		width: 50%;
		max-width: 200px;
	}
	.dali360_block .play_bx {
		width: 60vw;
		height: 60vw;
	}

	.team_bx .column1,
	.team_bx .column2{
		width: 50%;
	}
	.team_bx .column3,
	.team_bx .column6 .item:nth-child(1),
	.team_bx .column6 .item:nth-child(2){
		display: none;
	}
	.team_bx .column4,
	.team_bx .column5,
	.team_bx .column6{
		width: 100%;
	}
	.team_bx .column2 .row2 .item:nth-child(1) {
		width: calc(100% - 10px);
	}
	.team_bx .column2 .row2 .item:nth-child(2){
		width: calc(70% - 10px);
	}
	.team_bx .column2 .row2 .item:nth-child(3){
		width: calc(30% - 10px);
	}
	.contacts_block .column1{
		width: 100%;
	}
	.contacts_block .title_bx:before{
		width: 100%;
	}
	.contacts_block .title_bx .title{
		margin: 0;
	}
}

@media (max-width: 500px){
	.photo_video_line .item.video:after{
		width: 60px;
	}
	.photo_video_line .item.video:hover:after{
		width: 70px;
	}
	.works_block .slick-arrow:before{
		width: 30px;
		height: 30px;
	}
	.works_block .slick-arrow:hover:before{
		width: 40px;
		height: 40px;
	}
	.mob_sidebar{
		right: -360px;
		width: 350px;
	}
	.mob_sidebar > .wrapper{
		padding: 60px 40px;
	}
}
@media (max-width: 440px){
	.dali360_block .video_bx img{
		height: 250px;
	}
}
@media (max-width: 400px){
	.header .logo img, .header .open_menu_bx img {
		height: 30px;
	}
	.cities_block_p2 .cities{
		width: 99%;
	}
	.cities_block_p2 .map_bx{
		width: 1%;
	}
}