/* USER VARIABLES SECTION */

:root {
	--accent: #005c81;
	--text: #333;
	--regular-text: 16px;
	--lineheight: 1.65;
	--userfont: sans, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

/* FONTS LOAD SECTION */

@font-face { src: url("../fonts/sans.woff2") format("woff2"); font-family: "sans"; font-weight: 300; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/sans.woff2") format("woff2"); font-family: "sans"; font-weight: 400; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/sans.woff2") format("woff2"); font-family: "sans"; font-weight: 600; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/sans.woff2") format("woff2"); font-family: "sans"; font-weight: 700; font-style: normal; font-display: swap; }

::placeholder { color: #666; }
::selection { background-color: var(--accent); color: #fff; }
input, textarea { outline: none; }
/* input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; }
input:required:valid, textarea:required:valid { border-color: green; } */

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
}

a {
	transition: .25s all ease-in-out;
	text-decoration: none;
}

button {
	cursor: pointer;
	transition: .25s all ease-in-out;
}

button:focus {
	outline: none
}

img {
	pointer-events: none;
}

b, strong {
	font-weight: bold
}

.center {
	text-align: center;
}

.title {
	color: #000;
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 24px;
	text-wrap: pretty;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background: #F5914F;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 0 60px;
	min-height: 60px;
	border: none;
}
.btn:hover {
	background-color: #e6894c;
	color: #fff;
}

@media (max-width: 1260px) {
	.container {
		max-width: 960px;
	}
	
	.title {
		font-size: 38px;
	}
}

@media (max-width: 991px) {
	.container {
		max-width: 720px;
	}
}

@media (max-width: 767px) {
	.container {
		max-width: 540px;
	}

	.title {
		font-size: 30px;
		margin-bottom: 20px;
	}
}

@media (max-width: 575px) {
	.container {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.btn {
		min-height: 50px;
	}
}

/* USER STYLES */

/* header */
.header {
	position: absolute;
	left: 0;
	top: 5px;
	width: 100%;
	z-index: 20;
}
.header .container {
	padding: 0 40px;
	max-width: 100%;
}
.header__container {
	display: grid;
	grid-template-columns: 1fr 300px 1fr;
	align-items: center;
}
.header__left {
}
.header__menu {
}
.header__menu ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 32px;
}
.header__menu ul li {
	list-style: none;
}
.header__menu ul li a {
	display: block;
	color: #ffffff;
    font-weight: 600;
	line-height: 1.2;
}
.header__menu ul li a:hover {
	color: #fff;
	opacity: .8;
	text-decoration: none;
}
.header__logo {
	display: flex;
}
.header__logo img {
	display: block;
	width: 100%;
	height: auto;
}
.header__right {
}
@media (max-width: 1260px) {
}
@media (max-width: 991px) {
	.header__container {
		grid-template-columns: 1fr 180px 1fr;
	}
}
@media (max-width: 767px) {
	.header {
		position: relative;
		top: 0;
		padding: 40px;
		background-color: #000;
	}
	.header .container {
		padding: 0;
	}
	.header__container {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	.header__menu {
		margin-top: 40px;
	}
	.header__menu ul {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
}
@media (max-width: 575px) {
	.header {
		padding: 20px;
	}
	.header__menu {
		margin-top: 30px;
	}
}
/* header */

/* promo */
.promo {
	background-image: url(../img/promo__bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.promo::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.7)));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7));
	z-index: 2;
}
.promo__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	max-width: 1200px;
	min-height: 700px;
	position: relative;
	z-index: 3;
}
.promo__title {
    letter-spacing: 1px;
    color: #fff;
	font-size: 72px;
    line-height: 1.17;
	font-weight: 600;
	margin-bottom: 40px;
}
.promo__text {
	color: #fff;
	font-size: 22px;
    line-height: 1.55;
	font-weight: 300;
	text-align: center;
	max-width: 960px;
}
.promo__text p {
	margin-bottom: 0;
}
.promo__btn {
	margin-top: 110px;
	text-transform: uppercase;
}
.promo__arrow {
	width: 39px;
	height: auto;
	aspect-ratio: 2.052632;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='39' height='19' fill='none' viewBox='0 0 39 19'%3e%3cpath fill='%23fff' d='M19.208 18.592a.995.995 0 0 1-.673-.26L.327 1.74A1 1 0 0 1 1.674.261l17.534 15.98L36.743.26a1 1 0 0 1 1.348 1.48L19.88 18.331a.999.999 0 0 1-.673.26Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%);
	z-index: 4;
	animation: arrowBottom 1.7s ease infinite;
}
@keyframes arrowBottom {
    0% {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(-7px);
        transform: translateX(-50%) translateY(-7px)
    }

    55% {
        -webkit-transform: translateX(-50%) translateY(-7px);
        transform: translateX(-50%) translateY(-7px)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}
@media (max-width: 1260px) {
	.promo__title {
		font-size: 68px;
	}
	.promo__text {
		font-size: 20px;
	}
}
@media (max-width: 991px) {
	.promo__title {
		font-size: 52px;
	}
}
@media (max-width: 767px) {
	.promo__title {
		font-size: 32px;
	}
	.promo__text {
		font-size: 18px;
	}
}
@media (max-width: 575px) {
	.promo__title {
		font-size: 30px;
		margin-bottom: 30px;
	}
	.promo__text {
		font-size: 14px;
	}
	.promo__btn {
		margin-top: 90px;
	}
	.promo__arrow {
		width: 27px;
	}
}
/* promo */

/* about */
.about {
	padding: 180px 0;
}
.about__contaner {
	display: grid;
	grid-template-columns: 560px 460px;
	align-items: flex-start;
	gap: 50px;
}
.about__content {
}
.about__text {
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.55;
}
.about__text p {
	margin-bottom: 30px;
}
.about__text p:last-child {
	margin-bottom: 0;
}
.about__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.about__img {
	display: flex;
	user-select: none;
}
.about__img img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
}
@media (max-width: 1260px) {
	.about__contaner {
		grid-template-columns: 1fr 400px;
	}
}
@media (max-width: 991px) {
	.about__contaner {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}
@media (max-width: 767px) {
	.about {
		padding: 90px 0;
	}
}
@media (max-width: 575px) {
	.about__text {
		font-size: 16px;
	}
	.about__text p {
		margin-bottom: 20px;
	}
}
/* about */

/* services */
.services {
	padding: 150px 0 180px;
    background-color: #f5f5f5;
}
.services .title {
	margin-bottom: 105px;
}
.services__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px;
}
.services__item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.services__img {
	width: 100%;
	max-width: 108px;
	margin-bottom: 37px;
}
.services__img img {
	width: 100%;
}
.services__text {
	width: 100%;
	color: #000;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.17;
	text-wrap: pretty;
}
.services__text p {
	margin-bottom: 0;
}
@media (max-width: 1260px) {
	.services__text {
		font-size: 28px;
	}
}
@media (max-width: 991px) {
	.services__list {
		grid-template-columns: 1fr;
		gap: 45px;
		max-width: 500px;
		margin: 0 auto;
	}
}
@media (max-width: 767px) {
	.services__text {
		font-size: 24px;
	}
	.services .title {
		margin-bottom: 45px;
	}
}
@media (max-width: 575px) {
	.services {
		padding: 90px 0;
	}
	.services__img {
		max-width: 90px;
	}
}
/* services */

/* action */
.action {
	background-image: url(../img/action__bg.png);
	background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}
.action::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
	z-index: 2;
}
.action__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 2;
	min-height: 560px;
	padding: 50px 0;
	justify-content: center;
}
.action .title {
	font-size: 48px;
	color: #fff;
}
.action__text {
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5;
}
.action__btn {
	margin-top: 70px;
	position: relative;
}
.action__btn::before {
	content: '';
	width: 35px;
	height: auto;
	aspect-ratio: 0.594340;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='63' height='106' fill='none' viewBox='0 0 63 106'%3e%3cpath fill='%23fff' d='M42.485 105.444c-.5 0-.9-.2-1.2-.6-.5-.7-.3-1.6.4-2.1 1.5-1 9.5-5.5 14.6-8.3-17.4-.5-31.3-7.3-41.3-20-16.7-21.3-17.1-52.8-12.4-73.3.2-.8 1-1.3 1.8-1.1.8.2 1.3 1 1.1 1.8-4.6 19.9-4.2 50.3 11.8 70.8 9.5 12.2 23 18.6 39.9 18.9h.3l-3.2-4c-1.4-1.7-2.7-3.3-4.1-5.1-.7-.9-1.5-1.9-2.3-2.9-.5-.6-.4-1.6.2-2.1.6-.5 1.6-.4 2.1.2 0 0 0 .1.1.1l6.4 7.9c.5.6.9 1.1 1.4 1.7 1.5 1.8 3.1 3.6 4.3 5.5 0 .1.1.1.1.2.1.2.1.3.2.5v.3c0 .2 0 .3-.1.5 0 .1-.1.1-.1.2-.1.2-.2.3-.3.4-.1.1-.2.1-.3.2 0 0-.1 0-.2.1-.9.4-16 8.6-18.2 10.1-.4 0-.7.1-1 .1Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: calc(100% + 30px);
	bottom: 20px;
}
@media (max-width: 1260px) {
	.action .title {
		font-size: 44px;
	}
	.action__text {
		font-size: 22px;
	}
}
@media (max-width: 991px) {
	.action__btn::before {
		width: 16px;
		aspect-ratio: 0.451613;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='62' fill='none' viewBox='0 0 28 62'%3e%3cpath fill='%23fff' d='M26.813 43.5c-.6-.5-1.6-.4-2.1.2l-9.5 11.9V1.5c0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5v54.1l-9.5-11.9c-.6-.6-1.5-.7-2.1-.2-.7.5-.8 1.5-.3 2.1l12.2 15.2c.3.4.7.6 1.2.6s.9-.2 1.2-.6l12.2-15.2c.5-.6.4-1.6-.3-2.1Z'/%3e%3c/svg%3e");
		bottom: calc(100% + 20px);
		left: 50%;
		transform: translateX(-50%);
	}
}
@media (max-width: 767px) {
	.action__text {
		font-size: 20px;
	}
	.action .title {
		font-size: 30px;
	}
	.action__btn {
		margin-top: 90px;
	}
}
@media (max-width: 575px) {
	.action__btn {
		width: 100%;
	}
}
/* action */

/* advantages */
.advantages {
	padding-top: 165px;
    padding-bottom: 180px;
	padding: 165px 0 180px;
}
.advantages .title {
	margin-bottom: 90px;
}
.advantages__list {
	display: flex;
	flex-direction: column;
	gap: 55px;
	max-width: 570px;
	width: 100%;
	margin: 0 auto;
}
.advantages__item {
	position: relative;
	padding-left: 105px;
}
.advantages__item::before {
	content: '';
	width: 55px;
	height: auto;
	aspect-ratio: 1;
	background-image: url(../img/advantages__item.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}
.advantages__itemTitle {
	font-size: 20px;
    line-height: 1.35;
	font-weight: 600;
    color: #000000;
	margin-bottom: 14px;
}
.advantages__itemText {
	font-size: 18px;
    line-height: 1.55;
	font-weight: 300;
    color: #000000;
}
.advantages__itemText p {
	margin-bottom: 0;
}
@media (max-width: 1260px) {
}
@media (max-width: 991px) {
	.advantages__itemTitle {
		font-size: 18px;
	}
	.advantages__itemText {
		font-size: 16px;
	}
	.advantages__list {
		max-width: 460px;
	}
}
@media (max-width: 767px) {
	.advantages {
		padding: 90px 0;
	}
	.advantages__list {
		max-width: 100%;
	}
	.advantages__item {
		padding-left: 70px;
	}
	.advantages__item::before {
		width: 50px;
	}
}
@media (max-width: 575px) {
	.advantages__itemTitle {
		font-size: 16px;
	}
	.advantages__itemText {
		font-size: 14px;
	}
	.advantages__item::before {
		width: 40px;
	}
	.advantages__item {
		padding-left: 60px;
	}
	.advantages .title {
		margin-bottom: 45px;
	}
}
/* advantages */

/* customers */
.customers {
	padding: 165px 0 210px;
	background-color: #f5f5f5;
}
.customers .title {
	margin-bottom: 90px;
}
.customers__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 70px 30px;
}
.customers__item {
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: 30px;
}
.customers__itemImg {
	width: 100%;
	display: flex;
}
.customers__itemImg img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%;
}
.customers__itemContent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 14px;
}
.customers__itemTitle {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.35;
}
.customers__itemText {
	margin-top: 3px;
    color: #666666;
	font-size: 14px;
    line-height: 1.55;
	font-weight: 300;
}
@media (max-width: 1260px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.customers {
		padding: 90px 0;
	}
	.customers__list {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}
	.customers .title {
		margin-bottom: 40px;
	}
}
@media (max-width: 575px) {
	.customers__item {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.customers__itemImg {
		max-width: 100px;
		margin: 0 auto;
	}
	.customers__itemContent {
		align-items: center;
		text-align: center;
		padding-top: 0;
	}
}
/* customers */

/* request */
.request {
	background-image: url(../img/request__bg.png);
	background-attachment: scroll;
	background-position: 50%;
    background-repeat: no-repeat;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	position: relative;
}
.request::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.90));
	z-index: 2;
}
.request__container {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 3;
}
.request .title {
	margin-bottom: 74px;
	font-size: 48px;
	color: #fff;
}
.request__form {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 160px;
	gap: 20px;
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}
.request__form input {
	padding: 0 20px;
    width: 100%;
	font-size: 16px;
	line-height: 1.2;
	height: 56px;
	color: #ffffff;
    border: 1px solid #ffffff;
	background-color: transparent;
}
.request__form input::placeholder {

}
.request__btn {
}
@media (max-width: 1260px) {
	.request .title {
		font-size: 44px;
	}
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.request__form {
		grid-template-columns: 1fr;
	}
	.request__container {
		min-height: auto;
		padding: 70px 0 90px;
	}
}
@media (max-width: 575px) {
	.request .title {
		font-size: 30px;
		margin-bottom: 32px;
	}
	.request__form input {
		height: 50px;
	}
}
/* request */

/* info */
.info {
	padding: 150px 0;
}
.info__text {
	font-size: 36px;
    line-height: 1.23;
	font-weight: 600;
    color: #000000;
	text-align: center;
	max-width: 560px;
	margin: 0 auto;
}
@media (max-width: 1260px) {
	.info__text {
		font-size: 32px;
	}
}
@media (max-width: 991px) {
	.info__text {
		max-width: 600px;
	}
}
@media (max-width: 767px) {
	.info__text {
		font-size: 28px;
	}
	.info {
		padding: 90px 0;
	}
}
@media (max-width: 575px) {
}
/* info */