/*- Made by DeMETAL (c) 2023 >>> -*/
/* velestbox@gmail.com */

/*** VAR >>> ***/
body {
	font: var(--bfont);
	color: var(--bfont_c);
	background: var(--body_bg);
}
a {
	color: var(--a_c0);
}
a:hover {
	color: var(--a_c1);
	text-decoration: none;
}

a, button:hover, button:focus, button:active, a:hover, a:active, a:focus, .btn, .btn:hover, .btn:active, .btn:focus, input, textarea, form {
	outline: none !important;
	box-shadow: none;
	border: none;
}
.owl_play {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* colors >>> */
.bg_c1{
	background: var(--c1);
}
.bg_c2 {
	background: var(--c2);
}
.bg_c3 {
	background: var(--c3);
}
.bg_cg1 {
	background: var(--cg1);
}
.bg_cg2 {
	background: var(--cg2);
}
.bg_cg3 {
	background: var(--cg3);
}
.bg_cd1 {
	background: var(--cd1);
}
.bg_cd2 {
	background: var(--cd2);
}
.bg_cd3 {
	background: var(--cd3);
}
.c1 {
	color: var(--c1);
}
.c2 {
	color: var(--c2);
}
.c3 {
	color: var(--c3);
}
.cg1 {
	color: var(--cg1);
}
.cg2 {
	color: var(--cg2);
}
.cg3 {
	color: var(--cg3);
}
.cd1 {
	color: var(--cd1);
}
.cd2 {
	color: var(--cd2);
}
.cd3 {
	color: var(--cd3);
}
/* colors <<< */

/* size >>> */
.header_in {
	height: var(--header_in);
}
.logo {
	width: var(--logo_w);
	min-width: var(--logo_w);
}
.h_phone {
	width: var(--h_phone);
	min-width: var(--h_phone);
	cursor: pointer;
}
.tog_block .tog_soc {
	width: var(--tog_soc);
	min-width: var(--tog_soc);
	padding: 0;
}
/* size <<< */

/* gap >>> */
.mb-20 {
	margin-bottom: 20px;
}
/* gap <<< */
/*** VAR <<< ***/

/*** ELEMENTS >>> ***/
/* buttons >>> */
.btn, .btn:hover {
	position: relative;
	display: inline-block;
	font: var(--bfont);
	font-weight: 500;
	color: var(--btn_c0);
	padding: 0;
	transition: all .2s ease 0s;
	width: var(--btn_w);
	height: var(--btn_h);
	line-height: var(--btn_h);
	border-radius: var(--btn_rad);
	box-shadow: 0 3px 3px 0 #C5CBD4;
}
.btn_ico, .btn_arr {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--btn_ico_c0);
	background: var(--btn_ico_bg0);

	width: 100%;
	font-size: 14px;
	margin: auto;
}
.btn:hover {
}
.btn_ico:hover, .btn_arr:hover {
	color: var(--btn_ico_c1);
	background: var(--btn_ico_bg1);
}
.btn_ico::after {
	content: '';
	width: 14px;
	min-width: 14px;
	height: 14px;
	margin-left: 6px;
	background: #c00;
}

.close_btn {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 55px;
	cursor: pointer;
	transition: all .3s ease 0s;
	border-radius: 50%;
}
.close_btn::before, .close_btn::after {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 2px;
	transform: rotate(45deg);
	transition: all .3s ease 0s;
	background: var(--bfont_c);
}
.close_btn::before {
	width: 24px;
	height: 2px;
}
.close_btn::after {
	width: 2px;
	height: 24px;
}
.close_btn:hover {
	transform: rotate(180deg);
}

.ico_hamb {
	position: relative;
	display: block;
	display: flex;
	width: var(--ico_hamb);
	height: var(--ico_hamb);
	cursor: pointer;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all .3s ease 0s;
	/* hamb_bg */
	/*background: #f7f7f7;*/
}
.ico_hamb .l, .ico_hamb::before, .ico_hamb::after {
	display: block;
	content: '';
	width: 21px;
	height: 3px;
	border-radius: 100px;
	transition: all .3s ease 0s;
	/* hamb color */
	background: var(--c1);
}
.ico_hamb .l {
	margin: 3px 0;
	/* hamb mid color */
	/*background: var(--c1);*/
}
/* buttons <<< */

/* side_wrap >>> */
.side_wrap {
	position: fixed;
	width: 360px;
	height: 100%;
	overflow-y: auto;
	top: 0;
	left: -100%;
	transition: left .3s ease 0s;
	background: #fff;
	z-index: 9999;
}
.side_wrap.active {
	left: 0;
}

.side_header {
	position: relative;
	height: var(--header_in);
}

.side_menu_wrap .link_wrap {
	border-bottom: 1px solid var(--cg1);
}
.side_menu_wrap .link {
	display: block;
	color: var(--bfont_c);
}

.sub_acc {
	display: none;
}
.sub_acc_tog .link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	padding-right: 15px;
}
.sub_acc_tog .link i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
}

.sub_acc_tog .link i::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	transition: all 0.3s ease 0s;
	transform: rotate(135deg);
	border-top: 3px solid var(--c1);
	border-right: 3px solid var(--c1);
}
.sub_acc_tog.active .link i::before {
	transform: rotate(-45deg);
	margin-top: 4px;
}

.sub_acc a {
	display: block;
}
/* side_wrap <<< */
/*** ELEMENTS <<< ***/

/* bs >>> */
.container-fluid {
	padding: 0;
}

.row.row-half {
	margin-left: -8px !important;
	margin-right: -8px !important;
}
.row.row-half > [class*="col-"] {
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.row.row-full {
	margin-left: -16px !important;
	margin-right: -16px !important;
}
.row.row-full > [class*="col-"] {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	margin: 0;
	padding: 0;
}
/* bs <<< */

/* common >>> */
.spy {
	position: fixed;
	font: bold 16px/1.2 Arial;
	text-align: center;
	color: #ff0;
	padding: 0 5px;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 99999;
}
.spy_grn {color: #0c0}

.ovh {overflow: hidden}
.ma {margin: auto}
.m0a {margin: 0 auto}
.cur {cursor: pointer}

.c_white {color: #fff}
.c_black {color: #000}
.bg_white {background: #fff}
.bg_black {background: #000}
.bd_white {border: 1px solid #fff}
.bd_black {border: 1px solid #000}

.posa {position: absolute}
.posr {position: relative}
.posf {position: fixed}
.dib {display: inline-block}

/*.placeholder::-webkit-input-placeholder {
	opacity: 1;
}
.placeholder:-moz-placeholder {
	opacity: 1;
}
.placeholder::-moz-placeholder {
	opacity: 1;
}
.placeholder:-ms-input-placeholder {
	opacity: 1;
}
.placeholder::-ms-input-placeholder {
	opacity: 1;
}
.placeholder::placeholder {
	opacity: 1;
}*/

.placeholder:focus::-webkit-input-placeholder {
	color: transparent;
}
.placeholder:focus:-ms-input-placeholder {
	color: transparent;
}
.placeholder:focus::-moz-placeholder {
	color: transparent;
}
.placeholder:focus::placeholder {
	color:transparent;
}

.telto {
	white-space: nowrap;
	text-decoration: none !important;
}
.mailto {
	text-decoration: underline;
}
.mailto:hover {
	text-decoration: none;
}
/* common <<< */

/* crumbs >>> */
.crumbs_wrap {
	font-size: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.crumbs_wrap, .crumbs_wrap span, .crumbs_wrap a {
	color: #6A768A;
	font-size: 12px;
}
.crumbs_wrap :nth-child(n+3)::before {
	content: '';
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 2px;
	top: 3px;
	background: url(images/design/arr_r.svg) 0 0 / cover no-repeat;
}
/* crumbs <<< */

/* FORM 2023-02-09 v 3.0 >>> */
.loading, .ajax_response {
	display: none;
	position: absolute;
	width: 100%;
	height: 104%;
	left: 0;
	top: 0;
	border-radius: 15px;
	opacity: 0.9;
	z-index: 998;
	background: #fff;
}
.loading {
	background: #fff url(/hostcmsfiles/images/ajax_loader.gif) 50% 50% no-repeat;
}
.ajax_msg_wrap {
	position: relative;
	font-weight: bold;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	padding: 15px;
}
.ajax_msg_wrap .title {
	font-size: 22px;
	margin-bottom: 15px;
}
.ajax_msg_wrap .text {
	color: #fff;
	font-size: 16px;
}

.popup_content {
	box-shadow: none;
	border-radius: 0;
	border: none;
	padding: 15px;
	background: #eee;
}

.inp_wrap {
	/*border-radius: 2px;*/
	/*background: #fff;*/
}
.inp_wrap .inp_label {
	color: #999;
	font-size: 14px;
}
.inp_wrap .inp {
	width: 100%;
	padding: 0;
}
.inp_wrap textarea {
	resize: none;
}

.fz_wrap label, .fz_wrap a {
	color: #C4C9D8;
	font-size: 12px;
}
.fz_wrap a {
	text-decoration: underline;
}
.custom-checkbox .custom-control-label::before {
	content: none;
}
.custom-checkbox .custom-control-label::after {
	width: 16px;
	height: 16px;
	left: -20px;
	top: 0;
	cursor: pointer;
	box-shadow: none;
	border-radius: 0;
	border: none;
	background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='1.5' stroke='%23D7DBEA'/%3e%3c/svg%3e") 0 0 / cover;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3crect x='.5' y='.5' width='15' height='15' rx='1.5' stroke='%23D7DBEA'/%3e%3crect x='5' y='5' width='6' height='6' rx='1' fill='%23DE749E'/%3e%3c/svg%3e") 0 0 / cover;
}
/* FORM <<< */

/* common elements >>> */
.js_overlay, .js_overlay_op {
	/*position: absolute;*/
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .7;
	background-color: #000;
	z-index: 998;
}
.js_overlay_op {
	opacity: .5;
}
/* common elements <<< */
/* pager >>> */
.pager {
	display: flex;
	justify-content: center;
}
.pager_item {
	position: relative;
	display: inline-block;
	width: 48px;
	min-width: 48px;
	height: 48px;
	color: #6A768A;
	font-size: 16px;
	line-height: 48px;
	font-weight: bold;
	border-radius: 12px;
	margin: 0 5px;
	border: 1px solid #F2F3F9;
	background: #FEFEFE;
}
.pager_item.active, .pager_item:hover {
	color: #6A768A;
	border: 1px solid #D6E3F3;
	text-decoration: none;
	background: linear-gradient(180deg, rgba(192, 205, 227, 0.25) 0%, rgba(192, 205, 227, 0) 100%);
}
.pager .pager_nav, .pager .pager_nav:hover {
	margin: 0;
	border: none;
	background: none; 
}
.pager .pager_nav::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 2px solid #6A768A;
	border-right: 2px solid #6A768A;
}
.pager .pager_prev::before {
	left: 6px;
	transform: rotate(-135deg);
}
.pager .pager_next::before {
	left: -6px;
	transform: rotate(45deg);
}
.pager .pager_nav:hover::before, .pager .pager_nav:focus::before {
}
/* pager >>> */

/* owl >>> */
.owl-nav {
	height: 0;
}
.owl-nav button {
	position: absolute;
	width: 38px;
	height: 38px;
	top: 50%;
	margin-top: -64px;
}
.owl-nav button.disabled {
	opacity: 0.6;
}
.owl_nav::before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(images/design/arr_owl.svg) 50% 50%/cover no-repeat;
	z-index: 1;
}
.nav_l::before {
	transform: rotate(180deg);
}
.owl-prev {
	left: -14px;
}
.owl-next {
	right: -14px;
}

.owl-dots {
	position: absolute;
	width: 100%;
	line-height: 0;
	text-align: center;
	padding-top: 22px;
}
.owl-dot {
	display: inline-block;
	line-height: 0 !important;
	outline: none !important;
}
.owl-dots span {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 8px;
	border-radius: 50%;
	border: none;
	background: #B0C5D0;
}
.owl-dots .active span {
	background: var(--c1);
}
.dots_fill {
	height: 40px;
}
/* owl <<< */

/* text >>> */
.fw3, .fwl {font-weight: 300 !important}
.fw4, .fwr , .fwn {font-weight: normal !important}
.fw5, .fwm {font-weight: 500 !important}
.fw6, .fwsb {font-weight: 600 !important}
.fw7, .fwb {font-weight: bold !important}
.fw8, .fweb {font-weight: 800 !important}
.fw9, .fwbl {font-weight: 900 !important}
p {
	margin: 0;
}
.ttu {
	text-transform: uppercase;
}
.whs {
	white-space: nowrap;
}
.tal {
	text-align: left !important;
}
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}
.tdn {
	text-decoration: none;
}
.tdu {
	text-decoration: underline;
}
.lh-1 {
	line-height: 1!important;
}
.lh-12 {
	line-height: 1.2!important;
}
.lh-15 {
	line-height: 1.5!important;
}
.fz-12 {
	font-size: 12px!important;
}
.fz-14 {
	font-size: 14px!important;
}
.fz-16 {
	font-size: 16px!important;
}
.fz-18 {
	font-size: 18px!important;
}
.fz-20 {
	font-size: 20px!important;
}
.fz-22 {
	font-size: 22px!important;
}
.fz-24 {
	font-size: 24px!important;
}
.fz-26 {
	font-size: 26px!important;
}
.fz-28 {
	font-size: 28px!important;
}
.fz-30 {
	font-size: 30px!important;
}
.fz-32 {
	font-size: 32px!important;
}
.fz-34 {
	font-size: 34px!important;
}
.fz-36 {
	font-size: 36px!important;
}
.fz-38 {
	font-size: 38px!important;
}
.fz-40 {
	font-size: 40px!important;
}
.fz-42 {
	font-size: 42px!important;
}
.fz-44 {
	font-size: 44px!important;
}
.fz-46 {
	font-size: 46px!important;
}
.fz-48 {
	font-size: 48px!important;
}
.fz-50 {
	font-size: 50px!important;
}
.fz-60 {
	font-size: 60px!important;
}
.fz-70 {
	font-size: 70px!important;
}
.fz-80 {
	font-size: 80px!important;
}

.text_wrap p,
.text_wrap ul,
.text_wrap ol {
	margin-bottom: 15px;
}
.text_wrap p:last-child {
	margin: 0;
}
.text_wrap ol, .text_wrap ul {
	padding-left: 15px;
}
.text_wrap li {
	margin-bottom: 10px;
}
/* text <<< */

/* SM+ (sm-*) */
@media screen and (min-width: 576px) {
	.sm-tal {
		text-align: left !important;
	}
	.sm-tac {
		text-align: center !important;
	}
	.sm-tar {
		text-align: right !important;
	}
	.sm-fwb {
		font-weight: bold !important;
	}
	.sm-lh-1 {
		line-height: 1 !important;
	}
	.sm-lh-12 {
		line-height: 1.2 !important;
	}
	.sm-lh-15 {
		line-height: 1.5 !important;
	}

	.row.row-sm-half {
		margin-left: -8px !important;
		margin-right: -8px !important;
	}
	.row.row-sm-half > [class*="col-"] {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	.row.row-sm-full {
		margin-left: -16px !important;
		margin-right: -16px !important;
	}
	.row.row-sm-full > [class*="col-"] {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.sm-px {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
/* MD+ (md-*) */
@media screen and (min-width: 768px) {
	.md-tal {
		text-align: left !important;
	}
	.md-tac {
		text-align: center !important;
	}
	.md-tar {
		text-align: right !important;
	}
	.md-fwb {
		font-weight: bold !important;
	}
	.md-lh-1 {
		line-height: 1 !important;
	}
	.md-lh-12 {
		line-height: 1.2 !important;
	}
	.md-lh-15 {
		line-height: 1.5 !important;
	}

	.fz-md-12 {
		font-size: 12px!important;
	}
	.fz-md-14 {
		font-size: 14px!important;
	}
	.fz-md-16 {
		font-size: 16px!important;
	}
	.fz-md-18 {
		font-size: 18px!important;
	}
	.fz-md-20 {
		font-size: 20px!important;
	}
	.fz-md-22 {
		font-size: 22px!important;
	}
	.fz-md-24 {
		font-size: 24px!important;
	}
	.fz-md-26 {
		font-size: 26px!important;
	}
	.fz-md-28 {
		font-size: 28px!important;
	}
	.fz-md-30 {
		font-size: 30px!important;
	}
	.fz-md-32 {
		font-size: 32px!important;
	}
	.fz-md-34 {
		font-size: 34px!important;
	}
	.fz-md-36 {
		font-size: 36px!important;
	}
	.fz-md-48 {
		font-size: 48px!important;
	}

	.row.row-md-half {
		margin-left: -8px !important;
		margin-right: -8px !important;
	}
	.row.row-md-half > [class*="col-"] {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	.row.row-md-full {
		margin-left: -16px !important;
		margin-right: -16px !important;
	}
	.row.row-md-full > [class*="col-"] {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.md-px {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
/* LG+ (lg-*) */
@media screen and (min-width: 992px) {
	.container {
		max-width: 960px;
	}

	.telto, .call_btn {
		pointer-events: none;
	}

	.lg-tal {
		text-align: left !important;
	}
	.lg-tac {
		text-align: center !important;
	}
	.lg-tar {
		text-align: right !important;
	}
	.lg-fwb {
		font-weight: bold !important;
	}
	.lg-lh-1 {
		line-height: 1 !important;
	}
	.lg-lh-12 {
		line-height: 1.2 !important;
	}
	.lg-lh-15 {
		line-height: 1.5 !important;
	}

	.row.row-lg-half {
		margin-left: -8px !important;
		margin-right: -8px !important;
	}
	.row.row-lg-half > [class*="col-"] {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	.row.row-lg-full {
		margin-left: -16px !important;
		margin-right: -16px !important;
	}
	.row.row-lg-full > [class*="col-"] {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.lg-px {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
/* XL+ (xl-*) */
@media screen and (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}

	.xl-tal {
		text-align: left !important;
	}
	.xl-tac {
		text-align: center !important;
	}
	.xl-tar {
		text-align: right !important;
	}
	.xl-fwb {
		font-weight: bold !important;
	}
	.xl-lh-1 {
		line-height: 1 !important;
	}
	.xl-lh-12 {
		line-height: 1.2 !important;
	}
	.xl-lh-15 {
		line-height: 1.5 !important;
	}

	.row.row-xl-half {
		margin-left: -8px !important;
		margin-right: -8px !important;
	}
	.row.row-xl-half > [class*="col-"] {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	.row.row-xl-full {
		margin-left: -16px !important;
		margin-right: -16px !important;
	}
	.row.row-xl-full > [class*="col-"] {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.xl-px {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* XS ONLY (*-xs) */
@media screen and (max-width: 575px) {
	.tal-xs {
		text-align: left !important;
	}
	.tac-xs {
		text-align: center !important;
	}
	.tar-xs {
		text-align: right !important;
	}
	.fwb-xs {
		font-weight: bold !important;
	}
	.lh-1-xs {
		line-height: 1 !important;
	}
	.lh-12-xs {
		line-height: 1.2 !important;
	}
	.lh-15-xs {
		line-height: 1.5 !important;
	}
}
/* SM ONLY (*-sm) */
@media screen and (min-width: 576px) and (max-width: 767px) {
	.tal-sm {
		text-align: left !important;
	}
	.tac-sm {
		text-align: center !important;
	}
	.tar-sm {
		text-align: right !important;
	}
	.fwb-sm {
		font-weight: bold !important;
	}
	.lh-1-sm {
		line-height: 1 !important;
	}
	.lh-12-sm {
		line-height: 1.2 !important;
	}
	.lh-15-sm {
		line-height: 1.5 !important;
	}
}
/* MD ONLY (*-md) */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.tal-md {
		text-align: left !important;
	}
	.tac-md {
		text-align: center !important;
	}
	.tar-md {
		text-align: right !important;
	}
	.fwb-md {
		font-weight: bold !important;
	}
	.lh-1-md {
		line-height: 1 !important;
	}
	.lh-12-md {
		line-height: 1.2 !important;
	}
	.lh-15-md {
		line-height: 1.5 !important;
	}
}
/* LG ONLY (*-lg) */
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.tal-lg {
		text-align: left !important;
	}
	.tac-lg {
		text-align: center !important;
	}
	.tar-lg {
		text-align: right !important;
	}
	.fwb-lg {
		font-weight: bold !important;
	}
	.lh-1-lg {
		line-height: 1 !important;
	}
	.lh-12-lg {
		line-height: 1.2 !important;
	}
	.lh-15-lg {
		line-height: 1.5 !important;
	}
}
/*- Made by DeMETAL (c) 2021 <<< -*/