@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300italic,regular,italic,500,500italic,700,700italic&display=swap);

/* Обнуление оснвных параметров браузера */
* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
	*,*:before,*:after{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.focus :active{outline: none;}
	a:focus, :active{outline: none;}
	
	nav,footer,header,aside{display: block;}
	
	html,body{
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}
	
	input,button,textarea{font-family: inherit;}
	
	input::-ms-clear{display: none;}
	button{cursor: pointer;}
	button::-moz-focus-inner {padding:0; border:0;}
	a, a:visited{text-decoration: none;}
	a:hover{text-decoration: none;}
	ul li{list-style: none;}
	img{vertical-align: top;}
	
	h1,h2,h3,h4,h5,h6{font-size: inherit;font-weight: 400;}
	/* -------------------------------------------------- */


	html, body {
		height: 100%;
		font-family: 'Ubuntu';
		font-weight: 400;
		font-size: 16px;
		line-height: 1;
		color: #30261e;
		background-color: rgba(255, 255, 255, 1);
	}
	body._lock {
		overflow: hidden;
	}
	.wrapper {
		display: flex;
		flex-direction: column;
		min-height: 100%; 
		overflow: hidden;
	}
	[class*="__container"]{
		margin: 0 auto;
		max-width: 1250px;
		padding: 0 10px;
	}
	.main__page {
		flex: 1 1 auto;
	}
	._aib {
		position: relative;
	}
	._aib img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	._title {
		margin-bottom: 24px;
		text-align: center;
		color: rgba(30, 33, 44, 1);
		font-family: Ubuntu;
		font-weight: 700;
		font-size: 46px;
		line-height: 130%;
	}
	._text {
		margin-bottom: 60px;
		text-align: center;
		color: rgba(120, 122, 128, 1);
		font-family: Ubuntu;
		font-weight: 400;
		font-size: 18px;
		line-height: 150%;
	}
	h3 {
		color: rgba(30, 33, 44, 1);
		font-family: Ubuntu;
		font-weight: 700;
		font-size: 28px;
		line-height: 150%;
	}
	h4 {
		margin-bottom: 8px;
		color: rgba(30, 33, 44, 1);
		font-family: Ubuntu;
		font-weight: 700;
		font-size: 20px;
		line-height: 150%;
	}
	.btn {
		text-align: center;
		color: #fff;
		font-family: Ubuntu;
		font-weight: 700;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		border-radius: 4px;
		background: rgba(255, 90, 48, 1);
		transition: all 0.3s ease 0s;
	}
	.btn:hover {
		color: rgba(255, 90, 48, 1);
		border: 1px solid rgba(255, 90, 48, 1);
		background-color: #fff;
	}
	/* ================== GO TO TOP ================== */
	.to-top {
		position: fixed;
		bottom: 80px;
		right: calc((100% - 1230px) / 2);
		display: inline-flex;
		align-items: flex-end;
		justify-content: center;
		gap: 16px;
		color: #fff;
		font-family: Ubuntu;
		font-weight: 400;
		font-size: 14px;
		line-height: 150%;
		text-shadow: 2px 2px 4px #30261e;
		z-index: 5;
		opacity: 0;
		visibility: hidden;
		transition: all 0.6s ease 0s;
	}
	.to-top span {
		width: 40px;
		height: 40px;
		border-radius: 4px;
		background: rgba(255, 90, 48, 1) url(../img/icons/Up-chevron.svg) center no-repeat;
	}
	.to-top:hover span {
		transition: 0.3s;
		transform: scale(1.05);
	}
	.to-top.to-top--active {
		opacity: 1;
		visibility: visible;
	}

	/* ================== HEADER ================== */

	.header {
		height: 92px;
		width: 100%;
	}
	.header__container {
		display: flex;
		align-items: center;
		height: 100%;
	}
	.header__logo {
		position: relative;
		z-index: 50;
	}
	.header__menu {
		display: flex;
		flex: 1 1 auto;
	}
	.header__nav {
		display: flex;
		align-items: center;
		flex: 1 1 auto;
	}
	.header__list {
		display: flex;
		margin: 0 0 0 60px;
	}
	.header__item:not(:last-child) {
		margin-right: 40px;
	}
	.header__link {
		color: rgba(66, 69, 81, 1);
		font-family: Ubuntu;
		font-weight: 700;
		font-size: 16px;
		line-height: 160%;
		vertical-align: middle;
		transition: 0.3s;
	}
	.header__link:hover {
		color: rgba(255, 90, 48, 1);
	}
	.header__contacts {
	}
	.contacts-header {
		display: flex;
		gap: 14px;
	}
	.contacts-header__item {
		display: inline-grid;
		grid-template: auto auto / 62px 1fr;
		color: rgba(30, 33, 44, 1);
		font-family: Ubuntu;
		font-weight: 400;
		font-size: 18px;
		vertical-align: middle;		
	}
	.contacts-header__contact {
		transition: 0.3s;
	}
	.contacts-header__item:hover .contacts-header__contact {
		color: rgba(255, 90, 48, 1);
	}
	.contacts-header__icon {
		text-align: center;
		align-self: center;
		grid-row: span 2;
	}
	.contacts-header__icon img {
		width: 40px;
		height: 40px;
	}
	.contacts-header__text {
		font-size: 14px;
		font-weight: 700;
	}
	.burger__menu {
		display: none;
	}

	/* ================== MAIN SLIDER ================== */

	.mainslider {
		position: relative;
	}
	.mainslider__body {
		overflow: hidden;
	}
	.mainslider__wrapper {
		position: relative;
	}
	.mainslider__container {
		position: relative;
		z-index: 2;
	}
	.content-mainslider {
		max-width: 577px;
		padding: 270px 0 353px 0;
	}
	.content-mainslider__title {
		margin-bottom: 24px;
		color: #fff;
		font-weight: 700;
		font-size: 72px;
		line-height: 130%;
		letter-spacing: 1px;
	}
	.content-mainslider__title span {
		color: rgba(255, 90, 48, 1);
	}
	.content-mainslider__text {
		margin-bottom: 61px;
		color: #fff;
		font-size: 20px;
		line-height: 150%;
	}
	.content-mainslider__buttons {
		display: flex;
		gap: 24px;
	}
	.content-mainslider__button {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 52px;
		padding: 0 40px;
		text-transform: uppercase;
		border-radius: 4px;
		border: 1px solid #fff;
		font-size: 16px;
	}
	.content-mainslider__learn {
		background: transparent;
	}
	.content-mainslider__request {
		border: 0;
		background-color: rgba(255, 90, 48, 1);
	}
	.content-mainslider__controls_arrows {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		width: 100%;
		z-index: 3;
		pointer-events: none;
	}
	.mainslider__arrows {
	}
	.arrows-mainslider {
		display: flex;
		justify-content: space-between;
		margin: 0 32px;
	}
	.arrows-mainslider__arrow {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		pointer-events: all;
		cursor: pointer;
		transition: all 0.3s ease 0s;
	}
	.arrows-mainslider__prev {
		background: #fff url(../img/mainslider/arrows/arrow-prev.png) center no-repeat;
	}
	.arrows-mainslider__next {
		background: #fff url(../img/mainslider/arrows/arrow-next.png) center no-repeat;
	}
	.arrows-mainslider__prev:hover {
		background: rgba(255, 90, 48, 1) url(../img/mainslider/arrows/arrow-prev-white.png) center no-repeat;
	}
	.arrows-mainslider__next:hover {
		background: rgba(255, 90, 48, 1) url(../img/mainslider/arrows/arrow-next-white.png) center no-repeat;
	}
	.arrows-mainslider__prev.swiper-button-disabled {
		background: rgba(255, 255, 255, 0.5) url(../img/mainslider/arrows/arrow-prev.png) center no-repeat;
   }
	.arrows-mainslider__next.swiper-button-disabled {
		background: rgba(255, 255, 255, 0.5) url(../img/mainslider/arrows/arrow-next.png) center no-repeat;
   }

	.content-mainslider__controls_dotts {
		position: absolute;
		bottom: 120px;
		width: 100%;
		z-index: 3;
		pointer-events: none; 
	}
	.content-mainslider__container {
	}
	.content-mainslider__dotts {
		counter-reset: dotts; 
		display: flex;
		position: relative;
		z-index: 4;
	}
	.swiper-pagination-bullet {
		display: flex;
      flex-direction: column;
      border-radius: 0;
      width: 178px;
      height: auto;
      text-align: left;
		pointer-events: all;
      background-color: transparent;
      opacity: 1;
	}
	.swiper-pagination-bullet::before {
		content: "0"counter(dotts);
		counter-increment: dotts;
		font-weight: 700;
		font-size: 28px;
		line-height: 150%;
		color: rgba(255, 255, 255, 0.3);
		transition: color 0.3s ease-in-out;
	}
	.swiper-pagination-bullet::after {
		display: none;
	}
	.hero__bar {
		position: relative;
		overflow: hidden;
		border-radius: 100px;
		width: 100%;
		height: 2px;
		background-color: rgba(255, 255, 255, 0.3);
	}
	.hero__bar::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: white;
		transform: scaleX(0);
		transform-origin: left;
	}
	.swiper-pagination-bullet-active:before {
		color: #fff;
	}
	.swiper-pagination-bullet-active .hero__bar:after {
		transform: scaleX(1);
      transition: transform var(--hero-slider-speed) ease-in-out;
	}
	.content-mainslider__image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	

	/* ================== BUREAU ================== */

	.bureau {
		padding: 120px 0 60px 0;
	}
	.bureau__container {
	}
	.bureau__video {
		position: relative;
		height: 500px;
		overflow: hidden;
		border-radius: 4px;
	/*	padding: 0 0 40.65% 0;  */
	}
	.bureau__video video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;  
	}
	.bureau__video:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; 
		background: rgba(41, 42, 44, 0.6);
		z-index: 2
	}
	.video-block--played:before {
		visibility: hidden;
      opacity: 0;
	}
	.video {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover; 
	}
	.video__btn {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%); 
		width: 80px;
		height: 80px;
		border-radius: 100%;
		background: rgba(255, 90, 48, 1) url(../img/video/Polygon.svg) center no-repeat;
		transition: all 0.3s ease 0s;
		position: relative;
		z-index: 4;
	}
	.video__btn:hover {
		background: rgb(253, 51, 0) url(../img/video/Polygon.svg) center no-repeat;
	}
	.video-block__play--played {
		visibility: hidden;
      opacity: 0;
	}

	/* ================== VALUES ================== */

	.values {
		padding: 120px 0 0 0;
	}
	.values__row {
		display: flex;
		margin-bottom: 120px;
	}
	.values__column {
		flex: 0 1 33.333%; 
		display: flex;
		background: url(../img/values/divider.svg) right no-repeat;
	}
	.values__column:nth-child(1) {
		padding-right: 15px;
	}
	.values__column:nth-child(2) {
		justify-content: center;
		padding: 0 15px;
	}
	.values__column:nth-child(3) {
		justify-content: flex-end;
		padding-left: 15px;
		background: none;
	}
	.values__item {
		max-width: 285px;
	}
	.item-values {
		text-align: center;
	}
	.item-values__icon {
		margin-bottom: 24px;
	}
	.item-values__title {
	}
	.item-values__text {
		color: rgba(120, 122, 128, 1);
		font-family: Ubuntu;
		font-weight: 400;
		font-size: 16px;
		line-height: 160%;
	}
	.values__contacts {
		position: relative;
		box-shadow: 0px 4px 4px -4px rgba(30, 33, 44, 0.03);
		box-shadow: 0px 12px 10px -6px rgba(154, 156, 165, 0.04);
		box-shadow: 0px 30px 24px -10px rgba(154, 156, 165, 0.05);
		box-shadow: 0px 80px 80px -20px rgba(154, 156, 165, 0.08);
		z-index: 2;
		border-radius: 4px;
		background-color: #fff;
	}
	.form-values {
		padding: 48px 60px;
	}
	.form-values__title {
		margin-bottom: 32px;
		text-align: center;
	}
	.form-values__row {
		display: grid;
		grid-template-columns: repeat(2, 23.42%) auto 104px;
		gap: 24px;
	}
	.form-values__column:nth-child(4) {
		align-self: flex-end; 
	}
	.form-values__item {
	}
	.form-values__label {
		margin-bottom: 8px;
		color: rgba(66, 69, 81, 1);
		font-family: Ubuntu;
		font-weight: 400;
		font-size: 14px;
		line-height: 150%;
	}
	.form-values__input {
		width: 100%;
		height: 44px;
		padding: 0 16px;
		font-family: Ubuntu;
		font-weight: 400;
		font-size: 14px;
		line-height: 150%;
		color: rgba(154, 156, 165, 1);
		border: 1px solid rgba(215, 218, 221, 1);
		border-radius: 4px;
		background: rgba(244, 245, 246, 1);
		outline: none;
	}
	.form-values__btn {
		width: 100%; 
		padding: 0 32px;
		font-size: 14px;
		line-height: 44px;
	}

	/* ================== SERVICES ================== */

	.services {
		padding: 212px 0 80px 0;
		margin: -92px 0 0 0;
		background: url(../img/services/background.jpg) 0 0 / 100% 100% no-repeat;
	}
	.services__row {
		display: flex;
		margin: 0 -15px;
	}
	.services__column {
		flex: 0 1 25%;
		padding: 0 15px;
	}
	.services__item {
	}
	.item-services {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 285px;
		text-align: center;
	/*	padding: 80px 90px; */
		border: 1px solid rgba(229, 232, 237, 1);
		border-radius: 4px;
		box-shadow: 0px 4px 4px -4px rgba(30, 33, 44, 0.03);
		box-shadow: 0px 12px 10px -6px rgba(154, 156, 165, 0.04);
		box-shadow: 0px 30px 24px -10px rgba(154, 156, 165, 0.05);
		box-shadow: 0px 80px 80px -20px rgba(154, 156, 165, 0.08);
		background-color: #fff;
		position: relative;
		overflow: hidden;
	}
	.item-services__icon {
		margin-bottom: 24px;
	}
	.item-services__title {
	}
	.item-services__image_bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		background: url(../img/services/image.jpg) 0 0/ 100% 100% no-repeat;
		z-index: 2;
		transition: all 0.5s ease 0s;
	}
	.services__item:hover .item-services__image_bg {
		opacity: 1;
      visibility: visible;
	}
	.item-services__bg {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 34px;
		opacity: 0;
		visibility: hidden;
		background: rgba(30, 33, 44, 0.5);
		z-index: 3;
	}
	.services__item:hover .item-services__bg {
		opacity: 1;
      visibility: visible;
	}
	.item-services__bg .item-services__title {
		color: #fff;
	}
	.item-services__about {
	}
	.about-item {
		display: flex;
		justify-content: space-between;
		max-width: 660px;
		margin: 80px auto 0;
	}
	.about-item__btn {
		width: 207px;
		font-size: 16px;
		line-height: 52px;
	}
	
	/* ================== BROWSE SLIDER ================== */

	.browseslider {
		padding: 120px 0;
	}
	.browseslider__container {
	}
	.browseslider__controls {
		display: flex;
		justify-content: space-between;
		margin-bottom: 48px;
	}
	.browseslider__title {
		text-align: left;
		width: 705px;
		color: rgba(30, 33, 44, 1);
	}
	.browseslider__arrows {
	}
	.arrows-browseslider {
		display: flex;
		align-items: flex-end;
		align-self: flex-end;
	}
	.arrows-browseslider__arrow {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		cursor: pointer;
		transition: all 0.3s ease 0s;
	}
	.arrows-browseslider__prev {
		background: url(../img/mainslider/arrows/arrow-prev.png) center no-repeat;
	}
	.arrows-browseslider__next {
		background: url(../img/mainslider/arrows/arrow-next.png) center no-repeat;
	}
	.arrows-browseslider__prev:hover {
		background: rgba(255, 90, 48, 1) url(../img/mainslider/arrows/arrow-prev-white.png) center no-repeat;
	}
	.arrows-browseslider__next:hover {
		background: rgba(255, 90, 48, 1) url(../img/mainslider/arrows/arrow-next-white.png) center no-repeat;
	}
	.arrows-browseslider__prev.swiper-button-disabled {
		background: url(../img/mainslider/arrows/arrow-prev.png) center no-repeat;
		opacity: 0.5;
   }
	.arrows-browseslider__next.swiper-button-disabled {
		background: url(../img/mainslider/arrows/arrow-next.png) center no-repeat;
		opacity: 0.5;
   }
	.browseslider__slider {
	/*	margin-bottom: 80px;  */
	/*	padding-bottom: 50px; */
		overflow: hidden;  
		position: relative; 
	}
	.browseslider__swiper {
		margin-bottom: 80px;
	}
	.browseslider__slide {
		box-shadow: 0px 4px 4px -4px rgba(30, 33, 44, 0.03);
		box-shadow: 0px 12px 10px -6px rgba(154, 156, 165, 0.04);
		box-shadow: 0px 30px 24px -10px rgba(154, 156, 165, 0.05);
		box-shadow: 0px 80px 80px -20px rgba(154, 156, 165, 0.08);
		transition: all 0.3s ease 0s;
	}
	.browseslider__slide:hover {
		box-shadow: 0px 4px 4px -4px rgba(30, 33, 44, 0.05);
		box-shadow: 0px 12px 10px -6px rgba(154, 156, 165, 0.08);
		box-shadow: 0px 30px 24px -10px rgba(154, 156, 165, 0.1);
		box-shadow: 0px 80px 80px -20px rgba(154, 156, 165, 0.16); 
	}
	.swiper-slide {
		position: relative;
	}
	.browseslider__image {
		padding: 0 0 88.46% 0;
	}
	.content-browseslider {
		text-align: center;
		padding: 16px 20px 24px 20px;
		transform: translateY(0);
		transition: all 0.4s ease 0s;
		background: white;
		z-index: 3;
	}
	.swiper-slide:hover .content-browseslider {
		transform: translateY(-68px);  
	}
	.content-browseslider__title {
	}
	.content-browseslider__text {
		color: rgba(120, 122, 128, 1);
		font-family: Ubuntu;
		font-weight: 400;
		font-size: 14px;
		line-height: 150%;
	}
	.content-browseslider__view {
		opacity: 0;
		visibility: hidden; 
		transition: all 0.4s ease 0s;
		background-color: #fff;
		position: absolute;
		bottom: -68px;
		left: 0;
		width: 100%;
		height: 68px;
	/*9	transform: translateY(-68px); */
	}
	.content-browseslider__link {
	/*	margin-top: 24px;  */
		display: inline-block;
		width: 172px;
		opacity: 0;
		visibility: hidden;
		color: rgba(255, 90, 48, 1);
		font-family: Ubuntu;
		font-weight: 700;
		font-size: 14px;
		line-height: 44px;
		letter-spacing: 0.5px;
		text-align: center;
		text-transform: uppercase;
		border-radius: 4px;
		border: 1px solid rgba(255, 90, 48, 1);
		transition: all 0.4s ease 0s;
	}
	.content-browseslider__link:hover {
		color: #fff;
		background-color: rgba(255, 90, 48, 1);
	}
	.swiper-slide:hover .content-browseslider__view {
		opacity: 1;
		visibility: visible; 
	/*	transform: translateY(0); */
	}
	.swiper-slide:hover .content-browseslider__link {
		opacity: 1;
		visibility: visible;
	}
	.works-browseslider {
		display: flex;
		justify-content: space-between;
		max-width: 550px;
		margin: 0px auto;
	}
	.works-browseslider__btn {
		width: 224px;
		font-size: 16px;
		line-height: 52px;
	}
	
	/* ================== PARTNERS ================== */

	.partners {
		padding: 80px 0 120px 0;
		background: rgba(244, 245, 246, 1);
	}
	.partners__title {
		margin-bottom: 36px;
	}
	.partners__row {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 24px;
		margin-bottom: 170px;
	}
	.partners__image img {
		filter: grayscale(1);
      transition: all 0.3s ease 0s;
	}
	.partners__image:hover img {
		filter: grayscale(0);
	}
	.clients-partners {
		display: flex;
		margin: 0 -15px;
	}
	.clients-partners__column {
		flex: 0 1 50%;
		padding: 0 15px;
		position: relative;
	}
	.clients-partners__title {
		text-align: left;
		margin-bottom: 60px;
	}
	.clients-partners__slider {
		overflow: hidden;
		position: relative;
	}
	.clients-partners__swiper {
		display: flex;
	}
	.clients-partners__img {
		margin-bottom: 24px;
		overflow: hidden;
	}
	.clients-partners__text {
		margin-bottom: 24px;
		color: rgba(66, 69, 81, 1);
		line-height: 160%;
	}
	.clients-partners__contact {
	}
	.clients-partners__name {
		margin-bottom: 4px;
		color: rgba(30, 33, 44, 1);
		font-weight: 700;
		line-height: 160%;
	}
	.clients-partners__position {
		color: rgba(120, 122, 128, 1);
		font-size: 14px;
		line-height: 150%;
	}
	.arrows-clients {
		display: flex;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 2;
	}
	.arrows-clients__arrow {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		cursor: pointer;
		transition: all 0.3s ease 0s;
	}
	.arrows-clients__prev {
		background: url(../img/mainslider/arrows/arrow-prev.png) center no-repeat;
	}
	.arrows-clients__next {
		background: url(../img/mainslider/arrows/arrow-next.png) center no-repeat;
	}
	.arrows-clients__prev:hover {
		background: rgba(255, 90, 48, 1) url(../img/mainslider/arrows/arrow-prev-white.png) center no-repeat;
	}
	.arrows-clients__next:hover {
		background: rgba(255, 90, 48, 1) url(../img/mainslider/arrows/arrow-next-white.png) center no-repeat;
	}
	.clients-partners__image {
	/*	padding: 0 0 111% 0; */
		position: absolute;
		right: 0;
	}
	.clients-partners__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	/* ================== FACTS ================== */

	.facts {
		padding: 180px 0;
		background: url(../img/facts/bg-image.png) left/ 30% no-repeat;
	}
	.facts__title {
		margin-bottom: 60px;
	}
	.facts__row {
		margin: 0 auto;
		max-width: 736px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 48px;
		height: 100%;
	}
	.progress-facts {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.diagram-progress {
		margin-bottom: 20px;
		width: 148px;
		height: 148px;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
	}
	.diagram-progress__orange {
		background: rgba(248, 152, 40, 1);
	}
	.diagram-progress__pink {
		background: rgba(245, 47, 110, 1);
	}
	.diagram-progress__blue {
		background: rgba(90, 135, 252, 1);
	}
	.diagram-progress__green {
		background: rgba(3, 206, 164, 1);
	}
	.diagram-progress:before {
		content: '';
		display: block;
		position: absolute;
		top: 6px;
		left: 6px;
		right: 6px;
		bottom: 6px;
		border-radius: 50%;
		background: #fff;
		z-index: 3;
		opacity: 1;
	}
	.piece {
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		overflow: hidden;
		position: absolute;
   }
   .piece:before {
		content: '';
		display: block;
		position: absolute;
		width: 50%;
		height: 100%;
   }
	.piece.diagram-progress__left {
		transform: rotate(0deg);
		z-index: 2;
		border-radius: 50%; /* only FireFox < 75.0v (fix bug)*/
	}
	.diagram-progress.over_50 .piece.diagram-progress__left {
			transform: rotate(180deg);
	}
	.piece.diagram-progress__right {
			transform: rotate(180deg);
			z-index: 1;
			border-radius: 50%; /* only FireFox < 75.0v (fix bug)*/
	}
	.diagram-progress.over_50 .piece.diagram-progress__right {
			transform: rotate(360deg);
	}
	.diagram-progress__left_orange:before {
			background: rgba(248, 152, 40, 1);
	}
	.diagram-progress.over_50 .diagram-progress__left_orange:before {
			background: rgba(248, 152, 40, 1);
	}
	.diagram-progress__right_orange:before {
			background: rgb(253, 218, 178);
	}
	.diagram-progress__left_pink:before {
			background: rgba(245, 47, 110, 1);
	}
	.diagram-progress.over_50 .diagram-progress__left_pink:before {
			background: rgba(245, 47, 110, 1);
	}
	.diagram-progress__right_pink:before {
			background: rgb(255, 183, 206);
	}
	.diagram-progress__left_blue:before {
		background: rgba(90, 135, 252, 1);
	}
	.diagram-progress.over_50 .diagram-progress__left_blue:before {
		background: rgba(90, 135, 252, 1);
	}
	.diagram-progress__right_blue:before {
		background: rgb(187, 207, 255);
	}
	.diagram-progress__left_green:before {
		background: rgba(3, 206, 164, 1);
	}
	.diagram-progress.over_50 .diagram-progress__left_green:before {
		background: rgba(3, 206, 164, 1);
	}
	.diagram-progress__right_green:before {
		background: rgba(3, 206, 164, 1);
	}
	.diagram-progress__label {
		position: absolute;
		top: 0;
		bottom: 0;
		left:0;
		right:0;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		color: rgba(30, 33, 44, 1);
		font-family: Ubuntu;
		font-weight: 700;
		font-size: 32px;
		z-index: 3;
	}
	.progress-facts__text {
		color: rgba(30, 33, 44, 1);
		font-size: 14px;
		line-height: 150%;
		text-align: center;
	}
	
	/* ================== NEWS ================== */

	.news {
		padding: 0 0 120px 0;
	}
	.news__title {
		margin-bottom: 60px;
	}
	.news__row {
		display: grid;
		grid-template-columns: 57.32% 1fr;
	/*	grid-template-rows: repeat(2, 255px);  */
		grid-gap: 30px;
		margin-bottom: 80px;
	}
	.item-news {
		background-color: #fff;
	}
	.item-news-1 {
		grid-row: 1/3;
	}
	.item-news-2 {
		grid-column: 2; 
	}
	.item-news-3 {
		grid-column: 2;
	}
	.item-news__article {
		height: 100%;
		overflow: hidden;
		box-shadow: 0px 4px 4px -4px rgba(30, 33, 44, 0.03);
		box-shadow: 0px 12px 10px -6px rgba(154, 156, 165, 0.04);
		box-shadow: 0px 30px 24px -10px rgba(154, 156, 165, 0.05);
		box-shadow: 0px 80px 80px -20px rgba(154, 156, 165, 0.08);
	}

	.left-news__image {
	/*	padding: 0 0 51.06% 0; */
	}
	.news-item__image img{
		width: 100%;
      object-fit: cover;
	}
	.left-news__content {
		padding: 24px; 
	}
	.news-item__title {
	}
	.left-news__title,
	.right-news__title {
		color: rgba(30, 33, 44, 1);
		transition: 0.3s;
	}
	.left-news__title:hover,
	.right-news__title:hover {
		color: rgba(255, 90, 48, 1);
	}
	.left-news__comments {
		margin-bottom: 16px;
	}
	.news-comments {
		color: rgba(120, 122, 128, 1);
		font-size: 14px;
		line-height: 150%;
	}
	.news-comments span:nth-child(1),
	.news-comments span:nth-child(2) {
		padding-right: 12px;
		border-right: 1px solid rgba(120, 122, 128, 1)
	}
	.news-comments span:nth-child(2) {
		margin-left: 10px;
	}
	.news-comments span:nth-child(3) {
		margin-left: 10px;
		padding-left: 24px;
		background: url(../img/news/Chat.svg) no-repeat;
	}
	.left-news__text {
		color: rgba(66, 69, 81, 1);
		line-height: 160%;
	}
	.right-news__image {
	/*	padding: 0 0 31.51% 0; */
	}
	.right-news__content {
		padding: 16px 24px 24px 24px; 
	}
	.explore-news {
		margin: 0px auto;
		display: flex;
		justify-content: space-between;
		max-width: 605px;
	}
	.explore-news__title {
	}
	.explore-news__btn {
		width: 212px;
		font-size: 16px;
		line-height: 52px;
	}
	
	/* ================== CONTACS ================== */

	.contacts {
		position: relative;
	}
	.contacts__container {
		display: flex;
		justify-content: flex-end;
	}
	.contacts__content {
		padding: 80px 0;
		position: relative;
		z-index: 2;
	}
	.form-contacts {
		max-width: 495px;
		padding: 48px 40px;
		text-align: center;
		border-radius: 4px;
		box-shadow: 0px 4px 4px -4px rgba(30, 33, 44, 0.05);
		box-shadow: 0px 12px 10px -6px rgba(30, 33, 44, 0.08);
		box-shadow: 0px 26px 24px -10px rgba(30, 33, 44, 0.1);
		box-shadow: 0px 60px 80px -20px rgba(30, 33, 44, 0.16);
		background-color: #fff;
	}
	.form-contact__title {
		margin-bottom: 24px;
	}
	.form-contact__item {
		margin-bottom: 20px;
		text-align: left;
	}
	.form-contact__label {
		margin-bottom: 8px;
		color: rgba(66, 69, 81, 1);
		font-family: Ubuntu;
		font-weight: 400;
		font-size: 14px;
		line-height: 150%;
	}
	.form-contact__input {
		width: 100%;
		height: 44px;
		padding: 0 16px;
		border-radius: 4px;
		border: 1px solid rgba(215, 218, 221, 1);
		background: rgba(244, 245, 246, 1);
		outline: none;
	}
	.form-contacts__textarea {
		width: 100%;
		min-height: 66px;
		padding: 16px 16px 0 16px;
		border-radius: 4px;
		border: 1px solid rgba(215, 218, 221, 1);
		background: rgba(244, 245, 246, 1);
		resize: none;
		outline: none;
	}
	.form-contacts__agree {
		display: flex;
		align-items: center;
		margin-bottom: 24px;
		text-align: left;
	}
	.form-contacts__checkbox {
		appearance: none;
	}
	.form-contacts__checkbox:checked + .form-contacts__text::after {
		transform: scale(1);
   }
	.form-contacts__text {
		color: rgba(66, 69, 81, 1);
		font-size: 14px;
		line-height: 150%; /* 22.915px */
		position: relative;
		cursor: pointer;
   }
   .form-contacts__text::before {
		content: "";
		position: absolute;
		width: 16px;
		height: 16px;
		border: 1px solid rgba(255, 90, 48, 1);
		border-radius: 4px;
   }
   .form-contacts__text::after {
		content: "";
		position: absolute;
		width: 16px;
		height: 16px;
		top: 0px;
		left: 0px;
		border-radius: 4px;
		background: rgba(255, 90, 48, 1) url(../img/contacts/check.svg) center/ 12px 12px no-repeat;
		transform: scale(0);
		transition: transform 0.1s;
   }
	.form-contacts__text span {
		display: block;
		margin: -3px 0 0 28px;
	}
	.form-contacts__button {
		width: 174px;
		font-size: 14px;
		line-height: 44px;
	}
	.contacts__image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* ================== FOOTER ================== */

	.footer {
		padding: 80px 0;
		background: rgba(30, 33, 44, 1);
	}
	.top-footer__text, 
	.contacts-item__item a,
	.item-footer__link,
	.subscribe-item__input input,
	.subscribe-item__text {
		color: rgba(255, 255, 255, 0.6);
	}
	.top-footer {
		display: flex;
		justify-content: space-between;
	}
	.top-footer__body {
		display: flex;
		flex-wrap: wrap;
		row-gap: 20px;
		margin-bottom: 24px;
	}
	.top-footer__logo {
		margin-right: 60px;
	}
	.social-item {
		display: flex;
		gap: 14px;
	}
	.top-footer__text {
		max-width: 493px;
		padding-right: 30px;
		font-size: 14px;
		line-height: 150%;
	}
	.subscribe-item {
		max-width: 495px;
		margin-bottom: 49px;
	}
	.subscribe-item__title {
		margin-bottom: 24px;
		color: #fff;
		font-weight: 700;
		font-size: 24px;
		line-height: 150%;
	}
	.subscribe-item__form {
		display: flex;
		margin-bottom: 16px;
		max-width: 495px;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 4px 4px 4px 4px;
	}
	.subscribe-item__input {
		flex: 1 1 auto;
	}
	.subscribe-item__input input {
		width: 100%;
		height: 44px;
		padding: 0 0 0 16px;
		outline: none;
		font-size: 14px;
		border-radius: 4px 0 0 4px;
		background: rgba(173, 173, 173, 0.2);
	}
	.subscribe-item__btn {
		width: 131px;
		line-height: 44px;
		font-size: 14px;
		line-height: 44px;
		border-radius: 0 4px 4px 0;
	}
	.subscribe-item__text {
		font-size: 12px;
		line-height: 150%;
	}
	.middle-footer {
		display: flex;
		column-gap: 125px;
		margin-bottom: 60px;
	}
	.item-footer__title {
		margin-bottom: 13px;
		color: #fff;
		font-weight: 700;
		font-size: 16px;
		line-height: 150%;
		letter-spacing: 1px;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.contacts-item__item {
		color: #fff;
	}
	.contacts-item__item a,
	.item-footer__link {
		font-family: Ubuntu;
		font-weight: 400;
		font-size: 16px;
		line-height: 160%;
		white-space: nowrap;
		transition: all 0.3s ease 0s;
	}
	.contacts-item__item a:hover,
	.item-footer__link:hover {
		color: #fff;
	}
	.item-footer__rights {
		display: flex;
		color: #fff;
		font-size: 12px;
		line-height: 150%;
	}
	.item-footer__rights span {
		margin-top: 3px;
		padding: 0 4px;
	}

	/* ================== ADAPTIVE ================== */

	@media(max-width: 1410px) {
		.to-top {
			right: 10px;
		}
		.arrows-mainslider {
			display: none;
		}
	}

	@media(max-width: 1250px) {
		._title {
			margin-bottom: calc(20px + 4 * ((100vw - 320px) / 930)); 
			font-size: calc(24px + 22 * ((100vw - 320px) / 930));
		}
		._text {
			margin-bottom: calc(30px + 30 * ((100vw - 320px) / 930));  
			font-size: calc(14px + 4 * ((100vw - 320px) / 930));
		}
		.header__list {
			margin-left: calc(0px + 60 * ((100vw - 320px) / 930));  
		}
		.header__item:not(:last-child) {
			margin-right: calc(0px + 40 * ((100vw - 320px) / 930));  
		}
		.contacts-header {
			gap: calc(4px + 10 * ((100vw - 320px) / 930)); 
		}
		.content-mainslider {
			padding-top: calc(70px + 200 * ((100vw - 320px) / 930));  
			padding-bottom: calc(143px + 210 * ((100vw - 320px) / 930));  
		}
		.content-mainslider__title {
			margin-bottom: calc(20px + 4 * ((100vw - 320px) / 930));  
			font-size: calc(32px + 40 * ((100vw - 320px) / 930));
		}
		.content-mainslider__text {
			margin-bottom: calc(36px + 25 * ((100vw - 320px) / 930));  
			font-size: calc(16px + 4 * ((100vw - 320px) / 930));
		}
		.content-mainslider__button {
			font-size: calc(14px + 2 * ((100vw - 320px) / 930));
		}
		.content-mainslider__controls_dotts {
			bottom: calc(40px + 80 * ((100vw - 320px) / 930));  
		}
		.swiper-pagination-bullet::before {
			font-size: calc(20px + 8 * ((100vw - 320px) / 930));
		}
		.bureau,
		.values,
		.browseslider {
			padding-top: calc(60px + 60 * ((100vw - 320px) / 930));  
		}
		.bureau {
			padding-bottom: calc(0px + 60 * ((100vw - 320px) / 930));  
		}
		.values__row {
			margin-bottom: calc(0px + 120 * ((100vw - 320px) / 930));  
		}
		.form-values {
			padding-left: calc(20px + 40 * ((100vw - 320px) / 930));  
			padding-right: calc(20px + 40 * ((100vw - 320px) / 930));  
			padding-bottom: calc(24px + 24 * ((100vw - 320px) / 930));  
		}
		.form-values__row {
			gap: calc(20px + 4 * ((100vw - 320px) / 930));  
		}
		.services {
			padding-top: calc(150px + 62 * ((100vw - 320px) / 930));  
			padding-bottom: calc(60px + 20 * ((100vw - 320px) / 930));  
		}
		.about-item {
			margin-top: calc(40px + 40 * ((100vw - 320px) / 930));  
		}
		.browseslider {
			padding-bottom: calc(60px + 60 * ((100vw - 320px) / 930));  
		}
		.browseslider__swiper,
		.news__row  {
			margin-bottom: calc(40px + 40 * ((100vw - 320px) / 930));  
		}
		.partners {
			padding-top: calc(60px + 20 * ((100vw - 320px) / 930));  
			padding-bottom: calc(60px + 60 * ((100vw - 320px) / 930));  
		}
		.partners__row {
			margin-bottom: calc(60px + 110 * ((100vw - 320px) / 930));  
		}
		.facts {
			padding-top: calc(60px + 120 * ((100vw - 320px) / 930));  
			padding-bottom: calc(60px + 120 * ((100vw - 320px) / 930));  
		}
		.news {
			padding-bottom: calc(60px + 60 * ((100vw - 320px) / 930));  
		}
		.left-news__content {
			padding-top: calc(16px + 8 * ((100vw - 320px) / 930));  
			padding-bottom: calc(16px + 8 * ((100vw - 320px) / 930));  
			padding-left: calc(0px + 24 * ((100vw - 320px) / 930));  
			padding-right: calc(0px + 24 * ((100vw - 320px) / 930));  
		}
		.right-news__content {
			padding-bottom: calc(16px + 8 * ((100vw - 320px) / 930));  
			padding-left: calc(0px + 24 * ((100vw - 320px) / 930));  
			padding-right: calc(0px + 24 * ((100vw - 320px) / 930));  
		}
		.contacts__content {
			padding-top: calc(60px + 20 * ((100vw - 320px) / 930));  
			padding-bottom: calc(60px + 20 * ((100vw - 320px) / 930));  
		}
		.form-contacts {
			padding-top: calc(24px + 24 * ((100vw - 320px) / 930));  
			padding-bottom: calc(24px + 24 * ((100vw - 320px) / 930));  
			padding-left: calc(20px + 20 * ((100vw - 320px) / 930));  
			padding-right: calc(20px + 20 * ((100vw - 320px) / 930)); 
		}
		.form-contact__item {
			margin-bottom: calc(14px + 6 * ((100vw - 320px) / 930));  
		}
		.form-contacts__agree {
			margin-bottom: calc(20px + 4 * ((100vw - 320px) / 930));  
		}
		.footer {
			padding-top: calc(60px + 20 * ((100vw - 320px) / 930));  
			padding-bottom: calc(60px + 20 * ((100vw - 320px) / 930));  
		}
		.top-footer__logo {
			margin-right: calc(25px + 35 * ((100vw - 320px) / 930)); 
		}
		.contacts-item__item a,
		.item-footer__link {
			font-size: calc(14px + 2 * ((100vw - 320px) / 930));
		}
		.subscribe-item {
			margin-bottom: calc(34px + 15 * ((100vw - 320px) / 930));  
		}
		.subscribe-item__title {
			font-size: calc(20px + 4 * ((100vw - 320px) / 930));
		}
		.middle-footer {
			column-gap: calc(20px + 105 * ((100vw - 320px) / 930));  
			margin-bottom: calc(34px + 26 * ((100vw - 320px) / 930));  
		}
		.item-footer__title {
			margin-bottom: calc(10px + 3 * ((100vw - 320px) / 930));  
			font-size: calc(14px + 2 * ((100vw - 320px) / 930));
		}

	}

	@media(max-width: 1024px) {
		.header {
			height: 62px;
		}
		.header__logo {
			flex: 1 1 auto;
		}
		.burger__menu {
			display: block;
			position: relative;
			width: 40px;
			height: 30px;
			margin-top: 5px;
			cursor: pointer;
			z-index: 55;
		}
		.burger__menu span {
			position: absolute;
			top: 10px;
			width: 100%;
			height: 3px;
			background-color: #000;
			transition: 0.4s;
		}
		.burger__menu span:nth-child(1) {
			top: -1px;
		}
		.burger__menu span:nth-child(3) {
			top: auto;
			bottom: 6px;
		}
		.burger__menu._active span {
			transform: scale(0);
		}
		.burger__menu._active span:nth-child(1) {
			transform: rotate(-45deg);
			top: 8px;
		}
		.burger__menu._active span:nth-child(3) {
			transform: rotate(45deg);
			bottom: 19px;
		}
		.header__menu {
			position: fixed;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background-color: rgba(255, 255, 255, 0.95);
			padding: 100px 30px 30px 30px;
			transition: left 0.3s ease 0s;
			overflow: auto;
			z-index: 20;
		}
		.header__menu._active {
			left: 0;
		}
		.header__menu::before {
			content: "";
			position: fixed;
			top: 0;
			left: -100%;
			width: 100%;
			height: 62px;
			background-color: white;
			z-index: 2;
			transition: left 0.3s ease 0s;
		}
		.header__menu._active::before {
			left: 0;
		}
		.header__menu {
			display: block;
		}
		.header__list {
			display: block;
			margin: 0 0 30px 0;
		}
		.header__item:not(:last-child) {
			margin-bottom: 15px;
		}
		.contacts-header {
			flex-direction: column;
		}
		.contacts-header__item {
			grid-template: auto auto / 50px 1fr;
		}
		.contacts-header__item:not(:last-child) {
			margin-bottom: 10px;
		}
		.form-values__row {
			grid-template-columns: repeat(2, 2fr);
		}
		.services__row {
			flex-wrap: wrap;
			margin: -12px;
		}
		.services__column {
			flex: 0 1 50%;
			padding: 12px;
		}
		.partners__row {
			justify-content: center;
		}
		.partners__column {
			flex: 0 1 25%;
			display: flex;
			justify-content: center;
		}
		.news__row {
			grid-template-columns: repeat(1, 1fr);
		}
		.item-news-1 {
			grid-row: 1;
		}
		.item-news-2 {
			grid-column: 1; 
		}
		.item-news-3 {
			grid-column: 1;
		}
	}
	@media(max-width: 840px) {
		.clients-partners__column {
			flex: 0 1 100%;
		}
		.clients-partners__column:nth-child(2) {
			display: none;
		}
		.clients-partners__content {
		}
		.clients-partners__slider {

		}
		.clients-partners__image {
		}
		.top-footer {
			flex-wrap: wrap;
		}
		.top-footer__text {
			margin-bottom: 20px;
		}
	}

	@media(max-width: 767px) {
		.to-top {
			display: none;
		}
		.content-mainslider {
			margin: 0 auto;
			text-align: center;
		}
		.content-mainslider__buttons {
			flex-direction: column;
			gap: 16px;
		}
		.bureau__video {
			height: 300px;
		}
		.values__row {
			flex-wrap: wrap;
		}
		.values__column {
			flex: 0 1 100%; 
			background: none;
		}
		.values__column:not(:last-child) {
			margin-bottom: 20px;
		}
		.values__column:nth-child(1),
		.values__column:nth-child(2),
		.values__column:nth-child(3) {
			justify-content: center;
			padding: 0px;
		}
		.form-values__row {
			grid-template-columns: repeat(1, 1fr);
		}
		.services__row {
			margin: -10px;
		}
		.services__column {
			flex: 0 1 100%;
			padding: 10px;
		}
		.about-item,
		.works-browseslider,
		.explore-news {
			align-items: center;
			flex-direction: column;
			gap: 20px;
			text-align: center;
		}
		.facts__row {
			gap: 24px;
		}
		.facts__column { 
			flex: 0 1 40%;
		}
		.contacts__container {
			justify-content: center;
		}
		.subscribe-item__btn {
			width: 100px;
			font-size: 12px;
		}
		.middle-footer {
			flex-wrap: wrap;
			row-gap: 20px;
		}
		.middle-footer__item:nth-child(1) {
			flex: 1 1 100%;
		}
	}