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

a {
	text-decoration: none;
}

ul, ol, li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit;
}

html body .h1 {
    color: #fff;
    font-size: clamp(30px, 5vw, 50px);
    margin-bottom: 0px;
    margin-bottom: 30px;
    font-weight: 600;
}

html {
	scroll-behavior: smooth;
	scroll-padding: 100px;
}

html, body {
	height: 100%;
	line-height: 1;
	font-size: 16px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}

body._lock {
	overflow: hidden;
}


input {
    width: 100%;
    height: 40px;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 15px;
    background: #fff;
}

textarea {
    width: 100%;
    height: 100px;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 15px;
    background: #fff;
    resize: vertical;
}

select {
	width: 100%;
    height: 40px;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 15px;
    background: #fff;
}

p {
    font-size: 16px;
    line-height: 1.2;
    color: #000;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background: #0b0f18;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 10px;
}
.header__container {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    min-height: 100px;
    align-items: center;
}

.header__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
}
.header__logo img {width: 100%}
.text__logo {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.header__menu {
    width: 80%;
    position: relative;
}
.menu__icon {
	display: none;
}
.menu__body {}
.menu__list {}
.menu__list > li {
	position: relative;
	margin: 0px 0px 0px 20px;
}

.menu__link {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: 0.3s;
}

.menu__link:hover {
	text-decoration: underline;
}

.btn {
    color: #fff;
    font-size: 16px !important;
    font-weight: 600 !important;
    background: #04A1E6;
    border-radius: 18px !important;
    transition: 0.3s;
    padding: 5px 30px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer !important;
    height: 50px;
}

.btn:hover {
	background: #000;
	color: #fff;
}

.whatsapp {
	width: 46px;
	cursor: pointer;
}

.whatsapp img {
	width: 100%;
}


/* ----------------------------------------------- */ 

body._touch .menu__list > li {
	display: flex;
	align-items: center;
}

body._touch .menu__link {
	flex: 1 1 auto;
}

body._touch .menu__arrow {
	display: block;
	width: 0;
	height: 0;
	margin: 0px 0px 0px 5px;
	transition: transform 0.3s ease 0s;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #fff;
}

body._touch .menu__list > li._active:hover .menu__sub-list {
	opacity: 1;
	visibility: visible;
	transform: translate(0px, 0px);
	pointer-events: all;
}

body._touch .menu__list > li._active:hover .menu__arrow {
	transform: rotate(180deg);
}


/* ----------------------------------------------- */


@media (min-width: 1023px) {
	.menu__list {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.menu__list > li {
		padding: 10px 0;
	}
}

@media (max-width: 1023px) {
	.menu__icon {
		z-index: 5;
		display: block;
		position: relative;
		width: 30px;
		height: 18px;
		cursor: pointer;
	}


	.menu__icon span, .menu__icon::before, .menu__icon::after {
	    content: "";
	    left: 0;
	    position: absolute;
	    height: 20%;
	    width: 100%;
	    transition: all 0.3s ease 0s;
	    background-color: #fff;
	    border-radius: 2px;
	}

	.menu__icon::before {
		top: 0;
	}


	.menu__icon::after {
		bottom: 0;
	}

	.menu__icon span {
		top: 50%;
		transform: scale(1.0) translate(0px, -50%);
	}


	.menu__icon._active span {
		transform: scale(0) translate(0px, -50%);

	}

	.menu__icon._active::before {
		top: 50%;
		transform: rotate(-45deg) translate(0px, -20%);
	}

	.menu__icon._active::after {
		top: 50%;
		transform:  rotate(45deg) translate(0px, -50%);
	}

	.circle {
	    position: fixed;
	    top: 5px;
	    right: 20px;
	    width: 50px;
	    height: 50px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    z-index: 20;
	    background: #889199;
	    border-radius: 50%;
	}


	.header__container {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.9);
		padding: 100px 30px 30px 30px;
		transition: left 0.3s ease 0s;
		overflow: auto;
		display: flex;
		flex-direction: column;
	}

	.header__container._active {
		left: 0;
	}

	.menu__list > li {
		flex-wrap: wrap;
		margin: 0px 0px 30px 0px;
	}

	.menu__list > li._active .menu__sub-list {
		display: block;
	}

	.menu__list > li:last-child {
		margin-bottom: 0;
	}



	.menu__link {
		font-size: 24px;
	}
	.menu__sub-list {
		position: relative;
		background-color: #fff;
		flex: 1 1 100%;
		display: none;
	}

	.menu__sub-link {
		font-size: 20px;
		color: #000;
	}
	.tel, .mail  {
		display: block !important;
	}
}

.main {
	width: 1280px;
}

.btn.tel {
    background: none;
    position: absolute;
    top: -150px;
    right: 10px;
    font-size: 20px !important;
    transition: 0.3s;
    padding: 0px !important;
    width: 300px;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
}

.btn.tel img {height: 40px !important; margin-right: 20px !important;}

.btn.tel:hover {text-decoration: underline;}

.btn_login {
    background: none;
    color: #fff;
    font-size: 20px !important;
    font-weight: 600 !important;
    border-radius: 18px !important;
    transition: 0.3s;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer !important;
    height: 50px;
    position: absolute;
    right: 10px;
    top: -90px;
    width: 300px;
}

.btn_login img {height: 40px !important; margin-right: 20px !important;}

.btn_login:hover {color: #717171;}



.bnr {
    display: flex;
    height: auto;
    padding-top: 260px;
    padding-bottom: 260px;
    background: url(../img/bnr_main.webp) #ccc;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-attachment: fixed;
    flex-direction: column;
    position: relative;
    background-position: bottom;
}

.bnr .main {
    display: flex;
    z-index: 10;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}


.title_bnr {
    font-size: clamp(35px, 6vw, 80px);
    color: #fff;
    font-weight: 600;
    margin-bottom: 40px;
}
.subtit_bnr {
	font-size: clamp(20px, 6vw, 30px);
	color: #fff;
	margin-bottom: 50px;
}

.company {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../img/company_bnr.webp) #0d0d0d;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 50px 0;
}
.company .h1 {text-transform: uppercase; color: #fff}

.text_comp {
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px;
    padding-right: 30px;
    width: 60%;
}
.partner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}
.partner .h1 {color: #000; text-align: center;}

.boxes_part {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 1em;
}
.box_part {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
    justify-content: flex-end;
}
.text_part {
    color: #777777;
    text-align: center;
    height: 50px;
}

.we_work {
	width: 100%;
	background: url(../img/work_bg.jpg);
	background-size: cover;
    text-align: center;
    padding: 90px 0;
}

.we_work .h1 {
	margin-top: 0px;
	color: #fff;
}
.boxes_work {
	display: flex;
	position: relative;
	justify-content: center;
}

.line_blue {
    position: absolute;
    background: #00aee8;
    width: 80%;
    height: 2px;
    top: 50px;
}

.box_work {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}

.circle_work {
	flex: 0 0 100px;
	height: 100px;
    width: 100px;
	border-radius: 50%;
	background: #00aee8;
	display: flex;
	justify-content: center;
	align-items: center;
}

.text_work {
	font-size: 16px;
	line-height: 28px;
    color: #cedbe3;
    width: 180px;
    margin: 0 auto;
    margin-top: 30px;
}

.faq {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fafafa;
    padding: 30px 0;
}

.faq .h1 {
    color: #000;
    text-align: center;
}

.faq_boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.faq-left {
	width: 50%;
	padding: 0 50px;
}

.box_faq {
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px;
    cursor: pointer;
}

.title_faq {
    font-size: 18px;
    margin-bottom: 20px;
    color: #000;
}

.text_faq {
	margin-bottom: 20px;
	color: #777777;
	font-size: 16px;
	line-height: 26px;
	display: none;
	list-style-type: decimal;
	list-style-position: inside;
}

.box_faq.active .text_faq {
	display: block;
}

.faq-right {
	width: 50%;
	padding: 0 50px;
}

.btn.ask {
    margin: 30px auto;
}

/*--------Виды доставки ---------*/

.types_dvl {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #123;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/dvl_main.webp);
}
.types_dvl .main {
}
.header_dvl {
	display: flex;
	justify-content: center;
    align-items: center;
	background: #fff;
	width: 100%;
	padding: 20px 0;
}

.header_dvl .main {
	display: flex;
	justify-content: space-between;
}
.types_dvl .h1 {
    color: #000;
    margin: 0;
    text-transform: uppercase;
}
.subtitle_dvl {
    font-size: clamp(20px, 2vw, 30px);
    text-align: end;
    width: 50%;
}
.boxes_type-dvl {
    display: flex;
    flex-direction: column;
    gap: 2em;
    padding-top: 20px;
    padding-bottom: 80px;
}
.box_type-dvl {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 1em;
}
.box_dvl {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 50%;
    border-radius: 15px;
    background: #cccc;
    padding: 50px 30px;
    justify-content: center;
    gap: 0.5em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.box_type-dvl:nth-child(1) .box_dvl {background-image: url(../img/dvl_1.webp);}
.box_type-dvl:nth-child(2) .box_dvl {background-image: url(../img/dvl_2.webp);}
.box_type-dvl:nth-child(3) .box_dvl {background-image: url(../img/dvl_3.webp);}
.box_type-dvl:nth-child(4) .box_dvl {background-image: url(../img/dvl_4.webp);}
.box_type-dvl:nth-child(5) .box_dvl {background-image: url(../img/dvl_5.webp);}

.tit_dvl {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.box_subtit {
    display: flex;
    justify-content: space-between;
    width: 50%;
}
.subtit_dvl {
    color: #7ad2e8;
    font-size: clamp(17px, 3vw, 20px);;
}
.text_dvl {
    width: 40%;
    color: #fff;
    text-align: start;
    text-shadow: 0px 1px black;
}
.box_type-dvl:nth-child(2n) .text_dvl {text-align: end;} 

.add-serv {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

.boxes_add-serv {
    display: flex;
    gap: 1em;
}
.box_add-serv {
}
.tit_serv {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.text_serv {
}

.text_serv img {
    vertical-align: bottom;
}

.dvl_direct_1 {
    position: absolute;
    top: 15px;
    right: 30px;
    color: #fff;
}

.dvl_direct_2 {
    position: absolute;
    bottom: 15px;
    right: 30px;
    color: #fff;
}

/*--------Виды доставки ---------*/


/*-----------Склады--------------*/

.geography {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}
.geography .main {
    display: flex;
    gap: 1em;
}
.img_map {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img_map img {width: 100%}

.desc_map {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.desc_map p {
    font-size: clamp(14px, 3vw, 22px);
    line-height: 1.5;
}

.desc_map .tit_desc {
    font-size: clamp(25px, 3vw, 30px);
    font-weight: 600;
    color: #1b437b;
    margin-bottom: 20px;
}

.desc_map ul {
    padding: 10px 0;
}

.desc_map li {
    color: #000;
    font-weight: 600;
    line-height: 1.5;
}

.type_dvl {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../img/type_dvl.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.boxes_type {
    display: grid;
    gap: 1%;
    padding: 80px 0;
    grid-template-columns: 49.5% 49.5%;
}
.box_type {
}

.box_type>* {
    color: #fff;
    line-height: 1.5;
    font-size: 20px;
}

.advantages {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}
.boxes_adv {
    display: grid;
    gap: 1em;
    grid-template-columns: 1fr 1fr 1fr;
}

.boxes_adv img {
    width: 30px;
    height: 30px;
    background: #ccc;
}

.box_adv {
    display: flex;
    gap: 1em;
}
.box_adv-desc {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}
.tit_adv {
    font-weight: 600;
}
.text_adv {
}


.package {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/package_img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}
.main {
}
.boxes_pkg {
    display: grid;
    grid-template-columns: 1fr 600px;
    gap: 1em;
}
.box_pkg {
	padding: 40px 0;
	position: relative;
}
.box_pkg:last-child {
    background: #051826;
    padding-left: 40px;
    overflow: hidden;
}
.box_pkg p {
    line-height: 1.5;
    color: #fff;
}

.box_pkg:first-child p {text-shadow: 0 1.5px black;}

.box_pkg ul {
}

.box_pkg li {
    line-height: 1.5;
    list-style: disc;
    list-style-position: inside;
}

.lenta {
    display: flex;
    gap: 1em;
    padding: 5px;
    background: #ffad00;
}
.lenta.l_1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.lenta.l_2 {
    position: absolute;
    transform: rotate(-90deg);
    right: -320px;
    bottom: 350px;
    overflow: hidden;
}

.lenta .tit_lenta {
    color: #000;
}

.tit_pkg {
    font-size: 40px;
    font-weight: 600;
}

.pkg-adv {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

.boxes_version-pkg {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: 60%;
    padding-right: 40px;
}
.box_version-pkg {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
}
.circle_numb {
    position: absolute;
    display: flex;
    height: 30px;
    width: 30px;
    background: #ff8320;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    left: -15px;
}
.boxes_vp {
    display: flex;
    gap: 1em;
}
.box_vp {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    flex: 0 0 100px;
    background: #0f2739;
    border-radius: 10px;
    overflow: hidden;
}

.box_vp img {
    display: block;
    object-fit: contain;
    object-position: 50% 50%;
    height: 100%;
    width: 100%;
}

.text_pkg {
    margin: 10px;
}
.block_video {
    display: flex;
    flex-direction: column;
    width: 27%;
    position: absolute;
    bottom: 40px;
    right: 40px;
}
.box_video {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 100px;
    border-radius: 10px;
     background: #0f2739;
}
.text_video {
}
.boxes_pkg-adv {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
    grid-template-rows: repeat(2, 1fr);
}
.box_pkg-adv {
    display: flex;
    flex-direction: column;
}

.box_pkg-adv img {
    width: max-content;
    height: 60px;
    background: #ccc;
    margin-bottom: 10px;
}

.box_pkg-adv ul {
    padding-left: 35px;
}

.box_pkg-adv li {
    color: #000;
    list-style-image: url(../img/marker.svg);
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.box_pkg-adv p {font-size: 20px; line-height: 1.5}

.box_pkg-adv.box_3 {
    grid-row: 1/3;
    grid-column: 2;
}
.box_pkg-adv.box_4 {
    grid-row: 1/3;
    grid-column: 3;
    padding-top: 70px;
}

.tit_pkg-adv {
    font-weight: 600;
    margin-bottom: 10px;
}
.pkg-adv .lenta {
    padding: 15px 5px;
    overflow: hidden;
    gap: 2em;
}
.pkg-adv .tit_lenta {
    font-size: 30px;
    font-weight: 600;
}


/*-----------Склады--------------*/


/*----------------Обслуживание----------*/

.bnr.bnr_srv {background-image: url(../img/bnr_srv.webp);}

.buyout {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}
.main {
}
.buyout .h1 {color: #000}
.subtit_buyout {
    font-size: clamp(20px, 3vw, 30px);
}
.buyout > div > p:nth-child(3) {text-align: right;}

.boxes_buyout {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    gap: 1em;
}
.box_buyout {
    display: flex;
    align-items: center;
}
.box_buyout p {font-size: 20px; line-height: 1.5;}
.box_buyout img {height: 180px;}
.box_buyout p img {vertical-align: bottom; height: 35px; display: inline-block;}
.text_footer-b {font-size: 20px; line-height: 1.5; margin-top: 20px}

.buyout_1688 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    background: #001031;
}
.main {
}
.buyout_1688 .h1 {text-align: center;}
.buyout_1688 .subtit_buyout {
    color: #559fdc;
    text-align: center;
}
.box_link {
    display: flex;
    justify-content: space-around;
}
.link_cite {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.boxes_b-1688 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
    padding: 30px 0;
}
.box_b-1688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box_b-1688 img {height: 120px}
.tit_b {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.subtit_b {
    color: #fff;
    text-align: center;
}
.box_footer-b {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
}
.box_footer-b img {height: 60px; width: 60px}
.text_f-b {
    font-size: 20px;
    color: #fff;
}
.box_footer-b a {width: fit-content;}

.wechat {
}
.whatsapp {
}
.vk {
}
.work_person {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

.work_person .h1 {color: #060f36 !important; margin: 0;}
.work_person .h1:nth-child(2) {
    text-align: right;
    margin-bottom: 20px;
}

.work_person p:not(.h1) {margin-bottom: 10px; line-height: 1.5; font-size: 20px; text-indent: 25px;}
.work_person li {
    color: #000;
    list-style: disc inside;
    margin-bottom: 10px;
}

.work_person .doc {height: 35px; vertical-align: bottom;}

.box_buyout {
}
.we_work {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    background: linear-gradient(180deg,rgba(25, 41, 67, 1) 0%, rgba(200, 126, 89, 1) 100%);
    flex-direction: column;
}
.subtit_we-work {
    font-size: clamp(18px, 3vw, 25px);
    color: #fff;
}
.boxes_we {
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 1em;
    padding: 30px 0;
}
.box_we {
}

.box_we p {
    color: #fff;
    line-height: 1.5;
    text-align: left;
}

.manager {width: 100%;}

.box_we.we-right {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box_we.we-right  .tit_cab {
    background: #1f212d;
    border-radius: 10px;
    width: 50%;
    text-align: center;
    padding: 15px;
    font-size: 20px;
    color: #fff;
}
.box_we.we-right img {
    height: 250px;
}

.cab_1 {
    position: relative;
    top: -10px;
    left: -72px;
}
.cab_2 {
    position: relative;
    bottom: 11px;
    right: -61px;
}
/*----------------Обслуживание----------*/

/*--------------Контакты----------------*/

.bnr_cont {
    background-image: url(../img/bnr_cont.webp);
}

.img_bnr {
    position: absolute;
    right: 10px;
    height: 100%;
}

.contacts {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    background-image: url(../img/fon_cont.webp);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right bottom;
    background-color: #010D1B;
}
.boxes_contact {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.box_contact {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.box_contact a:hover {
    text-decoration: underline;
}

.contacts .box_contact:last-child {
    flex-direction: row;
    width: 70%;
    justify-content: space-evenly;
}

.box_flag {
    display: flex;
    align-items: center;
    gap: 0.5em;
    width: fit-content;
    padding: 0px 5px 0px 3px;
    background: #1a1a1a;
    border-radius: 5px;
}   
.tit_flag {
    color: #fff;
    font-size: 12px;
}
.box_cont {
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
    margin-left: 40px;
}

.contacts .box_contact:nth-child(2) .box_cont:last-child {align-items: center;}

.box_cnt {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}
.box_link-cont {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.box_link-cont a {
    color: #fff;
    font-size: 25px;
}

.text_cont {
    color: #fff;
    font-size: 20px;
}

.text_small {
    width: 220px;
    color: #fff;
    padding: 5px;
    font-size: 11px;
    background: #1a1a1a;
    border-radius: 5px;
}
.social {
    width: 100px;
    height: 100px;
    padding: 5px;
    background: #ccc;
    border-radius: 15px;
}


/*--------------Контакты----------------*/

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #010d1b;
    padding: 40px 0;
}
.footer .main {
    display: flex;
    gap: 1em;
    justify-content: space-between;
}

.boxes_footer {
    display: flex;
    gap: 1em;
}

.box_footer {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.footer .boxes_contact {flex-direction: row;}

.box_ftr {
    display: flex;
    margin-top: 20px;
}

.box_ftr .box_cont {
    align-items: center;
}

.box_ftr .box_cont:first-child {
    margin-left: 0;
}

.footer .box_cont .social {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

.footer .box_cont .social img {width: 100%}

.box_footer a:hover {
    text-decoration: underline;
}


.footer .box_contact:last-child {
    flex-direction: column; 
}

.footer .box_cont img {
    width: 30px;
}

.footer .box_link-cont a {
    color: #fff;
    font-size: clamp(15px, 3vw, 20px);
}

.footer .text_cont {
    color: #fff;
    font-size: clamp(13px, 3vw, 17px);
}

.calc {
    display: grid;
    grid-template-columns: 20% 1fr 20%;
    gap: 0.5em;
}

img.img_calc {
    width: 100%;
}


/*----------------Modal--------------------*/
            .well input.form-control{
            padding-left: 10px;
            }
            .well input.ac_input {
                width: 443px;
            }

            .well input.hasDatepicker {
                width: 435px;
            }

            .well select.form-control{
            padding-left: 5px;
            width: 476px !important;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none !important;
            }
            .well textarea.form-control{
            resize: vertical;
            font-family: Arial;
            padding-top: 10px;
            padding-left: 10px;
            height: 100px;
            }
            .well {
                min-width: 530px;
            }

            .well .input-group {
                position: relative;
            }

            .select-group {
                position: relative;
            }

            .well .input-group select.form-control {
                position: relative;
                background: none;
                border-radius: 4px;
            }

            .well .input-group select.form-control::-ms-expand {
                display: none;
            }

            .custom-select {
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: white;
                border-radius: 5px;
            }

            .pseudo-btn {
                position: absolute;
                border-left: 1px solid #ccc;
                width: 1px;
                height: 98%;
                right: 34px;
                top: 1px;
            }

            .select-caret {
                display: inline-block;
                width: 0;
                height: 0;
                position: absolute;
                top: 46%;
                right: -20px;
                vertical-align: middle;
                border-top: 4px dashed;
                border-top: 4px solid\9;
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
            }

            textarea.form-control {
                resize: vertical;
            }

            .ui-datepicker-trigger {
                opacity: 0 !important;
                position: absolute !important;
                top: -10000px !important;
            }

            .ui-timepicker-div .ui_tpicker_second_label {
                float: left;
                display: inline-block;
                margin-top: 2px;
                margin-left: 4px;
                height: 14px;
            }

            .ui-timepicker-div .ui_tpicker_time_label {
                float: left;
                margin-left: 4px;
                // height: 14px;
                margin-bottom: 5px;
            }

            .ui-timepicker-div .ui_tpicker_hour_label {
                float: left;
                display: inline-block;
                margin-left: 4px;
                // height: 14px;
                margin-bottom: 5px;
            }

            .ui-timepicker-div .ui_tpicker_minute_label {
                float: left;
                display: inline-block;
                margin-left: 4px;
                // height: 14px;
                margin-bottom: 5px;
            }

                .ui-timepicker-div .ui_tpicker_hour {
                    height: 14px;
                    margin-bottom: 5px;
                }

                .ui-timepicker-div .ui_tpicker_minute {
                    height: 14px;
                    margin-bottom: 5px;
                }

            .ui-timepicker-div .ui_tpicker_time {
                /*float:left;*/
                margin-left: 5.5em;
                // height: 14px;
                margin-bottom: 5px;
            }

            .ui-timepicker-div .ui-slider.ui-slider-horizontal {
                width: 10.5em;
                height: 12px;
                margin-left: 2.3em;
            }

            .ui-timepicker-div dd {
                margin-left: 40px;
            }

            .ui_tpicker_minute,
            .ui_tpicker_hour {
                padding-top: 4px;
            }

            .ui_tpicker_hour_label {
                padding-top: 2px;
            }

            .form-control {
                width: 100% !important;
            }

            @media (min-width: 992px) {
                .col-md-10 {
                    width: 97.333333% !important;
                }
            }

            @media (max-width: 1000px) {
                /* Правка таймера у календаря */
                .ui-timepicker-div dd {
                    margin-left: 230px;
                }
                .ui-timepicker-div .ui_tpicker_time {
                    margin-bottom: 22px;
                }
                .ui-timepicker-div .ui_tpicker_hour {
                    height: 80px;
                    margin-bottom: 26px;
                }
                .ui-timepicker-div .ui_tpicker_minute {
                    height: 80px;
                }
                .ui_tpicker_minute, .ui_tpicker_hour {
                    padding-top: 31px;
                }
                .ui-timepicker-div .ui-slider.ui-slider-horizontal {
                    height: 34px;
                }

                .pseudo-btn {
                    right: 75px;
                }

                .select-caret {
                    position: absolute;
                    top: 45%;
                    right: -62px;
                    border-top: 30px dashed black !important;
                    border-right: 25px solid transparent !important;
                    border-left: 25px solid transparent !important;
                }
            }

            @media print {
                .pseudo-btn {
                    right: 34px;
                }

                .select-caret {
                    right: -20px;
                    border-top: 4px dashed black !important;
                    border-right: 4px solid transparent !important;
                    border-left: 4px solid transparent !important;
                }
            }


                        :root {
                --decor_color: 7, 55, 99;
            }

            body {
                background-color: ;
            }

            .btn-primary {
                background-color: rgba(var(--decor_color));
                border-color: rgba(var(--decor_color));
            }

            /* Переопределение библиотек стилей */
            .btn-primary:hover {
                background-color: rgba(var(--decor_color), 0.95);
                border-color: rgba(var(--decor_color), 1);
            }
            .btn-primary:active {
                background-color: rgba(var(--decor_color), 0.95);
                border-color: rgba(var(--decor_color), 1);
            }
            .btn-primary:focus {
                background-color: rgba(var(--decor_color), 0.95);
                border-color: rgba(var(--decor_color), 1);
            }
            .btn-primary:active:focus {
                background-color: rgba(var(--decor_color), 0.95);
                border-color: rgba(var(--decor_color), 1);
            }
            .btn-primary:active:hover {
                background-color: rgba(var(--decor_color), 0.95);
                border-color: rgba(var(--decor_color), 1);
            }
            .btn-primary[disabled]:hover {
                background-color: rgba(var(--decor_color), 0.7);
                border-color: rgba(var(--decor_color), 0.7);
            }
            .form-control:focus {
                border-color: rgba(var(--decor_color), 0.55);
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(var(--decor_color), 0.4);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(var(--decor_color), 0.4);
            }
            .k_file_url {
                color: rgba(var(--decor_color), 0.85);
            }
            .k_file_url:hover {
                color: rgba(var(--decor_color), 1);
            }

            @media (max-width: 1000px) {
                .pseudo-btn {
                    position: initial;
                    height: 100%;
                    margin-left: 85%;
                    width: unset;
                    right: unset;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .pseudo-btn .select-caret {
                    position: initial;
                    border-top: 16px dashed black !important;
                    border-right: 10px solid transparent !important;
                    border-left: 10px solid transparent !important;
                }

                input[type=checkbox], input[type=radio] {
                    width: 26px;
                    height: 26px;
                }
            }

            .k_field_name{
 font-size: 14px;
 font-family: Arial,Arial,Helvetica,sans-serif;
 background-color: #f3f3f3;
}

.k_qst_group{
 font-size: 14px;
 font-family: Arial,Arial,Helvetica,sans-serif;
 background-color: #f3f3f3;
}

.k_file_url{
 color: blue;
 cursor: pointer;
 text-decoration: underline;
}

.k_file_url:hover{
 color: red;
 cursor: pointer;
 text-decoration: underline;
}

.k_file_form{
 position: absolute;
 width: 90px;
 height: 19px;
 overflow: hidden;
 cursor: pointer;
}

.k_file_form2{
 opacity: 0;
}

.k_file_form2 input {
 opacity: 0;
 filter:alpha(opacity=0);
 font-size: 60px;
 cursor: pointer;
 width: 200px;
}

@-moz-document url-prefix(){
 .k_file_form2 input {
 direction: rtl;
 width: auto;
}
}

@media all and (-webkit-min-device-pixel-ratio:0) {
.k_file_form2 input {
 direction: rtl;
 width: auto;
}
}

.k_upload_progress_img{
 background: url("http://nikitapro.clientbase.ru/images/upload_progress.gif") no-repeat top left;
 width:14px;
 height:14px;
 display: inline-block;
 outline: none;
}
                      
.form-basic__title{
font-family: Arial,Arial,Helvetica,sans-serif;
}

.modal_main {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transform: scale(0);
}

.form-basic_wrapper {
    opacity: 0;
    position: fixed !important;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%)  scale(0) !important;
    z-index: 100;
    pointer-events: unset;
    transition: 0.3s;
    transform: scale(0) !important;
}

.modal_main.active {
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
    z-index: 100;
}

.modal_main.active .form-basic_wrapper {
    opacity: 1;
    pointer-events: all;
    transform: translate(-50%, -50%) scale(1) !important;
    overflow-y: auto;
    height: 100%;
}



.modal_shodow {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #cccccc9c;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
}

.modal_main.active .modal_shodow {
    opacity: 1;
    pointer-events: all;
}

.form-basic_wrapper.active::-webkit-scrollbar {
  width: 8px;               /* ширина scrollbar */
}
.form-basic_wrapper.active::-webkit-scrollbar-track {
  background: #ccc;        /* цвет дорожки */
}
.form-basic_wrapper.active::-webkit-scrollbar-thumb {
  background-color: #417fab;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid #417fab;  /* padding вокруг плашки */
}

.form-basic .form-group {
    margin: 0px 0 0 0 !important;
}


.lock {overflow: hidden;}

.close_box {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
}

.close {
    display: block;
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background: #04A1E6;
    transform: rotate(45deg);
    cursor: pointer;
    opacity: 1 !important;
}


.close:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background: #04A1E6;
    transform: rotate(270deg);
}

.form-copyright {display: none !important;}


/*----------------Modal--------------------*/