/* font-weight */

.font-weight-100 { font-weight: 100; } /* thin */
.font-weight-200 { font-weight: 200; } /* extra-light */
.font-weight-300 { font-weight: 300; } /* light */
.font-weight-400 { font-weight: 400; } /* regular */
.font-weight-500 { font-weight: 500; } /* medium */
.font-weight-600 { font-weight: 600; } /* semi-bold */
.font-weight-700 { font-weight: 700; } /* bold */
.font-weight-800 { font-weight: 800; } /* extra-bold */
.font-weight-900 { font-weight: 900; } /* black */


/* margin */

.m-0 {
	margin: 0!important
}

.mt-0 {
	margin-top: 0!important
}

.mr-0 {
	margin-right: 0!important
}

.mb-0 {
	margin-bottom: 0!important
}

.ml-0,.mx-0 {
	margin-left: 0!important
}

.mx-0 {
	margin-right: 0!important
}

.my-0 {
	margin-top: 0!important;
	margin-bottom: 0!important
}

.m-1 {
	margin: 1rem!important
}

.mt-1 {
	margin-top: 1rem!important
}

.mr-1 {
	margin-right: 1rem!important
}

.mb-1 {
	margin-bottom: 1rem!important
}

.ml-1,.mx-1 {
	margin-left: 1rem!important
}

.mx-1 {
	margin-right: 1rem!important
}

.my-1 {
	margin-top: 1rem!important;
	margin-bottom: 1rem!important
}

.m-2 {
	margin: 1.5rem!important
}

.mt-2 {
	margin-top: 1.5rem!important
}

.mr-2 {
	margin-right: 1.5rem!important
}

.mb-2 {
	margin-bottom: 1.5rem!important
}

.ml-2,.mx-2 {
	margin-left: 1.5rem!important
}

.mx-2 {
	margin-right: 1.5rem!important
}

.my-2 {
	margin-top: 1.5rem!important;
	margin-bottom: 1.5rem!important
}

.m-3 {
	margin: 3rem!important
}

.mt-3 {
	margin-top: 3rem!important
}

.mr-3 {
	margin-right: 3rem!important
}

.mb-3 {
	margin-bottom: 3rem!important
}

.ml-3,.mx-3 {
	margin-left: 3rem!important
}

.mx-3 {
	margin-right: 3rem!important
}

.my-3 {
	margin-top: 3rem!important;
	margin-bottom: 3rem!important
}


/* margin */

.margin-md {
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin-lg {
	margin-top: 20px;
	margin-bottom: 10px;
}

iframe {
	display: block;
}

.text-transform-unset {
	text-transform: unset;
}


.w-25 {
	width: 25% !important;
}
.w-50 {
	width: 50% !important;
}
.w-75 {
	width: 75% !important;
}
.w-100 {
	width: 100% !important;
}

::-webkit-input-placeholder {
	color:#8c8c8c;
	/*font-size: 16px;*/
	font-weight: 400;
}
::-moz-placeholder          {
	color:#8c8c8c;
	font-size: 16px;
	font-weight: 400;
}/* Firefox 19+ */
:-moz-placeholder           {
	color:#8c8c8c;
	font-size: 16px;
	font-weight: 400;
}/* Firefox 18- */
:-ms-input-placeholder      {
	color:#8c8c8c;
	font-size: 16px;
	font-weight: 400;
}

:focus, :active {
	outline: none !important;
}

.float-none {
	float: none !important;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.margin-right {
	margin-right: 7px !important;
}

.margin-right-lg {
	margin-right: 14px !important;
}

.display-inline-block {
	display: inline-block !important;
}

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

.font-weight-bold {
	font-weight: 700 !important;
}


.fixed-width-xs {
	width: 48px !important;
}

.fixed-width-sm {
	width: 80px !important;
}

.fixed-width-md {
	width: 120px !important;
}

.fixed-width-lg {
	width: 160px !important;
}

.fixed-width-xl {
	width: 200px !important;
}

.fixed-width-xxl {
	width: 250px !important;
}

.fixed-width-10000 {
	width: 10000px !important;
}

img {
	max-width: 100%;
}

.block-products {
}


.overflow-auto {
	overflow: auto !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.position-static {
	position: static !important;
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.position-fixed {
	position: fixed !important;
}


/*checkbox-style*/

.checkbox-style label {
	cursor: pointer;
}


/* logo */

.header_col-1 {
	display: flex;
	align-items: center;
	/*justify-content: center;*/
}

.header_col-1_wrap {
	flex: 1 1 auto;
}

.header_col-2 {

}

.header_col-1_phone {
	text-align: right;
}

.header_col-2.header_adress {
	border-left: 3px solid white;
	padding-left: 12px;
	/*margin-left: 12px;*/
}

.header_time {
	/*border-left: 3px solid white;*/
	/*padding-left: 12px;*/
	/*margin-left: 12px;*/
}

.header_col-3 {
	font-size: 17px;
	line-height: 1.2em;
	font-weight: 100;
}

.header_col-2 .header_col-2_title {
	line-height: 1.1em;
	font-weight: 300;
}

.header_col-2 .header_col-2_desc {
	font-weight: bold;
	line-height: 1.1em;
}

.header_col-1_phone {
	font-weight: bold;
	line-height: 1.1em;
}

a.header_col-2_desc {
	display: block;
	color: white;
}

a.header_col-2_desc:hover {
	opacity: 0.75;
}

.header_col-2 .header_col-2_block {
	right: 10px;
	position: absolute;
}

.header_col-2 .header_col-2_wrap {
	font-weight: bold;
	line-height: 1.1em;
	white-space: nowrap;
	margin-bottom: 10px;
}

@media (max-width: 991px) {
	.header_col-2 .header_col-2_desc {
		/*margin-bottom: 10px;*/
	}

	.header_col-1_phone .header_col-2_desc {
		margin-bottom: 5px;
	}
}

@media (min-width: 768px) {
	.header_col-2 {
		font-size: 22px;
	}
}

@media (min-width: 1200px) {
	.header_col-1 {
		position: relative;
		top: 0;
	}

	.header_col-2 {
		position: relative;
		/*top: 16px;*/
		font-size: 21px;
	}

}

@media (min-width: 992px) {
	.header_col-1 {
		top: 0;
	}
}

@media (min-width: 1200px) {
	.header_col-1 {
		text-align: left;
		top: 0;
	}
}


@media (min-width: 1440px) {

	.header_col-2 {
		font-size: 20px;
	}

}


/* header  */

header {
	background-color: #205cd0;
	/*border-bottom: 4px solid #f9f9f9;*/
	color: white;
	margin-bottom: 15px;
}

@media (min-width: 1200px) {
	header {
		min-height: 96px;
		position: fixed;
		right: 0;
		left: 0;
		top: 0;
		z-index: 10;
		box-shadow: 0px 2px 10px rgb(0 0 0 / 50%);
	}
}

header .margin-md {
	margin-top: 11px;
	margin-bottom: 11px;
}

@media (max-width: 1199px) {
	header .margin-md {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

header a {
	/*margin-right: 10px;*/
}

header img {
	max-width: none;
	width: 30px;
	/*margin-right: 10px;*/
}

header img:hover {
	opacity: 0.75;
}

@media (min-width: 768px) {
	header img {
		margin-left: 10px;
	}
}

@media (max-width: 767px) {
	header img {
		/*margin-right: 10px;*/
	}
}

header .logo {
	font-family: 'noto_sansregular';
	font-size: 50px;
	color: #fff;
	/*display: block;*/
	line-height: 50px;
	font-weight: bold;
	/*margin-left: -3px;*/
	/*margin-bottom: 10px;*/
	margin-right: 10px;

	display: flex;
	align-items: center;
	justify-content: end;
}

header .logo img {
	width: 128px;
}

@media (max-width: 767px) {
	header .logo img {
		width: 70px;
	}
}

header .logo span {
	color: #f61b7f;
}

header .logo-desc {
	font-size: 23px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1em;
	border-left: 3px solid white;
	padding-left: 12px;
	text-shadow: rgb(0 0 0 / 50%) 5px 5px 5px;
}

@media (max-width: 767px) {
	header .logo-desc {
		/*padding-left: 0;*/
		font-size: 14px;
		margin-left: 0;
	}
}

@media (min-width: 1440px) {
	header .logo-desc {
		font-size: 30px;
	}
}

header .logo-desc:before {
	/*content: '';*/
	/*width: 3px;*/
	/*height: 83px;*/
	/*display: inline-block;*/
	/*background: white;*/
	/*margin-right: 5px;*/
}

header .logo-desc > span {
	display: inline-block;
}

header .logo-text {
	font-size: 15px;
	line-height: 1.2em;
	font-style: italic;
	opacity: 0.75;
}

@media (min-width: 768px) {
	header .logo-text {
		padding-left: 12px;
	}
}

/* main */

@media (min-width: 1200px) {
	main {
		margin-top: 154px;
	}
}

/* block-slider */


#block-slider {
	/*border-top: 8px solid #f61b7f;*/
	overflow: hidden;
	color: white;
}

.block-slider_block {
	padding-top: 0;
	padding-bottom: 0;
	/*background-image: url(/img/banner.jpg);*/
	position: relative;
}

@media (min-width: 768px) {
	.block-slider-wrap {
		display: flex;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
}

@media (max-width: 767px) {

	.block-slider-wrap {
		display: flex;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.block-slider-reverse {
		flex-direction: column-reverse;
		display: flex;
	}
}

.block-slider_phone {
	font-family: ekibastuz,sans-serif;
	background: #f61b7f;
	color: white;
	padding: 0 6px;
	/*position: absolute;*/
	top: -38px;
	font-size: 20px;
	line-height: 1.4em;
	/*font-family: 'noto_sanssemicondensed_bold';*/
}

#block-slider .block-slider_main:before, #block-slider .block-slider_main:after {
	content: '';
	border-radius: 50%;
	z-index: -1;

	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#block-slider .block-slider_main:before {
	width: 990px;
	height: 990px;
	border: none;
	background: #e9feff;
}

#block-slider .block-slider_main:after {
	width: 880px;
	height: 880px;
	border: 50px solid #bfffff;
	background: #97f8ff;
}

#block-slider .block-slider-left {
	/*background: rgba(0, 0, 0, 0.5);*/
	position: relative;
	padding: 15px 15px;
	z-index: 1;
	height: 100%;
}

#block-slider .block-slider-left {
	padding: 40px 15px;
}

@media (min-width: 768px) {
	#block-slider .block-slider-left {
		padding: 40px 70px;
	}
}

@media (min-width: 1200px) {
	#block-slider .block-slider-left {
		padding: 150px 70px;
	}
}

#block-slider .block-slider-bg {
	position: absolute;
	/*-webkit-transform: skew(-10deg);*/
	background: rgb(0 0 0 / 60%);
	padding: 15px 15px;
	top: 0;
	/*height: 720px;*/
}

@media (max-width: 767px) {
	#block-slider .block-slider-bg {
		height: 100%;
		-webkit-transform: skew(-5deg);
	}
}

@media (min-width: 768px) {
	#block-slider .block-slider-bg {
		padding: 150px 70px;
		height: 100%;
		-webkit-transform: skew(-10deg);
	}
}

#block-slider .block-slider-bg > div {
	visibility: hidden;
}

#block-slider .more_content_title {
	font-size: 70px;
	line-height: 63px;
	font-weight: 700;
	margin-bottom: 30px;
}

@media (max-width: 1439px) {
	#block-slider .more_content_title {
		font-size: 64px;
	}
}

@media (max-width: 1199px) {
	#block-slider .more_content_title {
		font-size: 28px;
		line-height: 1.2em;
	}
}

@media (max-width: 767px) {
	#block-slider .more_content_title {
		font-size: 16px;
		line-height: 1.2em;
		margin-bottom: 15px;
	}
}

#block-slider .more_content_btn {
	position: absolute;
	bottom: 50px;
}

@media (max-width: 1199px) {
	#block-slider .more_content_btn {
		bottom: 40px;
	}
}

#block-slider .more_content_desc {
	font-size: 28px;
	line-height: 1em;
	font-weight: 100;
	/*margin-bottom: 75px;*/
}

@media (max-width: 991px) {
	#block-slider .more_content_desc {
		font-size: 16px;
	}
}

#block-slider .btn {
	padding: 15px 15px;
	font-weight: 500;
}

@media (max-width: 767px) {
	#block-slider .btn {
		padding: 13px 10px;
	}
}

@media (min-width: 992px) {
	#block-slider .btn {
		width: 400px;
	}
}

#block-banner {
	color: white;
}

@media (max-width: 767px) {
	#block-banner {
		/*display: none;*/
	}
}

#block-banner .block-banner_text {
	position: relative;
}

#block-banner .block-banner_text-lg .block-banner_img {
	/*background-image: url(/img/banner2/banner1.jpg);*/
	/*height: 225px;*/
	/*background-size: contain;*/
	/*width: 510px;*/
}

@media (min-width: 768px) {
	#block-banner .block-banner_text-lg .block-banner_img {
		/*height: 290px;*/
		/*width: 510px;*/
	}
}

@media (min-width: 1440px) {
	#block-banner .block-banner_text-lg .block-banner_img {
		/*height: 376px;*/
		/*width: 683px;*/
	}
}

#block-banner .block-banner_text-lg .block-banner_img-cut {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 270px;
	left: 0;
	overflow: hidden;
	filter: blur(10px);
}

#block-banner .block-banner_text-sm .block-banner_img {
	/*background-image: url(/img/banner2/banner2.jpg);*/
	/*height: 130px;*/
	/*background-size: contain;*/
}

@media (min-width: 1440px) {
	#block-banner .block-banner_text-sm .block-banner_img {
		/*height: 173px;*/
		/*width: 330px;*/
	}
}

#block-banner .block-banner_text-sm .block-banner_img-cut {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 130px;
	left: 0;
	overflow: hidden;
	filter: blur(10px);
}

#block-banner .block-banner_text-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;

	display: flex;
	/*align-items: center;*/
	justify-content: center;

	/*background: rgb(0 0 0 / 50%);*/
	width: 60%;
}

@media (min-width: 1440px) {
	#block-banner .block-banner_text-wrap {
		padding: 50px;
	}
}

#block-banner .block-banner_text-sm .block-banner_text-wrap {
	/*background: rgb(0 0 0 / 50%);*/
}

#block-banner .block-banner_text-block {
	padding-right: 50px;
}

#block-work .block-work_itm {
	position: relative;
	font-size: 17px;
	line-height: 18px;
}

#block-work .block-work_itm .block-work_link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

#block-work .block-work_itm .block-work_img-wrap {
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}

#block-work .block-work_itm .block-work_img {
	border-radius: 10px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 50%);
}

#block-banner .block-banner_btn {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

#block-work .block-banner_btn {
	position: absolute;
	right: 10%;
	top: 20%;
	background: white;
	color: black;
	padding: 20px;
	border-radius: 10px;
}

#block-work .block-banner_bg {
	border-bottom: 421px solid rgb(0 0 0 / 50%);
	/* border-left: 0 solid transparent; */
	border-right: 300px solid transparent;
	height: 100%;
	width: 430px;
	position: absolute;
	top: 0;
}

#block-work .block-banner_btn img {
	opacity: 0.9;
	width: 50px;
	position: absolute;
	left: -25px;
	bottom: -25px;
}

#block-work .block-banner_btn .block-banner_text {
	background: white;
	color: black;
	position: absolute;
	bottom: 25px;
	left: 25px;
	padding: 20px;
	border-radius: 10px;
	width: 200px;
}

#block-work .block-banner_btn .block-banner_desc {
	font-weight: bold;
}

#block-banner .block-banner_arrow {
	font-size: 56px;
	line-height: 0;
	position: relative;
	top: 9px;
	font-weight: 200;
}

#block-work .block-banner_arrow {
	font-size: 56px;
	line-height: 0;
	position: relative;
	top: 9px;
	font-weight: 200;
}

#block-banner .btn-lg .block-banner_arrow {
	font-size: 100px;
	top: 16px;
}

#block-banner .block-banner_title-lg {
	font-size: 42px;
	line-height: 0.8em;
	font-weight: 700;
	margin-bottom: 30px;
}

@media (min-width: 1440px) {
	#block-banner .block-banner_title-lg {
		font-size: 72px;
	}
}

#block-banner .block-banner_desc-lg {
	line-height: 1em;
}

@media (min-width: 768px) {
	#block-banner .block-banner_desc-lg {
		font-size: 28px;
	}
}

#block-banner .block-banner_title {
	font-size: 24px;
	line-height: 1em;
	font-weight: 700;
}

@media (min-width: 1440px) {
	#block-banner .block-banner_title {
		font-size: 38px;
	}
}

#block-banner .block-banner_desc {
	/*font-size: 24px;*/
}

#block-banner img {
	width: 100%;
	border-radius: 10px;
}

#block-why {
	box-shadow: inset 3px -13px 24px #0000003d;
	background-color: #3b7af3;
	/*border-top-left-radius: 10px;*/
	/*border-top-right-radius: 10px;*/
}

@media (min-width: 768px) {
	#block-why {
		font-size: 27px;
		line-height: 1.2em;
	}
}

#block-why .block-why_wrap {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#block-why li {
	padding-left: 30px;
	position: relative;
	font-weight: 400;
}

@media (min-width: 992px) {
	#block-why li {
		font-size: 24px;
		line-height: 1.5em;
	}
}

@media (min-width: 1200px) {
	#block-why li {
		font-size: 30px;
	}
}

@media (min-width: 1440px) {
	#block-why li {
		font-size: 32px;
	}
}

#block-why li:before {
	content: '\B7';
	position: absolute;
	left: 0;
}

#block-work {
	/*box-shadow: inset 3px -13px 24px #0000003d;*/
}

/*block-catalog*/

.block-catalog img {
	/*border: 1px solid rgb(0 0 0 / 50%);*/
	border-radius: 10px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 50%);
}

/*block-project*/

#block-project {
	/*font-family: 'noto_sansregular';*/
	font-family: ekibastuz,sans-serif;
	line-height: 1.2em;
}

@media (min-width: 768px) {
	#block-project {
		font-size: 27px;
	}
}


@media (max-width: 767px) {
	#block-project {
		/*font-size: 22px;*/
		line-height: 1.9em;
	}
}

.block-slider_phone:hover {
	color: white;
}

.block-title {
	font-weight: bold;
	font-size: 45px;
	line-height: 0.9em;
	margin-bottom: 20px;
	margin-top: 0;
}

@media (max-width: 1439px) {
	.block-title {
		font-size: 35px;
	}
}

@media (max-width: 767px) {
	.block-title {
		font-size: 24px;
		text-align: center;
	}
}

.block-desc {
	/*font-size: 24px;*/
	/*line-height: 1em;*/
}

@media (max-width: 767px) {
	.block-border {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #205cd0;
	}
}

.block-border-lg {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #205cd0;
}

/* footer */

footer a {
	/*color: #63ffff;*/
	text-decoration: underline;
}

footer a:hover,
footer a:focus {
	color: white;
}

footer {
	overflow: hidden;
	/*z-index: -1;*/
	position: relative;
}

.footer-main {
	background-color: #205cd0;
	color: white;
	font-size: 32px;
	line-height: 44px;
}

@media (max-width: 767px) {
	.footer-main {
		font-size: 16px;
		line-height: 1.2em;
	}
}

@media (max-width: 991px) {
	.footer-right {
		padding-left: 0;
		text-align: center;
	}

	.footer-right .footer-right_left {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: left;
	}

	.footer-right .footer-right_right {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: left;
	}

	.footer-right .footer-right_left > div {
		border-left: 3px solid white;
		padding-left: 12px;
	}

	.footer-right .footer-right_right > div {
		border-left: 3px solid white;
		padding-left: 12px;
	}
}


@media (min-width: 992px) {

	.footer-main {
		/*font-family: 'noto_sanssemicondensed_bold';*/
		/*font-family: ekibastuz,sans-serif;*/
		/*font-size: 28px;*/
	}

	.footer-right {
		padding-left: 90px;
		padding-top: 60px;
	}
}

.footer_bottom {
	background-color: #171717;
	padding: 30px 30px 15px 30px;
	color: white;
}

@media (min-width: 768px) {
	.footer_bottom-right {
		text-align: right;
	}
}

@media (max-width: 767px) {
	.footer_bottom {
		text-align: center;
	}
}

.alarm .block-feedback_title {
	padding-left: 10px;
	color: #ff0000;
}

.hamburger {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 30px;
	height: 40px;
	border: 1px solid transparent;
	background: transparent;
	padding: 5px 0;
	border-radius: 8px;
	margin-right: 10px;
}

.btn__hamb {
	position: relative;
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	cursor: pointer;
}

.btn__hamb div {
	width: 100%;
	height: 100%;
}

.btn__hamb:before, .btn__hamb:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	background: #fff;
}

.btn__hamb:before {
	top: -8px;
}

.btn__hamb:after {
	top: 8px;
}

#scroller {
	position: fixed;
	z-index: 1000;
	background: #205cd0;
	cursor: pointer;
	border-radius: 50%;
	padding: 0.625rem;
	transform: rotate(-90deg);
	box-shadow: 0 0px 20px rgb(0 0 0 / 50%);
}

#scroller svg {
	width: var(--f-button-svg-width);
	height: var(--f-button-svg-height);
	fill: var(--f-button-svg-fill);
	stroke: white;
	stroke-width: var(--f-button-svg-stroke-width);
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: opacity .15s ease;
	transform: var(--f-button-transform);
	filter: var(--f-button-svg-filter);
	pointer-events: none;

	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
	#scroller {
		width: 40px;
		height: 40px;
		bottom: 83px;
		right: 33px;
	}
}

@media (min-width: 992px) {
	#scroller {
		width: 40px;
		height: 40px;
		bottom: 40px;
		right: 40px;
	}
}

@media (max-width: 767px) {
	.page-consul_phone {
		width: 90px !important;
	}
}

.icofont-save:before {
	content: '\ee00';
	font-family: iconfont;
}