/* Start:/bitrix/templates/main/css/owl.carousel.css?14751390974614*/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/bitrix/templates/main/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/* End */


/* Start:/bitrix/templates/main/fancybox/jquery.fancybox.css?14751390974895*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/bitrix/templates/main/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/bitrix/templates/main/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/bitrix/templates/main/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/bitrix/templates/main/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/bitrix/templates/main/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/bitrix/templates/main/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* End */


/* Start:/bitrix/templates/main/css/alertify.core.css?14751390973779*/
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden { display: block; }
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 25px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button */
				line-height: 1.5;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}

.alertify-isHidden {
	visibility: hidden;
}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}

/* End */


/* Start:/bitrix/templates/main/css/alertify.default.css?14751390972552*/
/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
	font-family: sans-serif;
}
.alertify {
	background: #FFF;
	border: 10px solid #333; /* browsers that don't support rgba */
	border: 10px solid rgba(0,0,0,.7);
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
	.alertify-text {
		border: 1px solid #CCC;
		padding: 10px;
		border-radius: 4px;
	}
	.alertify-button {
		border-radius: 4px;
		color: #FFF;
		font-weight: bold;
		padding: 6px 15px;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	}
	.alertify-button:hover,
	.alertify-button:focus {
		outline: none;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	}
	.alertify-button:focus {
		box-shadow: 0 0 15px #2B72D5;
	}
	.alertify-button:active {
		position: relative;
		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}
		.alertify-button-cancel,
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #FE1A00;
			border: 1px solid #D83526;
		}
		.alertify-button-ok,
		.alertify-button-ok:hover,
		.alertify-button-ok:focus {
			background-color: #5CB811;
			border: 1px solid #3B7808;
		}

.alertify-log {
	background: #1F1F1F;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 4px;
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
	.alertify-log-error {
		background: #FE1A00;
		background: rgba(254,26,0,.9);
	}
	.alertify-log-success {
		background: #5CB811;
		background: rgba(92,184,17,.9);
	}
/* End */


/* Start:/bitrix/templates/main/css/custom_lp.css?17660740894634*/
body.menu-open .header {
    position: relative;
    z-index: -1;
}

.content:has(+ .footer) {
    box-shadow: none;
}

input.invalid {
    border-color: #FE1A00 !important;
}

.header__common {
    z-index: 0;
}

.popup {
    z-index: 3000;
}

.darker {
    z-index: 2000;
}

.popup .line .label {
    white-space: nowrap;
}

.about_page-years-text .image {
    margin: -220px 40px 0 -20px !important;
}

.details-title {
    text-align: center;
    font-size: 1.33333em;
    line-height: 1.4em;
    font-family: 'OptiRegular';
    padding: 40px 100px 30px 100px;
    margin: 20px 0;
    position: relative;
}

.details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 60px;
}

.details-item {
    padding: 8px;
}

.details > :nth-child(4n+1),
.details > :nth-child(4n+2) {
    background-color: #e2e2e2;
}

.btn {}

.btn__details {
    font-size: 24px;
    color: white;
    border: 1px solid white;
    padding: 12px;
}

.btn__details:hover {
    color: white;
    background-color: #368de8;
    border-color: #368de8;
    transition: all .3s ease;
}

.table-wrapper {
    overflow-x: auto;
}

.table-wrapper._price {
    margin-bottom: 40px;
}

.table-wrapper._price td {
    vertical-align: middle;
}

.table-wrapper._price .request_button {
    cursor: pointer;
    display: inline-block;
    border: 2px solid #000;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.72222em;
    color: #000;
    margin: auto;
    letter-spacing: 1px;
    padding: 6px 12px;
    white-space: nowrap;
}

.table-wrapper._price .request_button:hover {
    background: #000;
    color: #fff;
}

.price__page table {
    min-width: 600px;
    margin: 0 !important;
}


@media screen and (max-width: 640px) {
    .price__page {
        display: block !important;
    }
}

@media screen and (max-width: 640px) {
    .no__page {
        display: none !important;
    }
}

.header__menu {
    height: 54px;
    overflow: unset;
    background: unset;
    background-color: #368de8;
}

.header__menu li.has-submenu {
    position: relative;
}

.header__menu  li.has-submenu .submenu {
    position: absolute;
    display: none;
    list-style: none;
    top: 54px;
    left: 20px;
    padding: 0px;
    width: 250px;
    background-color: #FFFFFF;
    box-shadow: 0px 5px 5px 0px #0000001A;
    z-index: 20;
}

.header__menu  li.has-submenu .submenu li {
    padding: 12px;
}

.header__menu ul.submenu li.active a {
    background: none;
    color: #368DE8;
}

.header__menu ul.submenu li a:hover {
    background: none;
    color: #368DE8;
}

.header__menu  li.has-submenu .submenu a {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: black;
}

.header__menu  li.has-submenu:hover > .submenu{
    display: flex;
    flex-direction: column;
}

.mmenu__menu li.has-submenu {
    position: relative;
}

.mmenu__menu li.has-submenu[data-menu-collapse] span {
    display: inline-flex;
    position: relative;
    z-index: 20;
    align-items: center;
    padding-left: 8px;
}

.mmenu__menu li.has-submenu[data-menu-collapse] span::after {
    content: '';
    display: inline-block;
    position: relative;
    top: -3px;
    width: 8px;
    height: 5px;
    background-image: url("/bitrix/templates/main/css/./../img/icons/arrow_collapse.svg");
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.mmenu__menu li.has-submenu._open[data-menu-collapse] span::after {
    transform: rotate(0deg);
}

.mmenu__menu li.has-submenu .submenu {
    height: 0px;
    margin: 0px;
}

.mmenu__menu li.has-submenu._open .submenu {
    height: unset;
}

.mmenu__menu ul.submenu {
    margin: 0px;
    list-style: none;
    text-align: left;
}

.mmenu__menu ul.submenu li {
    opacity: 0;
}
.mmenu__menu ul li a {
    display: inline-block;
}

.mmenu__menu li.has-submenu._open ul.submenu li {
    opacity: 1;
}



.mmenu__menu ul.submenu li a {
    text-align: left;
    height: unset;
    line-height: 100%;
    padding: 12px 0px;
    font-size: 14px;
}

.mmenu__menu ul.submenu li:first-child a {
    padding-top: 0px;
}



@media (max-width: 640px) {
    .details {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .details > :nth-child(4n+1),
    .details > :nth-child(4n+2) {
        background-color: unset;
    }

    .details > :nth-child(2n+1) {
        background-color: #e2e2e2;
    }
}
/* End */


/* Start:/bitrix/templates/main/components/bitrix/menu/common__top/style.min.css?1475139097490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/main/components/bitrix/menu/common__top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/main/components/bitrix/menu/common__bottom/style.min.css?1475139097490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/main/components/bitrix/menu/common__bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?1791361598177185*/
@charset "UTF-8";
@font-face {
  font-family: 'OptiLight';
  src: url("/bitrix/templates/main/fonts/futura-lightc-webfont.eot");
  src: url("/bitrix/templates/main/fonts/futura-lightc-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/main/fonts/futura-lightc-webfont.woff2") format("woff2"), url("/bitrix/templates/main/fonts/futura-lightc-webfont.woff") format("woff"), url("/bitrix/templates/main/fonts/futura-lightc-webfont.ttf") format("truetype"), url("/bitrix/templates/main/fonts/futura-lightc-webfont.svg#futuralightcregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OptiRegular';
  src: url("/bitrix/templates/main/fonts/futura-regular-webfont.eot");
  src: url("/bitrix/templates/main/fonts/futura-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/main/fonts/futura-regular-webfont.woff2") format("woff2"), url("/bitrix/templates/main/fonts/futura-regular-webfont.woff") format("woff"), url("/bitrix/templates/main/fonts/futura-regular-webfont.ttf") format("truetype"), url("/bitrix/templates/main/fonts/futura-regular-webfont.svg#futurafuturiscregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OptiSemibold';
  src: url("/bitrix/templates/main/fonts/futura-semibold-webfont.eot");
  src: url("/bitrix/templates/main/fonts/futura-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/main/fonts/futura-semibold-webfont.woff2") format("woff2"), url("/bitrix/templates/main/fonts/futura-semibold-webfont.woff") format("woff"), url("/bitrix/templates/main/fonts/futura-semibold-webfont.ttf") format("truetype"), url("/bitrix/templates/main/fonts/futura-semibold-webfont.svg#futurademicregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OptiBold';
  src: url("/bitrix/templates/main/fonts/futura-bold-webfont.eot");
  src: url("/bitrix/templates/main/fonts/futura-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/main/fonts/futura-bold-webfont.woff2") format("woff2"), url("/bitrix/templates/main/fonts/futura-bold-webfont.woff") format("woff"), url("/bitrix/templates/main/fonts/futura-bold-webfont.ttf") format("truetype"), url("/bitrix/templates/main/fonts/futura-bold-webfont.svg#futurafuturiscbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OptiBeba';
  src: url("/bitrix/templates/main/fonts/bebasneueregular-webfont.eot");
  src: url("/bitrix/templates/main/fonts/bebasneueregular-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/main/fonts/bebasneueregular-webfont.woff2") format("woff2"), url("/bitrix/templates/main/fonts/bebasneueregular-webfont.woff") format("woff"), url("/bitrix/templates/main/fonts/bebasneueregular-webfont.ttf") format("truetype"), url("/bitrix/templates/main/fonts/bebasneueregular-webfont.svg#bebas_neue_regularregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* RESET */
body, div, span, h1, h2, h3, h4, h5, h6, p, form, label, ol, dl, font, input, textarea {
  padding: 0px;
  margin: 0px; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
  margin: 10px 0; }

li, dd, blockquote {
  margin-left: 20px; }

fieldset {
  padding: 10px; }

table {
  font-size: inherit; }

caption, th, td {
  vertical-align: top; }

th {
  font-weight: bold; }

small {
  font-size: 60%; }

textarea, input, select, form, button {
  font-family: inherit; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  /* Needed for mobile WebKit */
  -moz-box-sizing: border-box;
  /* Needed for Firefox */
  box-sizing: border-box;
  outline: none; }

/* END :: RESET */
html {
  font-size: 100%;
  line-height: 100%;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

body {
  background: #fff;
  font-family: 'OptiRegular';
  text-align: center;
  font-size: 1em;
  line-height: 1.2em;
  color: #262626; }

body.show-modal {
  overflow: hidden; }

h1 {
  font-size: 1em;
  margin: 0;
  padding: 0; }

h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0 0 20px 0; }

p {
  margin: 25px 0; }

.f14 {
  font-size: 0.77778em;
  line-height: 1.66667em;
  font-family: 'OptiRegular'; }

table {
  border: 1px solid #c3c3c3;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px 0 40px 0; }

table tr td {
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  padding: 10px 10px; }

table tr:nth-child(odd) td {
  background: #f8f8f8; }

table tr th {
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  padding: 10px 10px; }

.wr {
  width: 970px;
  padding: 0 60px;
  margin: auto;
  text-align: left; }

.cl {
  display: block;
  height: 0 !important;
  line-height: 0 !important;
  width: auto !important;
  font-size: 0;
  clear: both;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important; }

.mt {
  list-style: none;
  margin: 0;
  padding: 0; }
  .mt li {
    float: left;
    margin: 0;
    padding: 0; }

.intro {
  font-size: 1.33333em;
  line-height: 1.5em;
  font-family: 'OptiRegular'; }

a {
  text-decoration: none;
  color: #007fbf;
  transition: all .2s; }
  a:hover {
    color: #262626; }
  a img {
    border: 0; }

body.menu-open .header {
  position: relative;
  z-index: -1; }

.content:has(+ .footer) {
  box-shadow: none; }

input.invalid {
  border-color: #FE1A00 !important; }

.header__common {
  z-index: 0; }

.popup {
  z-index: 3000; }

.darker {
  z-index: 2000; }

.popup .line .label {
  white-space: nowrap; }

.in_deploy {
  width: 600px;
  height: auto;
  border: 10px solid #dedede;
  margin: 80px auto;
  padding: 60px;
  font-size: 1.125em;
  line-height: 1.66667em;
  text-align: center; }
  .in_deploy b {
    display: block;
    text-decoration: uppercase;
    font-size: 1.33333em;
    margin-bottom: 20px; }

@media screen and (max-width: 960px) {
  .wr {
    width: 840px;
    padding: 0; }
  .main {
    overflow: hidden; } }

@media screen and (max-width: 840px) {
  .wr {
    width: 640px;
    padding: 0 10px; }
  .intro {
    font-size: 20px; } }

@media screen and (max-width: 640px) {
  .wr {
    width: 100%;
    padding: 0 10px; } }

/*! ::: HEADER  :::  START ::: */
.mmenu__trigger {
  float: right;
  margin: 10px 0 0 0;
  display: none; }
  .mmenu__trigger span {
    display: block;
    width: 30px;
    height: 2px;
    background: #3664ea;
    margin: 0 0 8px 0; }

.mmenu {
  padding: 40px 0;
  display: none;
  height: 0;
  opacity: 0;
  overflow: auto; }
  .mmenu .wr {
    padding: 0 10px;
    text-align: center; }
  .mmenu .close {
    background: url(/bitrix/templates/main/img/mmenu_close_ico.png) left top no-repeat transparent;
    float: right;
    width: 22px;
    height: 22px;
    display: block;
    margin: 10px 10px 0 0; }
  .mmenu .header__phones {
    display: block;
    font-size: 18px;
    float: none;
    font-family: 'OptiRegular';
    margin: 0;
    text-align: center;
    margin: 0 0 10px 0; }
  .mmenu .header__phones.iconed {
    float: none;
    text-align: center;
    background: none; }
  .mmenu .mail {
    text-align: center; }

.mmenu__menu {
  padding: 20px 0;
  margin: 20px 0 20px 0;
  overflow: auto; }
  .mmenu__menu .wr {
    width: auto;
    padding: 0; }
  .mmenu__menu ul li {
    float: none;
    opacity: 0; }
    .mmenu__menu ul li a {
      display: inline-block;
      text-align: center;
      float: none;
      height: 50px;
      line-height: 50px;
      font-size: 18px;
      color: #000; }
  .mmenu__menu ul li.show-border {
    border-top: 1px solid #e5e5e5; }
  .mmenu__menu li.has-submenu {
    position: relative; }
    .mmenu__menu li.has-submenu[data-menu-collapse] span {
      display: inline-flex;
      position: relative;
      z-index: 20;
      align-items: center;
      padding-left: 8px; }
      .mmenu__menu li.has-submenu[data-menu-collapse] span::after {
        content: '';
        display: inline-block;
        position: relative;
        top: -3px;
        width: 8px;
        height: 5px;
        background-image: url("/bitrix/templates/main/img/icons/arrow_collapse.svg");
        background-repeat: no-repeat;
        transform: rotate(180deg); }
    .mmenu__menu li.has-submenu[data-menu-collapse]._open span::after {
      transform: rotate(0deg); }
    .mmenu__menu li.has-submenu .submenu {
      height: 0;
      margin: 0; }
      .mmenu__menu li.has-submenu .submenu li {
        opacity: 0; }
        .mmenu__menu li.has-submenu .submenu li a {
          text-align: left;
          height: unset;
          line-height: 100%;
          padding: 12px 0;
          font-size: 14px; }
          .mmenu__menu li.has-submenu .submenu li a:first-child {
            padding-top: 0; }
    .mmenu__menu li.has-submenu._open .submenu {
      height: unset; }
      .mmenu__menu li.has-submenu._open .submenu li {
        opacity: 1; }
  .mmenu__menu ul.submenu {
    margin: 0;
    list-style: none;
    text-align: left; }

.mmenu__logo {
  width: 190px;
  float: left; }
  .mmenu__logo img {
    width: 100%;
    height: auto; }

.header__common {
  padding: 20px 0 20px 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 20; }

.header__phones {
  float: right;
  font-family: 'OptiLight';
  font-size: 1.25em;
  line-height: 1.6em;
  margin: 0 0 0 40px;
  text-align: right; }
  .header__phones a {
    display: block; }
  .header__phones span {
    display: block; }
  .header__phones .label {
    font-size: 0.45em;
    text-transform: uppercase;
    font-family: 'OptiBold';
    margin: 3px 0 0 0;
    letter-spacing: 1px; }
  .header__phones.iconed {
    background: url(/bitrix/templates/main/img/h_phone_ico.jpg) left 10px no-repeat transparent; }

.header__callback {
  float: right;
  margin: 0 0 0 45px;
  text-align: center;
  font-size: 0.875em; }
  .header__callback .call-but {
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    color: #262626;
    border: 1px solid #262626;
    font-size: 0.64286em;
    text-transform: uppercase;
    font-family: 'OptiBold';
    border-radius: 4px;
    letter-spacing: 1px;
    margin: 0 0 9px 0; }
    .header__callback .call-but:hover {
      background: #262626;
      color: #fff; }

.header__menu {
  background-color: #368de8;
  height: 54px;
  color: #fff; }
  .header__menu ul {
    float: left;
    margin: 0 -20px 0 -20px; }
    .header__menu ul li {
      font-family: 'OptiSemibold'; }
      .header__menu ul li a {
        color: #fff;
        line-height: 54px;
        display: block;
        font-size: 0.9375em;
        text-transform: uppercase;
        padding: 0 20px; }
        .header__menu ul li a:hover {
          background: #2662a2;
          background: rgba(0, 0, 0, 0.1); }
      .header__menu ul li.active a {
        background: #2662a2;
        background: rgba(0, 0, 0, 0.3); }
  .header__menu li.has-submenu {
    position: relative; }
    .header__menu li.has-submenu .submenu {
      position: absolute;
      display: none;
      list-style: none;
      top: 54px;
      left: 20px;
      padding: 0;
      width: 250px;
      background-color: #FFFFFF;
      box-shadow: 0px 5px 5px 0px #0000001A;
      z-index: 20; }
      .header__menu li.has-submenu .submenu li {
        padding: 12px; }
        .header__menu li.has-submenu .submenu li.active a {
          background: none;
          color: #368DE8; }
        .header__menu li.has-submenu .submenu li a:hover {
          background: none;
          color: #368DE8; }
        .header__menu li.has-submenu .submenu li a {
          font-weight: 700;
          font-size: 14px;
          line-height: 100%;
          color: black; }
    .header__menu li.has-submenu:hover > .submenu {
      display: flex;
      flex-direction: column; }

.header__menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 400;
  height: 35px; }
  .header__menu.fixed ul li a {
    line-height: 37px; }

.header__catmenu {
  padding: 18px 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden; }
  .header__catmenu ul {
    margin-right: -170px; }
    .header__catmenu ul li {
      font-size: 0.875em;
      width: 250px;
      line-height: 30px; }
      .header__catmenu ul li.active a {
        color: #262626; }

.color .header__catmenu ul {
  margin-right: 0; }
  .color .header__catmenu ul li {
    width: auto;
    margin-left: 60px; }
  .color .header__catmenu ul li:first-child {
    margin-left: 0px; }

.mmenu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 400; }

@media screen and (max-width: 840px) {
  .header__common {
    height: 80px;
    padding: 20px 0; }
  .header__menu {
    display: none; }
  .header__catmenu {
    display: none; }
  .header__logo {
    width: 190px;
    display: block;
    float: left; }
    .header__logo img {
      width: 100%;
      height: auto; }
  .header__phones {
    display: none; }
  .header__callback {
    display: none; }
  .mmenu__trigger {
    display: block; } }

/*! ::: HEADER  :::   END  ::: */
/*! ::: CONTENT :::  START ::: */
.content {
  padding: 30px 0 30px 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  min-height: 500px;
  position: relative;
  z-index: 10; }
  .content h1 {
    font-size: 2.25em;
    margin: 10px 0 40px 0;
    line-height: 1.2em;
    font-family: 'OptiSemibold';
    font-weight: normal; }

@media screen and (max-width: 640px) {
  .content h1 {
    font-size: 24px;
    text-align: center;
    line-height: 1.6em; } }

/*! ::: CONTENT :::   END  ::: */
/*! ::: FOOTER  :::  START ::: */
.footer {
  background: url(/bitrix/templates/main/img/f_bg.jpg) left bottom repeat-x #214fa0;
  min-height: 318px;
  padding: 50px 0;
  position: relative;
  z-index: 5;
  color: #fff; }
  .footer .wr {
    position: relative; }
  .footer a {
    color: #fff; }
    .footer a:hover {
      color: #3aabe8; }
  .footer .col1 {
    float: left;
    width: 410px; }
  .footer .col2.wide {
    float: right;
    width: 225px;
    display: block; }
  .footer .col2.small {
    display: none; }
  .footer .col3 {
    float: right;
    width: 203px; }
    .footer .col3 .phone {
      font-size: 1.125em;
      font-family: 'OptiLight';
      margin: 0 0 20px 0; }
    .footer .col3 .label {
      text-transform: uppercase;
      font-size: 0.5625em;
      font-family: 'OptiBold';
      letter-spacing: 1px;
      display: block;
      margin: -15px 0 42px 0; }
  .footer .line {
    padding: 40px 0 0 0;
    font-size: 0.75em; }

.footer__logo {
  background: url(/bitrix/templates/main/img/f_logo.png) left top no-repeat transparent;
  margin-bottom: 40px;
  width: 239px;
  height: 54px; }

.footer__slogan {
  color: #a9b5d3;
  font-size: 0.75em;
  line-height: 1.2em;
  margin: 0 0 0 60px; }

.footer__menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  .footer__menu li {
    margin: 0 0 15px 0;
    padding: 0; }
    .footer__menu li a {
      color: #fff; }

.footer__social {
  float: left;
  position: absolute;
  bottom: 0px;
  left: 43%; }

.footer__madeby {
  float: right;
  background: url(/bitrix/templates/main/img/agrweb_logo.png) right 3px no-repeat transparent;
  padding: 0 120px 0 0; }

.footer__copy {
  float: left;
  width: 410px; }

.footer__social {
  float: left;
  margin: -5px 0 0 0; }
  .footer__social li {
    margin-right: 20px; }
    .footer__social li a {
      display: block;
      width: 26px;
      height: 26px;
      background: url(/bitrix/templates/main/img/f_soc.png) left top no-repeat transparent; }
      .footer__social li a:hover {
        opacity: .6; }
      .footer__social li a.fb {
        background-position: -46px top; }
      .footer__social li a.tw {
        background-position: -92px top; }

.footer__madeby {
  float: right; }

@media screen and (max-width: 840px) {
  .footer {
    padding: 1px 0; }
    .footer .col2.wide {
      display: none;
      width: auto; }
    .footer .col2.small {
      display: block;
      padding: 0 0 30px 0; }
      .footer .col2.small ul li {
        text-align: center;
        margin: 0; }
        .footer .col2.small ul li a {
          display: block;
          height: 46px;
          line-height: 46px;
          border-bottom: 1px solid #5a78ba; }
    .footer .col3 {
      float: none;
      width: auto;
      text-align: center;
      margin: 0 0 40px 0; }
      .footer .col3 .label {
        margin-bottom: 20px; }
    .footer .col1 {
      float: none;
      width: auto;
      text-align: center; }
  .footer__slogan {
    margin: 0;
    line-height: 1.6em; }
  .footer__logo {
    background: url(/bitrix/templates/main/img/f_logo_sm.png) center top no-repeat transparent;
    width: auto;
    height: 95px; }
  .footer__copy {
    float: none;
    width: auto;
    text-align: center; }
  .footer__madeby {
    float: none;
    margin: 20px auto;
    width: 206px; }
  .footer__social {
    position: static;
    text-align: center;
    float: none;
    border-top: 1px solid #6e8bc1;
    margin: 20px 0; }
    .footer__social ul {
      float: none;
      position: relative;
      top: -15px;
      background: #214fa0;
      padding: 0 20px;
      display: inline-block; }
      .footer__social ul li {
        display: inline-block;
        float: none;
        margin: 0 10px; } }

/*! ::: FOOTER  :::   END  ::: */
/*! ::: CONTENT :::  START ::: */
.page_content {
  font-size: 1.125em;
  line-height: 1.33333em;
  font-family: 'OptiLight'; }
  .page_content p {
    margin: 30px 0; }
  .page_content b {
    font-weight: normal;
    font-family: 'OptiSemibold'; }
  .page_content div.sep {
    height: 1px;
    margin: 40px 0 40px -40px;
    background: #d9d9d9; }

.cntr {
  text-align: center; }

.tin-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.77778em;
  margin-bottom: 10px; }

.l_col {
  width: 50%;
  float: left;
  position: relative;
  padding-right: 20px; }

.r_col {
  width: 50%;
  float: right;
  position: relative;
  padding-left: 20px; }

h2 {
  font-size: 1.55556em;
  font-weight: normal;
  margin: 0 0 30px 0;
  font-family: 'OptiRegular'; }

h3 {
  font-size: 1.33333em;
  line-height: 1.5em;
  font-weight: normal;
  margin: 40px 0 30px 0;
  font-family: 'OptiRegular';
  text-align: center; }

@media screen and (max-width: 840px) {
  h2 {
    font-size: 24px; }
  h3 {
    font-size: 18px; } }

@media screen and (max-width: 640px) {
  .l_col {
    width: auto;
    float: none;
    padding: 0; }
  .r_col {
    width: auto;
    float: none;
    padding: 0; }
  .page_content .intro {
    padding: 0 20px;
    font-size: 18px;
    line-height: 1.4em; }
  .page_content div.sep {
    height: 1px;
    margin: 40px 0 40px 0px;
    background: #d9d9d9; } }

.r_col.hpl__page {
  padding-left: 60px; }

.product__benefits {
  list-style: none;
  margin: 50px 0 40px -40px;
  padding: 0; }
  .product__benefits li {
    float: left;
    margin: 0 0 30px 0;
    padding: 0;
    padding-left: 40px;
    font-size: 1em;
    line-height: 1.2em;
    width: 40%;
    font-family: 'OptiSemibold';
    position: relative; }
    .product__benefits li.lng {
      width: 60%; }
    .product__benefits li img {
      position: absolute;
      left: -10px;
      top: -5px; }

.hpl__comprises {
  margin: 0;
  padding: 0;
  list-style: none; }
  .hpl__comprises li {
    margin: 0 0 30px 0;
    padding: 0;
    position: relative; }
    .hpl__comprises li span {
      position: absolute;
      left: -40px;
      top: 0;
      width: 24px;
      height: 24px;
      text-align: center;
      line-height: 24px;
      font-size: 0.77778em;
      border-radius: 24px;
      border: 1px solid #262626; }

.hpl__scheme img {
  margin: -20px 0 0 60px; }

.hpl__size {
  text-align: center;
  background: #f1f1f1;
  border-top: 1px solid #808080;
  padding: 30px 0;
  margin: 50px 0 60px -40px; }
  .hpl__size .val {
    font-family: 'OptiSemibold';
    display: inline-block;
    line-height: .5em; }
    .hpl__size .val b {
      display: block;
      font-size: 1.33333em;
      line-height: 1em;
      font-family: 'OptiBeba'; }
    .hpl__size .val.ix {
      background: url(/bitrix/templates/main/img/ix_ico.png) center 2px no-repeat transparent;
      width: 60px;
      height: 30px; }

.hpl__weight {
  margin: 0 0 40px 0; }
  .hpl__weight ul {
    list-style: none;
    margin: 0 auto;
    padding: 0; }
    .hpl__weight ul li {
      margin: 0;
      padding: 0;
      width: 54px;
      height: 54px;
      border: 1px solid #262626;
      border-radius: 54px;
      display: inline-block;
      padding: 4px;
      vertical-align: top;
      margin: 0 15px; }
      .hpl__weight ul li span {
        width: 44px;
        height: 44px;
        border: 1px solid #262626;
        border-radius: 44px;
        display: block;
        line-height: 1em;
        font-size: 0.72222em;
        font-family: 'OptiRegular';
        padding: 11px 0 0 0; }
        .hpl__weight ul li span b {
          display: block;
          font-weight: normal;
          font-size: 1.53846em;
          font-family: 'OptiBeba'; }

.hpl__width ul {
  list-style: none;
  margin: 0 auto;
  padding: 0; }
  .hpl__width ul li {
    margin: 0;
    padding: 0;
    width: 46px;
    height: 56px;
    border: 1px solid #262626;
    display: inline-block;
    padding: 2px;
    vertical-align: top; }
    .hpl__width ul li.sep {
      border: 0;
      width: 30px;
      line-height: 56px;
      text-align: center;
      padding: 0;
      font-family: 'OptiRegular'; }
    .hpl__width ul li span {
      width: 40px;
      height: 50px;
      border: 1px solid #262626;
      display: block;
      line-height: 1em;
      font-size: 0.72222em;
      font-family: 'OptiRegular';
      padding: 13px 0 0 0; }
      .hpl__width ul li span b {
        display: block;
        font-weight: normal;
        font-size: 1.53846em;
        font-family: 'OptiBeba'; }

.hpl__cover {
  width: 400px;
  height: 120px;
  position: relative;
  display: table-cell;
  vertical-align: middle; }
  .hpl__cover img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
  .hpl__cover span {
    position: relative;
    z-index: 100;
    display: block;
    height: auto;
    color: #fff;
    font-size: 1.11111em;
    text-transform: uppercase;
    text-align: center;
    font-family: 'OptiRegular'; }

.hpl__face-back {
  margin: 40px 0 0 0; }
  .hpl__face-back img {
    margin: -40px 0 0 -70px; }
  .hpl__face-back .r_col img {
    margin-left: -30px; }

.hpl__features {
  margin: 60px 0 40px 0; }
  .hpl__features ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .hpl__features ul li {
      position: relative;
      padding: 0 40px 0 135px;
      width: 50%;
      float: left;
      margin: 0 0 40px 0;
      font-size: 0.88889em; }
      .hpl__features ul li .ico {
        position: absolute;
        left: 0;
        top: 0; }

.hpl__mount {
  background: url(/bitrix/templates/main/img/hpl_mount_bg.jpg) center top no-repeat #475271;
  height: 480px;
  color: #fff;
  text-align: center;
  padding: 70px 0; }
  .hpl__mount a {
    color: #fff;
    border-bottom: 1px solid #fff;
    font-family: 'OptiSemibold'; }
    .hpl__mount a:hover {
      border: 0; }
  .hpl__mount .wr {
    text-align: center; }
  .hpl__mount .title {
    position: relative;
    font-size: 1.33333em;
    line-height: 1.5em;
    font-family: 'OptiSemibold';
    margin: 0 0 40px 0; }
    .hpl__mount .title .ico {
      margin: 0 auto 30px; }

.hpl__benefits {
  background: #2e3549;
  color: #fff;
  padding: 70px 0; }
  .hpl__benefits h3 {
    color: #fff; }
  .hpl__benefits .square {
    width: 470px;
    padding: 25px 45px;
    border: 10px solid #4599c8;
    margin: 20px auto 40px auto;
    text-align: center;
    font-family: 'OptiRegular'; }
  .hpl__benefits .analog {
    text-transform: uppercase;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 2em;
    font-family: 'OptiRegular';
    position: relative;
    padding: 0 0 60px 0; }
    .hpl__benefits .analog b {
      display: block;
      font-weight: normal;
      color: #ff6969; }

.hpl__money1 {
  background: url(/bitrix/templates/main/img/hpl_money_1.png) left top no-repeat transparent;
  position: absolute;
  bottom: 0;
  right: -80px;
  width: 363px;
  height: 321px; }

.hpl__money2 {
  background: url(/bitrix/templates/main/img/hpl_money_2.png) left top no-repeat transparent;
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 342px;
  height: 156px; }

.hpl__benefits-icons {
  background: url(/bitrix/templates/main/img/hpl_ben_in_dots.png) center bottom no-repeat transparent;
  list-style: none;
  margin: 60px 0 60px 0;
  padding: 0 0 50px 0; }
  .hpl__benefits-icons li {
    margin: 0;
    padding: 0;
    float: left;
    width: 25%;
    margin: 0 0 30px 0;
    text-align: center;
    font-size: 0.88889em;
    line-height: 1.25em; }
    .hpl__benefits-icons li .title {
      display: block;
      text-transform: uppercase;
      margin: 0 0 15px 0;
      line-height: 1.5em;
      letter-spacing: 1px; }
    .hpl__benefits-icons li .ico {
      margin: 0 0 10px 0;
      display: block; }

.hpl__compare .wr {
  text-align: center; }

.hpl__compare .title {
  font-size: 2em;
  font-family: 'OptiRegular';
  letter-spacing: 17px;
  margin: 0 0 15px 0; }

.hpl__compare .subtitle {
  text-transform: uppercase;
  font-size: 0.66667em;
  letter-spacing: 3px;
  line-height: 1.66667em;
  font-family: 'OptiRegular';
  margin: 0 0 50px 0; }

.hpl__compare .l_col {
  position: relative;
  width: 50%;
  float: left;
  padding: 0 70px 0 0;
  margin: -30px 0 0 0; }

.hpl__compare .r_col {
  background: url(/bitrix/templates/main/img/hpl_compare_dots.png) left top repeat-y transparent;
  position: relative;
  width: 50%;
  float: right;
  padding: 0 0 80px 70px;
  margin: -30px 0 0 0; }
  .hpl__compare .r_col .vs {
    background: #9de4f2;
    text-align: center;
    line-height: 64px;
    border-radius: 64px;
    color: #006073;
    font-family: 'OptiRegular';
    width: 64px;
    height: 64px;
    position: absolute;
    left: -32px;
    top: 71px; }

.hpl__compare .name {
  letter-spacing: 2px;
  font-size: 1.33333em;
  line-height: 1.5em;
  text-transform: uppercase;
  font-family: 'OptiRegular';
  padding: 0 0 45px 0; }

.hpl__compare .ico {
  margin: -160px 0 35px -90px; }

.hpl__deployment {
  padding: 75px 0 50px 0;
  background: #dff4f8; }
  .hpl__deployment .wr {
    text-align: center; }
  .hpl__deployment .title {
    font-size: 2.66667em;
    line-height: 1em;
    letter-spacing: 25px;
    text-transform: uppercase;
    font-family: 'OptiRegular';
    margin: 0 0 40px 0; }
  .hpl__deployment .subtitle {
    font-size: 1.33333em;
    line-height: 1.5em;
    font-family: 'OptiRegular';
    margin: 0 0 60px 0; }

.hpl__deployment-list .label {
  font-size: 0.88889em;
  line-height: 1.5em;
  letter-spacing: 2px;
  margin: 0 0 60px 0; }

.hpl__deployment-list ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .hpl__deployment-list ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 16.66%;
    font-size: 0.66667em;
    text-transform: uppercase;
    font-family: 'OptiRegular';
    letter-spacing: 2px; }
    .hpl__deployment-list ul li .ico {
      display: block;
      margin: 0 0 10px 0; }

.hpl__benefits_2 {
  padding: 60px 0 0 0; }
  .hpl__benefits_2 .wr {
    text-align: center; }
  .hpl__benefits_2 .title {
    font-size: 1.55556em;
    line-height: 1.2em;
    letter-spacing: 5px;
    font-family: 'OptiBold';
    text-transform: uppercase;
    margin: 0 0 30px 0; }
  .hpl__benefits_2 .subtitle {
    font-size: 1.33333em;
    line-height: 1.5em;
    margin: 40px 0; }

.hpl__benefits_2 .hpl__features ul li {
  text-align: left; }

.hpl__pluses {
  margin: 0 0 60px 0;
  position: relative; }
  .hpl__pluses .label {
    background: url(/bitrix/templates/main/img/sep_dots_black.png) center top no-repeat transparent;
    font-size: 0.88889em;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0 0 35px 0;
    padding: 45px 0 0 0; }
  .hpl__pluses ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 -20px; }
    .hpl__pluses ul li {
      float: left;
      margin: 0;
      padding: 0;
      width: 260px;
      height: 260px;
      margin: 0 15px;
      padding: 15px 0;
      background: #2e3549;
      color: #fff;
      font-family: 'OptiRegular';
      line-height: 20px; }
      .hpl__pluses ul li .ico {
        display: block;
        margin: 0 0 10px 0; }

.hpl_pluses_deploy {
  padding: 0 0 40px 0;
  position: relative; }
  .hpl_pluses_deploy::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #000;
    width: 60px;
    height: 4px;
    margin: 0 0 0 -30px; }
  .hpl_pluses_deploy ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .hpl_pluses_deploy ul li {
      margin: 0;
      padding: 0;
      float: left;
      width: 16.66%;
      text-align: center; }
      .hpl_pluses_deploy ul li .ico {
        display: block;
        margin: 0 0 10px 0; }

.hpl_deploy_2 {
  background: #dff4f8;
  padding: 50px 0; }
  .hpl_deploy_2 .subtitle {
    font-size: 1.33333em;
    line-height: 1.5em;
    font-family: 'OptiRegular';
    margin: 0 0 50px 0; }
  .hpl_deploy_2 .wr {
    text-align: center; }
  .hpl_deploy_2 ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .hpl_deploy_2 ul li {
      margin: 0;
      padding: 0;
      float: left;
      width: 20%;
      padding: 0 0 10px 0;
      border-left: 1px solid #6f7a7c;
      font-size: 0.61111em;
      text-transform: uppercase;
      font-family: 'OptiRegular';
      line-height: 1.8em;
      letter-spacing: 1px; }
      .hpl_deploy_2 ul li:first-child {
        border: 0; }

.hpl_deploy_3 {
  background: #d4e8eb;
  padding: 50px 0; }
  .hpl_deploy_3 .subtitle {
    font-size: 1.33333em;
    line-height: 1.5em;
    font-family: 'OptiRegular';
    margin: 0 0 20px 0; }
  .hpl_deploy_3 .wr {
    text-align: center; }
  .hpl_deploy_3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 50px; }
    .hpl_deploy_3 ul li {
      margin: 0;
      padding: 0;
      float: left;
      width: 16.66%;
      padding: 0 0 10px 0;
      font-size: 0.61111em;
      text-transform: uppercase;
      font-family: 'OptiRegular';
      line-height: 1.8em;
      letter-spacing: 1px; }
      .hpl_deploy_3 ul li:first-child {
        border: 0; }
      .hpl_deploy_3 ul li .ico {
        display: block;
        margin: 0 0 10px 0; }

.hpl__scope {
  padding: 50px 0; }
  .hpl__scope .wr {
    text-align: center; }
  .hpl__scope .title {
    font-size: 1.33333em;
    font-family: 'OptiRegular';
    padding: 0 0 40px 0;
    position: relative; }
    .hpl__scope .title::before {
      content: '';
      display: block;
      background: #000;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 60px;
      height: 4px;
      margin: 0 0 0 -30px; }
  .hpl__scope ul {
    list-style: none;
    margin: 0 -30px 0 0;
    padding: 0; }
    .hpl__scope ul li {
      background: #dff4f8;
      float: left;
      width: 260px;
      height: 360px;
      float: left;
      margin: 0 30px 30px 0;
      padding: 0; }
      .hpl__scope ul li .label {
        height: 150px;
        width: 260px;
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        font-size: 1.22222em;
        font-family: 'OptiRegular'; }
      .hpl__scope ul li img {
        margin: 70px 0 0 0; }
      .hpl__scope ul li.half {
        width: auto;
        height: 300px;
        float: none;
        text-align: left;
        padding: 50px 60px 0 480px;
        font-size: 0.88889em; }
        .hpl__scope ul li.half .label {
          color: #000;
          width: auto;
          height: auto;
          font-size: 1.375em;
          margin: 0 0 20px 0;
          display: block; }
      .hpl__scope ul li.full {
        width: auto;
        float: none;
        height: 300px;
        color: #fff;
        color: #fff;
        font-size: 1.22222em;
        line-height: 1.63636em;
        text-transform: uppercase;
        font-family: 'OptiRegular';
        letter-spacing: 4px;
        padding: 100px 0 0 0; }
      .hpl__scope ul li.scope_1 {
        background: url(/bitrix/templates/main/img/hpl_scope_1.png) left top no-repeat transparent; }
      .hpl__scope ul li.scope_2 {
        background: url(/bitrix/templates/main/img/hpl_scope_2.png) left top no-repeat transparent; }
      .hpl__scope ul li.scope_3 {
        background: url(/bitrix/templates/main/img/hpl_scope_3.png) left top no-repeat transparent; }
      .hpl__scope ul li.scope_4 {
        background: url(/bitrix/templates/main/img/hpl_scope_4.jpg) left top no-repeat #dff4f8; }
      .hpl__scope ul li.scope_5 {
        background: url(/bitrix/templates/main/img/hpl_scope_5.jpg) left top no-repeat #dff4f8; }

.hpl__page .main_ico img {
  margin: 0; }

@media screen and (max-width: 840px) {
  .hpl__page .l_col .main_ico img {
    width: 100%;
    height: auto;
    margin-left: -20px; }
  .hpl__scheme img {
    margin-left: 0; }
  .hpl__width ul li.sep {
    width: 20px; }
  .hpl__weight ul li {
    margin: 0 5px; }
  .hpl__face-back .l_col img {
    width: 300px;
    height: auto; }
  .hpl__face-back .r_col img {
    width: 390px;
    height: auto;
    margin-top: -20px; }
  .hpl__features ul li {
    padding-left: 115px; }
  .hpl__money1 {
    right: -160px; }
  .hpl__money2 {
    left: -100px; }
  .hpl__compare .subtitle {
    margin-bottom: 180px; }
  .hpl__compare .l_col br {
    display: none; }
  .hpl__compare .r_col br {
    display: none; }
  .hpl__benefits_2 .subtitle br {
    display: none; }
  .hpl__pluses ul li {
    width: 31%;
    margin: 0 1%;
    padding: 10px;
    font-size: 14px; }
  .hpl__scope ul li {
    width: 31%;
    margin: 0 1%;
    padding: 10px;
    font-size: 14px; }
  .hpl__scope ul li.scope_4 {
    margin: 20px 0;
    padding: 60px 60px;
    text-align: center;
    background-image: none; }
    .hpl__scope ul li.scope_4 .label {
      line-height: 1.6em; }
  .m20 {
    margin-bottom: 20px; }
  .hpl__face-back .l_col img {
    width: 260px; }
  .hpl__face-back .r_col img {
    width: 340px;
    margin: -60px 0 0 -10px; }
  .hpl__features ul li {
    float: none;
    width: auto;
    text-align: center;
    padding: 115px 0 0 0; }
    .hpl__features ul li .ico {
      left: 50%;
      margin: 0 0 0 -50px; }
  .hpl__mount .title {
    text-align: center;
    font-size: 20px; }
    .hpl__mount .title br {
      display: none; } }

@media screen and (max-width: 640px) {
  .hpl__page {
    text-align: center; }
    .hpl__page .l_col .main_ico img {
      width: 200px;
      height: auto;
      margin-left: 0px; }
    .hpl__page .r_col {
      padding: 0; }
      .hpl__page .r_col h2 {
        font-size: 24px;
        text-align: center; }
    .hpl__page .l_col.f14 {
      text-align: center;
      padding: 0 20px;
      margin-bottom: 60px; }
    .hpl__page .r_col.f14 {
      text-align: center;
      padding: 0 20px; }
  .hpl__scheme img {
    width: 240px;
    height: auto;
    margin: 0 0 40px 20px; }
  .hpl__comprises li {
    padding: 30px 20px 0 20px; }
    .hpl__comprises li span {
      left: 50%;
      top: 0;
      margin-left: -11px; }
    .hpl__comprises li b {
      display: block; }
  .hpl__size {
    width: auto;
    margin: 0 0 40px 0; }
  .hpl__width {
    margin-bottom: 40px; }
  .chose-color__link {
    display: none !important;
    line-height: 1.6em; }
  h3 {
    padding: 0 20px; }
    h3 br {
      display: none; }
  .hpl__cover {
    margin-bottom: 40px; }
  .hpl__mount {
    padding-bottom: 40px;
    height: auto;
    background-size: cover; }
  .hpl__benefits {
    padding-top: 1px; }
  .hpl__benefits-icons {
    padding-bottom: 20px;
    margin-bottom: 0; }
    .hpl__benefits-icons li {
      width: 50%;
      font-size: 12px;
      font-family: 'OptiRegular';
      height: 130px; }
      .hpl__benefits-icons li span {
        display: none; }
  .hpl__benefits .square {
    width: auto;
    font-size: 14px;
    padding: 25px; }
    .hpl__benefits .square br {
      display: none; }
  .hpl__money1 {
    right: -260px;
    bottom: -110px; }
  .hpl__money2 {
    left: -150px;
    bottom: -110px; }
  .hpl__compare {
    padding: 40px 0 0 0; }
    .hpl__compare .subtitle {
      margin-bottom: 70px; }
    .hpl__compare .l_col {
      width: auto;
      float: none;
      padding: 0;
      border: 0;
      margin-bottom: 40px; }
    .hpl__compare .r_col {
      width: auto;
      float: none;
      padding: 0;
      border: 0;
      background: none; }
      .hpl__compare .r_col .vs {
        display: none; }
    .hpl__compare .ico {
      margin: 0 0 20px -100px; }
    .hpl__compare .name {
      font-size: 22px; }
  .hpl__deployment .title {
    font-size: 24px;
    letter-spacing: 15px; }
  .hpl__deployment .subtitle {
    font-size: 20px;
    margin-bottom: 40px; }
    .hpl__deployment .subtitle br {
      display: none; }
  .hpl__deployment ul li {
    width: 50%;
    margin-bottom: 20px; }
  .hpl__benefits_2 .title {
    font-size: 24px; }
  .hpl__benefits_2 .subtitle {
    font-size: 20px;
    padding: 0 20px;
    line-height: 1.4em;
    margin: 30px 0; }
    .hpl__benefits_2 .subtitle br {
      display: none; }
  .hpl__pluses .label {
    padding-left: 20px;
    padding-right: 20px; }
  .hpl__pluses ul li {
    width: auto;
    float: none;
    height: 240px;
    margin: 0 0 20px 0; }
  .hpl_pluses_deploy ul li {
    width: 50%; }
  .hpl__benefits_2 .hpl__features ul li {
    text-align: center; }
    .hpl__benefits_2 .hpl__features ul li .ico {
      margin-left: -35px; }
  .hpl_deploy_2 {
    padding-bottom: 0; }
    .hpl_deploy_2 .subtitle {
      font-size: 20px;
      padding: 0 20px; }
      .hpl_deploy_2 .subtitle br {
        display: none; }
    .hpl_deploy_2 ul {
      text-align: center; }
      .hpl_deploy_2 ul li {
        width: 45%;
        margin: 0 0 20px 0;
        border: 0;
        display: inline-block;
        float: none; }
  .hpl_deploy_3 {
    padding-bottom: 0; }
    .hpl_deploy_3 .subtitle {
      font-size: 20px; }
      .hpl_deploy_3 .subtitle br {
        display: none; }
    .hpl_deploy_3 p br {
      display: none; }
    .hpl_deploy_3 ul li {
      width: 50%;
      height: 160px; }
  .hpl__scope .title {
    font-size: 24px;
    line-height: 1.6em; }
  .hpl__scope p br {
    display: none; }
  .hpl__scope .hpl__scope-items li {
    width: 280px;
    float: none;
    height: auto;
    background-size: cover !important;
    margin: 0;
    margin: 0 auto 20px auto !important; }
    .hpl__scope .hpl__scope-items li .label {
      width: auto;
      width: 300px; }
  .hpl__scope ul {
    margin: 0; }
  .hpl__scope ul li.scope_4 {
    width: 280px;
    padding: 40px 20px;
    height: auto; }
    .hpl__scope ul li.scope_4 br {
      display: none; }
  .hpl__scope ul li.scope_5 {
    width: 280px; } }

.ceiling__scheme {
  margin: -20px 0 0px 0; }

.ceiling__formats {
  text-align: center;
  width: 160px;
  margin: 0 auto 40px auto; }

.ceiling__formats-item {
  position: relative; }
  .ceiling__formats-item.first .info {
    border: 0; }
  .ceiling__formats-item .ico {
    position: absolute;
    left: -84px;
    top: 10px; }
  .ceiling__formats-item .info {
    border-top: 1px solid #bfbfbf;
    padding: 20px 0 15px 0; }
    .ceiling__formats-item .info b {
      display: block; }
  .ceiling__formats-item .val {
    font-family: 'OptiSemibold';
    display: inline-block;
    line-height: .5em; }
    .ceiling__formats-item .val b {
      display: block;
      font-size: 1.33333em;
      line-height: 1em;
      font-family: 'OptiBeba'; }
    .ceiling__formats-item .val.ix {
      background: url(/bitrix/templates/main/img/ix_ico.png) center 2px no-repeat transparent;
      width: 60px;
      height: 30px; }

.ceiling__face {
  background: #f7f6f3;
  border-top: 5px solid #d4d4d4;
  border-bottom: 5px solid #d4d4d4;
  text-align: center;
  padding: 60px 60px 60px 510px;
  margin: 80px 0 120px 0;
  position: relative; }
  .ceiling__face .title {
    font-family: 'OptiSemibold';
    font-size: 1.33333em;
    margin: 0 0 20px 0; }
  .ceiling__face .ico1 {
    position: absolute;
    left: 50%;
    top: -130px;
    margin: 0 0 0 -109px; }
  .ceiling__face .ico2 {
    position: absolute;
    bottom: -60px;
    left: 80px; }

.ceiling__benefits {
  background: #2e3549;
  color: #fff;
  padding: 40px 0;
  margin: 0; }
  .ceiling__benefits h3 {
    color: #fff; }

.ceiling__benefits-icons {
  list-style: none;
  text-align: center;
  margin: 60px 0 0 0; }
  .ceiling__benefits-icons li {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 24.5%;
    vertical-align: top;
    margin: 0 0 30px 0;
    text-align: center;
    font-size: 0.88889em;
    line-height: 1.25em; }
    .ceiling__benefits-icons li .title {
      display: block;
      text-transform: uppercase;
      margin: 0 0 15px 0;
      line-height: 1.5em;
      letter-spacing: 1px; }
    .ceiling__benefits-icons li .ico {
      margin: 0 0 10px 0;
      display: block; }

.ceiling__deployment {
  background: #f2f2f2;
  padding: 65px 0 20px 0; }
  .ceiling__deployment .wr {
    text-align: center; }
  .ceiling__deployment .subtitle {
    font-size: 1.33333em;
    line-height: 1.5em;
    margin: 0 0 60px 0; }

.ceiling__deployment-items ul {
  list-style: none;
  margin: 0 -40px 0 0;
  padding: 0; }
  .ceiling__deployment-items ul li {
    float: left;
    width: 400px;
    height: 200px;
    color: #fff;
    margin: 0 40px 40px 0;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'OptiSemibold';
    letter-spacing: 2px; }
    .ceiling__deployment-items ul li .ico {
      margin: 20px 0 0 0; }
    .ceiling__deployment-items ul li.dp1 {
      background: url(/bitrix/templates/main/img/ceinig_dp_bg_1.jpg) left top no-repeat transparent; }
    .ceiling__deployment-items ul li.dp2 {
      background: url(/bitrix/templates/main/img/ceinig_dp_bg_2.jpg) left top no-repeat transparent; }
    .ceiling__deployment-items ul li.dp3 {
      background: url(/bitrix/templates/main/img/ceinig_dp_bg_3.jpg) left top no-repeat transparent; }
    .ceiling__deployment-items ul li.dp4 {
      background: url(/bitrix/templates/main/img/ceinig_dp_bg_4.jpg) left top no-repeat transparent; }

.ceiling__page .main_ico {
  margin: 0 0 80px 0; }
  .ceiling__page .main_ico img {
    margin: 0px 0 0 -20px; }

@media screen and (max-width: 840px) {
  .ceiling__page .l_col .main_ico img {
    width: 90%;
    height: auto;
    margin-left: 0px; }
  .ceiling__page .r_col.hpl__page {
    padding-left: 20px; }
  .ceiling__page .hpl__width ul li.sep {
    width: 6px; }
  .ceiling__page .hpl__features ul li {
    width: 50%;
    float: left; }
  .ceiling__scheme img {
    width: 250px;
    height: auto; }
  .ceiling__formats {
    margin: 0 0 40px 100px; }
  .ceiling__face {
    padding: 120px 0 200px 0; }
  .ceiling__benefits ul {
    padding: 0;
    margin: 0; }
  .ceiling__benefits-icons li {
    width: 30%; }
  .ceiling__deployment .subtitle br {
    display: none; }
  .ceiling__deployment-items ul li {
    width: 45%;
    margin: 0 2% 4% 2%; } }

@media screen and (max-width: 640px) {
  .ceiling__page {
    text-align: center; }
    .ceiling__page .l_col .main_ico img {
      width: 200px;
      height: auto;
      margin-left: 0px; }
    .ceiling__page .r_col.hpl__page {
      padding-left: 0px; }
    .ceiling__page .r_col {
      padding: 0;
      padding-left: 0px; }
      .ceiling__page .r_col h2 {
        font-size: 24px;
        text-align: center; }
    .ceiling__page .l_col.f14 {
      text-align: center;
      padding: 0 20px;
      margin-bottom: 60px; }
    .ceiling__page .r_col.f14 {
      text-align: center;
      padding: 0 20px; }
    .ceiling__page p b {
      display: block; }
    .ceiling__page p br {
      display: none; }
    .ceiling__page .hpl__comprises li br {
      display: none; }
    .ceiling__page .hpl__features ul li {
      width: auto;
      float: none; }
  .ceiling__scheme {
    margin: 0 0 30px 0; }
  .ceiling__face {
    padding: 80px 20px 100px; }
    .ceiling__face .ico1 {
      margin: 0 0 0 -50px;
      top: -80px; }
      .ceiling__face .ico1 img {
        width: 100px;
        height: auto; }
    .ceiling__face .ico2 {
      margin: 0 0 0 -70px;
      bottom: -80px; }
      .ceiling__face .ico2 img {
        width: 280px;
        height: auto; }
  .ceiling__benefits-icons li {
    width: auto;
    display: block;
    float: none; }
  .ceiling__deployment {
    padding: 50px 0 20px 0; }
    .ceiling__deployment .subtitle {
      font-size: 20px;
      margin-bottom: 30px; }
  .ceiling__deployment-items ul {
    margin: 0; }
    .ceiling__deployment-items ul li {
      width: auto;
      float: none;
      padding: 20px 0 0 0; } }

/*--------------------------------
ПРОФИЛЬ
--------------------------------*/
.profile__page .main_ico {
  margin: 0 0 80px 0; }
  .profile__page .main_ico img {
    margin: 0px 0 0 -50px; }

.profile__page .product__benefits li {
  float: none;
  width: auto; }

.profile__deloyment {
  list-style: none;
  margin: 80px 0 0 0;
  padding: 0; }
  .profile__deloyment li {
    font-size: 0.88889em;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    padding: 10px 0 0 95px;
    position: relative;
    height: 70px; }
    .profile__deloyment li .ico {
      position: absolute;
      left: -20px;
      top: 0; }

.profile__decor {
  padding: 65px 0;
  background: #2d4359;
  color: #fff;
  margin: 30px 0 0 0; }
  .profile__decor .wr {
    text-align: center; }
  .profile__decor .title {
    font-size: 2.11111em;
    letter-spacing: 15px;
    margin: 0 0 40px 0;
    text-transform: uppercase; }
  .profile__decor .subtitle {
    font-size: 1.11111em;
    line-height: 1.2em;
    text-transform: uppercase;
    font-family: 'OptiSemibold';
    margin: 0 0 40px 0;
    letter-spacing: 4px;
    position: relative;
    padding: 0 0 55px 0; }
    .profile__decor .subtitle::before {
      content: '';
      display: block;
      width: 60px;
      height: 4px;
      background: #fff;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin: 0 0 0 -30px; }
  .profile__decor .img {
    float: left;
    margin: -60px 0 0 0; }
  .profile__decor .text {
    font-size: 1.33333em;
    line-height: 1.5em;
    width: 50%;
    float: right;
    text-align: left; }
    .profile__decor .text .color_but {
      display: inline-block;
      width: 240px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      border: 1px solid #fff;
      border-radius: 4px;
      color: #fff;
      font-size: 0.58333em;
      text-transform: uppercase;
      font-family: 'OptiSemibold';
      letter-spacing: 3px;
      margin: 50px 0 0 0; }
      .profile__decor .text .color_but:hover {
        background: #fff;
        color: #2d4359; }

.profile__range .title {
  font-size: 1.38889em;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 7px;
  line-height: 2em;
  padding: 35px 0;
  margin: 0 0 30px 0;
  position: relative; }
  .profile__range .title::before {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -30px;
    background: #000; }
  .profile__range .title::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -30px;
    background: #000; }
  .profile__range .title b {
    display: block;
    font-size: 1.44em;
    letter-spacing: 18px; }

.profile__range .profile__range-list {
  margin-right: -30px; }
  .profile__range .profile__range-list .item {
    background: #f2f2f2;
    width: 260px;
    height: 320px;
    float: left;
    margin: 0 30px 30px 0;
    border-bottom: 10px solid #6987bf;
    padding: 30px 10px;
    text-align: center; }
    .profile__range .profile__range-list .item .name {
      display: block;
      font-family: 'OptiSemibold';
      font-size: 1.33333em;
      letter-spacing: 6px;
      margin: 10px 0; }
      .profile__range .profile__range-list .item .name i {
        font-family: 'OptiLight';
        text-transform: uppercase;
        display: block;
        font-style: normal;
        font-size: 0.75em; }
    .profile__range .profile__range-list .item .small {
      font-size: 0.77778em;
      line-height: 1.2em;
      display: block; }

.profile-lenght {
  text-align: center;
  position: relative;
  padding: 50px 0;
  margin: 0 0 50px 0; }
  .profile-lenght .title {
    letter-spacing: 6px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 80px 0; }
  .profile-lenght .line {
    height: 3px;
    background: #6987bf; }
  .profile-lenght .val {
    width: 100px;
    height: 90px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -50px;
    border-top: 3px solid #6987bf;
    border-bottom: 3px solid #6987bf;
    text-align: center; }
    .profile-lenght .val b {
      display: block;
      font-size: 2.66667em;
      margin: 22px 0 3px 0; }

@media screen and (max-width: 840px) {
  .profile__page .l_col .main_ico img {
    width: 90%;
    height: auto;
    margin-left: 0px; }
  .profile__page .r_col.hpl__page {
    padding-left: 60px; }
  .profile__page .hpl__width ul li.sep {
    width: 6px; }
  .profile__page .hpl__features ul li {
    width: 50%;
    float: left; }
  .profile__decor .img {
    width: 40%;
    margin: 0; }
    .profile__decor .img img {
      width: 100%;
      height: auto; }
  .profile__features ul li {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .profile__range .profile__range-list .item {
    width: 45%;
    margin: 0 2% 2% 2%; }
  .profile__range .profile__range-list .cl.wd {
    display: none; }
  .profile-lenght {
    margin-bottom: 50px; } }

@media screen and (max-width: 640px) {
  .profile__page {
    text-align: center; }
    .profile__page .l_col p {
      padding: 0 10px; }
    .profile__page .l_col .main_ico {
      margin-bottom: 30px; }
      .profile__page .l_col .main_ico img {
        width: 200px;
        height: auto;
        margin-left: -20px; }
    .profile__page .r_col.hpl__page {
      padding-left: 0px; }
    .profile__page .r_col {
      padding: 0;
      padding-left: 0px; }
      .profile__page .r_col h2 {
        font-size: 24px;
        text-align: center; }
    .profile__page .l_col.f14 {
      text-align: center;
      padding: 0 20px;
      margin-bottom: 60px; }
    .profile__page .r_col.f14 {
      text-align: center;
      padding: 0 20px; }
    .profile__page p b {
      display: block; }
    .profile__page p br {
      display: none; }
    .profile__page .hpl__comprises li br {
      display: none; }
    .profile__page .hpl__features ul li {
      width: auto;
      float: none; }
    .profile__page .product__benefits {
      border-bottom: 0; }
    .profile__page .profile__deloyment {
      margin: 0; }
      .profile__page .profile__deloyment li {
        width: auto;
        padding: 95px 20px 0 20px;
        height: auto; }
        .profile__page .profile__deloyment li .ico {
          top: 0;
          left: 50%;
          margin: 0 0 0 -38px; }
  .profile__decor .title {
    font-size: 24px;
    letter-spacing: 5px; }
  .profile__decor .subtitle {
    font-size: 20px; }
  .profile__decor .img {
    float: none;
    width: auto;
    text-align: center;
    margin: 0 0 30px 0; }
    .profile__decor .img img {
      width: 100px; }
  .profile__decor .text {
    float: none;
    width: auto;
    text-align: center;
    font-size: 18px;
    line-height: 1.4em; }
    .profile__decor .text br {
      display: none; }
    .profile__decor .text .color_but {
      font-size: 14px; }
  .profile__features ul li {
    width: auto;
    float: none; }
  .profile__range .title {
    font-size: 18px;
    letter-spacing: 5px; }
    .profile__range .title b {
      font-size: 24px;
      letter-spacing: 8px; }
  .profile__range .profile__range-list {
    margin: 0; }
    .profile__range .profile__range-list .item {
      width: auto;
      float: none;
      margin: 0 0 20px 0; } }

/*--------------------------------
END :: ПРОФИЛЬ
--------------------------------*/
.phone_request {
  padding: 50px 0 40px 0;
  text-align: center; }
  .phone_request .title {
    font-size: 1.33333em;
    line-height: 1.4em;
    font-family: 'OptiSemibold';
    margin: 0 0 20px 0; }
  .phone_request .subsubtitle {
    margin: 30px 0 0 0; }
  .phone_request .number {
    font-size: 2.66667em;
    font-family: 'OptiRegular';
    line-height: 1em;
    padding: 45px 0 0 0;
    margin: 40px 0 15px 0;
    border-top: 1px solid #b3b3b3;
    position: relative; }
    .phone_request .number::before {
      content: '';
      position: absolute;
      display: block;
      width: 120px;
      height: 30px;
      background: url(/bitrix/templates/main/img/phone_block_ico.jpg) center top no-repeat #fff;
      top: -15px;
      left: 50%;
      margin: 0 0 0 -60px; }
  .phone_request .subnumber {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.66667em;
    margin: 0 0 30px 0; }
  .phone_request .request_button {
    font-family: 'OptiRegular';
    display: inline-block;
    width: auto;
    height: 50px;
    padding: 0 40px;
    line-height: 48px;
    border: 2px solid #000;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.72222em;
    color: #000;
    margin: auto;
    letter-spacing: 1px; }
    .phone_request .request_button:hover {
      background: #000;
      color: #fff; }

@media screen and (max-width: 640px) {
  .phone_request {
    padding-bottom: 20px; }
    .phone_request .number {
      font-size: 24px; }
    .phone_request .request_button span {
      display: none; } }

.acrylic__page .main_ico img {
  margin: -20px 0 0 -70px; }

.acrylic__page .hpl__weight ul li {
  margin: 0 10px; }

.acrylic__page .hpl__width ul li.sep {
  width: 15px; }

.acrylic__deploy_1 {
  background: #f1f1f1;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 55px 0;
  line-height: 1.2em;
  margin: 40px 0 0 0; }
  .acrylic__deploy_1 .uptitle {
    font-size: 1.33333em;
    letter-spacing: 15px;
    margin: 0 0 25px 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2em; }
  .acrylic__deploy_1 .title {
    font-size: 2em;
    font-family: 'OptiBold';
    letter-spacing: 5px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2em;
    margin: 0 0 25px 0; }
  .acrylic__deploy_1 .subtitle {
    font-size: 1.33333em;
    line-height: 1.33333em;
    text-align: center;
    padding: 0 0 40px 0;
    position: relative;
    margin: 0 0 40px 0; }
    .acrylic__deploy_1 .subtitle::before {
      position: absolute;
      display: block;
      content: '';
      bottom: 0;
      left: 50%;
      width: 60px;
      height: 4px;
      background: #000;
      margin: 0 0 0 -30px; }

.acrylic__deploy_switch {
  text-align: center; }
  .acrylic__deploy_switch .switch__title {
    display: block;
    font-size: 1em;
    letter-spacing: 8px;
    text-transform: uppercase;
    font-family: 'OptiRegular';
    margin: 0 0 40px 0; }
  .acrylic__deploy_switch .man ul {
    margin: 0 20px;
    list-style: none;
    margin: 0;
    padding: 0; }
    .acrylic__deploy_switch .man ul li {
      width: 25%;
      list-style: none;
      margin: 0;
      padding: 0 0 10px 0;
      float: left; }
      .acrylic__deploy_switch .man ul li a {
        display: block;
        height: 60px;
        line-height: 60px;
        background: #51accc;
        color: #fff;
        font-size: 1.33333em;
        font-family: 'OptiSemibold';
        text-align: center;
        border-left: 2px solid #fff; }
        .acrylic__deploy_switch .man ul li a:hover {
          background: #82c4db; }
      .acrylic__deploy_switch .man ul li:first-child a {
        border-left: 0; }
      .acrylic__deploy_switch .man ul li.active {
        background: #fff; }
        .acrylic__deploy_switch .man ul li.active a {
          background: transparent;
          color: #000; }
        .acrylic__deploy_switch .man ul li.active + li a {
          border-color: #51accc; }
          .acrylic__deploy_switch .man ul li.active + li a:hover {
            border-color: #82c4db; }
  .acrylic__deploy_switch .info {
    border: 10px solid #cccccc;
    margin: -10px 0 0 0;
    background: #fff;
    font-size: 0.88889em; }
    .acrylic__deploy_switch .info .label {
      text-transform: uppercase;
      letter-spacing: 5px;
      margin: 0 0 50px 0; }
    .acrylic__deploy_switch .info ul {
      margin: 0 20px;
      margin: 0;
      padding: 0;
      list-style: none; }
      .acrylic__deploy_switch .info ul li {
        width: 20%;
        float: left;
        margin: 0;
        padding: 0;
        font-family: 'OptiRegular';
        line-height: 1.6em;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 0.875em; }
        .acrylic__deploy_switch .info ul li img {
          margin: 0 0 10px 0; }
  .acrylic__deploy_switch .tab-content {
    display: none;
    padding: 50px; }
  .acrylic__deploy_switch .tab-content.active {
    display: block; }
  .acrylic__deploy_switch .tab-content.h6 ul {
    text-align: center; }
    .acrylic__deploy_switch .tab-content.h6 ul li {
      display: inline-block;
      width: 240px; }
  .acrylic__deploy_switch .tab-content.h10 ul {
    text-align: center; }
    .acrylic__deploy_switch .tab-content.h10 ul li {
      display: inline-block;
      width: 240px; }
  .acrylic__deploy_switch .tab-ceiling {
    padding: 10px; }
    .acrylic__deploy_switch .tab-ceiling .label {
      float: left;
      width: 500px;
      text-align: left;
      font-size: 1em;
      text-transform: uppercase;
      padding: 60px 0 0 80px; }
      .acrylic__deploy_switch .tab-ceiling .label b {
        font-family: 'OptiSemibold';
        font-size: 1.5em;
        margin: 20px 0 0 0;
        display: block;
        line-height: 1.6em; }
    .acrylic__deploy_switch .tab-ceiling .img {
      float: right; }

.acrylic__benefits {
  padding: 55px 0; }
  .acrylic__benefits .uptitle {
    text-align: center;
    font-size: 1.33333em;
    font-family: 'OptiRegular';
    line-height: 1.2em; }
  .acrylic__benefits .title {
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
    font-family: 'OptiBold';
    letter-spacing: 20px;
    margin: 35px 0; }
  .acrylic__benefits .subtitle {
    padding: 0 0 40px 0;
    position: relative;
    margin: 0 0 60px 0;
    text-align: center;
    font-size: 1.33333em;
    font-family: 'OptiRegular';
    line-height: 1.2em; }
    .acrylic__benefits .subtitle::before {
      position: absolute;
      display: block;
      content: '';
      bottom: 0;
      left: 50%;
      width: 60px;
      height: 4px;
      background: #000;
      margin: 0 0 0 -30px; }

.acrylic__features ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .acrylic__features ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
    padding: 0 40px 0 150px;
    margin: 0 0 30px 0;
    font-size: 0.88889em;
    line-height: 1.2em;
    position: relative; }
    .acrylic__features ul li span {
      display: table-cell;
      vertical-align: middle;
      height: 120px; }
    .acrylic__features ul li .ico {
      position: absolute;
      left: 0;
      top: 0; }

.acrylic__features-list {
  margin: 50px 0 0 0; }
  .acrylic__features-list ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .acrylic__features-list ul li {
      width: 25%;
      margin: 0;
      padding: 0;
      float: left;
      text-align: center;
      font-size: 0.88889em; }

.acrylic__chars {
  padding: 40px 0; }
  .acrylic__chars .title {
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 20px;
    margin: 0 0 70px 0;
    text-align: center;
    font-family: 'OptiRegular'; }
  .acrylic__chars img {
    margin: 0px 0 0 -90px; }

.acrylic__deploy_2 {
  padding: 20px 0 40px 0; }
  .acrylic__deploy_2 .title {
    font-size: 1.33333em;
    line-height: 1.2em;
    font-family: 'OptiRegular';
    text-align: center;
    margin: 0 0 30px 0; }
  .acrylic__deploy_2 .subtitle {
    font-size: 1.33333em;
    line-height: 1.2em;
    text-align: center; }
  .acrylic__deploy_2 .items {
    margin: 0 -40px 0 0;
    padding: 40px 0 0 0; }
  .acrylic__deploy_2 .item {
    width: 400px;
    height: 200px;
    background: #000;
    float: left;
    margin: 0 40px 40px 0;
    text-align: center;
    color: #fff;
    font-size: 1em;
    line-height: 1.4em;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'OptiRegular'; }
    .acrylic__deploy_2 .item.wide {
      width: auto;
      float: none;
      text-transform: none;
      font-family: 'OptiLight';
      font-size: 1.33333em; }
    .acrylic__deploy_2 .item .text {
      margin: auto;
      display: inline-block; }
      .acrylic__deploy_2 .item .text span {
        display: table-cell;
        height: 200px;
        vertical-align: middle; }
    .acrylic__deploy_2 .item.i1 {
      background: url(/bitrix/templates/main/img/acrylic_deploy_img_1.jpg) left top no-repeat transparent; }
    .acrylic__deploy_2 .item.i2 {
      background: url(/bitrix/templates/main/img/acrylic_deploy_img_2.jpg) left top no-repeat transparent; }
    .acrylic__deploy_2 .item.i3 {
      background: url(/bitrix/templates/main/img/acrylic_deploy_img_3.jpg) left top no-repeat transparent; }
    .acrylic__deploy_2 .item.i4 {
      background: url(/bitrix/templates/main/img/acrylic_deploy_img_4.jpg) left top no-repeat transparent; }
    .acrylic__deploy_2 .item.i5 {
      background: url(/bitrix/templates/main/img/acrylic_deploy_img_5.jpg) left top no-repeat transparent; }

.acrylic__gost {
  background: url(/bitrix/templates/main/img/acrylic_gost_bg.jpg) center top no-repeat #132f4a;
  color: #fff;
  text-align: center;
  padding: 100px 0 40px 0;
  font-size: 1.33333em;
  line-height: 1.2em; }
  .acrylic__gost .wr {
    text-align: center; }
  .acrylic__gost .uptitle {
    text-transform: uppercase;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 5px;
    font-family: 'OptiRegular';
    font-size: 0.75em; }
  .acrylic__gost .title {
    font-size: 1.75em;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 12px;
    font-family: 'OptiBold';
    margin: 25px 0; }
  .acrylic__gost .subtitle {
    text-transform: uppercase;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 5px;
    font-family: 'OptiRegular';
    font-size: 0.75em; }
  .acrylic__gost .text {
    background: #fff;
    border: 20px solid #98aab3;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.75);
    color: #000; }
    .acrylic__gost .text span {
      display: block;
      border: 2px solid #3f5d73;
      padding: 50px 60px;
      line-height: 1.5em; }

.acrylic__forgot {
  text-align: center;
  padding: 80px 0 20px 0; }
  .acrylic__forgot .title {
    font-size: 1.33333em;
    text-transform: uppercase;
    letter-spacing: 7px;
    line-height: 1.6em;
    margin: 0 0 20px 0; }
  .acrylic__forgot .subtitle {
    font-size: 1.33333em;
    line-height: 1.6em;
    margin: 0 0 50px 0; }

.acrylic__forgot-scheme .l_col {
  width: 280px;
  float: left;
  padding: 30px 30px 0 30px;
  position: relative;
  z-index: 100; }
  .acrylic__forgot-scheme .l_col .arr {
    position: absolute;
    width: 210px;
    height: 30px;
    background: url(/bitrix/templates/main/img/acrylic_fireforgot_arr_spl.png) left top no-repeat transparent;
    top: 90px;
    left: 123px; }

.acrylic__forgot-scheme .r_col {
  width: 280px;
  float: right;
  padding: 30px 0px 0 30px;
  position: relative;
  z-index: 100; }
  .acrylic__forgot-scheme .r_col .arr {
    position: absolute;
    width: 210px;
    height: 30px;
    background: url(/bitrix/templates/main/img/acrylic_fireforgot_arr_spl.png) left -30px no-repeat transparent;
    top: 90px;
    right: 123px; }
  .acrylic__forgot-scheme .r_col span {
    display: block;
    font-size: 0.77778em;
    line-height: 1.2em; }

.acrylic__forgot-scheme .ico_col {
  width: 280px;
  float: left;
  position: relative;
  z-index: 50;
  padding: 0 0 137px 0; }
  .acrylic__forgot-scheme .ico_col .arr {
    position: absolute;
    width: 30px;
    height: 160px;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -15px;
    background: url(/bitrix/templates/main/img/acrylic_fireforgot_arr_spl.png) 5px -60px no-repeat transparent; }

.acrylic__forgot-scheme .label {
  text-transform: uppercase;
  font-family: 'OptiRegular';
  letter-spacing: 7px;
  line-height: 1.4em;
  height: 50px;
  overflow: hidden;
  margin: 0 0 50px 0; }

.acrylic__forgot-scheme b {
  font-family: 'OptiLight';
  line-height: 1.4em;
  display: block;
  margin: 0 0 20px 0; }

.acrylic__problems {
  padding: 30px 0; }
  .acrylic__problems .title {
    text-align: center;
    font-size: 1.33333em;
    line-height: 1.5em;
    font-family: 'OptiRegular';
    margin: 0 0 50px 0; }
  .acrylic__problems ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .acrylic__problems ul li {
      margin: 0;
      padding: 0;
      float: left;
      text-align: center;
      width: 25%;
      color: #ff153c; }
      .acrylic__problems ul li img {
        margin: 0 0 20px -40px; }
      .acrylic__problems ul li b {
        display: block;
        color: #000;
        letter-spacing: 5px; }

.acrylic__fire-example {
  padding: 40px 0 80px 0; }
  .acrylic__fire-example .title {
    font-size: 2em;
    letter-spacing: 20px;
    font-family: 'OptiRegular';
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 80px 0; }
  .acrylic__fire-example .item {
    margin: 0 0 60px 0; }
    .acrylic__fire-example .item img {
      margin: -40px 0 0 0; }
  .acrylic__fire-example .text {
    border: 10px solid #e5e5e5;
    padding: 40px 40px; }
    .acrylic__fire-example .text b {
      color: #ff153c; }
  .acrylic__fire-example .subtitle {
    padding: 50px 0 0 0;
    text-align: center;
    background: transparent url("/bitrix/templates/main/img/sep_dots_black.png") no-repeat scroll center top;
    font-size: 1.33333em;
    line-height: 1.5em; }

.acrylic__factoring {
  padding: 55px 0 100px 0;
  background: #dff4f8; }
  .acrylic__factoring .wr {
    text-align: center; }
  .acrylic__factoring .title {
    background: url(/bitrix/templates/main/img/acrylic_factory_title_bg.jpg) center top no-repeat transparent;
    text-align: center;
    height: 210px;
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1.2em;
    letter-spacing: 18px;
    font-family: 'OptiRegular';
    padding: 92px 0 0 15px; }
  .acrylic__factoring .subtitle {
    font-size: 1.33333em;
    line-height: 1.58333em;
    font-family: 'OptiRegular';
    text-align: center; }
  .acrylic__factoring img {
    margin: 20px 0 0 -120px; }

.acrylic__more-benefits img {
  margin: 0 0 10px 0; }

.acrylic__more-benefits .title {
  font-size: 1.77778em;
  font-family: 'OptiRegular';
  text-transform: uppercase;
  line-height: 2em;
  letter-spacing: 15px;
  text-align: center;
  margin: -63px 0 0 0; }

.acrylic__more-benefits .l_col {
  width: 340px;
  float: left;
  text-align: center;
  padding-left: 65px; }

.acrylic__more-benefits .r_col {
  width: 340px;
  float: left;
  text-align: center;
  padding-right: 65px; }

.acrylic__more-benefits .i_col {
  background: url(/bitrix/templates/main/img/acrylic_moreben_arr.jpg) center top no-repeat transparent;
  width: 160px;
  float: left;
  text-align: center;
  height: 215px;
  margin: 30px 0 30px 0; }

.acrylic__more-benefits .w_col {
  text-align: center; }

.acrylic__dry-method .wr {
  text-align: center; }

.acrylic__dry-method .title {
  background: url(/bitrix/templates/main/img/acrylic_dry_title.jpg) center 10px no-repeat transparent;
  text-align: center;
  font-size: 1.77778em;
  margin: 40px 0 0 0; }

.acrylic__dry-method ul {
  list-style: none;
  margin: 60px 0;
  padding: 0; }
  .acrylic__dry-method ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 25%;
    text-align: center;
    font-size: 0.88889em;
    font-family: 'OptiRegular';
    text-transform: uppercase;
    letter-spacing: 4px; }
    .acrylic__dry-method ul li img {
      margin: 0 0 10px 0; }

.acrylic__3m {
  padding: 0 0 40px 0; }
  .acrylic__3m .wr {
    text-align: center; }
  .acrylic__3m .label {
    text-transform: uppercase;
    font-family: 'OptiRegular';
    letter-spacing: 4px; }
  .acrylic__3m .l_col {
    width: 270px; }
    .acrylic__3m .l_col img {
      margin: 0 0 20px -80px; }
  .acrylic__3m .r_col {
    width: 270px; }
    .acrylic__3m .r_col img {
      margin: 0 0 20px -80px; }
  .acrylic__3m .i_col {
    width: 300px;
    float: left;
    width: 300px;
    height: 300px;
    background: #cee7f3;
    padding: 10px;
    position: relative; }
    .acrylic__3m .i_col::before {
      display: block;
      content: '';
      position: absolute;
      left: 25px;
      top: 25px;
      width: 16px;
      height: 16px;
      background: url(/bitrix/templates/main/img/acrylic_plus_ico.png) left top no-repeat transparent; }
    .acrylic__3m .i_col::after {
      display: block;
      content: '';
      position: absolute;
      right: 25px;
      top: 25px;
      width: 16px;
      height: 16px;
      background: url(/bitrix/templates/main/img/acrylic_plus_ico.png) left top no-repeat transparent; }
    .acrylic__3m .i_col .inn {
      width: 280px;
      height: 280px;
      border: 5px solid #a3becc;
      padding: 20px; }
      .acrylic__3m .i_col .inn::before {
        display: block;
        content: '';
        position: absolute;
        left: 25px;
        bottom: 25px;
        width: 16px;
        height: 16px;
        background: url(/bitrix/templates/main/img/acrylic_plus_ico.png) left top no-repeat transparent; }
      .acrylic__3m .i_col .inn::after {
        display: block;
        content: '';
        position: absolute;
        right: 25px;
        bottom: 25px;
        width: 16px;
        height: 16px;
        background: url(/bitrix/templates/main/img/acrylic_plus_ico.png) left top no-repeat transparent; }
    .acrylic__3m .i_col .digit {
      margin: 0 0 20px 0;
      font-size: 1em;
      line-height: 1.33333em;
      text-transform: uppercase;
      font-family: 'OptiRegular';
      letter-spacing: 4px; }
      .acrylic__3m .i_col .digit b {
        font-size: 6.66667em;
        line-height: 1em;
        margin: 0 0 0px 0;
        display: block;
        font-family: 'OptiLight'; }

.acrylic__abouttime {
  background: url(/bitrix/templates/main/img/acrylic_about_bg.jpg) center top no-repeat #393f50;
  height: 650px;
  padding: 70px 0 0 0;
  color: #fff;
  font-size: 1.33333em;
  line-height: 1em; }
  .acrylic__abouttime .wr {
    text-align: center; }
  .acrylic__abouttime .uptitle {
    font-size: 0.66667em;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin: 0 0 30px 0; }
  .acrylic__abouttime .title {
    font-size: 1.5em;
    line-height: 1.2em;
    text-transform: uppercase;
    font-family: 'OptiRegular';
    margin: 0 0 70px 0;
    letter-spacing: 7px; }
  .acrylic__abouttime .arrs_block {
    background: url(/bitrix/templates/main/img/acrylic_time_arr_1.png) center 30px no-repeat transparent; }
  .acrylic__abouttime .l_col {
    width: 250px;
    float: left;
    padding: 100px 0 0 0;
    position: relative; }
    .acrylic__abouttime .l_col img {
      position: absolute;
      top: 0;
      left: 50%;
      margin: 0 0 0 -40px; }
  .acrylic__abouttime .r_col {
    width: 250px;
    float: right;
    padding: 100px 0 0 0;
    position: relative; }
    .acrylic__abouttime .r_col img {
      position: absolute;
      top: 0;
      left: 50%;
      margin: 0 0 0 -40px; }
  .acrylic__abouttime .c_col {
    background: url(/bitrix/templates/main/img/acrylic_time_arr_2.png) center bottom no-repeat transparent;
    width: 340px;
    float: left;
    padding: 100px 0 185px 0;
    margin: 0 0 20px 0; }

.acrylic__deploy_3 {
  padding: 70px 0; }
  .acrylic__deploy_3 .title {
    font-size: 2em;
    letter-spacing: 15px;
    font-family: 'OptiRegular';
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 30px 0; }
  .acrylic__deploy_3 .subtitle {
    font-family: 'OptiRegular';
    font-size: 1.33333em;
    line-height: 1.5em;
    padding: 0 0 40px 0;
    position: relative;
    margin: 0 0 40px 0;
    text-align: center; }
    .acrylic__deploy_3 .subtitle::before {
      position: absolute;
      width: 60px;
      height: 4px;
      left: 50%;
      bottom: 0;
      content: '';
      background: #000;
      margin: 0 0 0 -30px; }
  .acrylic__deploy_3 .item {
    margin: 0 0 60px 0; }
    .acrylic__deploy_3 .item ul {
      list-style: none;
      margin: 0;
      padding: 40px 0 0 0; }
      .acrylic__deploy_3 .item ul li {
        background: url(/bitrix/templates/main/img/acrylic_li_ico.jpg) left 2px no-repeat transparent;
        margin: 0 0 20px 0;
        padding: 0 0 0 40px; }
    .acrylic__deploy_3 .item .ico {
      width: 420px;
      height: 300px;
      text-align: center;
      padding: 60px 0 0 0;
      display: block;
      color: #fff;
      font-size: 1.33333em;
      line-height: 1.5em;
      font-family: 'OptiRegular';
      letter-spacing: 4px;
      text-transform: uppercase; }
      .acrylic__deploy_3 .item .ico img {
        margin: 0 0 10px 0; }
      .acrylic__deploy_3 .item .ico.i1 {
        background: url(/bitrix/templates/main/img/acrylic_depl_3_img_1.jpg) left top no-repeat transparent; }
      .acrylic__deploy_3 .item .ico.i2 {
        background: url(/bitrix/templates/main/img/acrylic_depl_3_img_2.jpg) left top no-repeat transparent; }
      .acrylic__deploy_3 .item .ico.i3 {
        background: url(/bitrix/templates/main/img/acrylic_depl_3_img_3.jpg) left top no-repeat transparent; }
  .acrylic__deploy_3 .wide_item {
    width: 840px;
    height: 400px;
    background: url(/bitrix/templates/main/img/acrylic_depl_3_img_4.jpg) center top no-repeat #274866;
    color: #fff;
    text-align: center;
    font-size: 1.33333em;
    line-height: 1.25em;
    padding: 190px 0 0 0; }
    .acrylic__deploy_3 .wide_item .more {
      display: inline-block;
      width: 302px;
      height: 52px;
      border: 2px solid #fff;
      border-radius: 4px;
      text-align: center;
      line-height: 50px;
      color: #fff;
      font-size: 0.58333em;
      text-transform: uppercase;
      letter-spacing: 5px;
      font-family: 'OptiRegular';
      margin: 20px 0 0 0; }
      .acrylic__deploy_3 .wide_item .more:hover {
        background: #fff;
        color: #274866; }

.acrylic__however .wr {
  text-align: center; }

.acrylic__however .title {
  font-size: 2em;
  letter-spacing: 15px;
  text-transform: uppercase;
  font-family: 'OptiRegular';
  margin: 0 0 35px 0; }

.acrylic__however .subtitle {
  font-size: 1.33333em;
  line-height: 1.5em;
  padding: 0 0 40px 0;
  position: relative;
  margin: 0 0 200px 0; }
  .acrylic__however .subtitle::before {
    position: absolute;
    width: 60px;
    height: 4px;
    left: 50%;
    bottom: 0;
    content: '';
    background: #000;
    margin: 0 0 0 -30px; }

.acrylic__however .color {
  background: #dff4f8;
  padding: 0 0 80px 0; }
  .acrylic__however .color .l_col {
    margin: -180px 0 0 0; }
    .acrylic__however .color .l_col img {
      margin: -20px 0 0 -80px; }
  .acrylic__however .color .r_col {
    margin: -180px 0 0 0;
    text-align: left;
    padding: 0; }
    .acrylic__however .color .r_col p {
      font-size: 1.33333em;
      line-height: 1.5em;
      font-family: 'OptiRegular'; }
    .acrylic__however .color .r_col ul {
      list-style: none;
      margin: 90px 0 0 0;
      padding: 0; }
      .acrylic__however .color .r_col ul li {
        background: url("/bitrix/templates/main/img/acrylic_color_li.png") left top no-repeat transparent;
        margin: 0 0 30px 0;
        padding: 0 0 0 55px; }

.acrylic__however .link_block {
  margin: -60px 0 0 0;
  clear: both; }
  .acrylic__however .link_block .more {
    display: inline-block;
    width: 302px;
    height: 52px;
    line-height: 50px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.77778em;
    font-family: 'OptiRegular';
    border: 2px solid #000;
    border-radius: 4px; }
    .acrylic__however .link_block .more:hover {
      background: #000;
      color: #dff4f8; }
  .acrylic__however .link_block .label {
    letter-spacing: 4px;
    margin-bottom: 30px; }

@media screen and (max-width: 840px) {
  .acrylic__page .l_col .main_ico img {
    width: 100%;
    height: auto;
    margin-left: -20px; }
  .acrylic__page .hpl__width ul li.sep {
    width: 6px; }
  .acrylic__deploy_1 .subtitle br {
    display: none; }
  .acrylic__deploy_switch .tab-content {
    padding-left: 25px;
    padding-right: 25px; }
  .acrylic__deploy_switch .info ul li {
    font-size: 12px; }
  .acrylic__deploy_switch .tab-content .cl {
    display: block !important; }
  .acrylic__deploy_switch .tab-content.h6 ul li {
    width: 180px; }
  .acrylic__deploy_switch .tab-content.h10 ul li {
    width: 180px; }
  .acrylic__deploy_switch .tab-ceiling .label {
    width: 260px;
    padding-left: 20px; }
  .acrylic__deploy_switch .tab-ceiling .img img {
    width: 250px;
    height: auto; }
  .acrylic__benefits .title {
    line-height: 1.4em; }
  .acrylic__features ul li {
    padding: 120px 40px 0 40px;
    text-align: center; }
    .acrylic__features ul li .ico {
      left: 50%;
      top: 0;
      margin: 0 0 0 -61px; }
  .acrylic__chars img {
    width: 270px;
    height: auto;
    margin: 0 0 0 -20px; }
  .acrylic__chars .l_col img {
    margin-top: 20px; }
  .acrylic__deploy_2 .item {
    width: 48%;
    margin: 2% 2% 0 0; }
  .acrylic__gost {
    background-size: cover; }
    .acrylic__gost .text span br {
      display: none; }
  .acrylic__in-fire .acrylic__forgot .subtitle br {
    display: none; }
  .acrylic__in-fire .acrylic__forgot-scheme .l_col .arr {
    display: none; }
  .acrylic__in-fire .acrylic__forgot-scheme .r_col .arr {
    display: none; }
  .acrylic__in-fire .acrylic__forgot-scheme .ico_col {
    width: 55px; }
    .acrylic__in-fire .acrylic__forgot-scheme .ico_col .arr {
      bottom: -48px; }
    .acrylic__in-fire .acrylic__forgot-scheme .ico_col img {
      display: none; }
  .acrylic__factoring img {
    width: 100%;
    height: auto;
    margin-left: -80px; }
  .acrylic__more-benefits .title {
    margin: 0 0 30px 0; }
  .acrylic__more-benefits .l_col {
    width: 50%; }
  .acrylic__more-benefits .r_col {
    width: 50%; }
  .acrylic__more-benefits .i_col {
    display: none; }
  .acrylic__more-benefits .w_col {
    margin: 30px 0; }
  .acrylic__3m .i_col {
    width: 220px;
    height: 220px;
    z-index: 300;
    position: relative; }
    .acrylic__3m .i_col .inn {
      width: 200px;
      height: 200px; }
    .acrylic__3m .i_col .digit b {
      font-size: 3em; }
  .acrylic__3m .l_col {
    width: 200px; }
  .acrylic__3m .r_col {
    width: 180px; }
    .acrylic__3m .r_col img {
      margin-left: -60px; }
  .acrylic__abouttime {
    height: 600px; }
    .acrylic__abouttime .arrs_block {
      background: none; }
      .acrylic__abouttime .arrs_block .c_col {
        display: none; }
      .acrylic__abouttime .arrs_block .l_col {
        margin-left: 40px; }
      .acrylic__abouttime .arrs_block .r_col {
        margin-right: 40px; }
      .acrylic__abouttime .arrs_block .w_col {
        margin: 80px 0 0 0; }
  .acrylic__deploy_3 .subtitle br {
    display: none; }
  .acrylic__deploy_3 .l_col {
    float: none;
    width: auto;
    padding: 0; }
  .acrylic__deploy_3 .r_col {
    float: none;
    width: auto;
    padding: 0; }
  .acrylic__deploy_3 .item {
    margin-bottom: 40px; }
    .acrylic__deploy_3 .item .ico {
      width: auto;
      background-size: cover !important; }
  .acrylic__deploy_3 .wide_item {
    width: auto; }
  .acrylic__however .subtitle br {
    display: none; }
  .acrylic__however .color {
    padding: 1px 0 40px 0; }
    .acrylic__however .color .l_col {
      float: none;
      width: auto;
      padding: 0; }
      .acrylic__however .color .l_col img {
        margin: auto;
        width: 400px;
        height: auto; }
    .acrylic__however .color .r_col {
      float: none;
      width: auto;
      padding: 0;
      margin: 0;
      text-align: center; }
      .acrylic__however .color .r_col ul {
        margin: 40px 0 0 0; }
        .acrylic__however .color .r_col ul li {
          padding: 40px 0 0 0;
          background-position: center top;
          width: 450px;
          margin: auto; }
  .acrylic__however .link_block {
    margin: 0; } }

@media screen and (max-width: 640px) {
  .acrylic__page {
    text-align: center; }
    .acrylic__page .l_col .main_ico img {
      width: 200px;
      height: auto;
      margin-left: 0px; }
    .acrylic__page .r_col {
      padding: 0; }
      .acrylic__page .r_col h2 {
        font-size: 24px;
        text-align: center; }
    .acrylic__page .l_col.f14 {
      text-align: center;
      padding: 0 20px;
      margin-bottom: 60px; }
    .acrylic__page .r_col.f14 {
      text-align: center;
      padding: 0 20px; }
    .acrylic__page p b {
      display: block; }
    .acrylic__page p br {
      display: none; }
    .acrylic__page .hpl__comprises li br {
      display: none; }
  .acrylic__deploy_1 {
    padding-bottom: 20px; }
    .acrylic__deploy_1 .uptitle {
      font-size: 14px;
      font-family: 'OptiRegular';
      line-height: 1.4em;
      letter-spacing: 10px; }
    .acrylic__deploy_1 .title {
      font-size: 24px; }
    .acrylic__deploy_1 .subtitle {
      font-size: 20px; }
  .acrylic__deploy_switch {
    display: none; }
  .acrylic__benefits {
    padding-bottom: 40px; }
    .acrylic__benefits .uptitle {
      font-size: 14px;
      font-family: 'OptiRegular';
      line-height: 1.4em;
      letter-spacing: 10px;
      text-transform: uppercase; }
    .acrylic__benefits .title {
      font-size: 24px;
      letter-spacing: 5px;
      margin: 20px 0; }
    .acrylic__benefits .subtitle {
      font-size: 20px;
      font-family: 'OptiLight'; }
    .acrylic__benefits .acrylic__features ul li {
      width: auto;
      float: none;
      font-size: 18px; }
    .acrylic__benefits .acrylic__features-list ul li {
      width: 50%;
      height: 180px; }
      .acrylic__benefits .acrylic__features-list ul li .ico {
        margin: 0 0 10px 0; }
      .acrylic__benefits .acrylic__features-list ul li br {
        display: none; }
  .acrylic__chars {
    text-align: center;
    padding: 0; }
    .acrylic__chars .wr {
      text-align: center; }
    .acrylic__chars .title {
      font-size: 24px;
      letter-spacing: 4px;
      margin-bottom: 40px; }
    .acrylic__chars br {
      display: none; }
    .acrylic__chars img {
      width: 250px;
      margin: 20px 0 20px 0; }
    .acrylic__chars .l_col {
      float: none;
      padding: 0 10px; }
    .acrylic__chars .r_col {
      float: none;
      padding: 0 10px; }
  .acrylic__deploy_2 .title {
    font-size: 20px;
    line-height: 1.4em; }
  .acrylic__deploy_2 .subtitle {
    font-size: 20px; }
    .acrylic__deploy_2 .subtitle br {
      display: none; }
  .acrylic__deploy_2 .items {
    margin: 0; }
  .acrylic__deploy_2 .item {
    float: none;
    width: auto;
    margin: 0 0 10px 0; }
  .acrylic__deploy_2 .item.wide {
    line-height: 1.4em;
    height: auto;
    padding: 40px 0;
    background-size: cover; }
    .acrylic__deploy_2 .item.wide span {
      height: auto;
      display: block;
      line-height: 1.2em; }
  .acrylic__gost {
    padding: 50px 0; }
    .acrylic__gost .title {
      font-size: 24px; }
    .acrylic__gost .subtitle {
      font-size: 16px;
      line-height: 1.4em; }
      .acrylic__gost .subtitle br {
        display: none; }
    .acrylic__gost p br {
      display: none; }
    .acrylic__gost .text {
      border: 10px solid #98aab3;
      font-size: 18px; }
      .acrylic__gost .text span {
        padding: 20px; }
  .acrylic__forgot {
    padding: 50px 0 0 0; }
    .acrylic__forgot .title {
      font-size: 22px;
      line-height: 1.4em; }
    .acrylic__forgot .subtitle {
      font-size: 20px;
      line-height: 1.4em;
      margin: 0; }
    .acrylic__forgot .l_col {
      float: none;
      width: auto;
      padding: 20px; }
    .acrylic__forgot .ico_col {
      display: none; }
    .acrylic__forgot .r_col {
      float: none;
      width: auto;
      padding: 20px; }
  .acrylic__forgot-scheme {
    margin: 30px 0 0 0; }
    .acrylic__forgot-scheme .label {
      margin: 0 0 10px 0;
      height: auto; }
    .acrylic__forgot-scheme .r_col b {
      display: inline; }
    .acrylic__forgot-scheme .r_col span {
      display: inline;
      font-size: 1em; }
  .acrylic__problems .title {
    margin: 0 0 30px 0; }
    .acrylic__problems .title br {
      display: none; }
  .acrylic__problems ul li {
    float: none;
    width: auto;
    margin: 0 0 20px 0; }
  .acrylic__fire-example .item {
    margin: 0 0 30px 0; }
    .acrylic__fire-example .item img {
      width: 250px;
      height: auto;
      margin: 0 auto 20px auto;
      display: block; }
    .acrylic__fire-example .item img.fire_ex_wide {
      width: 300px;
      height: auto; }
  .acrylic__fire-example .title {
    font-size: 24px;
    line-height: 1.4em;
    letter-spacing: 10px;
    margin-bottom: 30px; }
  .acrylic__fire-example .l_col {
    float: none;
    width: auto;
    padding: 0; }
  .acrylic__fire-example .r_col {
    float: none;
    width: auto;
    padding: 0; }
  .acrylic__factoring {
    background: url(/bitrix/templates/main/img/acrylic_factory_title_bg.jpg) center 40px no-repeat #dff4f8;
    padding: 50px 0; }
    .acrylic__factoring .title {
      background: none;
      font-size: 24px;
      letter-spacing: 5px;
      padding: 50px 0;
      height: auto;
      margin: 0 0 30px 0;
      padding: 0; }
    .acrylic__factoring .subtitle {
      font-size: 18px; }
      .acrylic__factoring .subtitle br {
        display: none; }
    .acrylic__factoring p {
      font-size: 18px; }
      .acrylic__factoring p br {
        display: none; }
    .acrylic__factoring img {
      margin: 0 0 0 -40px; }
  .acrylic__more-benefits {
    padding: 50px 0 0 0; }
    .acrylic__more-benefits .title {
      font-size: 24px;
      line-height: 1.4em; }
    .acrylic__more-benefits .l_col {
      width: auto;
      float: none;
      padding: 0;
      margin: 0 0 30px 0; }
    .acrylic__more-benefits .r_col {
      width: auto;
      float: none;
      padding: 0; }
  .acrylic__dry-method ul {
    margin: 20px 0 0 0; }
    .acrylic__dry-method ul li {
      width: auto;
      float: none;
      text-align: center;
      margin: 0 0 30px 0; }
      .acrylic__dry-method ul li img {
        display: block;
        margin: 0 auto 10px auto; }
  .acrylic__3m .l_col {
    display: none; }
  .acrylic__3m .l_col {
    display: none; }
  .acrylic__3m .i_col {
    float: none;
    width: 100%; }
    .acrylic__3m .i_col .inn {
      width: auto; }
  .acrylic__3m .r_col {
    display: none; }
  .acrylic__abouttime {
    height: auto;
    padding: 50px 0; }
    .acrylic__abouttime .uptitle {
      font-size: 16px; }
    .acrylic__abouttime .title {
      font-size: 24px;
      margin: 0 0 30px 0; }
    .acrylic__abouttime .arrs_block {
      font-size: 20px; }
      .acrylic__abouttime .arrs_block .l_col {
        float: none;
        margin: 0 0 30px 0;
        width: auto; }
      .acrylic__abouttime .arrs_block .r_col {
        float: none;
        margin: 0 0 30px 0;
        width: auto; }
      .acrylic__abouttime .arrs_block .w_col {
        margin: 0; }
  .acrylic__deploy_3 .title {
    font-size: 24px;
    letter-spacing: 5px; }
  .acrylic__deploy_3 .subtitle {
    font-size: 20px; }
  .acrylic__deploy_3 .item ul li {
    text-align: center;
    padding: 30px 0 0 0;
    background-position: center top; }
  .acrylic__deploy_3 .item .ico {
    font-size: 18px;
    padding: 60px 20px 0 20px; }
  .acrylic__deploy_3 .wide_item {
    height: auto;
    padding: 170px 10px 50px 10px; }
    .acrylic__deploy_3 .wide_item .more {
      width: 280px; }
  .acrylic__however br {
    display: none; }
  .acrylic__however .title {
    font-size: 24px; }
  .acrylic__however .subtitle {
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 120px; }
  .acrylic__however .color .l_col {
    margin: -100px 0 0 0; }
    .acrylic__however .color .l_col img {
      width: 300px; }
  .acrylic__however .color .r_col p {
    font-size: 20px; }
    .acrylic__however .color .r_col p br {
      display: none; }
  .acrylic__however .color .r_col ul li {
    width: auto;
    margin-bottom: 30px; } }

/*!
--------------------------------
MAIN PAGE
--------------------------------
*/
/*!
--------------------------------
MAIN PAGE :: PROMO
--------------------------------
*/
.main-page .more {
  display: inline-block;
  width: 252px;
  height: 52px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  text-transform: uppercase;
  line-height: 52px;
  letter-spacing: 0.25em; }
  .main-page .more:hover {
    background: #fff;
    color: #2c3151; }

.mp__promo {
  background: url(/bitrix/templates/main/img/main_page/mp_promo_bg.jpg) center top no-repeat #2c3151;
  height: 740px;
  color: #fff;
  background-size: cover;
  padding: 60px 0 0 0; }
  .mp__promo .wr {
    text-align: center;
    position: relative; }
  .mp__promo .title {
    font-family: 'OptiRegular';
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: 0.375em;
    margin: 0 0 40px 0; }

.mp__promo-anim {
  background: url(/bitrix/templates/main/img/main_page/mp_promo_tmp_ico.png) left top no-repeat transparent;
  padding: 300px 0 0 50px;
  margin: 0 0 50px -50px; }

.mp__promo-anim-block {
  width: 33.333%;
  float: left; }
  .mp__promo-anim-block .text {
    display: block;
    text-transform: uppercase;
    font-size: 0.875em; }
    .mp__promo-anim-block .text b {
      display: block;
      font-size: 1.5em;
      line-height: 1.6em;
      letter-spacing: 0.25em; }

/* !
--------------------------------
MAIN PAGE :: PRODUCTION
--------------------------------
*/
.mp__production {
  padding: 80px 0;
  font-family: 'OptiRegular';
}

.mp__production .title {
  font-size: 2.625em;
  letter-spacing: 0.47619em;
  text-align: center;
  margin: 0 0 60px;
}

/* 4 плитки сверху, оставшиеся 3 по центру снизу */
.mp__production .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: -20px 1px;
}

.mp__production .items > .cl {
  display: none;
}

.mp__production .items::before,
.mp__production .items::after {
  content: none;
  display: none;
}

.mp__production .items .item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  float: none;
  flex: 0 0 calc(25% - 18px);
  width: calc(25% - 18px);
  min-width: 0;
  height: auto;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  z-index: 1;
  color: #000;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  transition: box-shadow .2s ease;
}

/* Одинаковая область изображения, включая плитку ПВХ */
.mp__production .items .item .ico {
  display: block;
  flex: 0 0 250px;
  width: 100%;
  height: 250px;
  margin: 0;
  padding: 0;
  opacity: 1;
  transition: none;
}

.mp__production .items .item .ico img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  object-fit: contain;
  object-position: center bottom;
}

.mp__production .items .item .name {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: break-word;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: none;
}

.mp__production .items .item:hover,
.mp__production .items .item:focus-visible {
  box-shadow: 0 0 0 2px #008fd8;
  z-index: 2;
}

.mp__production .items .item:hover .ico {
  opacity: 1;
}

.mp__production .items .item:hover .name {
  margin-top: 0;
  opacity: 1;
  transform: none;
}

@media (max-width: 900px) {
  .mp__production .items .item {
    flex-basis: calc(50% - 12px);
    width: calc(50% - 12px);
  }
}

@media (max-width: 480px) {
  .mp__production .items {
    gap: 28px;
  }

  .mp__production .items .item {
    flex-basis: 100%;
    width: 100%;
    max-width: 320px;
  }
}

/* !
--------------------------------
MAIN PAGE :: ABOUT
--------------------------------
*/
.mp__about {
  padding: 60px 0 40px 0;
  color: #fff;
  background: #7347b9;
  background: -moz-linear-gradient(-45deg, #9551ca 0%, #3a359f 100%);
  background: -webkit-linear-gradient(-45deg, #9551ca 0%, #3a359f 100%);
  background: linear-gradient(135deg, #9551ca 0%, #3a359f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9551ca', endColorstr='#3a359f', GradientType=1); }
  .mp__about .wr {
    text-align: center; }
  .mp__about .title {
    font-size: 1.125em;
    text-transform: uppercase;
    letter-spacing: 0.27778em;
    position: relative;
    padding: 0 0 20px 0;
    margin: 0 0 50px 0; }
    .mp__about .title :before {
      content: '';
      display: block;
      background: #fff;
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 60px;
      height: 4px;
      margin: 0 0 0 -30px; }
    .mp__about .title b {
      font-size: 2.33333em;
      line-height: 2.4em;
      display: block;
      letter-spacing: 0.71429em; }
  .mp__about .text {
    width: 660px;
    margin: auto;
    font-size: 1.125em;
    line-height: 1.4em;
    font-family: 'OptiLight'; }
    .mp__about .text p {
      margin: 25px 0; }
  .mp__about .items {
    padding: 40px 0 0 0; }
    .mp__about .items .item {
      float: left;
      width: 25%;
      margin: 0 0 40px 0;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center; }
      .mp__about .items .item img {
        display: block;
        margin: 0 auto 15px auto; }

/* !
--------------------------------
MAIN PAGE :: OBJECTS
--------------------------------
*/
.mp__objects {
  padding: 90px 0 20px 0; }
  .mp__objects .wr {
    text-align: center; }
  .mp__objects .title {
    font-size: 2em;
    letter-spacing: 0.375em;
    text-transform: uppercase;
    padding: 0 0 40px 0;
    position: relative;
    margin: 0 0 30px 0; }
    .mp__objects .title:before {
      background: #000;
      display: block;
      content: '';
      width: 60px;
      height: 4px;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin: 0 0 0 -30px; }
  .mp__objects .intro {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 30px; }

.page_content .mp__production {
  padding-top: 40px; }

/* !
--------------------------------
MAIN PAGE :: APPLYING
--------------------------------
*/
.mp__applying {
  padding: 40px 0 0 0; }
  .mp__applying .title {
    border-top: 3px dotted #000;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.25em;
    text-transform: uppercase;
    background: #fff;
    padding: 0 30px;
    margin: 0 0 40px 0; }
    .mp__applying .title span {
      display: inline-block;
      background: #fff;
      padding: 0 20px;
      position: relative;
      top: -30px;
      letter-spacing: 0.33333em; }

.mp__applying-items {
  padding: 0;
  margin: 0;
  list-style: none; }
  .mp__applying-items li {
    width: 20%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 40px 0;
    font-size: 0.875em;
    line-height: 1.6em; }
    .mp__applying-items li img {
      display: block;
      margin: auto; }

/* !
--------------------------------
MAIN PAGE :: MOUNT
--------------------------------
*/
.mp__mount {
  height: 505px;
  background: url(/bitrix/templates/main/img/main_page/mp_mount_bg.jpg) center top no-repeat #243a53;
  background-size: cover;
  color: #fff;
  margin: 85px 0; }
  .mp__mount .wr {
    text-align: center; }
  .mp__mount .inn {
    background: #518aca;
    background: -moz-linear-gradient(-45deg, #518aca 0%, #369ba0 100%);
    background: -webkit-linear-gradient(-45deg, #518aca 0%, #369ba0 100%);
    background: linear-gradient(135deg, #518aca 0%, #369ba0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#518aca', endColorstr='#369ba0', GradientType=1);
    width: 480px;
    height: 585px;
    margin: -40px auto -40px auto;
    position: relative;
    top: -40px;
    padding: 70px 60px 60px 60px;
    font-size: 1.125em;
    line-height: 1.33333em; }
    .mp__mount .inn .title {
      background: url(/bitrix/templates/main/img/main_page/mp-mount-ico.png) center top no-repeat transparent;
      font-size: 1.33333em;
      text-transform: uppercase;
      line-height: 1.25em;
      letter-spacing: 0.45833em;
      padding: 100px 0 40px 0;
      margin: 0 0 30px 0;
      position: relative; }
      .mp__mount .inn .title:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 80px;
        height: 2px;
        margin: 0 0 0 -40px;
        background: #fff; }
  .mp__mount .more {
    margin-top: 50px; }

/* !
--------------------------------
MAIN PAGE :: TEXT
--------------------------------
*/
.mp__text {
  font-size: 1.125em;
  line-height: 1.33333em;
  padding: 10px 0 60px 0; }
  .mp__text .wr {
    text-align: center; }
  .mp__text .text {
    width: 800px;
    margin: auto;
    position: relative;
    padding: 10px 0 0 0; }
    .mp__text .text:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      width: 80px;
      height: 2px;
      background: #000;
      margin: 0 0 0 -40px; }

.mp__slogan {
  padding: 55px 0 50px 0;
  text-transform: uppercase;
  font-size: 1.55556em;
  letter-spacing: 0.28571em;
  border-top: 2px solid #bfbfbf;
  margin: 60px 0 -60px 0;
  position: relative; }
  .mp__slogan:before {
    content: '';
    display: block;
    width: 100px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 0;
    margin: -25px 0 0 -60px;
    background: url(/bitrix/templates/main/img/mp_quote.jpg) center no-repeat #fff; }

@media screen and (max-width: 840px) {
  .mp__promo {
    height: 650px; }
    .mp__promo .title {
      font-size: 1.6em; }
    .mp__promo .text {
      font-size: .7em; }
  .mp__promo-anim {
    background-size: 100% auto;
    background-position: -40px top;
    margin: 0 0 40px 0;
    padding: 240px 0 0 0; }
  .mp__production .items .item .name {
    font-size: 16px; }
  .mp__text .text {
    width: auto; }
  .mp__slogan {
    line-height: 1.4em;
    font-size: 1.2em; }
    .mp__slogan b {
      display: block;
      font-size: 1.4em;
      margin: 0 0 10px 0; }
    .mp__slogan i {
      display: none; } }

@media screen and (max-width: 640px) {
  .mp__promo {
    height: 500px; }
    .mp__promo .title {
      font-size: 18px;
      line-height: 1.6em; }
  .mp__promo-anim {
    background-position: -20px top;
    padding-top: 120px; }
  .mp__promo-anim-block {
    display: none; }
  .mp__production {
    padding: 50px 0; }
    .mp__production .title {
      font-size: 24px;
      margin-bottom: 20px; }
  .mp__about .title b {
    font-size: 24px; }
  .mp__about .text {
    width: auto; }
  .mp__about .items .item {
    width: 50%;
    font-size: 11px; }
  .mp__objects .intro {
    font-size: 1em; }
  .mp__applying .title {
    border-top: 0;
    margin-bottom: 10px; }
    .mp__applying .title span {
      padding: 0; }
  .mp__applying-items {
    clear: both; }
    .mp__applying-items li {
      width: 50%; }
    .mp__applying-items .cl.wd {
      display: none !important; }
  .mp__mount {
    background: none; }
    .mp__mount .wr {
      width: auto;
      padding: 0; }
    .mp__mount .inn {
      width: auto;
      margin: 0;
      padding: 40px 20px; }
  .mp__slogan {
    font-size: 15px; }
    .mp__slogan b {
      font-size: 24px; } }

/* !
--------------------------------
PRICE PAGE
--------------------------------
*/
.price__page h2 {
  text-align: center;
  font-family: 'OptiRegular'; }
  .price__page h2 b {
    font-family: 'OptiBold'; }

.price__page table {
  width: 100%;
  min-width: 600px;
  text-align: center;
  margin: 0;
  font-size: 0.77778em;
  font-family: 'OptiRegular'; }

.price__page table tr:hover td {
  background: #e3e3e3; }

.price__page table.col4 td {
  width: 20%; }

.price__page table.col4 tr td:first-child {
  text-align: left;
  padding-left: 30px; }

.price__page table.col4 tr th:first-child {
  text-align: left;
  padding-left: 30px; }

.price__title {
  border-bottom: 1px solid #c3c3c3;
  margin: 0 0 50px 0; }
  .price__title h1 {
    float: left; }

.price__block {
  float: right;
  margin: 26px 0 0 0; }
  .price__block .label {
    float: left;
    text-transform: uppercase;
    font-size: 0.66667em;
    font-family: 'OptiRegular';
    margin: 5px 0 0 0; }
  .price__block a {
    background: url(/bitrix/templates/main/img/down_ico_spl.png) 15px top no-repeat transparent;
    float: left;
    display: block;
    width: 190px;
    height: 30px;
    border: 1px solid #262626;
    color: #262626;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    padding: 0 0 0 28px;
    font-size: 0.66667em;
    font-family: 'OptiRegular';
    border-radius: 4px;
    margin: 0 0 0 30px; }
  .price__block a:hover {
    background-color: #262626;
    color: #fff;
    background-position: 15px -30px; }

@media screen and (max-width: 840px) {
  .price__block .label {
    display: none; } }

.no__page {
  display: none; }

@media screen and (max-width: 640px) {
  .no__page {
    border: 10px solid #dedede;
    text-align: center;
    padding: 40px 20px; }
    .no__page a {
      display: block;
      width: auto;
      height: 50px;
      border: 1px solid #000;
      text-align: center;
      line-height: 48px;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 3px;
      font-family: 'OptiRegular';
      color: #000;
      border-radius: 4px;
      margin: 20px auto 0 auto; } }

/*--------------------------------
СМЛ ПРЕИМУМ ЭТАЛОН
--------------------------------*/
.sml__page .main_ico img {
  margin: -20px 0 0 -70px; }

.h1 {
  height: 1px; }

.h30 {
  height: 30px; }

.h40 {
  height: 40px; }

.h60 {
  height: 60px; }

.sml__head-features {
  margin: 40px 0 0 -30px;
  padding: 0;
  list-style-type: none; }
  .sml__head-features li {
    background: url(/bitrix/templates/main/img/sml/h_li_arr.jpg) left 3px no-repeat transparent;
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;
    font-size: 0.77778em;
    font-family: 'OptiRegular';
    line-height: 1.4em; }

.sml__h-title {
  font-size: 2em;
  line-height: 1.33333em;
  text-align: center;
  font-family: 'OptiRegular';
  margin: 0 0 20px 0;
  clear: both;
  position: relative;
  top: -40px; }

.sml__hs-title {
  font-size: 1.77778em;
  line-height: 1.3125em;
  font-family: 'OptiRegular';
  margin: 0 0 40px 0; }

.sml__attention {
  background: url(/bitrix/templates/main/img/sml/sml_att_ico.jpg) 38px 38px no-repeat transparent;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  padding: 25px 10px 25px 160px;
  margin: -25px 0 0 0; }
  .sml__attention a {
    color: #e6004d; }

.sml__contains {
  text-align: center; }
  .sml__contains .item {
    display: inline-block;
    margin: 0 15px 20px 15px;
    vertical-align: top; }
    .sml__contains .item img {
      display: block;
      margin: 0 auto 10px auto; }
    .sml__contains .item i {
      display: block;
      color: #8c8c8c;
      font-size: 0.72222em;
      line-height: 1.5em;
      font-style: normal;
      font-family: 'OptiRegular';
      letter-spacing: 1px; }

.sml__scheme {
  margin: auto;
  display: block; }

.sml__macro {
  background: #f5f5f5;
  padding: 50px 0 50px 0;
  margin: 40px 0 0 0; }
  .sml__macro .title {
    text-align: center;
    font-size: 2em;
    color: #000;
    font-family: 'OptiRegular';
    padding: 0 0 30px 0;
    margin: 0 0 50px 0;
    position: relative; }
    .sml__macro .title:before {
      content: '';
      display: block;
      background: #000;
      width: 60px;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin: 0 0 0 -30px; }
  .sml__macro .stitle {
    font-family: 'OptiRegular';
    font-size: 1.33333em; }
    .sml__macro .stitle i {
      display: block;
      font-size: 0.75em;
      font-style: normal;
      color: #8c8c8c;
      margin: 5px 0 0 0; }
  .sml__macro img {
    margin: 0 0 0 -100px; }

.sml__characteristics {
  background: #1e2c3a;
  color: #fff;
  padding: 50px 0 0 0;
  overflow: hidden; }
  .sml__characteristics .title {
    display: block;
    text-align: center;
    font-size: 2em;
    line-height: 1.4em;
    font-family: 'OptiRegular';
    margin: 0 0 40px 0; }
  .sml__characteristics .stitle {
    display: block;
    font-family: 'OptiRegular';
    font-size: 1.33333em;
    line-height: 1.4em; }
  .sml__characteristics .subtitle {
    display: block;
    text-align: center;
    font-family: 'OptiRegular';
    font-size: 1.33333em;
    line-height: 1.4em;
    margin: 0 0 60px 0; }
  .sml__characteristics .item {
    float: left;
    width: 33.33%;
    padding: 0 60px 0 0;
    position: relative;
    z-index: 100; }
    .sml__characteristics .item img {
      margin: 0 0 -20px -80px; }
  .sml__characteristics .item.wide {
    float: none;
    width: auto;
    position: relative;
    padding: 80px 0 80px 33.33%;
    position: relative;
    z-index: 50; }
    .sml__characteristics .item.wide img {
      position: absolute;
      left: -20px;
      bottom: 10px;
      z-index: 50; }
    .sml__characteristics .item.wide .text {
      position: relative;
      z-index: 100; }

.sml__compare {
  padding: 40px 0 10px 0;
  background: #e7eef5; }
  .sml__compare .title {
    text-align: center;
    font-size: 1.75em;
    line-height: 1.4em;
    font-family: 'OptiRegular';
    margin-bottom: 30px; }
  .sml__compare table {
    font-size: 0.77778em;
    font-family: 'OptiRegular';
    text-align: center;
    border-color: #adc3d9; }
    .sml__compare table thead {
      border-color: #adc3d9; }
    .sml__compare table tbody {
      border-color: #adc3d9; }
    .sml__compare table tr {
      border-color: #adc3d9; }
      .sml__compare table tr td {
        background: #fff;
        padding-left: 0;
        padding-right: 0;
        vertical-align: middle;
        border-color: #adc3d9; }
      .sml__compare table tr td:first-child {
        width: 170px;
        text-align: left;
        padding-left: 25px; }
      .sml__compare table tr th {
        background: #fff;
        font-size: 0.85714em;
        line-height: 1.4em;
        border-color: #adc3d9; }
      .sml__compare table tr th.h1 {
        width: 170px; }
      .sml__compare table tr th.h2 {
        width: 75px; }
      .sml__compare table tr th.h3 {
        width: 100px; }
      .sml__compare table tr th.h4 {
        width: 100px; }
      .sml__compare table tr th.h5 {
        width: 110px; }
      .sml__compare table tr th.h6 {
        width: 110px; }
      .sml__compare table tr th.h7 {
        width: 130px; }
      .sml__compare table tr th.h8 {
        width: 120px; }
    .sml__compare table tr:nth-child(odd) td {
      background: #f2f9ff; }
    .sml__compare table tr.sml td {
      color: #fff;
      background: #007fbf; }

.sml__compare.recomendations table tr td {
  width: 60px;
  line-height: 1.4em;
  height: 50px;
  vertical-align: center; }
  .sml__compare.recomendations table tr td span {
    width: 10px;
    height: 10px;
    background: #007fbf;
    border-radius: 10px;
    display: inline-block; }

.sml__compare.recomendations table tr td:first-child {
  width: 540px; }

.sml__deployment {
  padding: 50px 0 30px 0; }
  .sml__deployment .title {
    text-align: center;
    font-size: 2em;
    font-family: 'OptiRegular';
    color: #000;
    margin: 0 0 50px 0; }
  .sml__deployment .subtitle {
    font-size: 1.33333em;
    line-height: 1.4em;
    text-align: center;
    margin: 0 0 40px 0; }
  .sml__deployment ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 0 0 60px 0; }
    .sml__deployment ul li {
      margin: 0 0 16px 0;
      padding: 0 0 0 40px;
      background: url(/bitrix/templates/main/img/acrylic_li_ico.jpg) left 2px no-repeat transparent;
      margin: 0 0 15px 0; }
  .sml__deployment p {
    font-size: 0.77778em;
    font-family: 'OptiRegular'; }

.sml__building {
  background: #1e2c3a;
  padding: 50px 0;
  color: #fff;
  overflow: hidden; }
  .sml__building .title {
    font-size: 2em;
    text-align: center;
    line-height: 1.4em;
    font-family: 'OptiRegular';
    padding: 0 0 30px 0;
    margin: 0 0 40px 0;
    position: relative; }
    .sml__building .title:before {
      content: '';
      display: block;
      background: #fff;
      width: 60px;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin: 0 0 0 -30px; }
  .sml__building .building {
    position: relative; }
    .sml__building .building a.link {
      position: absolute;
      left: 0;
      top: 0;
      display: inline;
      text-align: center;
      color: #fff;
      font-size: 1.33333em;
      font-family: 'OptiRegular';
      line-height: 1.4em; }
      .sml__building .building a.link span {
        border-bottom: 1px dotted #8f969d; }
      .sml__building .building a.link:hover {
        color: #3691e8; }
        .sml__building .building a.link:hover span {
          border-color: #2a5f91 !important; }
    .sml__building .building a.l1 {
      left: 244px;
      top: 50px; }
    .sml__building .building a.l2 {
      left: 604px;
      top: 10px; }
    .sml__building .building a.l3 {
      left: 740px;
      top: 90px;
      width: 200px; }
    .sml__building .building a.l4 {
      left: 830px;
      top: 555px; }
    .sml__building .building a.l5 {
      left: 745px;
      top: 742px; }
    .sml__building .building a.l6 {
      left: 35px;
      top: 600px; }
  .sml__building .text {
    margin: -150px 0 0 0;
    position: relative;
    z-index: 100; }
    .sml__building .text ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .sml__building .text ul li {
        background: url(/bitrix/templates/main/img/sml/sml_build_li.png) left top no-repeat transparent;
        padding: 0 0 0 45px;
        margin: 0 0 30px 0;
        font-size: 1.125em; }
  .sml__building .benefits {
    padding: 80px 0 0 0;
    text-align: center; }
    .sml__building .benefits .subtitle {
      font-size: 1.125em;
      text-align: center;
      margin: 0 0 60px 0; }
    .sml__building .benefits .item {
      float: left;
      width: 25%;
      text-align: center;
      font-size: 1.125em;
      padding: 10px 0 35px 0;
      margin: 0 0 50px 0;
      border-left: 1px solid #56616b; }
      .sml__building .benefits .item img {
        display: block;
        margin: 0 auto 25px auto; }
      .sml__building .benefits .item.frst {
        border: 0; }
    .sml__building .benefits .order-link a {
      display: block;
      width: 400px;
      height: 70px;
      border-radius: 8px;
      border: 1px solid #fff;
      line-height: 70px;
      text-align: center;
      color: #fff;
      margin: auto;
      text-transform: uppercase;
      letter-spacing: 0.125em; }
      .sml__building .benefits .order-link a:hover {
        background: #fff;
        color: #1e2c3a; }

.sml__mount {
  padding: 50px 0; }
  .sml__mount .title {
    background: url(/bitrix/templates/main/img/sml/sml_mount_title_ico.jpg) center top no-repeat transparent;
    text-align: center;
    font-size: 2.25em;
    color: #000;
    font-family: 'OptiRegular';
    padding: 115px 0 0 0;
    margin: 0 0 60px 0; }
  .sml__mount .stitle {
    font-size: 1.5em;
    line-height: 1.2em;
    color: #000;
    font-family: 'OptiRegular'; }
  .sml__mount img {
    margin: 20px 0 20px 0; }

@media screen and (max-width: 840px) {
  .sml__page .l_col .main_ico img {
    width: 100%;
    height: auto;
    margin-left: -20px; }
  .sml__h-title {
    position: static;
    top: 0;
    font-size: 24px;
    margin: 40px 0 60px 0; }
  .sml__attention {
    padding: 30px;
    background: none;
    border-color: #e6004d; }
  .sml__hs-title {
    font-size: 24px; }
  .sml__macro .title {
    font-size: 24px; }
  .sml__macro .stitle {
    font-size: 24px; }
  .sml__macro img {
    width: 380px;
    height: auto;
    margin: 0 0 0 -70px; }
  .sml__characteristics .cl {
    display: none; }
  .sml__characteristics .title {
    font-size: 24px; }
  .sml__characteristics .subtitle {
    font-size: 20px; }
  .sml__characteristics .item {
    width: 50%;
    text-align: center;
    padding: 0 30px; }
    .sml__characteristics .item img {
      margin: 0 -20px 0 -40px; }
  .sml__characteristics .item.wide {
    width: 50%;
    text-align: center;
    padding: 0 30px;
    float: left; }
    .sml__characteristics .item.wide img {
      margin: -70px -40px 0 -80px;
      position: static; }
  .sml__compare {
    display: none; }
  .sml__deployment .h1 {
    display: none; }
  .sml__building .title {
    display: none; }
  .sml__building .building {
    display: none; }
  .sml__building .text {
    display: none; }
  .sml__building .benefits {
    padding: 0; }
    .sml__building .benefits .title {
      display: block;
      font-size: 24px; }
  .sml__mount .title {
    font-size: 24px;
    margin-bottom: 40px; }
  .sml__mount img {
    width: 100%;
    height: auto; }
  .sml__mount .stitle {
    font-size: 24px; } }

@media screen and (max-width: 640px) {
  .sml__page .l_col .main_ico img {
    width: 200px;
    height: auto;
    margin-left: 40px; }
  .sml__page .r_col {
    padding: 0; }
    .sml__page .r_col h2 {
      font-size: 24px;
      text-align: center; }
  .sml__page .l_col.f14 {
    text-align: center;
    padding: 0 20px;
    margin-bottom: 60px; }
  .sml__page .r_col.f14 {
    text-align: center;
    padding: 0 20px; }
  .product__benefits {
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede; }
    .product__benefits li {
      float: none;
      width: auto;
      text-align: center;
      padding: 30px 0 0 0;
      margin: 0 0 20px 0; }
      .product__benefits li img {
        left: 50%;
        top: 0;
        margin: 0 0 0 -17px; }
    .product__benefits li.lng {
      float: none;
      width: auto; }
  .sml__head-features {
    margin: 0;
    padding: 40px 0 20px 0;
    border-bottom: 1px solid #dedede; }
    .sml__head-features li {
      background: none;
      text-align: center;
      padding: 0 20px 0 20px;
      margin: 0 0 30px 0; }
  .sml__h-title {
    margin-bottom: 40px; }
  .sml__macro .l_col {
    margin-bottom: 40px; }
  .sml__macro img {
    width: 320px;
    margin-left: -40px; }
  .sml__macro .stitle {
    text-align: center; }
  .sml__characteristics {
    padding-bottom: 40px; }
    .sml__characteristics .item {
      width: auto;
      float: none;
      padding: 0; }
    .sml__characteristics .item.wide {
      width: 100%;
      float: none;
      padding: 0; }
  .sml__deployment {
    text-align: center; }
    .sml__deployment .title {
      font-size: 24px;
      margin-bottom: 40px; }
    .sml__deployment .subtitle {
      font-size: 20px; }
    .sml__deployment ul {
      border-bottom: 1px solid #dedede;
      padding: 0 0 20px 0;
      margin-bottom: 30px; }
      .sml__deployment ul li {
        text-align: center;
        padding: 0;
        background: none; }
    .sml__deployment .l_col {
      margin-bottom: 20px; }
    .sml__deployment p {
      text-align: center; }
  .sml__building .benefits .subtitle {
    margin-bottom: 20px; }
  .sml__building .benefits .item {
    width: auto;
    float: none;
    border: 0;
    border-bottom: 1px solid #56616b;
    margin: 0;
    padding: 20px 0; }
  .sml__building .benefits .item.frst {
    width: auto;
    float: none;
    border: 0;
    border-bottom: 1px solid #56616b;
    margin: 0;
    padding: 20px 0; }
  .sml__building .benefits .order-link {
    padding: 40px 0 0 0; }
  .sml__building .benefits .order-link a {
    width: 280px;
    height: 50px;
    line-height: 50px;
    font-size: 14px; }
  .sml__mount {
    text-align: center; }
    .sml__mount img {
      display: none; }
    .sml__mount p {
      text-align: center; }
    .sml__mount .stitle {
      text-align: center; } }

/*--------------------------------
END :: СМЛ ПРЕИМУМ ЭТАЛОН
--------------------------------*/
.cblock {
  padding: 50px 0 50px 0; }
  .cblock .title {
    font-family: 'OptiRegular';
    text-align: center; }
    .cblock .title b {
      display: block; }

.under-lined {
  position: relative;
  padding: 0 0 1.25em 0;
  margin: 0 0 1.45833em 0; }
  .under-lined:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60px;
    height: 3px;
    background: #000;
    margin: 0 0 0 -30px; }

/*--------------------------------
ФИБРОКОЛОР УЛЬТРА
--------------------------------*/
.fibro__page .main_ico img {
  margin: -20px 0 0 -90px; }

.fibro__scheme {
  margin: -20px 0 0 0; }

.fibro__size {
  margin: 80px 0 0 -40px; }

.fibro__description {
  background: #f1f1f1;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  margin: 50px 0 0 0;
  font-size: 1.33333em;
  line-height: 1.4em; }
  .fibro__description .wr {
    text-align: center; }
  .fibro__description .uptitle {
    font-family: 'OptiRegular';
    letter-spacing: 0.41667em; }
  .fibro__description .title {
    font-size: 0.75em;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: 0.44444em; }
    .fibro__description .title b {
      font-family: 'OptiBold';
      font-size: 2em;
      letter-spacing: 0.11111em;
      line-height: 1.4em; }

.fibro__dist-features {
  padding-top: 75px;
  padding-bottom: 20px; }
  .fibro__dist-features .title {
    text-transform: uppercase;
    font-size: 1.33333em;
    letter-spacing: 0.29167em;
    margin: 0 0 35px 0; }
  .fibro__dist-features .img {
    position: relative;
    margin: 0 0 35px 0; }
    .fibro__dist-features .img img {
      display: block; }
    .fibro__dist-features .img span {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      color: #fff;
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.11111em;
      font-family: 'OptiRegular';
      margin: -10px 0 0 0; }
  .fibro__dist-features ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .fibro__dist-features ul li {
      background: url(/bitrix/templates/main/img/fibro/fibro_dist_li_bg.jpg) center top no-repeat transparent;
      width: 50%;
      float: left;
      margin: 0;
      padding: 50px 10px 0 10px;
      text-align: center;
      font-size: 0.88889em; }

.fibro__features .wr {
  text-align: center; }

.fibro__features .uptitle {
  font-size: 1.33333em;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-family: 'OptiRegular';
  margin: 55px 0 35px 0; }

.fibro__features .title {
  background: url(/bitrix/templates/main/img/fibro/firbo_feat_title_lines.jpg) center 8px no-repeat transparent;
  font-size: 0.88889em;
  font-family: 'OptiRegular';
  text-transform: uppercase;
  letter-spacing: 0.25em;
  margin: 0 0 60px 0; }
  .fibro__features .title b {
    font-size: 2.625em;
    font-family: 'OptiBold';
    letter-spacing: 0.14286em;
    margin: 20px 0 0 0; }

.fibro__features .intitle {
  margin: 40px 0 40px 0;
  font-family: 'OptiBold'; }

.fibro__features ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .fibro__features ul li {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    font-family: 'OptiRegular'; }

.fibro__features ul.icons li {
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-size: 0.88889em; }
  .fibro__features ul.icons li img {
    margin: 0 0 10px 0; }

.fibro__features ul.markers li {
  background: url(/bitrix/templates/main/img/fibro/fibro_feat1_marker.jpg) center top no-repeat transparent;
  padding: 50px 0 0 0; }

.fibro__about {
  background: url(/bitrix/templates/main/img/fibro/fibro_about.jpg) center top no-repeat #1c3145;
  color: #fff;
  padding-bottom: 100px; }
  .fibro__about .wr {
    text-align: center; }
  .fibro__about .title {
    margin: 35px 0;
    font-size: 2.625em;
    letter-spacing: 0.27778em; }
  .fibro__about .uptitle {
    background: url(/bitrix/templates/main/img/sep_dots_white.png) center top no-repeat transparent;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 0.27778em;
    padding: 50px 0 0 0; }
  .fibro__about .subtitle {
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 0.27778em; }
  .fibro__about p {
    font-size: 1.33333em;
    line-height: 1.16667em; }
  .fibro__about img {
    margin: 40px 0 20px 0; }
  .fibro__about .l_col, .fibro__about .r_col {
    font-size: 1.33333em;
    line-height: 1.16667em; }

.fibro__chars {
  padding-top: 80px;
  padding-bottom: 0; }
  .fibro__chars .wr {
    text-align: center; }
  .fibro__chars .title {
    font-size: 2em;
    letter-spacing: 0.41667em;
    margin-bottom: 50px; }

.fibro__chars-items .item {
  float: left;
  background: #2e3549;
  color: #fff;
  font-size: 1em;
  font-family: 'OptiSemibold';
  text-align: center;
  width: 260px;
  height: 360px;
  margin: 0 10px;
  padding: 20px; }
  .fibro__chars-items .item .ico {
    margin: 0 0 10px 0; }

.fibro__chars-items .witem {
  padding: 50px 0 50px 270px;
  text-align: left;
  position: relative;
  font-family: 'OptiRegular';
  font-size: 1.125em; }
  .fibro__chars-items .witem .ico {
    position: absolute;
    left: 80px;
    top: 40px; }

.fibro__level {
  background: #eaeaea; }
  .fibro__level .wr {
    text-align: center; }
  .fibro__level .uptitle {
    background: url(/bitrix/templates/main/img/sep_dots_black.png) center top no-repeat transparent;
    font-size: 1.33333em;
    line-height: 1.5em;
    font-family: 'OptiRegular';
    padding: 55px 0 0 0; }
  .fibro__level .title {
    font-size: 2.33333em;
    font-family: 'OptiBold';
    letter-spacing: 0.16667em;
    margin: 30px 0 25px 0; }
  .fibro__level .subtitle {
    font-size: 1.33333em;
    line-height: 1.5em;
    font-family: 'OptiRegular'; }

.fibro__deploy {
  padding-bottom: 0; }
  .fibro__deploy .wr {
    text-align: center; }
  .fibro__deploy .title {
    font-size: 2em;
    letter-spacing: 0.41667em;
    text-transform: uppercase; }
  .fibro__deploy .ico {
    position: relative;
    margin: 0 0 60px 0; }
    .fibro__deploy .ico .text {
      position: absolute;
      left: 0;
      top: 0;
      width: 420px;
      height: 300px;
      color: #fff;
      font-family: 'OptiRegular';
      line-height: 1.6em; }
      .fibro__deploy .ico .text span {
        width: 420px;
        height: 300px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 40px; }
  .fibro__deploy .bl_text {
    width: 420px;
    height: 300px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px; }

@media screen and (max-width: 840px) {
  .fibro__page .l_col .main_ico img {
    width: 100%;
    height: auto;
    margin-left: -20px; }
  .fibro__page .hpl__width ul li.sep {
    width: 6px; }
  .fibro__page .fibro__scheme img {
    width: 282px;
    height: auto; }
  .fibro__dist-features img {
    width: 100%;
    height: auto; }
  .fibro__features ul.icons li {
    font-size: 14px;
    letter-spacing: 0px; }
  .fibro__about .intro br {
    display: none; }
  .fibro__about img {
    width: 400px;
    height: auto; }
  .fibro__chars-items .item {
    width: 30%;
    font-family: 'OptiRegular';
    font-size: 15px;
    padding: 20px 10px; }
  .fibro__chars-items .witem {
    padding-left: 200px; }
    .fibro__chars-items .witem .ico {
      left: 40px;
      top: 50px; }
    .fibro__chars-items .witem br {
      display: none; }
  .fibro__level br {
    display: none; }
  .fibro__deploy .ico {
    overflow: hidden; }
    .fibro__deploy .ico .text {
      width: auto;
      height: auto; }
      .fibro__deploy .ico .text span {
        width: auto;
        height: auto;
        padding: 60px 40px 40px 40px; }
        .fibro__deploy .ico .text span br {
          display: none; }
    .fibro__deploy .ico img {
      min-width: 100%;
      min-width: 100%;
      width: auto;
      height: auto; }
  .fibro__deploy .bl_text {
    padding: 20px 0; } }

@media screen and (max-width: 640px) {
  .fibro__page {
    text-align: center; }
    .fibro__page .l_col .main_ico img {
      width: 200px;
      height: auto;
      margin-left: 0px; }
    .fibro__page .r_col {
      padding: 0; }
      .fibro__page .r_col h2 {
        font-size: 24px;
        text-align: center; }
    .fibro__page .l_col.f14 {
      text-align: center;
      padding: 0 20px;
      margin-bottom: 60px; }
    .fibro__page .r_col.f14 {
      text-align: center;
      padding: 0 20px; }
    .fibro__page p {
      padding: 0 20px; }
      .fibro__page p b {
        display: block; }
      .fibro__page p br {
        display: none; }
    .fibro__page .hpl__comprises li br {
      display: none; }
    .fibro__page .fibro__scheme {
      margin: 0 0 40px 20px; }
      .fibro__page .fibro__scheme img {
        width: 240px; }
    .fibro__page .fibro__size {
      margin: 50px 0 30px 0; }
  .fibro__description {
    font-size: 20px;
    padding: 50px 0 30px 0; }
    .fibro__description .uptitle {
      font-size: 20px; }
    .fibro__description .title {
      font-size: 18px;
      line-height: 1.4em; }
      .fibro__description .title b {
        font-size: 1em;
        font-size: 24px;
        margin: 0 0 20px 0; }
    .fibro__description .subtitle {
      font-size: 20px; }
  .fibro__dist-features {
    padding: 50px 0 20px 0; }
    .fibro__dist-features .title {
      font-size: 24px;
      line-height: 1.4em; }
    .fibro__dist-features ul li {
      width: auto;
      float: none;
      margin: 0 0 20px 0; }
  .fibro__features {
    padding: 0 0 50px 0; }
    .fibro__features .uptitle {
      font-size: 20px; }
    .fibro__features .title {
      font-size: 14px;
      margin: 0 0 30px 0; }
      .fibro__features .title b {
        font-size: 24px;
        line-height: 1.4em; }
    .fibro__features ul.icons li {
      float: none;
      width: auto;
      text-align: center;
      margin: 0 0 20px 0; }
      .fibro__features ul.icons li img {
        display: block;
        margin: 0 auto 10px auto; }
    .fibro__features ul.markers li {
      float: none;
      width: auto;
      text-align: center;
      margin: 0 0 20px 0; }
      .fibro__features ul.markers li img {
        display: block;
        margin: 0 auto 10px auto; }
    .fibro__features .subtitle {
      font-size: 20px; }
  .fibro__about {
    padding-bottom: 50px; }
    .fibro__about .uptitle {
      font-size: 18px; }
    .fibro__about .title {
      font-size: 24px;
      font-family: 'OptiBold';
      letter-spacing: 5px; }
    .fibro__about .subtitle {
      font-size: 18px; }
    .fibro__about .intro {
      font-size: 18px;
      line-height: 1.4em; }
    .fibro__about img {
      width: 280px;
      margin: 0 0 40px 0; }
    .fibro__about .l_col {
      margin: 0 0 30px 0; }
  .fibro__chars .title {
    font-size: 24px;
    letter-spacing: 5px; }
  .fibro__chars .intro {
    font-size: 18px;
    line-height: 1.4em; }
    .fibro__chars .intro br {
      display: none; }
  .fibro__chars-items .item {
    float: none;
    width: auto;
    margin: 0 0 20px 0;
    height: auto; }
  .fibro__chars-items .witem {
    padding: 150px 20px 20px 20px;
    text-align: center; }
    .fibro__chars-items .witem .ico {
      left: 90px; }
  .fibro__level .uptitle {
    font-size: 18px; }
  .fibro__level .title {
    font-size: 26px;
    padding: 0 20px;
    line-height: 1.4em; }
  .fibro__level .subtitle {
    font-size: 18px; }
  .fibro__deploy .ico {
    margin-bottom: 30px; }
  .fibro__deploy .title {
    font-size: 24px;
    letter-spacing: 5px; }
  .fibro__deploy .bl_text {
    height: auto;
    padding: 0 10px;
    margin-bottom: 30px;
    display: block;
    width: auto; }
  i.wd {
    display: none; } }

/*--------------------------------
END :: ФИБРОКОЛОР УЛЬТРА
--------------------------------*/
/*--------------------------------
БЛОК СЕРТИФИКАТОВ
--------------------------------*/
.certificates__block {
  background: url(/bitrix/templates/main/img/certificates_bg.jpg) left top #e9ecf0;
  padding: 50px 0;
  border-top: 1px solid #c2c4c7;
  border-bottom: 1px solid #c2c4c7;
  position: relative; }
  .certificates__block .title {
    font-size: 2.25em;
    line-height: 1.4em;
    color: #000;
    font-family: 'OptiRegular';
    margin: 0 0 40px 0;
    text-align: center; }

.certificates__page {
  background: url(/bitrix/templates/main/img/certificates_bg.jpg) left top #e9ecf0;
  margin: -35px 0;
  padding: 40px 0;
  text-align: center; }
  .certificates__page .wr {
    text-align: center; }

.certificates__list {
  margin: auto; }
  .certificates__list .item {
    display: inline-block;
    background: url(/bitrix/templates/main/img/certificates_back_frame.png) center top no-repeat transparent;
    width: 220px;
    height: 400px;
    overflow: hidden;
    margin: 0 20px;
    color: #000;
    font-family: 'OptiRegular';
    font-size: 0.77778em; }
    .certificates__list .item .inn {
      width: 158px;
      height: 242px;
      margin: 26px 0 40px 31px;
      text-align: center;
      display: block; }
    .certificates__list .item .in {
      width: 158px;
      height: 242px;
      display: table-cell;
      vertical-align: middle; }
    .certificates__list .item img {
      width: auto;
      height: auto;
      margin: auto; }
    .certificates__list .item .text {
      display: block;
      padding: 0 15px; }
  .certificates__list .owl-item {
    text-align: center; }
  .certificates__list .owl-controls {
    position: static; }
    .certificates__list .owl-controls .owl-nav div {
      background: url(/bitrix/templates/main/img/certificatrs_nav_arr.png) left top no-repeat transparent;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -40px;
      width: 27px;
      height: 80px; }
    .certificates__list .owl-controls .owl-nav div:hover {
      opacity: .7; }
    .certificates__list .owl-controls .owl-nav .owl-prev {
      left: -40px;
      right: auto; }
    .certificates__list .owl-controls .owl-nav .owl-next {
      background-position: right top;
      right: -40px;
      left: auto; }

.certificates__link-block {
  background: url(/bitrix/templates/main/img/certificates_bg.jpg) left top #e9ecf0;
  padding: 40px;
  height: 420px;
  text-align: center;
  border-top: 1px solid #c2c4c7;
  border-bottom: 1px solid #c2c4c7; }
  .certificates__link-block .wr {
    text-align: center; }
  .certificates__link-block .ico {
    margin: 0 0 10px 0; }
  .certificates__link-block .title {
    font-size: 2em;
    line-height: 1.2em;
    font-family: 'OptiRegular';
    margin: 0 0 25px 0; }
  .certificates__link-block a {
    display: inline-block;
    width: 300px;
    height: 50px;
    line-height: 47px;
    border: 2px solid #000;
    border-radius: 4px;
    font-size: 0.875em;
    font-family: 'OptiSemibold';
    color: #000; }
  .certificates__link-block a:hover {
    background: #000;
    color: #fff; }

@media screen and (max-width: 840px) {
  .certificates__page {
    margin-top: -30px; }
  .certificates__link-block {
    height: auto;
    padding: 40px 0; }
    .certificates__link-block .title {
      font-size: 24px; } }

/*--------------------------------
END :: БЛОК СЕРТИФИКАТОВ
--------------------------------*/
/*--------------------------------
БЛОК ПЕРЕЛИНКОВКИ КАТАЛОГА
--------------------------------*/
.catalog-link__block {
  border-top: 1px solid #bec1c4;
  padding: 20px 0;
  height: 220px; }
  .catalog-link__block a {
    display: block;
    position: relative;
    color: #214da0; }
  .catalog-link__block .ico {
    float: left;
    width: 220px;
    position: relative;
    left: 0px;
    transition: all .8s; }
  .catalog-link__block .text {
    float: left;
    width: 620px;
    font-size: 1.55556em;
    line-height: 1.2em;
    height: 220px;
    width: 440px;
    text-align: center; }
    .catalog-link__block .text b {
      display: block;
      font-size: 1.28571em;
      line-height: 1.2em; }
    .catalog-link__block .text span {
      height: 220px;
      width: 440px;
      vertical-align: middle;
      display: table-cell; }
  .catalog-link__block .round {
    background: url(/bitrix/templates/main/img/link_round_block.png) left top no-repeat transparent;
    float: left;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -50px 0 0 0;
    width: 100px;
    height: 100px;
    transition: all .8s; }
  .catalog-link__block a:hover {
    color: #000; }
    .catalog-link__block a:hover .round {
      right: 60px;
      opacity: .3; }
    .catalog-link__block a:hover .ico {
      position: relative;
      left: 60px;
      opacity: .3; }
    .catalog-link__block a:hover * {
      cursor: pointer; }

@media screen and (max-width: 840px) {
  .catalog-link__block .ico {
    width: 145px; }
  .catalog-link__block .text {
    width: 360px;
    font-size: 24px; }
    .catalog-link__block .text span {
      width: 360px; } }

@media screen and (max-width: 640px) {
  .catalog-link__block {
    height: auto; }
    .catalog-link__block .ico {
      width: auto;
      display: block;
      text-align: center;
      float: none; }
    .catalog-link__block .text {
      width: auto;
      font-size: 22px;
      height: auto;
      display: block;
      text-align: center;
      float: none; }
      .catalog-link__block .text span {
        width: auto;
        height: auto;
        display: block;
        text-align: center; }
    .catalog-link__block .round {
      display: none; } }

/*--------------------------------
END :: БЛОК ПЕРЕЛИНКОВКИ КАТАЛОГА
--------------------------------*/
/*--------------------------------
СТРАНИЦА КОНТАКТОВ
--------------------------------*/
.contacts__page ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  .contacts__page ul li {
    padding: 0;
    margin: 0; }
  .contacts__page ul li.active {
    position: relative; }
    .contacts__page ul li.active:before {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      bottom: -7px;
      width: 15px;
      height: 7px;
      background: url(/bitrix/templates/main/img/contacts_arr.png) left top no-repeat transparent;
      margin: 0 0 0 -7px; }

.contacts__cities {
  border-bottom: 1px solid #bfbfbf; }
  .contacts__cities ul li {
    float: left;
    margin-right: 40px;
    padding: 0 0 20px 0; }
    .contacts__cities ul li a {
      font-family: 'OptiBold'; }
  .contacts__cities ul li.active a {
    color: #000; }

.contacts__content {
  padding: 20px 0 0 0; }
  .contacts__content .info {
    width: 440px;
    float: left; }
  .contacts__content .map {
    width: 360px;
    float: right; }

.contacts__stores {
  border-bottom: 1px solid #bfbfbf;
  padding: 20px 0 0 0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1) inset, 0 3px 8px rgba(0, 0, 0, 0.1); }
  .contacts__stores ul li {
    float: left;
    margin: 0 30px 0 0;
    padding: 0 0 20px 0; }
    .contacts__stores ul li a {
      font-family: 'OptiBold'; }
  .contacts__stores ul li.active a {
    color: #000; }

.contacts__store-content {
  font-size: 0.875em;
  font-family: 'OptiRegular';
  padding: 0 0 40px 0; }
  .contacts__store-content .info {
    padding: 20px 0 0 0; }
    .contacts__store-content .info .numbers {
      margin: 0 0 20px 0; }
      .contacts__store-content .info .numbers .number {
        font-size: 1.14286em; }
  .contacts__store-content .red {
    color: #e64560; }
  .contacts__store-content .schedule {
    background: url(/bitrix/templates/main/img/contacts_clock_ico.jpg) left 3px no-repeat transparent;
    margin: 0 0 20px 0;
    padding: 0 0 0 25px; }
  .contacts__store-content .mail {
    background: url(/bitrix/templates/main/img/contacts_mail_ico.jpg) left 6px no-repeat transparent;
    padding: 0 0 0 25px; }
  .contacts__store-content .address {
    border-top: 1px solid #bfbfbf;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0; }
    .contacts__store-content .address .scheme {
      display: inline-block;
      width: 200px;
      height: 50px;
      border: 2px solid #000;
      border-radius: 4px;
      text-align: center;
      line-height: 46px;
      color: #000;
      margin: 45px 0 0 0;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-family: 'OptiSemibold'; }
    .contacts__store-content .address .scheme:hover {
      background: #000;
      color: #fff; }
  .contacts__store-content .store {
    display: none; }
  .contacts__store-content .store.active {
    display: block; }

.contacts__cities-content .item {
  display: none; }

.contacts__cities-content .item.active {
  display: block; }

@media screen and (max-width: 840px) {
  .contacts__store-content .info {
    float: none;
    width: auto;
    margin-bottom: 40px; }
  .contacts__store-content .map {
    float: none;
    width: auto; } }

@media screen and (max-width: 640px) {
  .contacts__cities ul {
    text-align: center; }
    .contacts__cities ul li {
      float: none;
      width: auto;
      margin-right: 0; }
    .contacts__cities ul li.active {
      background: none; }
      .contacts__cities ul li.active:before {
        display: none; }
  .contacts__stores ul {
    display: block;
    text-align: center; }
    .contacts__stores ul li {
      display: inline-block;
      float: none;
      margin: 0 10px; }
  .contacts__store-content {
    text-align: center; }
    .contacts__store-content .schedule {
      padding: 30px 0 0 0;
      background-position: top center; }
    .contacts__store-content .mail {
      padding: 30px 0 0 0;
      background-position: top center; } }

/*--------------------------------
END :: СТРАНИЦА КОНТАКТОВ
--------------------------------*/
/*--------------------------------
ВСПЛЫВАЮЩИЕ ОКНА
--------------------------------*/
.popup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 640px;
  margin: 0 0 0 -320px;
  background: #fff;
  z-index: 300;
  padding: 40px 130px 30px 130px;
  font-size: 1.125em; }
  .popup .close {
    background: url(/bitrix/templates/main/img/popup_close_ico.jpg) left top no-repeat transparent;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 400; }
  .popup .close:hover {
    opacity: .7; }
  .popup .title {
    font-size: 1.33333em;
    text-align: center;
    padding: 80px 0 0 0;
    margin: 0 0 30px 0;
    position: relative;
    line-height: 1.4em; }
    .popup .title .ico {
      position: absolute;
      top: 0;
      left: 50%; }
  .popup .line {
    text-align: left;
    margin: 0 0 10px 0; }
    .popup .line .label {
      float: left;
      width: 40%;
      line-height: 46px; }
    .popup .line .value {
      float: right;
      width: 55%; }
      .popup .line .value input[type=text] {
        width: 100%;
        height: 46px;
        line-height: 46px;
        border: 1px solid #9a9a9a;
        padding: 0 15px 0 15px;
        font-size: 0.88889em; }
      .popup .line .value input[type=text]:hover, .popup .line .value input[type=text]:focus {
        border-color: #007fbf; }
  .popup .line.wide .label {
    float: none;
    width: auto; }
  .popup .line.wide .value {
    float: none;
    width: auto; }
  .popup .line.wide textarea {
    resize: none;
    width: 100%;
    height: 120px;
    border: 1px solid #9a9a9a;
    font-size: 0.88889em;
    padding: 15px; }
  .popup .line.wide textarea:hover, .popup .line.wide textarea:focus {
    border-color: #007fbf; }
  .popup input[type=submit] {
    display: block;
    width: 100%;
    height: 48px;
    color: #fff;
    background: #007fbf;
    border: 0;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 0.88889em;
    letter-spacing: 0.125em;
    font-family: 'OptiSemibold';
    cursor: pointer;
    margin: 20px 0 0 0; }
  .popup input[type=submit]:hover {
    background: #4ca5d2; }
  .popup .ok_content {
    padding: 0 0 20px 0; }
    .popup .ok_content .text {
      font-family: 'OptiLight';
      font-size: 1.125em;
      line-height: 1.4em; }

.popup#calc_request {
  margin-top: -294px; }
  .popup#calc_request .title .ico {
    margin: 0 0 0 -33px; }

.popup#feedback {
  margin-top: -294px; }
  .popup#feedback .title .ico {
    margin: 0 0 0 -33px; }

.popup#callback {
  margin-top: -200px; }
  .popup#callback .title .ico {
    margin: 0 0 0 -32px; }

.popup#feed-price {
  margin-top: -294px; }
  .popup#feed-price .title .ico {
    margin: 0 0 0 -33px; }

.popup#feed-examples {
  margin-top: -294px; }
  .popup#feed-examples .title .ico {
    margin: 0 0 0 -33px; }

.darker {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 200; }

@media screen and (max-width: 840px) {
  .popup {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0 !important;
    overflow: auto; } }

@media screen and (max-width: 640px) {
  .popup {
    padding: 40px 0; }
    .popup .line .label {
      width: auto;
      float: none; }
    .popup .line .value {
      width: auto;
      float: none; }
  .c_content {
    width: 290px;
    margin: auto; }
  .ok_content {
    width: 290px;
    margin: auto; }
    .ok_content br {
      display: none; } }

/*--------------------------------
END :: ВСПЛЫВАЮЩИЕ ОКНА
--------------------------------*/
/*--------------------------------
ГАЛЕРЕЯ ПРОЕКТОВ
--------------------------------*/
.gallery__list .more {
  text-align: center;
  padding: 30px 0; }
  .gallery__list .more a {
    display: block;
    margin: auto;
    width: 260px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #000;
    text-transform: uppercase;
    font-size: 0.75em;
    font-family: 'OptiSemibold'; }
  .gallery__list .more a:hover {
    background: #000;
    color: #fff; }

.gallery__list-item {
  background: #e7ecf3;
  margin: 0 0 20px 0;
  display: block;
  color: #000;
  transition: all .4s; }
  .gallery__list-item span {
    display: block; }
  .gallery__list-item .image {
    float: left;
    width: 560px;
    height: 340px;
    overflow: hidden; }
    .gallery__list-item .image img {
      display: block;
      transition: all .4s; }
  .gallery__list-item .info {
    float: left;
    width: 280px; }
    .gallery__list-item .info .inn {
      background: #e7ecf3;
      height: 320px;
      margin: 10px;
      border: 1px solid #b9bdc2; }
    .gallery__list-item .info .in {
      height: 320px;
      display: table-cell;
      vertical-align: middle;
      padding: 20px;
      width: 100%;
      text-align: center; }
    .gallery__list-item .info .title {
      font-size: 1.11111em;
      font-family: 'OptiSemibold';
      display: block;
      line-height: 1.6em;
      margin-bottom: 20px; }
    .gallery__list-item .info .text {
      font-family: 0.77778em;
      line-height: 1.4em; }

.gallery__list-item:hover {
  background: #d4d7dc; }
  .gallery__list-item:hover .image img {
    transform: scale(1.1); }

@media screen and (max-width: 840px) {
  .gallery__list-item {
    position: relative; }
    .gallery__list-item .image {
      width: auto;
      float: none;
      height: auto; }
      .gallery__list-item .image img {
        width: 100%;
        height: auto; }
    .gallery__list-item .info {
      position: absolute;
      top: 0;
      right: 0;
      background: #e7ecf3;
      height: 376px; }
      .gallery__list-item .info .inn {
        height: 356px; }
      .gallery__list-item .info .in {
        height: 356px; } }

@media screen and (max-width: 640px) {
  .gallery__list-item {
    position: relative; }
    .gallery__list-item .image {
      width: auto;
      float: none; }
      .gallery__list-item .image img {
        width: 100%;
        height: auto; }
    .gallery__list-item .info {
      position: static;
      width: auto;
      height: auto;
      background: #e7ecf3; }
      .gallery__list-item .info .inn {
        height: auto; }
      .gallery__list-item .info .in {
        height: auto; } }

.gallery__detail {
  text-align: center; }

.gallery__detail-header {
  border-bottom: 1px solid #c3c3c3;
  padding: 10px 0 40px 0;
  margin-bottom: 40px; }
  .gallery__detail-header .title {
    float: left;
    font-size: 2.25em;
    font-family: 'OptiRegular'; }
  .gallery__detail-header .backlink {
    float: right;
    display: block;
    width: 220px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #000;
    border-radius: 4px;
    color: #000;
    text-transform: uppercase;
    font-size: 0.75em;
    font-family: 'OptiRegular'; }
  .gallery__detail-header .backlink:hover {
    background: #000;
    color: #fff; }

.gallery__detail-text {
  width: 80%;
  font-size: 1.125em;
  line-height: 1.4em;
  margin: 0 auto 40px auto; }

.gallery__photo-list a {
  display: inline-block;
  width: 250px;
  height: 250px;
  overflow: hidden;
  margin: 10px;
  box-shadow: 0 0 0 10px #fff; }

.gallery__photo-list a:hover {
  box-shadow: 0 0 0 10px #214fa0; }

.gallery__other .title {
  font-size: 2em;
  font-family: 'OptiRegular';
  margin: 60px 0 40px 0; }

.gallery__other .items {
  text-align: center; }
  .gallery__other .items .item {
    display: inline-block;
    width: 250px;
    height: 250px;
    overflow: hidden;
    margin: 10px;
    position: relative; }
    .gallery__other .items .item img {
      transition: all .4s; }
    .gallery__other .items .item .text {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 19, 64, 0.8);
      color: #fff;
      padding: 20px; }
    .gallery__other .items .item b {
      display: table-cell;
      width: 210px;
      height: 210px;
      text-align: center;
      vertical-align: middle;
      font-family: 'OptiRegular';
      margin-bottom: 20px;
      line-height: 1.4em; }
  .gallery__other .items .item:hover img {
    transform: scale(1.2); }
  .gallery__other .items .item:hover .text {
    background: rgba(0, 19, 64, 0.6); }
  .gallery__other .items .owl-controls {
    position: static; }
    .gallery__other .items .owl-controls .owl-nav div {
      background: url(/bitrix/templates/main/img/certificatrs_nav_arr.png) left top no-repeat transparent;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -40px;
      width: 27px;
      height: 80px; }
    .gallery__other .items .owl-controls .owl-nav div:hover {
      opacity: .7; }
    .gallery__other .items .owl-controls .owl-nav .owl-prev {
      left: -40px;
      right: auto; }
    .gallery__other .items .owl-controls .owl-nav .owl-next {
      background-position: right top;
      right: -40px;
      left: auto; }
    .gallery__other .items .owl-controls .owl-dots {
      padding: 20px 0 0 0; }
      .gallery__other .items .owl-controls .owl-dots .owl-dot {
        display: inline-block;
        width: 15px;
        height: 15px;
        background: #000;
        border-radius: 10px;
        margin: 0 3px;
        opacity: .3; }
      .gallery__other .items .owl-controls .owl-dots .owl-dot.active {
        opacity: 1; }

@media screen and (max-width: 840px) {
  .gallery__detail-header {
    text-align: center; }
    .gallery__detail-header .title {
      font-size: 24px;
      display: block;
      text-align: center;
      float: none; }
    .gallery__detail-header .backlink {
      float: none;
      margin: 20px auto 0 auto; }
  .gallery__detail-text {
    padding: 0 20px;
    width: auto; } }

/*--------------------------------
END :: ГАЛЕРЕЯ ПРОЕКТОВ
--------------------------------*/
/*--------------------------------
О КОМПАНИИ
--------------------------------*/
.about_page {
  margin: -30px 0 0 0; }

.about_page-promo {
  height: 700px;
  background: url(/bitrix/templates/main/img/about_page_bg.jpg) right top no-repeat #262e57;
  background-size: cover;
  color: #fff;
  padding: 40px 0; }
  .about_page-promo h1 {
    font-size: 18px;
    letter-spacing: 0.5em;
    position: relative;
    padding: 0 0 35px 0; }
    .about_page-promo h1 b {
      display: block;
      font-size: 2em;
      line-height: 2em;
      letter-spacing: 0.02778em; }
    .about_page-promo h1:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      background: #fff;
      width: 175px;
      height: 5px; }
  .about_page-promo .reqs {
    text-align: right;
    font-size: 0.88889em;
    line-height: 1.2em;
    margin: 140px 0 0 0; }

.about_page-promo-text {
  font-size: 1.33333em;
  line-height: 1.25em;
  width: 690px; }

.about_page-years-text {
  padding: 40px 0 0 0; }
  .about_page-years-text .image {
    border: 20px solid #fff;
    margin: -220px 40px 0 -20px;
    float: left; }

.about_page-slogan {
  text-align: center;
  font-size: 1.33333em;
  line-height: 1.4em;
  font-family: 'OptiRegular';
  border-top: 5px solid #b3b3b3;
  border-bottom: 5px solid #b3b3b3;
  padding: 30px 0;
  margin: 20px 0; }

.about_page-sml .ico {
  float: left;
  width: 420px;
  text-align: center;
  margin-right: 60px; }

.about_page-sml .text {
  float: left;
  padding: 60px 0 0 0;
  font-size: 1em;
  width: 300px; }

.about_page-credo {
  text-align: center;
  font-size: 1.33333em;
  line-height: 1.4em;
  font-family: 'OptiRegular';
  border-top: 1px solid #b3b3b3;
  padding: 80px 100px 30px 100px;
  margin: 20px 0;
  position: relative; }
  .about_page-credo:before {
    content: '';
    display: block;
    width: 100px;
    height: 64px;
    background: url("/bitrix/templates/main/img/about_credo_marker.jpg") center top no-repeat #fff;
    position: absolute;
    left: 50%;
    top: -32px;
    margin: 0 0 0 -50px; }

@media screen and (max-width: 840px) {
  .about_page {
    text-align: center; }
    .about_page .wr {
      text-align: center; }
  .about_page-promo h1:before {
    left: 50%;
    position: absolute;
    bottom: 0;
    width: 160px;
    margin: 0 0 0 -80px; }
  .about_page-promo-text {
    width: auto; }
  .about_page-promo .reqs {
    float: none;
    text-align: center;
    margin: 30px 0; }
  .about_page-years-text {
    float: none; }
    .about_page-years-text .image {
      margin: -140px auto 0 auto;
      float: none;
      width: 460px; }
  .about_page-sml .ico {
    width: 40%; } }

@media screen and (max-width: 640px) {
  .about_page-promo-text {
    font-size: 18px;
    font-family: 'OptiRegular';
    padding: 40px 10px 100px; }
    .about_page-promo-text br {
      display: none; }
    .about_page-promo-text h1 {
      font-size: 18px; }
      .about_page-promo-text h1 b {
        font-size: 24px; }
  .about_page-years-text .image {
    width: 280px; }
    .about_page-years-text .image img {
      width: 100%;
      height: auto; }
  .about_page-slogan {
    font-size: 20px; }
    .about_page-slogan br {
      display: none; }
  .about_page-sml .ico {
    width: auto;
    float: none;
    margin: 0; }
    .about_page-sml .ico img {
      width: 150px;
      height: auto; }
  .about_page-sml .text {
    padding: 0; }
  .about_page-credo {
    padding: 60px 0 0 0;
    font-size: 20px; } }

/*--------------------------------
END :: О КОМПАНИИ
--------------------------------*/
/*--------------------------------
ПОЛЕЗНЫЕ СТАТЬИ
--------------------------------*/
.articles__list-item {
  padding: 40px 0;
  border-top: 1px solid #c3c3c3; }
  .articles__list-item .image {
    float: left;
    width: 240px;
    margin-right: 60px; }
  .articles__list-item .info {
    float: left;
    width: 540px;
    font-size: 0.88889em; }
    .articles__list-item .info span {
      display: block; }
    .articles__list-item .info .name {
      margin: 20px 0;
      font-size: 1.5em;
      line-height: 1.4em; }
      .articles__list-item .info .name a {
        border-bottom: 1px solid #7fb2cc; }
      .articles__list-item .info .name a:hover {
        border-color: #000; }

/*--------------------------------
END :: ПОЛЕЗНЫЕ СТАТЬИ
--------------------------------*/
/*--------------------------------
ТЕХНОЛОГИИ МОНТАЖА
--------------------------------*/
.install__page .promo {
  margin: auto;
  text-align: left;
  padding: 20px 0;
  border-top: 1px solid #c3c3c3;
  margin: 0 0 40px 0; }

.install__page .text {
  width: 50%;
  float: left; }

.install__page .image {
  width: 50%;
  float: right;
  text-align: right;
  padding: 30px 0 0 0; }

.install__page .video {
  margin: 20px 0 40px 0; }

.install__page h2 {
  font-size: 2em;
  line-height: 1.4em; }

.install_intro {
  margin: 40px 0 40px 0; }
  .install_intro h2 {
    background: url(/bitrix/templates/main/img/install_ico.jpg) center top no-repeat transparent;
    padding: 120px 0 0 0; }
  .install_intro p {
    font-size: 1.11111em;
    line-height: 1.4em; }
  .install_intro img {
    margin-top: 20px; }

.install_types .title {
  font-size: 1.33333em;
  font-family: 'OptiRegular';
  line-height: 1.4em; }

.mount__block1 {
  margin: 0 0 60px 0; }
  .mount__block1 .vars {
    height: 300px;
    background: #243f66;
    color: #fff;
    padding: 10px; }
    .mount__block1 .vars b {
      display: block;
      font-size: 1.33333em;
      font-family: 'OptiRegular';
      line-height: 1.4em;
      margin: 0 0 5px 0; }
    .mount__block1 .vars .inn {
      border: 2px solid #5b6f8c;
      height: 280px;
      padding: 140px 0 0 0; }
  .mount__block1 .var1 {
    background: url(/bitrix/templates/main/img/mount_block_1_ico1.jpg) 0 44px no-repeat #243f66; }
  .mount__block1 .var2 {
    background: url(/bitrix/templates/main/img/mount_block_1_ico2.jpg) 0 44px no-repeat #243f66; }

.mount__block2 {
  margin: 0 0 60px 0; }
  .mount__block2 .l_col {
    border-right: 2px dotted #3f3f3f;
    padding: 30px 0;
    text-align: left; }
    .mount__block2 .l_col img {
      margin-left: 10px; }
  .mount__block2 .r_col {
    padding: 30px 0;
    text-align: right; }
  .mount__block2 p {
    font-family: 'OptiRegular';
    padding: 0 120px;
    line-height: 1.6em; }
  .mount__block2 .title {
    text-transform: uppercase;
    font-family: 'OptiBold';
    font-size: 1em;
    margin: 20px 0 40px 0;
    text-align: center; }
  .mount__block2 .title.right {
    color: #009900; }
  .mount__block2 .title.wrong {
    color: #ff003c; }

.mount__block3 h2 {
  border-top: 2px solid #bfbfbf;
  margin-bottom: -30px; }
  .mount__block3 h2 span {
    position: relative;
    top: -30px;
    padding: 0 40px;
    display: inline-block;
    background: #fff; }

.mount__block3 p {
  font-family: 'OptiRegular';
  padding: 0 80px;
  line-height: 1.6em; }

.mount__block3 .title {
  text-transform: uppercase;
  font-family: 'OptiBold';
  font-size: 1.5em;
  margin: 20px 0 40px 0; }

.mount__block3 .title.right {
  color: #009900; }

.mount__block3 .title.wrong {
  color: #ff003c; }

.mount__block3 .l_col, .mount__block3 .r_col {
  font-size: 13px;
  line-height: 1.4em;
  font-family: 'OptiRegular'; }
  .mount__block3 .l_col p, .mount__block3 .r_col p {
    padding: 0 20px; }

.mount__download {
  text-align: center;
  padding: 40px 0; }
  .mount__download a {
    display: inline-block;
    margin: auto;
    width: 362px;
    height: 52px;
    border: 2px solid #000;
    border-radius: 4px;
    text-align: center;
    line-height: 48px;
    font-family: 'OptiSemibold';
    text-transform: uppercase;
    font-size: 0.72222em;
    letter-spacing: 0.15385em;
    color: #000; }
  .mount__download a:hover {
    background: #000;
    color: #fff; }

@media screen and (max-width: 840px) {
  .install__page .promo .text {
    width: auto;
    text-align: center;
    float: none; }
  .install__page .promo .image {
    width: auto;
    text-align: center;
    float: none; }
    .install__page .promo .image img {
      display: block;
      margin: auto; }
  .install_intro img {
    width: 100%;
    height: auto; }
  .mount__block2 .l_col {
    float: none;
    width: auto;
    text-align: center;
    padding: 0;
    border: 0; }
  .mount__block2 .r_col {
    float: none;
    width: auto;
    text-align: center;
    padding: 0;
    border: 0; }
  .mount__block3 .l_col {
    float: none;
    width: auto;
    text-align: center;
    padding: 0;
    border: 0; }
  .mount__block3 .r_col {
    float: none;
    width: auto;
    text-align: center;
    padding: 0;
    border: 0; } }

@media screen and (max-width: 640px) {
  .install__page {
    text-align: center; }
    .install__page p {
      padding: 0 10px; }
    .install__page .promo .image img {
      width: 100%;
      height: auto; }
  .install_intro h2 {
    font-size: 24px;
    line-height: 1.4em; }
  .install_types .l_col {
    width: auto;
    float: none;
    padding: 0;
    text-align: center; }
  .install_types .r_col {
    width: auto;
    float: none;
    padding: 0;
    text-align: center; }
  .mount__block1 {
    margin-bottom: 30px; }
    .mount__block1 h2 {
      font-size: 24px; }
    .mount__block1 .vars {
      float: none;
      margin-bottom: 20px; }
      .mount__block1 .vars.var1 {
        background-position: -40px 44px; }
      .mount__block1 .vars.var2 {
        background-position: -40px 44px; }
  .mount__block2 h2 {
    font-size: 24px; }
  .mount__block2 img {
    width: 100%;
    height: auto; }
  .mount__block3 h2 {
    font-size: 24px; }
    .mount__block3 h2 span {
      top: -20px; }
  .mount__block3 img {
    width: 100%;
    height: auto; }
  .mount__download a {
    width: 280px; }
    .mount__download a span {
      display: none; } }

/*--------------------------------
END :: ТЕХНОЛОГИИ МОНТАЖА
--------------------------------*/
/*--------------------------------
КАЛЬКУЛЯТОР
--------------------------------*/
.calc .label {
  display: block;
  font-family: 'OptiSemibold';
  margin: 0 0 15px 0; }

.calc input[type=text] {
  border: 1px solid #9a9a9a;
  width: 92px;
  height: 36px;
  text-align: center;
  line-height: 34px;
  font-size: 1em;
  font-family: 'OptiRegular'; }

.calc input[type=text]:hover, .calc input[type=text]:focus {
  border-color: #2659a3; }

.calc__left {
  float: left; }

.calc__line {
  margin: 0 0 25px 0; }
  .calc__line .num {
    float: left;
    background: url(/bitrix/templates/main/img/calc_num_ico.jpg) left top no-repeat transparent;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 42px;
    font-size: 0.77778em;
    margin: 5px 0 0 0; }
  .calc__line .ico {
    float: left;
    margin: 0 50px 0 30px;
    width: 60px; }
  .calc__line .values {
    float: left;
    width: 250px;
    padding: 15px 0 0 0; }
    .calc__line .values ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .calc__line .values ul li {
        float: left;
        margin: 0 10px 0 0;
        padding: 0; }
        .calc__line .values ul li a {
          display: block;
          border: 1px solid #9a9a9a;
          height: 36px;
          border-radius: 36px;
          line-height: 36px;
          color: #000;
          text-align: center;
          font-size: 0.77778em;
          font-family: 'OptiRegular';
          padding: 0 23px; }
        .calc__line .values ul li a.act {
          background: #3680e9;
          border-color: #2659a3;
          color: #fff; }
        .calc__line .values ul li a:hover {
          border-color: #2659a3;
          color: #2659a3; }
        .calc__line .values ul li a.act:hover {
          background: #3680e9;
          border-color: #2659a3;
          color: #fff;
          cursor: default; }
        .calc__line .values ul li span {
          text-align: center;
          display: block;
          float: right;
          width: 28px;
          height: 28px;
          background: #dedede;
          background: rgba(0, 0, 0, 0.5);
          border-radius: 28px;
          color: #fff;
          line-height: 30px;
          font-size: 0.85714em;
          margin: 3px -20px 0 0; }
  .calc__line .values.calc__type ul li a {
    width: 200px;
    margin-bottom: 10px;
    text-align: left; }
  .calc__line .values.calc__width ul li a {
    width: 36px;
    padding: 0; }

.calc__right {
  background: url(/bitrix/templates/main/img/calc_bg.jpg) left bottom repeat-x #ecf4f5;
  float: right;
  width: 360px;
  text-align: center;
  padding: 40px 0 0 0;
  margin: -110px 0 0 0; }
  .calc__right .title {
    background: url(/bitrix/templates/main/img/calc_title_bg.png) center bottom no-repeat transparent;
    text-transform: uppercase;
    font-size: 1.33333em;
    letter-spacing: 4px;
    font-family: 'OptiRegular';
    margin: 0 0 20px 0;
    padding: 0 0 35px 0; }

.calc__count-block {
  float: left;
  width: 75px;
  margin: 0 5px; }
  .calc__count-block .label {
    font-size: 0.66667em;
    margin: 5px 0 3px 0; }
    .calc__count-block .label img {
      display: block;
      margin: 0 auto 5px auto; }
  .calc__count-block input[type=text] {
    width: 75px; }

.calc__profiles {
  margin: 0 0 0 50px; }

.calc__count-block.wide {
  margin: 0 0 30px 0;
  width: auto;
  float: none; }
  .calc__count-block.wide .label {
    display: block;
    font-family: 'OptiSemibold';
    margin: 0 0 15px 0;
    font-size: 1em; }
  .calc__count-block.wide input[type=text] {
    width: 92px; }

.calc__total {
  background: url(/bitrix/templates/main/img/calc_total_bg.png) left top repeat-x transparent;
  padding: 30px 0;
  text-align: center;
  margin: 43px 0 0 0; }
  .calc__total .label {
    font-size: 0.66667em;
    text-transform: uppercase;
    letter-spacing: 0.33333em; }
    .calc__total .label b {
      display: block;
      font-size: 1.5em; }
  .calc__total .price {
    text-transform: uppercase;
    margin: 40px 0 0 0; }
    .calc__total .price b {
      font-size: 2em;
      font-family: 'OptiSemibold';
      display: block;
      margin: 0 0 10px 0; }

.calc__send-request {
  display: block;
  background: #007fbf;
  width: 275px;
  height: 50px;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  line-height: 50px;
  margin: 20px auto 10px auto;
  font-size: 0.83333em;
  font-family: 'OptiBold';
  letter-spacing: 2px; }

.calc__send-request:hover {
  color: #fff;
  background: #0995db; }

@media screen and (max-width: 840px) {
  .calc__left {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 0 0 80px; }
  .calc__right {
    float: none;
    width: auto;
    margin: 0; }
  .calc__profiles {
    padding: 0 0 0 135px; } }

@media screen and (max-width: 640px) {
  .calc__left {
    padding: 0; }
  .calc__line {
    text-align: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 40px; }
    .calc__line .num {
      float: none;
      margin: 0 auto 20px auto; }
    .calc__line .ico {
      float: none;
      margin: 0 auto 0 auto; }
    .calc__line .values {
      float: none;
      margin: auto;
      width: auto; }
  .calc__height {
    text-align: center; }
    .calc__height ul {
      text-align: center;
      display: block; }
      .calc__height ul li {
        display: inline-block;
        float: none !important; }
  .calc__type ul {
    text-align: center;
    display: block; }
    .calc__type ul li {
      display: inline-block;
      float: none !important; }
  .calc__width ul {
    text-align: center;
    display: block; }
    .calc__width ul li {
      display: inline-block;
      float: none !important; }
  .calc__right .title {
    font-size: 22px;
    letter-spacing: 3px; }
  .calc__profiles {
    padding: 0;
    margin: 0;
    text-align: center; }
  .calc__count-block {
    display: inline-block;
    float: none; } }

/*--------------------------------
END :: КАЛЬКУЛЯТОР
--------------------------------*/
/*--------------------------------
ПРОИЗВОДСТВО
--------------------------------*/
.factoring__page .title {
  border-bottom: 1px solid #000000;
  margin: 0 0 50px 0; }
  .factoring__page .title h1 {
    font-size: 2em;
    font-family: 'OptiRegular';
    text-transform: uppercase;
    letter-spacing: 0.27778em;
    margin-bottom: 35px; }

.factoring__page .l_col {
  padding-right: 40px; }

.factoring__page .r_col {
  padding-left: 40px; }
  .factoring__page .r_col img {
    margin-left: -40px; }

.factoring__build {
  background: url(/bitrix/templates/main/img/fact_build_img.jpg) center top no-repeat #000;
  background-size: cover;
  color: #fff;
  height: 260px;
  padding: 20px 40px; }
  .factoring__build p {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 63px 100px;
    text-align: center; }

.factoring__after {
  padding: 0 150px; }

.factoring__onphoto {
  background: url(/bitrix/templates/main/img/fact_photo_1.jpg);
  width: 840px;
  height: 540px; }
  .factoring__onphoto .text {
    width: 380px;
    height: 460px;
    float: right;
    margin: 40px;
    background: #fff;
    padding: 40px 20px 40px 40px; }

.factoring__send {
  background: url(/bitrix/templates/main/img/fact_photo_4.jpg) left top no-repeat #4c6578;
  height: 360px;
  margin: 40px 0 20px 0;
  color: #fff;
  font-size: 1.33333em;
  font-family: 'OptiRegular';
  text-align: center;
  padding: 90px 0 0 0; }
  .factoring__send .text {
    background: url(/bitrix/templates/main/img/fact_text_ico.png) center top no-repeat transparent;
    padding: 80px 150px 0 150px;
    line-height: 1.4em; }

@media screen and (max-width: 840px) {
  .factoring__page {
    text-align: center; }
    .factoring__page .l_col {
      float: none;
      width: auto;
      margin: 0;
      padding: 0; }
      .factoring__page .l_col img {
        display: block;
        margin: auto; }
    .factoring__page .r_col {
      float: none;
      width: auto;
      margin: 0;
      padding: 0; }
      .factoring__page .r_col img {
        display: block;
        margin: auto; }
  .factoring__build {
    height: auto; }
  .factoring__onphoto {
    width: auto; }
  .factoring__send {
    font-size: 20px; } }

@media screen and (max-width: 640px) {
  .factoring__page .h30 {
    display: none; }
  .factoring__page .title h1 {
    font-size: 24px; }
  .factoring__page .l_col img {
    width: 100%;
    height: auto; }
  .factoring__page .r_col img {
    width: 100%;
    height: auto; }
  .factoring__build {
    padding: 20px; }
    .factoring__build p {
      padding: 20px 0; }
  .factoring__after {
    padding: 0; }
  .factoring__onphoto {
    width: auto;
    height: 635px; }
    .factoring__onphoto .text {
      width: auto;
      margin: 20px;
      padding: 20px;
      height: auto; }
  .factoring__send {
    padding: 40px 0; }
    .factoring__send .text {
      padding: 100px 20px 0 20px; } }

/*--------------------------------
END :: ПРОИЗВОДСТВО
--------------------------------*/
.color__page .title h1 {
  font-family: 'OptiRegular';
  text-transform: uppercase;
  letter-spacing: 0.38889em;
  text-align: center;
  font-size: 1em; }
  .color__page .title h1 b {
    font-size: 2em;
    display: block;
    margin: 30px 0 0 0;
    line-height: 1.4em; }

.color__page .gallery__other .title {
  border-top: 1px solid #b3b3b3;
  text-align: center;
  margin-bottom: 15px; }
  .color__page .gallery__other .title span {
    display: inline-block;
    margin: auto;
    background: #fff;
    position: relative;
    padding: 0 50px;
    top: -15px;
    text-transform: uppercase; }

.color__list {
  padding: 0 40px; }
  .color__list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .color__list ul li {
      display: inline-block;
      width: 50px;
      margin: 0 15px 15px 15px;
      padding: 0; }
      .color__list ul li a {
        display: block;
        text-align: center; }
        .color__list ul li a .color__preview {
          display: block;
          width: 50px;
          height: 50px;
          border-radius: 50px;
          overflow: hidden;
          border: 3px solid #fff;
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); }
        .color__list ul li a .color__code {
          display: block;
          font-size: 0.66667em;
          color: #000;
          font-family: 'OptiSemibold';
          margin-top: 5px; }
      .color__list ul li a:hover .color__preview {
        border-color: #3680e9; }
      .color__list ul li a.act .color__preview {
        position: relative; }
        .color__list ul li a.act .color__preview:before {
          background: url(/bitrix/templates/main/img/color_act_ico.png) center no-repeat rgba(255, 255, 255, 0.5);
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 44px;
          height: 46px; }
      .color__list ul li a.act:hover .color__preview {
        border-color: #fff; }

.color__detail {
  margin: 20px 0 0 0;
  position: relative;
  width: 840px;
  height: 475px; }
  .color__detail .current__name {
    position: absolute;
    left: 50%;
    top: 40px;
    background: #fff;
    z-index: 300;
    font-family: 'OptiSemibold';
    padding: 10px 20px;
    transform: translateX(-50%); }
  .color__detail .slide {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200; }
  .color__detail .loader {
    background: url(/bitrix/templates/main/img/preloader.gif) center no-repeat rgba(255, 255, 255, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 300; }
  .color__detail .new {
    opacity: 0;
    z-index: 250; }

.page__404 {
  background: #000;
  color: #fff;
  padding: 120px 0 160px 0; }
  .page__404 .smile {
    margin: 0 0 30px 0; }
  .page__404 .err {
    background: url(/bitrix/templates/main/img/page_404_404.png) center top no-repeat transparent;
    margin: 0 0 40px 0;
    height: 112px; }
  .page__404 .text {
    text-transform: uppercase;
    font-size: 2em;
    font-family: 'OptiRegular';
    letter-spacing: 0.23529em;
    line-height: 1.4em; }

@media screen and (max-width: 640px) {
  .err {
    margin: 0 0 40px 0; } }

.chose-color__link {
  background: #005580;
  padding: 10px;
  color: #fff;
  display: block;
  margin: 80px 0 0 0;
  position: relative;
  text-align: center;
  font-size: 1.33333em;
  font-family: 'OptiRegular';
  letter-spacing: 0.29167em;
  transition: all .2s;
  position: relative; }
  .chose-color__link .inn {
    display: block;
    border: 2px solid #fff;
    padding: 35px; }
  .chose-color__link .text {
     display: block;
    text-align: center;
    text-transform: uppercase; }
  .chose-color__link .ico {
    display: block;
    background: url(/bitrix/templates/main/img/chose_color_ico.png);
    left: 50%;
    top: 0px;
    margin: -36px 0 0 -40px;
    width: 79px;
    height: 72px;
    position: absolute; }
  .chose-color__link .button {
    display: block;
    background: #fb3f3f;
    width: 280px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin: 0 0 0 -140px;
    border-radius: 4px;
    box-shadow: 0 -px 20px rgba(0, 0, 0, 0.2); }

.chose-color__link:hover {
  color: #fff;
  background: #178cc8; }

/*--------------------------------
ВСПОМОГАТЕЛЬНЫЕ ЭЛЕМЕНТЫ
--------------------------------*/
.product__price {
  background: url(/bitrix/templates/main/img/icon-price.jpg) left top no-repeat transparent;
  padding: 0 0 0 40px;
  color: #000;
  z-index: 300;
  position: relative;
  font-size: 0.88889em;
  font-family: 'OptiSemibold';
  top: -20px; }
  .product__price b {
    font-family: 'OptiBold'; }

@media screen and (max-width: 640px) {
  .product__price {
    text-align: center;
    padding: 40px 0 0 0;
    background-position: center top; } }

.scroll-top {
  display: none;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: url(/bitrix/templates/main/img/top_arr.png) left top no-repeat #fff;
  width: 48px;
  height: 48px;
  border-radius: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
  z-index: 400; }

.scroll-top:hover {
  background-color: #367fe9;
  background-position: left bottom; }

.scroll-top.shown {
  display: block; }

@media screen and (max-width: 640px) {
  .scroll-top {
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    background-position: -4px -4px; }
  .scroll-top:hover {
    background-position: -4px -52px; } }

/*--------------------------------
END :: ВСПОМОГАТЕЛЬНЫЕ ЭЛЕМЕНТЫ
--------------------------------*/
.articles__detail img {
  max-width: 100%;
  height: auto; }

.articles__detail .grey {
  background: #f4f4f4;
  padding: 40px; }

.articles__detail .cols_block {
  margin: 0;
  padding: 0 !important;
  text-align: center !important; }
  .articles__detail .cols_block li {
    display: inline-block;
    text-align: center;
    padding: 0 !important;
    width: 100px;
    margin: 0 20px !important;
    font-size: 16px;
    vertical-align: top; }
    .articles__detail .cols_block li b {
      display: block;
      width: 80px;
      height: 60px;
      line-height: 60px;
      font-size: 24px;
      margin: 0 auto 10px auto;
      border: 1px solid #b6b6b6;
      vertical-align: top; }

.articles__detail .center p, .articles__detail .center h3 {
  text-align: center; }

.articles__detail .with_photo_block {
  position: relative;
  padding: 1px 0;
  margin: 0 0 30px 0; }
  .articles__detail .with_photo_block h3 {
    margin: 0 0 -20px 0; }
  .articles__detail .with_photo_block img {
    float: left; }
  .articles__detail .with_photo_block .text {
    margin: 0 0 0 340px; }

.articles__detail .intro-img {
  margin-top: 20px; }
  .articles__detail .intro-img img {
    max-width: 100%;
    height: auto; }

.articles__detail ul.col4 {
  padding: 0;
  margin: 30px 0; }
  .articles__detail ul.col4 li {
    float: left;
    width: 50%;
    margin: 30px 0 30px 0;
    padding: 0 0 0 100px;
    position: relative; }
    .articles__detail ul.col4 li img {
      position: absolute;
      left: 0;
      top: 0; }

@media screen and (max-width: 640px) {
  .articles__detail ul.col4 li {
    width: auto;
    float: none;
    text-align: center;
    padding: 0;
    margin: 0 0 30px 0; }
    .articles__detail ul.col4 li img {
      display: block;
      margin: 0 auto 20px auto;
      position: static; }
  .articles__detail .with_photo_block img {
    float: none;
    width: auto;
    margin: 0 0 10px 0; }
  .articles__detail .with_photo_block .text {
    margin: 0; }
  .articles__detail .product__benefits {
    padding: 0 !important;
    border: 0; }
    .articles__detail .product__benefits li {
      text-align: left; }
  .table-area {
    background: url(/bitrix/templates/main/img/slide_icon.png) center top no-repeat transparent;
    position: relative;
    overflow-x: scroll;
    padding: 50px 0 0 0; } }

.color__objects .gallery__other {
  border-bottom: 1px solid #b3b3b3;
  padding-bottom: 40px; }
  .color__objects .gallery__other .title {
    border-top: 0;
    margin-bottom: 40px; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

hpl-block {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 64px;
  gap: 32px; }
  hpl-block__col {
    width: 50%;
    text-align: left; }
    hpl-block__col p:last-child {
      margin-bottom: 0; }
    hpl-block__col img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    hpl-block__col h3 {
      text-align: left;
      margin-top: 0; }
  hpl-block figure {
    margin: 0; }

@media screen and (max-width: 640px) {
  hpl-block {
    flex-direction: column;
    text-align: center; }
    hpl-block__col {
      text-align: center; }
      hpl-block__col h3 {
        padding: 0;
        text-align: center; }
  .acrylic__page img {
    width: auto;
    height: auto; }
  .acrylic__page .l_col,
  .acrylic__page .r_col {
    overflow: visible;
    width: auto;
    float: left;
    box-sizing: border-box; } }

@media (max-width: 768px) {
  .l_col,
  .r_col {
    float: none;
    width: 100%; }
  .hpl__scheme img,
  .main_ico img {
    width: 100%;
    height: auto; } }

@media (max-width: 600px) {
  .product__benefits {
    display: block; }
    .product__benefits li {
      display: flex;
      justify-content: space-between;
      margin-bottom: 15px; } }

@media (max-width: 480px) {
  .acrylic__page,
  .product__benefits,
  .product__benefits li {
    width: 100%; }
  .product__benefits {
    display: block;
    text-align: left; }
    .product__benefits li {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 15px;
      word-wrap: break-word; }
      .product__benefits li img {
        margin-right: 10px; }
  p {
    width: 100%;
    word-wrap: break-word; }
  img {
    max-width: 100%;
    height: auto; } }

.details-title {
  text-align: center;
  font-size: 1.33333em;
  line-height: 1.4em;
  font-family: 'OptiRegular';
  padding: 40px 100px 30px 100px;
  margin: 20px 0;
  position: relative; }

.details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 60px; }

.details-item {
  padding: 8px; }

.details > :nth-child(4n+1),
.details > :nth-child(4n+2) {
  background-color: #e2e2e2; }

.btn__details {
  font-size: 24px;
  color: white;
  border: 1px solid white;
  padding: 12px; }

.btn__details:hover {
  color: white;
  background-color: #368de8;
  border-color: #368de8;
  transition: all .3s ease; }

.table-wrapper {
  overflow-x: auto; }

.table-wrapper._price {
  margin-bottom: 40px; }

.table-wrapper._price td {
  vertical-align: middle; }

.table-wrapper._price .request_button {
  cursor: pointer;
  display: inline-block;
  border: 2px solid #000;
  border-radius: 4px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.72222em;
  color: #000;
  margin: auto;
  letter-spacing: 1px;
  padding: 6px 12px;
  white-space: nowrap; }

.table-wrapper._price .request_button:hover {
  background: #000;
  color: #fff; }

@media (max-width: 640px) {
  .details {
    grid-template-columns: 1fr;
    text-align: left; }
  .details > :nth-child(4n+1),
  .details > :nth-child(4n+2) {
    background-color: unset; }
  .details > :nth-child(2n+1) {
    background-color: #e2e2e2; } }

/* End */
/* /bitrix/templates/main/css/owl.carousel.css?14751390974614 */
/* /bitrix/templates/main/fancybox/jquery.fancybox.css?14751390974895 */
/* /bitrix/templates/main/css/alertify.core.css?14751390973779 */
/* /bitrix/templates/main/css/alertify.default.css?14751390972552 */
/* /bitrix/templates/main/css/custom_lp.css?17660740894634 */
/* /bitrix/templates/main/components/bitrix/menu/common__top/style.min.css?1475139097490 */
/* /bitrix/templates/main/components/bitrix/menu/common__bottom/style.min.css?1475139097490 */
/* /bitrix/templates/main/template_styles.css?1791361598177185 */