@font-face {font-family: 'Gilroy-Light';src: url('../fonts/gilroy-free/Gilroy-Light.otf') format('opentype');}
@font-face {font-family: 'Gilroy-ExtraBold';src: url('../fonts/gilroy-free/Gilroy-ExtraBold.otf') format('opentype');}
@font-face {font-family: 'FontAwesome';font-display: block;src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype"); }
@font-face {font-family: 'FontAwesome';font-display: block;src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype"); }
@font-face {font-family: 'FontAwesome';font-display: block;src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }
@font-face {font-family: 'FontAwesome';font-display: block;src: url("../fonts/fa-v4compatibility.woff2") format("woff2"), url("../fonts/fa-v4compatibility.ttf") format("truetype");unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
@font-face {font-family: 'Font Awesome 5 Brands';font-display: block;font-weight: 400;src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype"); }
@font-face {font-family: 'Font Awesome 5 Free';font-display: block;font-weight: 900;src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype"); }
@font-face {font-family: 'Font Awesome 5 Free';font-display: block;font-weight: 400;src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype"); }
input, button {
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: none;
}
img {
	display: block;
	max-width: 100%;
}
body {
	color: #FFFFFF;
	background: url("../images/main-bg.png") repeat;
	position: relative;
	margin: 0;
	font-family: 'Gilroy-Light', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}
.main {
	flex: 1;
}
ul, h1, h2, p, ul, li, a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	color: inherit;
	font-weight: 400;
}
button {
	font-family: 'Gilroy-Light', sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
}
a {
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}
body::-webkit-scrollbar {
	width: 8px;
}
body::-webkit-scrollbar-track {
	background: #3D3D3D;
}
body::-webkit-scrollbar-thumb {
	background: #ff7a00;
	border-radius: 20px;
}
.container {
	margin:0 auto;
	padding:0 20px;
}
.pad20 {
	padding: 50px 0;
}
.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 24px;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	transition: all 0.25s linear;
	border-radius: 16px;
}
.btn.btn-2 {
	background: #ff7a00;
	color: #FFFFFF;
}
.btn.btn-2:hover {
	background: #eb7000;
}
.btn.btn-4 {
	display: -ms-grid;
	display: grid;
	grid-template-columns: auto 20px;
	gap: 8px;
	background: #ff7a00;
	color: #FFFFFF;
}
.btn.btn-4:hover {
	background: #eb7000;
}
.checkbox input {
	display: none;
}
.checkbox input:checked + label::before {
	background: #FFF url("../images/check.svg") center no-repeat;
	background-size: 100%;
	box-shadow: inset 0 0 0 2px #DBDDED;
}
.checkbox label {
	display: block;
	position: relative;
	cursor: pointer;
	padding-left: 28px;
}
.checkbox label::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	box-shadow: inset 0 0 0 2px #DBDDED;
	border-radius: 5px;
}
.input {
	width: 100%;
	color: #FFFFFF;
	padding: 16px 0;
	border-radius: 16px;
	font-family: 'Gilroy-Light', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	box-shadow: inset 0 0 0 1px #A6A9C1;
	transition: all 0.25s linear;
	    text-align: center;
}
.term {
	display: -ms-grid;
	display: grid;
	grid-template-columns: 18px auto;
	grid-gap: 8px;
	align-items: center;
	text-align: start;
}
.term p {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
}
.term p a {
	text-decoration: underline;
}
.term p a:hover {
	color: #ff7a00;
}
.term .checkbox label {
	padding-left: 0;
}
.term .checkbox label::before {
	width: 16px;
	height: 16px;
}
.about_content {
    line-height: 1.7;
    font-size: 20px;
}
.about_box {
	display: -ms-grid;
	grid-template-columns: minmax(auto, 808px) minmax(auto, 100%);
	align-items: center;
	gap: 24px;
}
.preimus.pad20 {
    display: flex;
}
.preimus_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1%;
}
.preimus_image {
	width: 48px;
	height: 48px;
	background: #ff7a00;
	border-radius: 100%;
	padding: 8px;
	display: grid;
    justify-content: center;
    align-content: center;
}
.preimus_name {
	font-family: 'Gilroy-Light', sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
}
.banner.bg-circle:before {
	height: 280px;
}
.banner_block {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 24px;
	background: #3D3D3D;
	border-radius: 48px;
	padding: 36px;
	overflow: hidden;
	z-index: 2;
}
.banner_block:before {
	position: absolute;
	content: "";
	width: 296px;
	height: 296px;
	top: -154px;
	left: -130px;
	filter: blur(200px);
	background: #ff7a00;
	opacity: 20%;
}
.banner_block:after {
	position: absolute;
	content: "";
	width: 296px;
	height: 296px;
	bottom: -170px;
	right: -89px;
	filter: blur(200px);
	background: #ff7a00;
	opacity: 30%;
}
.banner_circle {
	position: absolute;
	width: 712px;
	height: 712px;
	top: 17px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.banner_circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner_title.h3 {
	margin-bottom: 0;
}
.contacts_container.pad20 {
	padding: 50px 0 100px 0;
}
.contacts_box {
	display: -ms-grid;
	display: grid;
	grid-template-columns: minmax(auto, 496px) minmax(auto, 1fr);
	justify-content: space-between;
	gap: 24px;
}
.contacts_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.contacts_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.contacts_item .socials_item {
	width: 36px;
	height: 36px;
}
.contacts_name {
	color: #B8BCCF;
}
.contacts_value {
	font-family: 'Gilroy-Light', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
}
.contacts_map {
	width: 100%;
	min-height: 500px;
}
.contacts_map-wrapper {
	width: 100%;
	height: 100%;
	border-radius: 36px;
	overflow: hidden;
	will-change: transform;
}
.header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 15;
}
.header_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: #3D3D3D;
	padding: 12px 24px;
	border-radius: 0 0 32px 32px;
}
.header_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	align-items: center;
}
.header_contacts {
	display: flex;
	gap: 2px;
    align-items: center;
}
.header_phone {
	font-size: 25px;
	line-height: 26px;
	font-weight: 500;
	white-space: nowrap;
	padding-right: 20px;
}
.header_phone:hover {
	color: #ff7a00;
}
.offer {
	position: relative;
}
.offer:before {
	position: absolute;
	content: "";
	background: url("../images/bg-box-1.png") center no-repeat;
	background-size: contain;
	width: 378px;
	height: 391px;
	top:226px;
	left: 44px;
}
.offer:after {
	position: absolute;
	content: "";
	background: url("../images/bg-box-2.png") center no-repeat;
	background-size: contain;
	width: 325px;
	height: 345px;
	top: 238px;
	right: 55px;
}
.offer_container.pad20 {
	padding: 74px 0 122px 0;
}
.offer_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	z-index: 2;
}
.offer_box.bg-circle:before {
	height: 686px;
}
.offer_label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 22px;
	color: #ff7a00;
	background: #3D3D3D;
	border-radius: 24px;
	padding: 10px 16px;
}
.offer_title {
	position: relative;
	text-align: center;
	max-width: 1048px;
	letter-spacing: -2px;
	z-index: 2;
}
.offer_title-main:before {
	left: 10px !important;
}
.offer_title-main:after {
	bottom: 10px !important;
	right: -16px !important;
}
.offer_title.h1 {
	margin-bottom: 0;
}
.offer_title:before {
	position: absolute;
	content: "";
	*background: url("../images/bg-item-1.svg") center no-repeat;
	background-size: cover;
	width: 101px;
	height: 84px;
	bottom: 35px;
	left: 170px;
	transform: rotate(-22.16deg);
	z-index: -1;
}
.offer_title:after {
	position: absolute;
	content: "";
	*background: url("../images/bg-item-2.svg") center no-repeat;
	background-size: cover;
	width: 187.2px;
	height: 159.87px;
	bottom: -15.87px;
	right: 82.8px;
	z-index: -1;
}
.offer_description {
	font-family: 'Gilroy-Light', sans-serif;
	text-align: center;
	max-width: 756px;
	font-size: 20px;
	line-height: 28px;
}
.offer_btn {
	width: 100%;
	max-width: 246px;
}
.request_container.pad20 {
	padding: 50px 0 126px 0;
}
.request_box {
	position: relative;
	padding: 48px 48px 84px 150px;
	background: #3D3D3D;
	border-radius: 36px 36px 0 36px;
	z-index: 2;
}
.request_box:before {
	position: absolute;
	content: "";
	top: 99.9%;
	right: 0;
	width: 465px;
	height: 36px;
	*background: url("../images/bg-item.svg") center no-repeat;
	background-size: 100%;
}
.request_title {
	position: relative;
	z-index: 2;
}
.request_title.h3 {
	margin-bottom: 16px;
}
.request_subtitle {
	color: #B8BCCF;
	margin-bottom: 16px;
}
.request_form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 500px;
}
.request_phone {
	position: absolute;
	width: 307px;
	top: 48px;
	right: 200px;
	z-index: 1;
}
.request_phone:before {
	position: absolute;
	content: "";
	top: 18px;
	left: 50%;
	width: 150px;
	height: 450px;
	transform: translateX(-50%);
	box-shadow: 0px 0px 99px 2px #ff7a00;
	z-index: -1;
}
.request_gift {
	position: absolute;
	top: 158px;
	right: 435px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	max-width: 288px;
	gap: 6px;
	padding: 12px 24px;
	background: #323232;
	border-radius: 24px;
	z-index: 2;
}
.uslugi_block {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 32px;
}
.uslugi_img{
	width:220px;
}
.usluga_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.shem_bl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}
.shem_title {
	max-width: 742px;
}
.shem_delivery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 24px;
	background: #3D3D3D;
	border-radius: 24px;
	max-width: 240px;
}
.shem_list {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.shem_item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	padding: 16px;
	gap: 12px;
	background: #3D3D3D;
	border-radius: 24px;
}
.shem_item:nth-child(odd):before {
	position: absolute;
	content: "";
	top: 4.5px;
	right: -33px;
	width: 153px;
	height: 32px;
	background: url("../images/arrow.svg") center no-repeat;
	background-size: 100%;
	z-index: 2;
}
.shem_item:nth-child(even):before {
	position: absolute;
	content: "";
	bottom: 16.5px;
	right: -68px;
	width: 153px;
	height: 32px;
	background: url("../images/arrow.svg") center no-repeat;
	background-size: 100%;
	transform: scaleY(-1);
	z-index: 2;
}
.shem_item:nth-last-child(1):before {
	display: none;
}
.shem_ico {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	padding: 6px;
	border-radius: 100%;
	background: #323232;
	color: #ff7a00;
	margin-bottom: 4px;
}
.shem_name {
	font-family: 'Gilroy-Light', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
}
.shem_desc {
	max-height: 96px;
	overflow: auto;
	color: #B8BCCF;
}
.shem_desc::-webkit-scrollbar {
	width: 3px;
}
.shem_desc::-webkit-scrollbar-track {
	background: #323232;
}
.shem_desc::-webkit-scrollbar-thumb {
	background: #ff7a00;
	border-radius: 20px;
}
.bg-circle {
	position: relative;
}
.bg-circle:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 532px;
	filter: blur(200px);
	border-radius: 100%;
	background: #FFFFFF;
	opacity: 10%;
	z-index: -1;
}
.content ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	padding-left: 60px;
	margin-bottom: 24px;
}
.content ul li {
	list-style: disc;
}
.content ul li::marker {
	color: #ff7a00;
}
.content p {
	margin-bottom: 24px;
}
.logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	gap: 12px;
}
.logo_image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	min-width: 110px;
	background: #323232;
	border-radius: 100%;
	padding: 6px;
}
.logo_description {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
.logo_name {
	font-family: 'Gilroy-Light', sans-serif;
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}
.logo_subname {
	color: #B8BCCF;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
}
.uslugi {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 16px;
	height: auto;
	width: 100%;
	text-align: center;
	align-items: center;
	padding: 32px 0;
	padding: 32px 0;
	background: #3D3D3D;
	border-radius: 24px;
	overflow: hidden;
	min-height: 100px;
}
.uslugi_name.h4 {
	margin-bottom: 0;
}
.uslugi_description {
	position: relative;
	max-width: 430px;
	-webkit-box-flex: 1;
	flex: 1;
	z-index: 2;
	color: #B8BCCF;
}
.socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	gap: 12px;
}
.socials_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: #323232;
	border-radius: 100%;
}
.socials_item:hover {
	transform: scale(1.2);
}
.h1, .h2, .h3, .h4 {
	font-weight: 400;
	margin-bottom: 32px;
}
.h1 {
	font-size: 68px;
	line-height: 72px;
}
.h2 {
	font-size: 52px;
	line-height: 58px;
}
.h3 {
	font-size: 38px;
	line-height: 46px;
}
.h4 {
	font-size: 30px;
	line-height: 38px;
}


.table-bordered {
    border: 1px solid #ddd;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th {
    border: 1px solid #ddd;
}

.table>tbody>tr>td, .table>tbody>tr>th {
    padding: 8px;
    border-top: 1px solid #ddd;
}
@media (min-width:1201px) and (max-width:1400px){
	.offer:before{
		width: 220px;
	}
}
@media (min-width:1025px) and (max-width:1200px){
	.offer:before{
		width: 220px;
	}
	.h1 {
		font-size: 49px;
		line-height: 60px;
	}
	.preimus_name {
		font-size: 17px;
	}
	.h4 {
		font-size: 26px;
	    line-height: normal;
	}
	.shem_ico, .shem_item:nth-child(even):before {
		display: none;
	}
	.request_box {
		padding: 48px 10px 84px 50px;
	}
	.request_phone {
		right: 20px;
	}
}
@media (min-width:769px) and (max-width:1024px){
	.offer:before{
		width: 150px;
	    top: 275px;
	}
	.offer:after {
		width: 150px;
		top: 280px;
	}
	.h1 {
		font-size: 49px;
		line-height: 60px;
	}
	.preimus_name {
		font-size: 14px;
		line-height: normal;
	}
	.h4 {
		font-size: 20px;
		line-height: normal;
	}
	.shem_ico, .shem_item:nth-child(even):before, .shem_delivery, .shem_item:nth-child(odd):before {
		display: none;
	}
	.h2 {
		font-size: 44px;
		line-height: normal;
	}
	.shem_name {
		font-size: 16px;
		line-height: normal;
	}
	.shem_desc {
		font-size: 13px;
	}
	.request_box {
		padding: 48px 0 84px 0;
		width: 100%;
		display: grid;
		justify-content: center;
}
	.request_phone {
		display: none;
		max-width: none;
	}
	.header_phone {
		font-size: 19px;
	}
}
@media (min-width:0) and (max-width:768px){
	.offer:before{
		display: none;
	}
	.offer:after {
		display: none;
	}
	.header_box{
		display: grid;
	}
	.header_contacts {
		display: grid;
		width: 100%;
		gap: 2px;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.header_phone {
		font-size: 19px;
		line-height: 26px;
		padding-right: 0;
	}
	.socials_item{
		display:none;
	}
	.offer_label {
		font-size: 17px;
	}
	.h1 {
		font-size: 36px;
		line-height: normal;
	}
	.offer_description {
		max-width: none;
	}
	.btn {
		padding: 16px 10px;
	}
	section.preimush {
		display: none;
	}
	.h2 {
        font-size: 24px;
        line-height: normal;
        text-align: center;
	}
	.uslugi_block {
		display: -ms-grid;
		text-align: center;
		display: flex;
		grid-template-columns: auto;
		gap: 20px;
		margin-bottom: 32px;
		flex-direction: column;
		align-content: center;
		align-items: center;
	}
	.h3 {
		font-size: 27px;
		line-height: normal;
		text-align: center;
	}
	.banner_block {
		padding: 36px 16px;
	}
	.shem_bl {
		gap: 0;
	}
	.shem_delivery {
		display: none;
	}
	.offer_container.pad20 {
		padding: 25px 0;
	}
	.shem_list {
		display: none;
	}
	.header {
		position: relative;
	}
	.btn.btn-4 {
		gap: 0;
	}	
	.btn.btn-4 i{
		display:none;
	}
	.request_container.pad20 {
		padding: 0;
	}
	.request_box {
		padding: 48px 10px 84px 10px;
		width: 100%;
		display: inline-block;
		justify-content: center;
        text-align: center;
}
	.request_box:before {
		width: auto;
	}
	.request_phone {
		display: none;
		max-width: none;
	}
	.header_phone {
		font-size: 19px;
	}
	.request_form {
		max-width: none;
	}
	section.request.bg-circle {
		display: none;
	}
	.about_content.content {
		font-size: 16px;
	}
	.content ul {
		padding-left: 20px;
	}
	.pad20 {
		padding: 20px 0;
	}
	.contacts_value {
		font-size: 19px
	}
	.contacts_container.pad20 {
		padding: 50px 0 10px 0;
	}
}














