@charset "UTF-8";

.content-blocks h2 {
	font-size: 32px;
	text-transform: uppercase;
	color: #535353;
    font-weight: 500;
    text-align: center;
    margin: 30px auto;
}

.footer-btn {
    margin: 0 auto;
}

.production-info__inner {
    margin-top: 20px;
}

.production-info__inner h1 {
    text-align: center;
}

.subscription__title.form-str:after {
    content: none;
}

.order-call-3__heading.heading.heading_big:after {
    content: " Оставьте заявку и получите расчет со скидкой на 13% дешевле рыночной цены.";
}

a.polit:after {
    content: "Политика конфиденциальности";
}

.order-measurement .subscription__title:after {
    content: "Закажите бесплатный замер";
}

.content-blocks {
    color: #6b6c6e;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 20px;
}

blockquote {   margin: 30px 0;
  padding: 15px;
  background-color: #f2f2f2;
  border-left: 5px solid #4990e2;
  color: #6c757d;}

.rollbl .subscription__title:after {
    content: "";
}

@media (max-width: 767px){
    #modal_form span{font-size:20px;}
    .content-blocks {padding:0;}
}

@media (max-width: 550px){
    #modal_form span{font-size:18px;}
}

#modal_form span{
    text-transform:uppercase;
    text-align:center;
    margin:25px 0;
    font-weight:bold;
    font-size:30px;
}

span.callback__title.workc:before {
    content: none;
}


				@media (max-width: 700px) {
				.fn1 {
				width: 100% !important;
				float: left;
				}
				.fn2 {
				width: 100% !important;
				float: left;
				text-align: center;
				}span.mod-kviz {
				display: block;
				font-size: 30px;
				margin-bottom: 5% !important;
				}
				}  
				.fn1 {
				width: 75% !important;
				float: left;
				}
				.fn2 {
				width: 25% !important;
				float: left;
				text-align: center;
				}span.mod-kviz {
				display: block;
				font-size: 30px;
				margin-bottom: 15%;
				}.fn2 button.button-2 {
				}
				.fancybox-content {
				
				overflow-x: hidden !important;}
				@media (max-width: 767px) {
				}input.kvz.form-control.form-control_phone.form-control_big {
				border: 1px solid #2b86db;
				display: unset !important;
				width: 100%;
				/* float: right; */
				}a.kvzs {
				color: #2b86db;
				}form.subscription__form.kvz {
				width: 100% !important;
				display: inline-block !important;
				}span.mod-kviz {
				margin-bottom: unset !important;
				}
				
.shop-box__description-table {text-align: left;}

.slider-button-next, .slider-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* anchor */
.anchor {
	text-align: center;
	background: rgba(69,142,230,0.10);
}

.fotobl img {
	width: auto !important;
}

.anchor ul li {
    display: inline-block;
    width: 18.5%;
    margin: 0.5%;
    font-size: 18px;
    text-align: left;
    vertical-align: middle;
}

.anchor ul li a {
	color: #458DE6;
	display: block;
	padding: 10px 0 10px 20px;
	position: relative;
	text-decoration: none;
}

.anchor ul li a:hover {text-decoration: underline;}

.anchor ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 20px;
	width: 7px;
	height: 7px;
	background: #458DE6;
}

.tag-karniz {
    padding: 0 15px;
}

.tag-karniz ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px 0;
    border: 1px solid #336299;
}

.tag-karniz ul li a {
    text-decoration: none;
    padding: 10px;
    color: #808080;
}

.tag-karniz ul li:hover {
    background: #336299;
}

.tag-karniz ul li:hover a {
    color: #fff;
}

.utp button {
    margin-top: 15px;
}

.tag-karniz h2 {
    font-weight: normal;
    font-size: 32px;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    color: #222222;
    margin: 30px auto;
}

/* portfolio */
.content-blocks .products__items, .content-blocks .shop-box,
.content-blocks .catalog__items {width: 100%;}


.content-blocks .portfolio-demo .products__more {margin-top: 30px;}

.shop-box__items {
	width: 98%;
	margin: 0 auto;
}

.tab-1 .shop-box__items>div, .tab-2 .shop-box__items>div  {
	-ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
}

.content-blocks .shop-box__items>div {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    margin: 0 10px;
    box-sizing: border-box;
}

.content-blocks .shop-box__items>div {margin: 0;}

.shop-box__picture {text-align: center; position: relative;}

.shop-box__picture img {
	max-width: 100%;
	width: auto;
}

.shop-box__picture span {
	position: absolute;
	width: 60px;
	height: 60px;
	font-size: 22px;
	color: #FFFFFF;
	background: #23BD16;
	border-radius: 50%;
	display: block;
	line-height: 60px;
	right: 10px;
	top: 10px;
}

.shop-box__items .button-2 {
	margin: 0 auto;
}

.content-blocks .shop-box__items .button-2 {
	display: block;
	margin: 20px auto;
	max-width: 140px;
}

.shop-box {margin: 30px auto;}

.shop-box__description-money-old {
	font-size: 18px;
	margin-top: 7px;
	text-decoration-color: red;
}

.shop-box__description-money {
	margin-right: 10px;
	font-size: 24px;
}

.catbl {
    width: 48%;
    float: left;
    margin: 25px 1%;
}

.cat-picture a {
    width: 159px;
    height: 159px;
    display: block;
}

.cat-picture a img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-object-fit: cover;
    object-fit: cover;
}

.cat-picture {
    display: inline-block;
    vertical-align: middle;
}

.cat-descript {
    display: inline-block;
    vertical-align: top;
    width: 65%;
    margin-left: 3%;
}

.cat-descript a {
	font-weight: 600;
    font-size: 18px;
    line-height: 1.3px;
    text-transform: uppercase;
    color: #222;
}



/* benefits */
.benefits {
	background: #458EE6;
	background-size: cover;
	color: #ffffff;
	padding: 50px 0;
}

.benefits h2 {
	color: #ffffff;
}

.benefit-block {
	width: 100%;
	display: inline-block;
}

.benbl {
    width: 23%;
    float: left;
    margin: 20px 1% 0;
    text-align: center;
    min-height: 225px;
}

.benbl span {
	display: block;
	height: 45px;
}

.benbl span img {
    width: auto;
    height: auto;
}

.benbl span:nth-child(2) {
    height: auto;
    text-transform: uppercase;
    margin: 20px auto 10px;
    display: block;
}

.benbl h3 {
	text-transform: uppercase;
	font-family: "futurademi";
	font-size: 15px;
	margin: 20px auto 10px;
}

.benbl p {
    font-size: 20px;
    line-height: 1.3;
}

.ben-more {
	display: block;
	margin: 20px auto;
	font-size: 14px;
	text-transform: uppercase;
	border: 1px solid #ffffff;
	max-width: 140px;
	border-radius: 3px;
	color: #ffffff;
	text-align: center;
	padding: 9px 0;
}

.ben-more:hover {
	background: #ffffff;
	color: #458EE6;
	text-decoration: none;
}


/* sertificate */
.sertificate {
	background: #F5F5F5;
	padding: 50px 0;
}

.content-blocks .container {
	width: 100%;
	max-width: 1200px;
}

.sertificate span {
	display: inline-block;
	width: 28%;
	margin: 2%;
	vertical-align: middle;
}

.sertificate span img {
	width: 100%;
	height: auto;
}


.control-info__icon-wrapper {
	float: left;
}

.control-info__title {
    font-size: 18px;
    font-family: "futurademi";
    text-align: left;
    margin-bottom: 10px;
}

.control-info__description p {
	font-size: 16px;
	text-align: left;
	margin: 0;
}

.control-info__item:not(:last-child) {
    margin-right: 0%;
    border-right: 1px solid #E5E5E5;
}

.control-info__icon-wrapper {
    width: 100px;
    height: 100px;
    margin: 0 0 70px;
}


.team-info__item-inner {
	box-shadow: none;
	padding: 0;
}

.team-info__picture-inner {
    padding: 0;
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

.team-info__picture {
    margin-top: 0;
}

.team-info .slick-slide img {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.slick-slide img {height: auto;}

.prodd {text-align: center;}

.prodd span {
	width: 23.5%;
	display: inline-block;
	margin: 4px;
}

.prodd span img {width: 100%; height: 100%;}

.partners-infobl {
	width: 100%;
	text-align: center;
}

.partners-info__item {
	display: inline-block;
	vertical-align: middle;
	width: 15%;
}

.partners-info__item:not(:nth-child(3n)) {margin: 0;}
.partners-info__logo__hover{display:none;max-width:100%;padding:0;}
.partners-info__link:hover .partners-info__logo {display: none;}
.partners-info__link:hover .partners-info__logo__hover{display:inline-block;}

.partners-info {margin-bottom: 70px;}

.call-us {
	display: inline-block;
	width: 100%;
	background: #F5F5F5;
	padding: 50px 0;
}

#Download .order-call-3__heading.heading.heading_big:after {
    content: none;
}

.contbl {
	width: 25%;
	float: left;
	padding: 0 30px;
}

.call-text {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	margin-left: 15px;
	color: #535353;
}

.call-text span {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.call-text p {
	margin: 0;
	font-size: 16px;
}

.instruction-block #block1 {
    padding-bottom: 0 !important;
}

.call-text p span {
	display: inline-block;
	font-size: 16px;
	text-transform: none;
	margin: 0;
}

a.catalog__link-title-text {text-decoration: none;}
a.catalog__link-title-text:hover {text-decoration: underline;}

.team-info__items {width: 1400px;}
.team-info__item {width: 8% !important;}

#modal_form {width: 500px !important; text-align: center; margin: -135px auto 0 !important; left: 0 !important; right: 0;}
#modal_form h4 {margin-bottom: 30px;}
#modal_form .btn-add {margin: 0 10px; display: inline-block;}
#modal_form .exit:after {padding-left: 0; line-height: 20px;}

.button-2 {padding: 14px 35px; line-height: 1.3;}
.section-1 .subscription {margin: 0 auto;}

.deliver-text p {font-weight: bold;}
.deliver-text ul li {list-style: square;}

.deliver-text ul {
    padding-left: 30px;
    margin-bottom: 20px;
}

li.menu__item.menu__item_active>p .menu__link_active:hover {
    color: #ffffff !important;
}

span.mod-kviz {font-size: 24px !important;
    text-align: left;
    color: #000000;}

.fancybox-slide .fn1 {width: 70% !important;}
.fancybox-slide .fn1 img {height: 100%;}
.fancybox-slide .fn2 {width: 30% !important;}

.reviews-demo__slider-nav-wrappersa a {
    display: inline-block;
    width: 31%;
    box-shadow: 0 0 3px 1px #f7f3f3;
    height: 100%;
    margin: 10px;
    border-radius: 5px;
}


.jqcart-del-item {
  position: relative;
}


.jqcart-del-item:before {
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}


.button-2 {
    color: #ffffff !important;
    background: #2b86db !important;
}

.button-2:hover {
    color: #ffffff !important;
    background: #2b6ca1 !important;
}

.callback__phone-number {
    font-size: 20px;
}

.callback__worktime {
    font-size: 20px;
}

.utp button.button-2 {
    background-color: #30bd29 !important;
}

.mod-kviz ol li {
    text-align: left;
}

.mod-kviz ol {
    padding-left: 40px;
}

.mod-kviz {
    padding: 50px 20px;
    font-size: 24px;
}

.mod-kviz p:nth-child(1) {
    font-weight: bold;
	text-align:left;
	color:#000;
}

.mod-kviz p:nth-child(3) {
    color: #333333;
}

.utp ol {
    padding-left: 40px;
    color: #000;
    font-weight: 600;
}

.products__picture-wrapper a img {
    object-fit: cover;
    object-position: bottom right;
}

.fancybox-navigation .fancybox-button {
    height: 120px !important;
    width: 90px !important;
}

.fancybox-close-small:hover {
    color: #fff !important;
}
.fancybox-button:after, .fancybox-button:before {
    right: 10px;
}

.button-1_big {
    line-height: 1;
    padding-right: 40px;
    padding-left: 40px;
    font-family: latobold;
    font-size: 17px;
    text-transform: inherit;
    border: 1px solid #109c55;
    border-radius: 5px;
    padding: 13px 40px;
}

button.fancybox-button.fancybox-button--arrow_left {
    left: 6% !important;
}

.fancybox-content .button-2 {padding:14px;}

.btn-add:hover {
    color: #fff;
    background-color: #5c81ad !important;
    border: 1px solid #336299;
}

.btn-add:active, .btn-add:focus {
    color: #fff;
    background-color: #336299 !important;
    border: 1px solid #336299;
}

.subscription__title.about-1 {
    width: 100%;
}

.btn-primary {
    width: 100%;
    max-width: 235px;
    padding: 15px;
    background: #2b86db;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
	display: inline-block;}

p.cena {
    text-align: center;
}

/* payment-content */
.payment-content {
    max-width: 1000px;
    margin: auto;
    padding: 50px 15px 0;
}

.payment-content p {
	display: inline-block;
	width: 100%;
}

/* why-us */

.why-us-block {margin-top: 60px;}

.why-us-block ul {
	max-width: 950px;
	margin: 0 auto 50px;
}

.why-us-block h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0;
    color: #535353;
}

.list2 {
	margin: 0;
	padding: 0;
}

.list2 li {
	margin-bottom: 50px;
	padding-left: 75px;
	position: relative;
}

.list2 li:before {
	content: "";
	width: 48px;
	height: 48px;
	display: block;
	background: url(/img/list2.png) left center no-repeat;
	top: 50%;
	position: absolute;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.shop-box__heading.heading.heading_big.content-blocks p {
    font-size: 16px;
    text-transform: none;
}


/* ow-work-blocks */
.how-work-blocks {
	background: url(/img/how_work_bgs.png) center no-repeat;
	background-size: cover;
	position: relative;
	padding: 45px 0;
	color: #ffffff;
}

.how-work-blocks:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.46);
}

.how-work-blocks:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.13);
}

.how-work-blocks h2 {
	color: #ffffff;
	font-weight: normal;
	font-size: 32px;
	line-height: 41px;
	text-align: center;
	text-transform: uppercase;
	margin: 30px 0 50px;
}

.how-work-blocks ul {
	counter-reset: list;
	-ms-flex-align: center;
	   align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	display: -ms-flexbox;
		   display: flex;
}

.how-work-blocks ul li {
	width: 33%;
	margin-bottom: 50px;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	position: relative;
	padding-left: 40px;
}

.how-work-blocks ul li:before {
	counter-increment: list;
	content: counter(list);
	font-weight: 600;
	font-size: 48px;
	line-height: 62px;
	color: #127DF9;
	top: 50%;
	position: absolute;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.how-work-blocks .container-fluid {
    position: relative;
    z-index: 10;
    max-width: 980px;
    margin: auto;
    padding: 0 15px;
}

.benefits h2 {
    color: #fff !important;
}

.stl .banks-slider .slick-prev, .stl .banks-slider .slick-next {
    margin-top: 0;
}

.city-block .modal .close-modal {
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 15px;
    display: block;
    padding: 10px;
}

label.form-control_policy p.submenu {
    display: inline-block;
}

.bullet-u li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    width: 9px;
    height: 9px;
    background: #2B86DB;
    border-radius: 50%;
}



.bullet-u ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    overflow: hidden;
}

.video-v {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.video-v iframe {
    width: 33%;
    padding: 0 10px;
    margin-bottom: 20px;
}

/* Стили для адаптивности */

@media (min-width: 768px) {
.products__item { width: 32%;}
.heading_big {font-size: 32px; text-transform: uppercase; font-weight: 500; text-align: center; margin: 20px auto;}
#block1 .products__item {height: 380px;}
}

@media (min-width: 1200px) {
.reviews-info__items {max-width: 1130px;}
}


@media (min-width: 1200px) and (max-width: 1500px) {
#block1 .products__item {height: 250px;}
.anchor ul li {font-size: 16px;}

.team-info__item {width: 11% !important;}
}

@media (max-width: 1199px) {

.menu {
    display: flex;
    flex-direction: column;
}

ul.menu__list {
    order: 1;
}

.menu__address {
    order: 3;
}

nav.navigation {
    order: 2;
}

ul#menu-verhnee-menyu {
    flex-direction: column;
}

nav.navigation ul li {
    border-bottom: 1px solid #f8f8f8;
}

nav.navigation ul li a {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    min-height: 60px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    text-decoration: none;
    padding-right: 30px;
    padding-left: 30px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.content-blocks .container {width: 99%;}
#block1 .products__item {width: 31%; height: 200px; margin-right: 15px;}
.cat-picture a {width: 140px; height: 140px;}
.reviews-info__items {max-width: 850px;}
.prodd span {width: 23%;}
.contbl {padding: 0 10px;}
.call-text {width: 70%; margin-left: 10px;}
.call-text p {line-height: 1;}
.team-info__items {width: 960px;}
.anchor ul li {width: auto; margin: 0 2%;}
.benbl span:nth-child(2) {height: 60px;}
.dillers {width: 100%;}
span.mod-kviz {font-size: 16px !important;}
.reviews-demo__slider-nav-wrappersa a {width: 46%;}
.fancybox-slide .fn1 {width: 60% !important;}
.fancybox-slide .fn2 {width: 40% !important;}
span.mod-kviz {padding: 20px 0;}
.mod-kviz p:nth-child(1) {text-align: center;}
label.kvz.form-control_policy {float: none !important; margin: 10px auto 20px !important; display: block; width: 100%;}
.subscription__input {max-width: 50%;  margin: 0 10px 0 0;}
.fancybox-content {padding: 20px !important;}
.fancybox-slide .fn2 {padding-left: 20px;}
.fancybox-slide .fn2 .subscription__input {max-width:100% !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.callback__phone-number, .callback__worktime {font-size:16px;}
.header_button_hide .callback__phone-number, .header_button_hide .callback__worktime {font-size:20px;}
}

@media (min-width: 767px) and (max-width: 991px) {
#block1 .products__item {width: 31%; height: 200px; margin-right: 15px; float: left;}
.anchor ul li a {padding: 10px 10px 10px 20px;}
.anchor ul li {font-size: 16px; margin: 0; width: auto;}
.shop-box__items>div, .tab-1 .shop-box__items>div, .tab-2 .shop-box__items>div {-ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%;}
.cat-picture a {width: 100px; height: 100px;}
.cat-descript h3 {font-size: 16px; margin-bottom: 15px;}
.cat-descript p {font-size: 16px; line-height: 1;}
.benbl {min-height: 220px;}
.benbl span:nth-child(2) {height: 50px; font-size: 16px;}
.control-info__icon-wrapper {float: none; margin: 0 auto 20px;}
.control-info__title {font-size: 15px; text-align: center;}
.reviews-info__items {max-width: 570px;}
.prodd span {width: 48%; margin: 0 5px;}
.contbl {padding: 0 5px;}
.contbl img {max-width: 30px;}
.call-text {width: 70%; margin-left: 10px;}
.call-text span {font-size: 17px; margin-bottom: 10px;}
.partners-info {padding-top: 0;}
.call-text p span {display: block;}
.team-info__item {width: 4.3% !important;}
.control-info__item, .control-info__item:not(:last-child) {margin: 0 auto;}
.section-1 .subscription {margin: 0 auto;}
.dillers {width: 100%;}
.fancybox-content {padding: 20px !important;}	
span.mod-kviz {font-size: 16px !important;}
.reviews-demo__slider-nav-wrappersa a {width: 46%;}
label.kvz.form-control_policy {display: block; float: none; margin: 10px auto;}
.mod-kviz p:nth-child(1) {text-align: center; margin-bottom: 0;}
label.kvz.form-control_policy {text-align: center; width: 100%; margin: 5px 0;}
span.mod-kviz {padding:20px 0;}
.subscription__input {margin:10px auto 20px; max-width: none;}
button.subscription__submit.button-1.button-1_big.kvz {max-width: 180px;}	
}

@media (max-width: 991px) {
    .fancybox-slide .fn1, .fancybox-slide .fn2 {width: 100% !important; padding-left: 0;}
    label.kvz.form-control_policy {margin: 10px auto !important; float: none !important;}
    span.mod-kviz, form.subscription__form.kvz, .kvz .subscription__input {text-align: center;}
}

@media (max-width: 767px) {
.anchor ul li {width: auto; margin: 0 0.5%;}
.content-blocks .products__items, .content-blocks .shop-box, .content-blocks .catalog__items {display: inline-block;}
.shop-box__items>div, .shop-box__items>div:first-child, .content-blocks .shop-box__items>div, .tab-1 .shop-box__items>div, .tab-2 .shop-box__items>div {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 500px; margin: 0 auto;}
.prodd span {width: 48%; margin: 0 5px;}
.contbl {width: 50%; padding: 0 15px; margin-bottom: 40px; min-height: 80px;}
.call-text {width: 70%;}
.call-text span {margin-bottom: 10px;}
.partners-info__item {width: 28%; margin: 25px 0;}
.team-info__items {width: 450px; max-width: 100%;}
.team-info__item {width: 7.7% !important; margin: 0 10px;}
.reviews-info__items {max-width: 270px;}
.control-info__item, .control-info__item:not(:last-child) {margin: 0 auto;}
.control-info__item {max-width: 400px; display: inline-block; padding: 20px 0;}
.control-info__item:not(:last-child) {border-right: none; border-bottom: 1px solid #E5E5E5;}
.benbl {margin: 10px auto; min-height: 100%; text-align: left; width: 100%; max-width: 500px; float: none; display: inline-block;}
.benbl span {float: left; width: 100px; height: 100px; text-align: center; line-height: 120px;}
.catbl {width: 100%; margin: 25px auto; max-width: 500px; float: none;  text-align: left;}
.cat-picture a {width: 100px; height: 100px;}
.catalog__items {text-align: center;}
.catalog__items {padding: 0 15px;}
.benefit-block {text-align: center;}
#modal_form {width: 94% !important; max-width: 500px;}
#modal_form h2 {font-size: 20px;}
#modal_form h4 {font-size: 20px;}
button.products__prev.slider-button-prev.slick-arrow {display: none !important;}
.benbl span:nth-child(2) {height: auto;display: block;line-height: 1.3;float: left;width: 75%;text-align: left;}
.benbl p {float: right;  width: 85%;}
.benbl img {float: left; margin-right: 30px;}
.subscription__input {margin-bottom: 40px;}
.fancybox-navigation {display: none;}	
.fancybox-content .button-2 {padding: 12px 15px;}	
.section-1 .subscription {width: 90%; margin: 0 auto;}	
.fancybox-content {padding: 20px !important;}
.products-block img {height: 100%; object-fit: cover;}	
span.mod-kviz {font-size: 16px !important; padding:20px;}	
.reviews-demo__slider-nav-wrappersa a img {max-width: 100%;}
label.kvz.form-control_policy {display: block; float: none; margin: 10px auto;}
.mod-kviz p:nth-child(1) {text-align: center;}
label.kvz.form-control_policy {text-align: center; width: 100%; margin: 5px 0;}
.subscription__title {width: 100%;}
.how-work-blocks ul li {width: 49%;}
.kvz button.kvz {width: 100% !important;}
}

@media (min-width: 551px)  and (max-width: 767px) {
	form.subscription__form {display: block;}
.subscription__form.stati {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: column; flex-direction: row; max-width: 100%;}
.subscription__input {width: 60% !important; display: inline-block;}	
.button-1_big {line-height: 1.3; height: 47px; padding: 0 15px; width: 36% !important; margin-left: 10px; display: inline-block;}
.fn1 {width: 65% !important;}
.fn2 {width: 35% !important;}	
.products-block a:nth-child(1) {height: 100px;}
.subscription__input {margin-bottom: 40px}	
.reviews-demo__slider-nav-wrappersa a {width: 45%; padding: 10px;}
}

@media (max-width: 550px) {
.anchor ul li {width: 100%; padding: 0 15px; margin: 0;}
.contbl {width: 100%;}
.prodd span {width: 46%;}
.team-info__item {width: 16% !important;}
.partners-info__item:not(:nth-child(3n)), .partners-info__item:not(:nth-child(2n)), .partners-info__item {margin: 10px;}
.cat-descript {width: 60%;}
#modal_form .btn-add {width: 100%; margin: 5px auto; max-width: 250px;  padding: 0;}
#modal_form h2 {font-size: 18px;}
.jqcart-cart-label {margin-top: 15px;}
.benbl span:nth-child(2), .benbl p {width: 67%;}
.card-left a.modal {padding: 14px 15px; line-height: 1.3;}
.fancybox-slide .fn1, .fancybox-slide .fn2 {width:100% !important;}
.fancybox-content {width: 100% !important;}	
.more-product {text-align: center;}
.products-block {margin-bottom: 30px;}
.products-block a:nth-child(1) {height: 125px;}		
.subscription__input {width: 100% !important;}	
.wrapper-card button.add_item.btn-add.modala {background: #ffffff !important; color: #4990e2 !important;}
.wrapper-card button.add_item.btn-add.modala:hover {color: #ffffff !important; background-color: #336299 !important;}
.fn1 {width: 100% !important;}
.fn2 {width: 100% !important;}	
.carta-rabot, .place-map, .place-map__info .logo {display: none;} 
.reviews-demo iframe {width: 100%;height: 250px;}
.reviews-demo__slider-nav-wrappersa a {width: auto; padding: 10px;}
.how-work-blocks ul li {width: 100%;}
}


@media (min-width: 1024px) {
.marquiz__modal {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
-webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 650px;
    margin: auto !important;
}
.marquiz__frame_open {
    position: absolute;
}
}


@media (min-width: 1200px) {
    .subscription__input {
    width: 320px !important;
    margin-right: 30px;
    margin-left: 30px;
}
}
@media (min-width: 1200px) {
    .subscription__input {
    width: 320px !important;
    margin-right: 30px;
    margin-left: 30px;
}
}




/* установка крнизов */

.assembly-block {
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 10px;
}

.assembly-block .areasbl {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 50px;
}

@media (max-width: 575px) {
.assembly-block .areasbl {width: 100%; margin-bottom: 30px;}
}


/* замерщик */

.stl h2 {
    font-weight: normal;
    font-size: 32px;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    color: #222222;
    margin: 30px auto;
}

.stl {
    color: #555555;
    font-size: 18px;
}

.stl p {
    line-height: 1.5;
    font-size: 20px;
    color:#6b6c6e;
    font-weight: 300;
}

.cor {
    padding: 0 15px;
    font-size: 18px;
}

.cor ol {
    padding-left: 22px;
    margin-bottom: 20px;
}

.payment-content p {
    margin: 7px 0;
    display: inline-block;
    width: 100%;
}

.container-fluids {padding: 0 10px;}

.rows {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.dinlbl {
    display: inline-block;
    width: 100%;
    padding: 35px 0;
}

/* considerbl */
.considerbl {
    text-align: center;
    width: 25%;
    padding: 0 10px;
}

.considerbl img {margin-bottom: 12px;}

.considerbl p {
    max-width: 250px;
    margin: 0 auto;
}

/* mistake */
.mistake {padding-bottom: 20px;}

.mistakebl {
    width: 33.333333%;
    padding: 0 10px;
}

.mistakebl img {width: 100%;}

.mistakebl p {margin: 20px 0;}
.mistake-text p {margin-bottom: 0;}

.measurer-call {
  text-transform: uppercase;
  text-align: center;
}

.measurer-call img {margin-bottom: 40px;}

.measurer-call p, .measurer-call a {
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  display: block;
}


@media (max-width: 991px) and (min-width: 768px) {
.stl h2 {font-size: 28px;}
.mistake h2 {max-width: 500px;}
}

@media (max-width: 767px) {
.stl h2 {font-size: 26px; line-height: 1.4;}
.considerbl {margin-bottom: 40px; width: 50%;}
.mistakebl {width: 50%;}
.mistake h2 {max-width: 500px;}
}


@media (max-width: 575px) {
.considerbl, .mistakebl {width: 100%;}
}



/* производство */

.process-text {text-align: center;}

.payment-content .process-text {padding-bottom: 40px;}

.process-text h2 {
    margin-bottom: 20px;
}

.process-text p {
    font-size: 20px;
    line-height: 21px;
    text-align: center;
    color: #82888F;
    max-width: 560px;
    margin: 0 auto;
}

.process-block {
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 10px;
}

.process-block .areasbl {
    padding: 0 10px;
    width: 50%;
    margin-bottom: 30px;
}

.process-block .areasbl img {
    max-height: 280px;
    object-fit: cover;
}

.team-worker-block {
    max-width: 1020px;
    margin: 50px auto 0;
    padding: 0 10px;
}

.collectivebl {
    padding: 0 10px;
    width: 50%;
    margin-bottom: 30px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}

.collectivebl img {margin-right: 20px;}

.team-worker-block .media-body h3 {
    font-size: 18px;
    line-height: 22px;
    color: #363940;
    margin: 0;
}

.team-worker-block .media-body span {
    color: #82888F;
    display: block;
}

@media (max-width: 767px) {
.collectivebl {width: 100%;}
}

@media (max-width: 576px) {
.collectivebl {font-size: 16px;}
.collectivebl span {margin-bottom: 5px;}
.collectivebl p {line-height: 1.2;}
}


/* шоу-рум */

.stl h3 {
	margin: 20px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: #222222;
}

.showroom-content {
    max-width: 970px;
    margin: auto;
    padding: 50px 0 20px;
}

.showroom-block .areasbl {
	margin-bottom: 20px;
	width: 25%;
	padding: 0 10px;
}

.areasbl img {
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.areasbl h3 {margin: 10px 0;}

.demonstration-block .areasbl {
	margin-bottom: 20px;
	width: 33.333333%;
	padding: 0 10px;
}

.possibilities .rows {
	-ms-flex-align: stretch;
    align-items: stretch;
}

.benblks {
    margin: 30px 0 20px;
    display: -ms-flexbox;
    display: flex;
    width: 33.333333%;
    padding: 0 10px;
}

.benblks span.ben-img {
    border: 1px solid #2B86DB;
    width: 79px;
    height: 79px;
    line-height: 79px;
    border-radius: 50%;
    background: #ffffff;
    display: block;
    text-align: center;
}

.benblks span img {
    vertical-align: middle;
    border-style: none;
}

.ben-text {
    width: 79%;
    margin-left: 20px;
}

.ben-text h3 {margin-top: 0;}
.ben-text p {margin: 0;}

.veiw-more-block {
	display: none;
    width: 100%;
    text-align: center;
}

.veiw-more-block button.btn-outline-primary {
    background: #ffffff;
    border: 1px solid #2B86DB;
    color: #4990E2;
    padding: 10px 20px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    font-weight: 400;
}


@media (min-width: 992px) and (max-width: 1199px) {
.showroom-block .areasbl {width: 50%;}
.ben-text {width: 70%; margin-left: 15px;}
}

@media (max-width: 991px) and (min-width: 768px) {
.showroom-block .areasbl, .benblks {width: 50%;}
.ben-text {width: 70%;}
.ben-text h3 {font-size: 16px; margin: 0 0 10px;}
}

@media (max-width: 767px) {
.showroom-block .areasbl, .demonstration-block .areasbl {width: 50%;}
.benblks {width: 100%; margin: 20px 0;}
}


@media (max-width: 575px) {
.showroom-block .areasbl, .demonstration-block .areasbl {width: 100%;}
.step {display: none;}
.veiw-more-block {display: block; margin-top: 10px;}
.benblks.activ {display: -ms-flexbox; display: flex;}
}

/* тендер*/

.tender-page h1 {
    font-size: 32px;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    color: #222222;
    margin-bottom: 40px;
}

.tender-page {
	padding: 60px 0;
	background: #F5F5F5;
}

.tender-flex {
	-ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}

.tender-img {width: 33.333333%; padding: 0 15px;}
.tender-img img {max-width: 100%;}
.tender-info {width: 66.666667%; padding: 0 15px;}
.tender-info p {margin-bottom: 30px;}

.tender-page .btn-primary {
    width: 100%;
    max-width: 235px;
    padding: 15px;
    background: #2b86db;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    display: inline-block;
}

@media (max-width: 991px) and (min-width: 768px) {
.tender-img {width: 41.666667%;}
.tender-info {width: 58.333333%;}
}

@media (max-width: 767px) {
.tender-flex {display: block; text-align: center;}
.tender-img, .tender-info {width: 100%;}
.tender-img img {margin: 50px auto; display: block;}
.tender-info p {max-width: 500px; margin: 0 auto 30px;}
}


/* Видеопортфолио */

/* anchor */
.video-portfolio .anchor ul {text-align: left;}
.video-portfolio .anchor ul li {margin: 0; width: 24%;}
.video-portfolio .anchor ul li a {padding-left: 15px;}


.row-block {
	margin: 0 -8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.video-blocks {padding: 20px 0;}

.videoblk {
	width: 33%;
	margin-bottom: 10px;
	padding: 0 8px;
}

.videoblk a {
	width: 100%;
	height: 230px;
	display: block;
	position: relative;
}

.videoblk a:before {
    content: "";
    width: 62px;
    height: 50px;
    background: url(/assets/img/play.png) center no-repeat;
    opacity: .85;
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    background-size: contain;
}

.videoblk a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fancybox-show-thumbs .fancybox-thumbs {display: none;}
.fancybox-show-thumbs .fancybox-inner {right: 0;}


@media (max-width: 1199px) and (min-width: 992px) {
.videoblk {width: 50%;}
.videoblk a {height: 215px;}
.video-portfolio .anchor ul li {width: 32%; font-size: 16px;}
}

@media (max-width: 991px) and (min-width: 768px) {
.videoblk {width: 50%;}
.videoblk a {height: 215px;}
.video-portfolio .anchor ul li {width: 32%;}
.video-portfolio .anchor ul li a {font-size: 16px; padding: 5px 0 5px 20px;}
.video-portfolio .anchor ul li a:before {top: 11px;}
}

@media (max-width: 767px) {
.videoblk {width: 50%;}
.videoblk a {height: 180px;}
.video-portfolio .anchor ul li {width: 49%;}
.video-portfolio .anchor ul li a {font-size: 16px; padding: 5px 0 5px 20px;}
.video-portfolio .anchor ul li a:before {top: 11px;}
}

@media (max-width: 575px) {
.videoblk {width: 100%;}
.videoblk a {height: 230px; max-width: 350px; margin: auto;}
.video-portfolio .anchor ul li {width: 100%;}
}

/*Вопросы ответы*/

.adviseblk span {
  width: 99px;
  height: 99px;
  line-height: 99px;
  border: 1px solid #2B86DB;
  display: block;
  margin: 20px auto 40px;
  border-radius: 50%;
  text-align: center;
}

.adviseblk span img {vertical-align: middle;}

.advise .rows {
    counter-reset: list;
}

.adviseblk {
  padding: 0 10px;
  width: 33.333333%;
}

.adviseblk p {
  padding-left: 100px;
  position: relative;
  font-size: 16px;
  line-height: 21px;
}

.adviseblk p:before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: list;
  content: counter(list);
  font-weight: 800;
  font-size: 100px;
  line-height: 0.8;
  color: #E2E2E2;
}

.zhalyuzi-price-bg {
    background: url(/assets/img/zhalyuzi_bg2.jpg) center no-repeat;
    background-size: cover;
}

.calc-block {
    padding: 65px 45px;
    background: rgba(255,255,255,0.78);
    min-height: 466px;
    max-width: 572px;
    margin-left: 40px;
}

.calc-block h2 {
    text-align: left;
}

.calc-block ol {
    padding-left: 30px;
    margin-bottom: 1rem;
}

.calc-block ol li {
    margin-bottom: 10px;
}

.calc-block .btn {
    padding: 15px 50px;
    margin-top: 20px;
    background: #30BD29;
    border-radius: 3px;
    border-color: transparent;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.montage .slider {visibility: visible;}
.montagebl {width: 25%; padding: 0 10px;}
.montagebl img {width: 100%;}

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

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

.faq-block {
  background: #2B86DB;
  border-radius: 3px;
  padding: 40px 18px;
  text-align: center;
  max-width: 376px;
}

.faq-block h3 {
  margin-top: 0;
  color: #ffffff;
  font-size: 24px;
  line-height: 31px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: normal;
}

.faq-block input.form-control {
  height: 36px;
  line-height: 21px;
}

.faq-block .form-control {color: rgba(0,0,0,0.8);}

.faq-block textarea {
  height: 85px;
  color: rgba(0,0,0,0.8);
  resize: none;
}

.faq-block .form-group {margin-bottom: 20px;}
.faq-block .form-control:focus {color: #999;}
.faq-block .form-control::-webkit-input-placeholder {color: #999 !important;}
.faq-block .form-control:-moz-placeholder {color: #999 !important;}
.faq-block .form-control::-moz-placeholder {color: #999 !important;}
.faq-block .form-control:-ms-input-placeholder {color: #999 !important;}

.faq-block button {
  margin: 10px auto 0;
  padding: 11px 30px;
  display: block;
  line-height: 1;
  font-family: latobold;
  font-size: 17px;
  border-radius: 5px;
  padding: 13px 40px;
  background-color: #15ca6e;
  color: #fff;
  text-transform: none;
}

.faqblk .accordion {
  padding: 0 55px;
}

.faqblk .card {
  padding: 13px 0;
  border: none;
}

.faqblk .accordion>.card:not(:last-of-type) {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.45);
}

.faqblk .card h5 {
  margin: 0;
  background: url(/assets/img/faq_arrow.png) left center no-repeat;
  padding-left: 25px;
  cursor: pointer;
  font-size: 18px;
  color: #363A40;
}

.faqblk .card .card-body {padding: 10px 25px;}
.faqblk .card .card-body p {margin-bottom: 0;}
.faqblk .card .card-body ol {padding-left: 20px;}

.faq-view {display: none;}
.active .faq-view {display: block;}


@media (max-width: 1199px) and (min-width: 992px) {
.montagebl h3 {font-size: 16px;}
}

@media (max-width: 991px) and (min-width: 768px){
.montagebl {width: 50%;}
.adviseblk p {padding-left: 0; margin: 0;}
.adviseblk p:before {content: none;}
.faq-left, .faq-right {width: 100%;}
.faq-block {margin: 20px auto 0; max-width: 100%;}
.faqbl {width: 50%; padding: 0 10px;}
.faq-flex {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.faq-block textarea {height: 92px;}
}

@media (max-width: 767px) {
.faqblk .accordion {padding: 0;}
.calc-block {margin-left: 0;}
.adviseblk {width: 100%; display: -ms-flexbox; display: flex;}
.adviseblk p:before {content: none;}
.adviseblk span {margin: 15px auto 25px; display: inline-block; vertical-align: middle;}
.adviseblk p {padding-left: 20px; margin: 0; display: inline-block; vertical-align: middle; width: 80%;}
.faq-left, .faq-right {width: 100%;}
.faq-block {margin: 20px auto 0; max-width: 100%; padding: 40px 5px;}
.faqbl {width: 50%; padding: 0 10px;}
.faq-flex {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.faq-block textarea {height: 92px;}
}

@media (max-width: 575px) {
.adviseblk {margin-bottom: 30px;}
.faqbl {width: 100%;}
.adviseblk span {width: 75px; height: 75px; line-height: 75px;}
.adviseblk span img {max-width: 35px;}
}

/*Бренды*/

.table-styles table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  color: #222222;
  margin-bottom: 20px;
}

.table-styles table thead tr {background: #D7E2EC;}

.table-styles table thead tr th {
  padding: 10px;
  text-align: center;
  border: 1px solid #ffffff;
  vertical-align: middle;
  line-height: 1;
}

.table-styles table tbody tr td {
  padding: 10px 15px;
  text-align: center;
  border-right: 1px solid #ffffff;
  font-size: 18px;
  vertical-align: middle;
  line-height: 1;
}

.table-styles table tbody tr td:first-child {
  text-align: left;
  font-size: 20px;
}

.table-styles table tbody tr:nth-child(even) {background: rgba(43, 134, 219, 0.1);}
.table-styles table tbody tr td:first-child {width: 40%;}
.table-styles table tbody tr td:nth-child(n+2) {width: 15%;}

.tehnik-table .text-center .btn {
  width: 210px;
  padding: 10px 15px;
  margin: 10px 0;
}


@media (max-width: 991px) and (min-width: 768px) {
.table-styles th, .table-styles table tbody tr td, .table-styles table tbody tr td:first-child {font-size: 16px;}
}

@media (max-width: 767px) {
.table-styles table thead tr {display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 5px;}
.table-styles table thead tr th {width: 25%;}
.table-styles table thead tr th.active {border-bottom: 4px solid #4990E2;}
.table-styles table thead tr th:nth-child(1) {display: none;}
.table-styles table tbody tr td {display: none;}
.table-styles table tbody tr td:nth-child(1) {display: inline-block; width: 49%;}
.table-styles table tbody tr td.active {display: inline-block;}
.table-styles table tbody tr td:nth-child(n+2) {width: 49%; border-right: none;}
}

@media (max-width: 575px) {
.table-styles table thead tr th {width: 25%; padding: 10px 5px; font-size: 16px; cursor: pointer;}
.table-styles table tbody tr td:first-child, .table-styles table tbody tr td {font-size: 16px; padding: 10px;}
}

/*Пульты*/

.pult-blocks {padding: 35px 0;}

.pult-blocks .pultbl {
  width: 33.333333%;
  padding: 0 10px;
}


@media (max-width: 991px) and (min-width: 768px){
.pult-blocks .pultbl {width: 50%;}
}

@media (max-width: 767px) {
.pult-blocks .pultbl {width: 50%;}
}

@media (max-width: 575px) {
.pult-blocks .pultbl {width: 100%;}
}

/*Директору*/

.write-director {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 70px;
}

.write-director .container-fluids {padding: 0 15px;}
.write-director .rows {margin: 0 -15px;}

.write-director h1 {
    font-weight: normal;
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
    margin: 0 0 45px;
}

.write-director h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: #000000;
    margin: 0 0 30px;
}

.director-foto {
    width: 41.666667%;
    padding: 0 15px;
    text-align: center;
}

.director-foto img {
    max-width: 100%;
}

.director-text {
    width: 58.333333%;
    padding: 0 15px;
}

.write-description {background: #F5F5F5;}

.write-description .container-fluids {
	max-width: 920px;
	margin: auto;
	padding: 0 15px;
}

.write-description .rows {margin: 0 -15px;}

.write-description-left {
    max-width: 500px;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    width: 58.333333%;
    padding: 0 15px;
}

.write-description-right {
	width: 41.666667%;
	padding: 0 15px;
}

.write-body {
  max-width: 376px;
  background: #2B86DB;
  border-radius: 3px;
  padding: 26px 33px;
  color: #ffffff;
  text-align: center;
}

.write-body h3 {
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0 0 26px;
}

.write-body .form-group {margin-bottom: 20px;}

.write-body input.form-control {
	height: 36px;
	width: 100%;
	border: 1px solid #ced4da;
    border-radius: .25rem;
}

.write-body textarea {margin-bottom: 30px;}

.write-body .check {
  display: inline-block;
  padding: 0;
  margin: 10px 0 0;
  width: auto;
}

.write-body .check a {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-decoration-line: underline;
  color: #FFFFFF;
  padding-left: 25px;
  vertical-align: top;
  margin-top: 5px;
}

.write-description .rows {
	-ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.adds {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.adds a {
  width: 100%;
  display: block;
  text-align: center;
  cursor: pointer;
}

.adds a img {vertical-align: middle;}

.adds input[type="file"] {
  position: absolute;
  top: 0;
  height: 30px;
  width: 100%;
  opacity: 0;
  left: 0;
  cursor: pointer;
  margin: 0;
}

/* checkbox */
.check {
  position: relative;
  display: block;
  padding-left: 25px;
}

.checkbox {display: none;}

.checkbox-custom {
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid #007bff;
  border-radius: .25rem;
  background: #ffffff;
  cursor: pointer;
  left: 0;
  top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.checkbox:checked + .checkbox-custom::after {
  content: "";
  color: #4990e3;
  font-weight: 700;
  background: url(/assets/img/check.png) center no-repeat;
  background-size: 10px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: -1px;
  top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.check a {
  font-weight: 300;
  line-height: 1;
  font-size: 16px;
  display: inline-block;
}

.form-blue .check {
    position: absolute;
    top: 100%;
}

.form-blue .check a {
  font-size: 20px;
  color: #ffffff;
}

.write-description form button {
    line-height: 1;
    font-family: latobold;
    font-size: 17px;
    border-radius: 5px;
    padding: 13px 40px;
    background-color: #15ca6e;
    color: #fff;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 991px) and (min-width: 768px){
.write-description-left, .write-description-right {width: 50%;}
}

@media (max-width: 767px) {
.director-foto, .director-text, .write-description-left, .write-description-right {width: 100%; margin: auto;}
.director-foto {-ms-flex-order: 2; order: 2; margin-top: 20px;}
.write-description {padding: 50px 0;}
.write-description-left {margin-bottom: 25px;}
.write-body {margin: auto;}
}


/*География работ*/
.geography-block {
    position: relative;
    height: 170px;
}

.geography-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.48);
    display: block;
    z-index: 20;
    border-radius: 5px;
}

.geography iframe {
    width: 100%;
    height: 170px;
    border: none;
}

.geography-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px 15px;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 100px;
    z-index: 99;
    width: 257px;
    height: 50px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-weight: 500;
	z-index: 20;
    color: #ffffff;
    font-size: 1rem;
}

.geography-btn:hover {
	background: #458EE6;
	border-color: transparent;
}

.geography.active .geography-btn {
	 top: 95%;
    -webkit-transform: none;
    transform: none;
	background: #fff;
    color: #000;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.geography.active .geography-btn:hover {
	background: #458EE6;
	color: #ffffff;
}

.geography.active iframe {
  height: 700px;
}

.geography.active .geography-block {height: 100%;}
.geography.active .geography-block:before {content: none;}
.d-none {display: none;}

/*Инструкции*/

.instructions-page ul {
    display: -ms-flexbox;
    display: flex;
}

.instructions-page ul li {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.instructions-page ul li a {
    padding: 10px 0;
}

.instructions-page ul li a:before {
    content: "";
    position: relative;
    left: 0;
    top: -3px;
    width: 7px;
    height: 7px;
    background: #458DE6;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.instructionbl {
    text-align: center;
    margin-bottom: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33.333333%;
}

.instructionbl p {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #000000;
    margin: 20px 0;
}

.instructionbl a {
    padding: 10px 15px;
    width: 166px;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    background: #30BD29;
    border-radius: 3px;
    border-color: transparent;
    text-decoration: none;
}

.instructionbl span {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #000000;
    display: block;
    margin-left: 12px;
}

.instruction-img {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.instruction-img img {max-width: 100%;}

.instrblk {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 992px) and (max-width:1199px) {
.instructionbl {width: 33.333333%;}
}

@media (max-width: 991px) and (min-width: 768px){
.instructionbl {width: 50%;}
}

@media (max-width: 767px) {
.instructionbl {width: 50%;}
}

@media (max-width: 575px) {
.instructionbl {width: 100%;}
.instructions-page ul {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.instructions-page ul li {width: 33%; flex: none;}
}

/*Вакансии*/

.vacancies-block {margin-bottom: 20px;}
.vacanciesbl {margin-bottom: 50px;}
.vacanciesbl:nth-child(odd), .vacanciesbl:nth-child(odd) .vacancie-info {background: #E2E1DF;}
.vacanciesbl:nth-child(even), .vacanciesbl:nth-child(even) .vacancie-info {background: #EEF3F6;}

.vacancies-flex {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
}

.vacancy-text {
    padding: 0 15px 0 65px;
    width: 50%;
}

.vacanciesbl h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    text-transform: uppercase;
    color: #000000;
    margin: 30px 0;
    text-align: center;
}

.vacancy {
    padding: 0;
    margin: 0;
    list-style: none;
}

.vacancy li {
    padding-left: 45px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

.vacancy li:nth-child(1) {background: url(/assets/img/vacancies-icon1.png)left center no-repeat;}
.vacancy li:nth-child(2) {background: url(/assets/img/vacancies-icon2.png)left center no-repeat;}
.vacancy li:nth-child(3) {background: url(/assets/img/vacancies-icon3.png)left center no-repeat;}
.vacancy li:nth-child(4) {background: url(/assets/img/vacancies-icon4.png)left center no-repeat;}

.vacancie-btn {margin: 35px 0 20px;}

.vacanciesbl button {
    display: inline-block;
    margin-left: 22px;
    text-transform: none;
    border-radius: .25rem;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    height: 43px;
    padding: 0 25px;
}

.vacanciesbl button.btn-success {
    background: #30BD29;
    color: #FFFFFF;
    border: 1px solid #30BD29;
}

.vacanciesbl button.btn-outline-success {
    color: #000000;
    border: 1px solid #28a745;
}

.vacancies-picture {
    text-align: right;
    padding-left: 15px;
    width: 50%;
}

.vacancies-picture img {max-width: 100%;}

.vacancie-info {
    max-width: 1000px;
    padding: 74px 15px 40px;
    margin: auto;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

.vacanciesbl .vacancie-info {display: none;}
.vacanciesbl.active .vacancie-info {display: block;}

.vacancie-info blockquote {
    background: #FFFFFF;
    border: 2px solid #2B86DB;
    border-radius: 3px;
    padding: 35px 75px;
    margin: 30px 0;
    font-size: 20px;
}

.vacancie-info .list {
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

ul.menu__list-inner3 p, ul.menu__list-inner3 p a {
    background: #ffffff !important;
}

.vacancie-info .list > li {margin-bottom: 0;}
.text-center {text-align: center;}


.lift-areas, .zhalyuzi-type, .category-fabrics, .possibilities {padding: 0;}
.types-blk, .zhalyuzi-options  {padding-top: 0;}
.lift-features, .variants, .application-area, .tehnik-table {padding-bottom: 0;}
.geography {display: inline-block; width: 100%; padding: 30px 0;}
.lift-areas h2, .types-blk h2, .assembly-block h2 {margin-top: 0;}
.benefitsblk {margin-top: 30px;}
.benefits-lift {padding-bottom: 70px;}
.rulonnye-made {padding-top: 15px;}
.textopt {padding-bottom: 50px;}
.demonstration-block {padding-top: 20px;}
.catalog__inner {padding-top: 30px;}
.padtop {padding: 0 0 35px;}

@media (max-width: 991px) and (min-width: 768px){
.vacancy-text {padding-left: 15px;}
.vacancy li {margin-bottom: 15px;}
.vacanciesbl button.btn-success {margin-left: 0;}
.vacanciesbl button.btn-outline-success {margin-left: 15px;}
.vacancie-info .dinlbl {padding: 20px 0;}
.vacancie-info {padding: 25px 15px 35px;}
.vacancie-info h2 {margin: 0 0 15px; line-height: 26px;}
}

@media (max-width: 767px) {
.vacancy-text {padding-left: 15px; width: 100%;}
.vacancies-picture {width: 100%; padding-right: 15px;}
.vacanciesbl button.btn-success {margin-left: 0;}
.vacanciesbl button.btn-outline-success {margin-left: 15px;}
.vacancie-info blockquote {padding: 30px 35px;}
.vacancie-info {padding: 25px 15px 35px;}
.vacancie-info h2 {margin: 0 0 15px; line-height: 26px;}
.vacancie-info .dinlbl {padding: 20px 0;}
}

@media (max-width: 374px) {
.vacanciesbl button {padding: 0 15px;}
.vacancie-info blockquote {padding: 20px;}
}

/*Умный дом*/

.pultbl button {
    width: 100%;
    max-width: 150px;
    margin: auto;
    height: 40px;
    font-size: 16px;
    padding: 0 15px;
}

.smarts .smart-content {
    max-width: 1000px;
    margin: auto;
    padding: 70px 15px 0;
}

.smarts .smart-content h2 {margin-top: 0;}
.smarts .smart-content .pultbl {margin-bottom: 0;}

.compatibility-img {text-align: right;}
.compatibility-img img {width: 100%;}

ul.lists {padding-left: 30px;}
ul.lists li {list-style: square;}

.pultbl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-bottom: 50px;
}

.pul .pultbl {
    width: 25%;
    padding: 0 10px;
}

.pultbl .pult-img img {
    max-width: 100%;
    max-height: 100%;
	width: auto;
    height: auto;
}

.pultbl .pult-img {
  height: 310px;
  line-height: 310px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pultbl .pult-img img {max-width: 100%; max-height: 100%;}

.pultbl h4 {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #363940;
}

.pultbl p {
  -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: #7A7B7D;
}

.pultbl span {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 2px;
  color: #82888F;
  margin: 20px 0;
  display: block;
}

.pultbl a.btn {
  width: 122px;
  padding: 11px 15px;
  display: block;
  margin: auto;
}

.pultbl .btn-primary {
	background: #2b86db;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	border-radius: .25rem;
	font-size: 16px;
}

.smarts .smart-content .pultbl {
    margin-bottom: 0;
    width: 33.333333%;
    padding: 0 10px;
}

.smarts .pultbl .pult-img {
    height: 205px;
    line-height: 205px;
}

.compatibility-text {
    width: 58.333333%;
    padding: 0 10px;
}

.compatibility-img {
    width: 41.666667%;
    padding: 0 10px;
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center;
}

.smart-benefits-block {
    width: 33.333333%;
    text-align: center;
    padding: 0 10px;
    line-height: 1;
}

.smart-benefits-block img {margin-bottom: 22px;}

.smart-benefits-block p {
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  max-width: 280px;
  margin: 0 auto;
}

.intelligence-block {padding: 50px 0 30px;}
.intelligence-img img {width: 100%;}

.intelligence-img {
    width: 41.666667%;
    padding: 0 10px;
}

.intelligence-info {
    width: 58.333333%;
    padding: 0 10px;
}


@media (max-width: 991px) and (min-width: 768px){
.intelligence-img, .intelligence-info {width: 100%;}
.intelligence-img {-ms-flex-order: 2; order: 2;}
}

@media (max-width: 767px) {
.intelligence-img, .intelligence-info, .compatibility-text, .compatibility-img {width: 100%;}
.intelligence-img {-ms-flex-order: 2; order: 2;}
.smarts .smart-content .pultbl {width: 50%; margin-bottom: 30px;}
.smart-benefits-block {width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 50px;}
.smart-benefits-block p {max-width: 90%; margin: 0; text-align: left; margin-left: 30px;}
}

@media (max-width: 575px) {
.smarts .smart-content .pultbl {width: 100%;}
}


/*10 страниц*/

.stl :focus {outline: none;}

.btn-outline-primary {
    background: #ffffff;
    border: 1px solid #2B86DB;
    color: #4990E2;
    padding: 10px 20px;
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: none;
    display: inline-block;
}

.areas .text-center .btn-outline-primary {
    width: 165px;
    margin: 30px auto;
}


/*
--------------------
Styles for Variants
--------------------
*/
.variantbl {
    margin-bottom: 10px;
    width: 16.666667%;
    padding: 0 10px;
}

.variantbl span {
    display: block;
    height: 108px;
}

.variantbl img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.variantbl h3 {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 3px;
}

.variantbl p {
    color: #4990E2;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
}

.view-more a {
    background: #FFFFFF;
    border-radius: 3px;
    font-weight: 450;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    padding: 15px 35px;
    border: 1px solid #2B86DB;
    color: #4990E2;
    text-decoration: none;
    display: inline-block;
}

.view-more a:hover {
    background: #2B86DB;
    border-color: #2B86DB;
    color: #ffffff;
}


/*
-------------------
Styles for Palitra
-------------------
*/




.palitra {
	padding-bottom: 0;
	background: #F5F5F5 url(/wp-content/uploads/2023/06/palitra.png) right bottom no-repeat;
	min-height: 400px;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
}

.palitra .container-fluids {
    padding: 0 35px;
}

.palitra-text {
	width: 41.666667%;
	padding: 0 10px;
}

.palitra .btn {padding: 15px 30px;}

.btn-success {
    background: #30BD29;
    border-radius: 3px;
    border: 1px solid transparent;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #fff;
}

.btn-success:hover, .btn-success:focus {
    border: 1px solid #109c55 !important;
    background-color: #44d58b !important;
    color: #ffffff;
}


/*
-------------------
Styles for Project
-------------------
*/
.projectblk {margin: 0 10px;}

.projectblk a {
	width: 100%;
	height: 100%;
	height: 350px;
	display: block;
	position: relative;
}

.projectblk a:before {
    content: "";
    width: 62px;
    height: 50px;
    background: url( /assets/img/play.png) center no-repeat;
    opacity: .85;
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    background-size: contain;
}

.projectblk a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projectblk h3 {margin: 18px 0;}

.projectblk p {
	font-size: 16px;
	line-height: 21px;
}

.slider-project {position: relative;}
.slider-project {}
.slider-project {visibility: hidden}
.slider-project.slick-initialized { visibility: visible; }

.slider-project:before, .slider-project:after {
	content: "";
	position: absolute;
	top: 0;
	opacity: 0.9;
	width: 230px;
	height: 100%;
	display: block;
	z-index: 10;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 35%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.slider-project:before {left: 0;}

.slider-project:after {
	right: 0;
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
	      transform: matrix(-1, 0, 0, 1, 0, 0);
}


/*
-------------------------
Styles for Control-block
-------------------------
*/
.control-block {
    background: #F5F5F5;
}

.controlblk {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    margin: 30px 0;
    width: 20%;
    padding: 0 10px;
}

.controlblk span.control-img {
  width: 153px;
  height: 153px;
  line-height: 153px;
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
}

.controlblk span.control-img img {
	max-width: 100%;
	vertical-align: middle;
	width: auto;
    height: auto;
}

.controlblk span {
	font-size: 16px;
    line-height: 21px;
    text-align: center;
    margin: 20px auto 25px;
    height: 42px;
    max-width: 220px;
    display: block;
    text-transform: uppercase;
    color: #222222;
    font-weight: 600;
}

.unstyled {
	margin: 0;
	padding: 0;
	list-style: none;
}

.voise-block ul li {
    margin: 0 8px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #222222;
}

.voise-block ul li img {vertical-align: middle;}

.voise-block li span {
    display: none;
    background: #FFFFFF;
    opacity: 0.9;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    padding: 10px;
    color: #333;
    position: absolute;
    top: -50px;
    left: -48px;
    width: 115px;
    text-align: center;
    border-radius: 5px;
    font-size:12px;
}

.voise-block li span:before {
    content: "";
    border: 10px solid transparent;
    border-top: 6px solid #ffffff;
    z-index: 99;
    opacity: 1;
    position: absolute;
    top: 100%;
    left: 45%;
}

.voise-block li:nth-child(2) span {width: 140px; left: -65px;}
.voise-block li:nth-child(3) span {width: 80px; left: -20px;}
.voise-block li:nth-child(3) span:before {left: 38%;}
.voise-block li.active span {display: block;}

/*
--------------------
Styles for Zhalyuzi
--------------------
*/
.zhalbl, .mehanbl {
	width: 33.333333%;
	padding: 0 10px;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 35px 0;
}

.zhalbl-info, .mehanbl-info {
    margin-left: 22px;
    -ms-flex: 1;
    flex: 1;
}

.mehanizm-type {
	background: #F5F5F5;
}

.mehanbl {
	width: 50%;
	padding: 0 10px;
}

.mehanbl-info {margin-left: 40px;}

.mehanbl-info ul li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.mehanbl-info ul li img {vertical-align: middle;}

.mehanbl-info ul li p {
    display: none;
    background: #FFFFFF;
    opacity: 0.9;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    padding: 10px;
    color: #333;
    position: absolute;
    bottom: 125%;
    left: -43px;
    width: 130px;
    text-align: center;
    font-size: 14px;
    margin: 0;
    border-radius: 5px;
}

.mehanbl-info ul li p:before {
    content: "";
    border: 10px solid transparent;
    border-top: 6px solid #ffffff;
    z-index: 99;
    opacity: 1;
    position: absolute;
    top: 100%;
    left: 45%;
}

.mehanbl-info ul li.active p {display: block;}

.mehanbl-info ul li p span {
	display: block;
	font-weight: bold;
	line-height: 1;
}

.mehanbl img {
    -ms-flex-item-align: center;
    align-self: center;
}

.areasblk {
	width: 33.333333%;
	padding: 0 10px;
	line-height: 1;
}

.areasblk img {width: 100%; height: auto;}
.areasblk h3 {margin: 20px 0 10px;}

.category-fabrics-block {
	margin: 25px 0;
	width: 25%;
	padding: 0 10px;
	line-height: 1;
}

.category-fabrics-block img {width: 100%;}

@media (max-width: 700px) {
.fn1 {
width: 100% !important;
float: left;
}
.fn2 {
width: 100% !important;
float: left;
text-align: center;
}span.mod-kviz {
display: block;
font-size: 30px;
margin-bottom: 5% !important;
}
}  

.fn1 {
width: 75% !important;
float: left;
}

.fn2 {
width: 25% !important;
float: left;
text-align: center;
}
span.mod-kviz {
display: block;
font-size: 30px;
margin-bottom: 15%;
}.fn2 button.button-2 {

}
.fancybox-content {

overflow-x: hidden !important;}
input.kvz.form-control.form-control_phone.form-control_big {
border: 1px solid #2b86db;
display: unset !important;
width: 100%;
/* float: right; */
}label.kvz.form-control_policy {
float: left;
position: relative !important;
margin-top: 5px;
margin-left: -25px;
margin-bottom: 5px;
}a.kvzs {
color: #2b86db;
}form.subscription__form.kvz {
width: 100% !important;
display: inline-block !important;
}span.mod-kviz {
margin-bottom: unset !important;
}


/*
----------------------
Styles for Zhalyuzblk
----------------------
*/
.zhalyuzblk {
	width: 50%;
	padding: 0 10px;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 35px 0;
    line-height: 0;
}

.zhalyuzblk-info {margin-left: 22px;}

.areas-markizy {background: #F5F5F5;}

.areas-markizy .areasblk span {
    background: #ffffff;
    height: 137px;
    line-height: 137px;
    text-align: center;
    display: block;
    margin-bottom: 30px;
}

.areas-markizy .areasblk span img {
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}

/*
-----------------
Styles for Shems
-----------------
*/
.shems-block {
  background: rgb(245,245,245);
  background: -moz-linear-gradient(left,  rgba(245,245,245,1) 50%, rgba(245,245,245,1) 50%, rgba(240,240,240,1) 50%);
  background: -webkit-linear-gradient(left,  rgba(245,245,245,1) 50%,rgba(245,245,245,1) 50%,rgba(240,240,240,1) 50%);
  background: linear-gradient(to right,  rgba(245,245,245,1) 50%,rgba(245,245,245,1) 50%,rgba(240,240,240,1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f0f0f0',GradientType=1 );
  padding-bottom: 40px;
}

.shembl {
	padding: 0 10px 50px;
	width: 50%;
	text-align: center;
}

.shembl img {
  max-width: 100%;
  margin: auto;
}

.shembl h3 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 35px;
}

.shembl p {
  text-align: left;
  max-width: 350px;
  margin: 45px auto 20px;
  font-size: 18px;
}

.shems-block .btn {
    padding: 12px 45px;
    font-size: 1rem;
    font-weight: normal;
    display: inline-block;
}



/*
----------------------
Styles for Rolstavni
----------------------
*/
.lamellabl {
	width: 25%;
	padding: 0 10px;
	margin: 25px 0;
	line-height: 0;
}

.lamellabl span {
    height: 183px;
    line-height: 183px;
    display: block;
    margin: auto;
    text-align: center;
}

.lamellabl img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}

.lamellabl h3 {
    text-align: center;
}

.areas-use .benblks {
    -ms-flex-align: center;
    align-items: center;
}

.rolstavni-made {
	padding: 65px 0;
	background: #F5F5F5;
}

.made-text {
	width: 33.333333%;
	padding: 0 55px;
}

.made-text h2 {text-align: left;}
.made-text p {margin-top: 55px;}

.made-picture {
	position: relative;
	width: 66.666667%;
	padding: 0 10px;
	line-height: 0;
}

.made-picture img {max-width: 100%;}
.made-picture img.visible-mobile {display: none;}

.made-picture ol {
  position: absolute;
  left: 525px;
  top: 25%;
}

.made-picture ol li {
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
  color: #555555;
  margin-bottom: 27px;
  list-style: none;
}

.benefits-rolstavni-block {
	margin: 40px 0;
	padding: 0 10px;
	width: 25%;
}

.benefits-rolstavni-block span.tex1 {
	border: 1px solid #2B86DB;
	width: 79px;
	height: 79px;
	line-height: 79px;
	border-radius: 50%;
	background: #ffffff;
	display: block;
	text-align: center;
	margin: auto;
}

.benefits-rolstavni-block span img {vertical-align: middle;}

.benefitsblk {position: relative;}
.benefitsblk .rows {margin-top: 50px;}

.benefitsblk:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url( /assets/img/benefitsblk.jpg) center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    opacity: 0.1;
    z-index: -1;
}

.benefitsbg:before {
    background: url( /assets/img/benefits_bg.jpg);
    opacity: 0.27;
}

.text-sm {
    max-width: 80%;
    margin: auto;
}

.made-block {
	text-align: center;
	position: relative;
	margin-top: 50px;
	line-height: 0;
}

.made-block img {max-width: 100%; height: auto;}

.made-block p {
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	text-align: left;
	margin: 0;
}

.made-block p span {display: block;}

.made-block p:nth-child(2) {
	top: 78px;
	left: 60px;
}

.made-block p:nth-child(3) {
	top: 39%;
	left: 35%;
}


.made-block p:nth-child(4) {
	top: 8px;
	left: 50%;
}

.made-block p:nth-child(5) {
	top: 75px;
	right: 65px;
}

.made-block p:nth-child(6) {
	top: 180px;
	right: 22.5%;
}

.made-block p:nth-child(7) {
	bottom: 15px;
	right: 22.5%;
}

.made-block p:after {
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #ffffff;
	border: 4px solid #4990E2;
	display: block;
	position: absolute;
	top: 0;
	z-index: 10;
}

.made-block p:nth-child(2), .made-block p:nth-child(6) {padding-right: 60px;}
.made-block p:nth-child(2):after, .made-block p:nth-child(6):after, .made-block p:nth-child(7):after {right: 0;}

.made-block p:before {
	content: "";
	display: block;
	background: url( /assets/img/montage-arrow.png) center no-repeat;
	width: 9px;
	height: 27px;
	position: absolute;
	z-index: 20;
}

.made-block p:nth-child(2):before, .made-block p:nth-child(6):before, .made-block p:nth-child(7):before {
	top: -1px;
	right: 20px;
	-webkit-transform: rotate(-90deg);
	      transform: rotate(-90deg);
}

.made-block p:nth-child(7) {line-height: 1.5;}

.made-block p:nth-child(3) {padding-top: 45px;}
.made-block p:nth-child(3):before {top: 10px; left: 50%; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.made-block p:nth-child(3):after {top: 0; left: 43.5%;}

.made-block p:nth-child(4) {padding-bottom: 45px;}
.made-block p:nth-child(4):before {bottom: 10px; left: 8px;}
.made-block p:nth-child(4):after {bottom: 0; left: 0;top: auto;}

.made-block p:nth-child(5) {padding-left: 45px;}
.made-block p:nth-child(5):before {left: 20px; top: 22%; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.made-block p:nth-child(5):after {left: 0; top: 23%;}


/* made-block 2*/
.made-block2 {
    text-align: center;
    position: relative;
    margin-top: 50px;
    line-height: 0;
}

.made-block2 img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.made-block2 p {
    position: absolute;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    margin: 0;
    max-width: 180px;
}

.made-block2 p:before {
	content: "";
	display: block;
	background: url( /assets/img/montage-arrow.png) center no-repeat;
	width: 9px;
	height: 27px;
	position: absolute;
	z-index: 20;
}

.made-block2 p:after {
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #ffffff;
	border: 4px solid #4990E2;
	display: block;
	position: absolute;
	top: 0;
	z-index: 10;
}

.made-block2 p:nth-child(2) {
	top: 5%;
	left: 5%;
}

.made-block2 p:nth-child(2):before {
	-webkit-transform: rotate(-90deg);
	      transform: rotate(-90deg);
	right: 20px;
	top: 9px;
}

.made-block2 p:nth-child(2):after {
	right: 0;
	top: 10px;
}

.made-block2 p:nth-child(3) {
	top: 50%;
	left: 30%;
	padding-left: 50px;
}

.made-block2 p:nth-child(3):before, .made-block2 p:nth-child(6):before {
	-webkit-transform: rotate(90deg);
	      transform: rotate(90deg);
	left: 20px;
	top: -4px;
}

.made-block2 p:nth-child(3):after, .made-block2 p:nth-child(6):after {
	left: 0;
	top: -3px;
}

.made-block2 p:nth-child(4) {
	top: 15%;
	left: 40%;
	padding-top: 45px;
}

.made-block2 p:nth-child(5) {
	top: 14%;
	left: 61%;
	padding-top: 45px;
}

.made-block2 p:nth-child(4):before, .made-block2 p:nth-child(5):before {
	-webkit-transform: rotate(180deg);
	      transform: rotate(180deg);
	top: 11px;
	left: 0;
}

.made-block2 p:nth-child(4):after, .made-block2 p:nth-child(5):after {
	top: 0;
	left: -8px;
}

.made-block2 p:nth-child(6) {
	top: 9%;
	right: 8.5%;
	padding-left: 50px;
}

/* types-electric */
.types-electric {
	padding: 35px 0 60px;
	background: #F5F5F5;
	line-height: 0;
}

.types-electric h2 {margin-bottom: 40px;}

.types-electric-block {
	padding: 15px 40px 25px;
	width: 50%;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.types-electric-block:not(:last-child){border-right: 1px solid rgba(85, 85, 85, 0.2);}

.types-electric-block span {
	width: 129px;
	height: 129px;
	line-height: 129px;
	text-align: center;
	border-radius: 50%;
	background: #ffffff;
	display: inline-block;
	margin-right: 40px;
}

.types-electric-block span img {
	max-width: 100%;
	vertical-align: middle;
}

.types-electric-text {width: 60%;}
.types-electric-text h3 {margin-top: 0;}
.types-electric-text p {margin: 0;}

.type-img  {
	display: block;
	text-align: center;
	height: 82px;
	line-height: 82px;
}

.typeblks span {
	text-align: center;
	margin: 45px 0 16px;
	font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
}

.typeblks img {max-width: 100%;}
.types-block {padding: 40px 0 0;}

.typebll {
	width: 25%;
	padding: 0 10px;
}

.type-img   {
    display: block;
    text-align: center;
    height: 82px;
    line-height: 82px;
}

.typeblks img {
    max-width: 100%;
    vertical-align: middle;
    width: auto;
    height: auto;
}

.typeblks h3 {
    text-align: center;
    margin: 45px 0 16px;
}


/* calc-price-block */
.calc-price-block {
	background: url( /assets/img/calc-price-block.jpg) center no-repeat;
	background-size: cover;
}

.calc-block {
	padding: 65px 45px;
	background: rgba(255,255,255,0.78);
	min-height: 466px;
	max-width: 572px;
	margin-left: 40px;
}

.calc-block h2 {text-align: left;}
.calc-block ol {padding-left: 30px;}
.calc-block ol li {margin-bottom: 10px;}

.calc-block .btn {
	padding: 15px 50px;
	margin-top: 20px;
}

.possibilities .container-fluids {padding: 0 15px;}


.category-fabrics-block {
	width: 25%;
	padding: 0 10px;
}

/* made-block 3 */
.made-block3 {
	position: relative;
	text-align: center;
	max-width: 1025px;
	margin: 50px auto 100px;
	line-height: 0;
}

.made-block3 img {max-width: 100%;}

.made-block3 p {
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	text-align: left;
	margin: 0;
}

.made-block3 p:before {
	content: "";
	display: block;
	background: url( /assets/img/montage-arrow.png) center no-repeat;
	width: 9px;
	height: 27px;
	position: absolute;
	z-index: 20;
}

.made-block3 p:after {
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #ffffff;
	border: 4px solid #4990E2;
	display: block;
	position: absolute;
	top: 0;
	z-index: 10;
}

.made-block3 p:nth-child(2) {
	text-align: right;
	left: -105px;
	top: 10%;
	max-width: 130px;
	padding: 0 10px 40px 0;
}

.made-block3 p:nth-child(2):before {
	-webkit-transform: rotate(-45deg);
	      transform: rotate(-45deg);
	right: 15px;
	bottom: 7px;
}

.made-block3 p:nth-child(2):after {
	right: 0;
	bottom: 0;
	top: auto;
}

.made-block3 p:nth-child(3) {
	left: 20%;
	top: -5%;
	padding-bottom: 50px;
	max-width: 185px;
}

.made-block3 p:nth-child(3):before {bottom: 10px;}

.made-block3 p:nth-child(3):after {
	bottom: 0;
	top: auto;
	left: -8px;
}

.made-block3 p:nth-child(4) {
	right: -20px;
	top: 25%;
	max-width: 130px;
	padding-left: 50px;
}

.made-block3 p:nth-child(5) {
	left: 50px;
	bottom: -45px;
	padding-top: 50px;
}

.made-block3 p:nth-child(5):before {
	top: 10px;
	-webkit-transform: rotate(180deg);
	      transform: rotate(180deg);
}

.made-block3 p:nth-child(5):after {left: -7px;}

.made-block3 p:nth-child(6) {
	padding-left: 50px;
	left: 30%;
	top: 65%;
}


.made-block3 p:nth-child(4):before, .made-block3 p:nth-child(6):before {
	-webkit-transform: rotate(90deg);
	      transform: rotate(90deg);
	left: 20px;
}

.made-block3 p:nth-child(4):after, .made-block3 p:nth-child(6):after {left: 0;}


.benefits-rulons {
	padding: 40px 0 60px;
	background: #F5F5F5;
}


.application-area .rows {margin-top: 45px;}

.applicblk {
	width: 50%;
	padding: 0 10px;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 25px;
}

.applicblk-info {margin-left: 16px;}

.tehnik-table .text-center .btn {
    width: 210px;
    padding: 11px 15px;
    margin: 10px 0;
    font-size: 1rem;
    line-height: 1.5;
}


/* profil-blk */
.profil-blk {
    padding: 40px 0 0;
    background: #F5F5F5;
    line-height: 0;
}

.profil-blk h2 {margin-bottom: 35px;}

.profblk {
	-ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}

.profil-blk-left {
	width: 41.666667%;
	padding: 0 15px;
}

.profil-blk-left img {max-width: 100%;}

.profil-blk-right {
	width: 58.333333%;
	padding: 0 15px;
}

.profil-blk p {
    margin-bottom: 30px;
}

.calc-price-bg {
    background: url( /assets/img/calc-price-bg.jpg) center no-repeat;
    background-size: cover;
}


/* payment */
.payment-bg {
  background: #ee7035;
  background: -moz-linear-gradient(45deg,  #ee7035 0%, #f64a46 100%);
  background: -webkit-linear-gradient(45deg,  #ee7035 0%,#f64a46 100%);
  background: linear-gradient(45deg,  #ee7035 0%,#f64a46 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7035', endColorstr='#f64a46',GradientType=1 );
  color: #ffffff;
  text-align: center;
  line-height: 0;
}

.payment-flex {
	-ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
}

.paymentbl {
	width: 50%;
	padding: 0 15px;
}

.payment-bg h2 {
	text-transform: uppercase;
	font-size: 100px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	letter-spacing: 1px;
	width: 100%;
	max-width: 550px;
	margin-bottom: 8px;
}

.payment-bg p {
	text-align: left;
	font-size: 60px;
	line-height: 1;
	margin: 0;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	max-width: 550px;
}

.payment-bg span {
  letter-spacing: 0px;
  display: block;
}

.payment-bg h1 span {letter-spacing: 3px;}
.payment-bg img {max-width: 100%;}

.payment-icon form p {
  background: url( /assets/img/payment_icon.png) left center no-repeat;
  background-size: 50px;
  padding-left: 70px;
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
}

.zhalyuzi-price-bg {
    background: url( /assets/img/zhalyuzi_bg2.jpg) center no-repeat;
    background-size: cover;
}

.montagebl h3 {
    margin: 20px 0 5px;
}

.montagebl {
    font-size: 16px;
    line-height: 0;
}

.banks .slick-list {
	max-width: 90%;
	margin: auto;
}

.banks img {
	max-width: 85%;
	margin: auto;
}

.payment-content h2 {
    margin-top: 0;
}

.banks .slick-track {
    min-width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: none;
    transform: none;
}

.rewev {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.rewev a {
    margin: 0 20px;
}

/*
---------------------------
Styles for Variant-montage
---------------------------
*/
.variant-montage {
  background: url(/wp-content/uploads/2023/06/variant-montage.jpg) top center / cover no-repeat;
  height: 690px;
  position: relative;
}

.variant-montage-text {
  position: absolute;
  width: 350px;
  left: 52%;
  top: 20%;
}

.variant-montage-text h2 {text-align: left;}

.varblk {position: relative;}
.varblk h3 {margin-bottom: 0;}
.varblk p {margin-bottom: 25px;}

.varblk:before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #2B86DB;
  position: absolute;
}

.varblk:nth-child(1):before {
  top: -165px;
  left: -72%;
}

.varblk:nth-child(2):before {
  top: -138px;
  left: -47%;
}

.varblk:nth-child(3):before {
  top: -218px;
  left: -79.5%;
}

.varblk:nth-child(4):before {
  top: -335px;
  left: -164%;
}

.varblk:after {
  content: "";
  position: absolute;
}

.varblk:nth-child(1):after {
  background: url( /assets/img/line1.png) center no-repeat;
  width: 216px;
  height: 171px;
  top: -158px;
  left: -66%;
}

.varblk:nth-child(2):after {
  background: url( /assets/img/line2.png) center no-repeat;
  width: 118px;
  height: 145px;
  top: -132px;
  left: -40%;
}

.varblk:nth-child(3):after {
  background: url( /assets/img/line3.png) center no-repeat;
  width: 250px;
  height: 210px;
  top: -196px;
  left: -78%;
  background-size: 100% 100%;
}

.varblk:nth-child(4):after {
  background: url( /assets/img/line4.png) center no-repeat;
  width: 550px;
  height: 330px;
  top: -315px;
  left: -163%;
  background-size: 100% 100%;
}

.types-blk .rows {
    margin: 50px 0;
}

.typesblk {
	width: 25%;
	padding: 0 10px;
}

.typesblk h3 {text-align: center;}

.typesblk span {
  height: 125px;
  display: block;
  text-align: center;
}

.typesblk span img {max-width: 100%;}

.typesblk p {
  font-size: 16px;
  line-height: 21px;
}

.types-blk .row {margin: 50px 0;}


/* application  */
.application .nav {
	margin: 45px 0 16px;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
}

.application .nav-item {
	background: #D7E2EC;
	width: 25%;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	color: #555555;
	padding: 11px 0;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

.application .nav-item:not(:last-child) {border-right: 1px solid #ffffff;}

.application .nav-item.active {
	color: #555555;
	background-color: #d7e2ec;
	border-bottom: 5px solid #2B86DB;
	border-radius: 0;
}

.applicationbl {margin-bottom: 20px;}
.applicationbl img {width: 100%;}
.tab-content {overflow: hidden;}

.application .tab-pane {
	transition: opacity .3s linear;
	visibility: hidden;
	opacity: 0;
	max-height: 0px;
}

.application .tab-pane.active {
	opacity: 1;
	visibility: visible;
	opacity: 1;
	max-height: 100%;
}

.applicationbl {
	padding: 0 10px;
	margin-bottom: 20px;
	width: 33.333333%;
	line-height: 0;
}


.stl .slick-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 28px;
    height: 40px;
    background-color: #e7ecf2;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.13), 0 0 0 rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.13), 0 0 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.13), 0 0 0 rgba(0, 0, 0, 0.02);
    cursor: pointer;
    color: #424242;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 0;
    outline: 0;
    position: absolute;
    z-index: 20;
    top: 50%;
    margin-top: -20px;
    font-size: 0;
}


.stl .slick-next.slick-arrow {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
    right: 0;
}

.stl .slick-prev.slick-arrow {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    left: 0;
}

.stl .slick-prev:hover:not(.slick-disabled), .stl .slick-next:hover:not(.slick-disabled) {width: 40px;}
.stl .slick-prev:hover:not(.slick-disabled):before, .stl .slick-next:hover:not(.slick-disabled):before {color: #4990e2;}

.stl .slick-arrow.slick-disabled {
    cursor: default;
    opacity: .5;
}

.stl .slick-prev.slick-arrow:before,
.stl .slick-next.slick-arrow:before {
    font-size: 15px;
    font-family: "icons";
    font-weight: 400;
    line-height: 1;
    color: #424242;
    opacity: 1;
}

.stl .slick-next.slick-arrow:before {
    content: "\6e";    
    margin-left: 5px;    
}

.stl .slick-prev.slick-arrow:before {
    content: "\74";
    margin-right: 5px;
}

.stl .slider-montage .slick-arrow {top: 42%;}

.stl .list {margin: 15px 0;}

.stl .list li {
    margin-bottom: 0;
    color: #555555;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}

.rollbl .modal .close {
    font-size: 0;
    top: 27px;
    right: 30px;
}

.rollbl .subscription__form {
    -ms-flex-align: start;
        align-items: flex-start;
}

.rollbl .subscription__title {width: 30%;}
.rollbl .subscription__title:before {margin-right: 0;}
.rollbl .subscription__input {width: 40% !important;}

.rollbl .subscription__submit {
    width: 23%;
    margin-top: 0;
    padding: 13px 0;
}

.rollbl .modal-content {border: 1px solid rgba(0, 0, 0, .2);}
.roll-info {padding: 20px 0;}
.rollbl .modal-dialog {max-width: 650px;}

.roll-info li span:last-of-type {
    max-width: 60%;
	text-align: right;
}

.slider-project .slick-slide {height: 100%;}


/*
-----------------------
Styles for City-block
-----------------------
*/

.city-block  {margin: 0 auto;}

button.choise-city {
    color: #333;
    font-size: 18px;
    font-weight: 300;
    border-bottom: 1px dashed #333333;
    padding: 0 5px 3px;
}

.city-block .modal {
	position: relative;
	margin: 0 auto;
	background-color: #fff;
	width: 94%;
	max-width: 600px;
	min-height: 20rem;
	padding: 20px;
	border-radius: 3px;
	opacity: 0;
	overflow-y: auto;
	visibility: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: scale(1.2);
			transform: scale(1.2);
	transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.city-block .modal .close-modal {
	position: absolute;
	cursor: pointer;
	top: 15px;
	right: 25px;
}

.city-block a.close-modal:before {
    content: "\6a";
    font-family: "icons";
    font-size: 20px;
}

.city-block .modal .modal-content {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
	transition-delay: 0.3s;
	width: 100%;
}

.city-block .modal-content h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #535353;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
	margin-bottom: 20px;
}

.city-block .modal-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.city-block .modal-content ul li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
	text-align: left;
}

.city-block .modal-content ul li:before {
    content: "";
    background: #2b86db;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.city-block .modal-content ul li a {
    color: #535353;
    text-decoration: none;
}

.city-block .modal-content ul li a:hover {text-decoration: underline;}

.city-block .modal.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
			transform: scale(1);
}

.city-block .modal.active .modal-content {
	opacity: 1;
}

.city-block .modal-overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.city-block .modal-overlay.active {
	opacity: 1;
	visibility: visible;
}


.mrc {
    position: relative;
    position: fixed;
    top: 483px;
    right: 0;
    z-index: 999;
	display: none;
	-moz-animation: cycle 15s linear infinite;
    -webkit-animation: cycle 15s linear infinite;
}

button.calc-btn {
    padding: 10px 15px 10px 50px;
    font-family: latobold;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    border-radius: 3px 0 0 3px;
    max-width: 150px;
    line-height: 1;
    overflow: hidden;
    background: #30bd29 url(/wp-content/themes/prokar/images/icons/calc-icon.png) 10px center no-repeat;
    background-size: 30px;
	position: relative;
}

.mrc.active {display: block;}

@-moz-keyframes cycle {
  0% {transform: rotate(0) translate(0, 0);}
  1% {transform: rotate(5deg) translate(0, -2px);}
  2% {transform: rotate(-3deg) translate(0, -2px);}
  3% {transform: rotate(5deg) translate(0, -2px);}
  4% {transform: rotate(-3deg) translate(0, -2px);}
  5% {transform: rotate(5deg) translate(0, -2px);}
  6% {transform: rotate(0) translate(0, 0);}
}

@-webkit-keyframes cycle {
  0% {transform: rotate(0) translate(0, 0);}
  1% {transform: rotate(5deg) translate(0, -2px);}
  2% {transform: rotate(-3deg) translate(0, -2px);}
  3% {transform: rotate(5deg) translate(0, -2px);}
  4% {transform: rotate(-3deg) translate(0, -2px);}
  5% {transform: rotate(5deg) translate(0, -2px);}
  6% {transform: rotate(0) translate(0, 0);}
}


.footer-nav {background-color: #f6f7f9;}

.footer-blk {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
}

.fblk a {
    font-size: 16px;
    color: #333333;
    text-decoration: none;
}

.fblk a:hover {color: #4990e2;}

.fblk:last-child ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    overflow: hidden;
	margin: 0;
}

.fblk:last-child ul {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    width: 100%;
    border-left: 1px solid #ccc;
    padding-left: 40px;
}

.fblk h3 a {
    font-size: 20px;
    font-weight: bold;
    display: block;
}

.fblk ul {
    margin-top: 10px;
}

li.menu__item-inner .menu__list-inner3 {display: none;}
li.menu__item-inner.menu__item_active .menu__list-inner3 {display: block;}

li.menu__item-inner.menu__item_active .menu__item-heading:after, .menu__item_dropdown .menu__item_dropdown .menu__item-heading:after {
    content: "\6e";
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 13px;
    right: 34px;
}

li.menu__item-inner.menu__item_active .menu__item-heading, li.menu__item-inner.menu__item_active .menu__item-heading:hover,
.menu__item_dropdown .menu__item_dropdown .menu__item-heading, .menu__item_dropdown .menu__item_dropdown .menu__item-heading:hover {background: #edf0f5;}
li.menu__item-inner.menu__item_active .menu__item-heading:hover:after, .menu__item_dropdown .menu__item_dropdown .menu__item-heading:hover:after {color: #4990e2;}
li.menu__item-inner.menu__item_active ul .menu__item-heading:after {content: none;}

.menu__item_dropdown .menu__item_dropdown .menu__item-heading:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.city-block .modal-content {
    max-width: 1020px;
	margin: 0 auto;
}

.more-product-block {
	display: flex;
	flex-wrap: wrap;
}

/*  action block */
.action-block .container {padding: 0 20px;}

.action-block-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: stretch;
}

.action-blk {
    width: 50%;
    padding: 0 10px;
}

.action-blks {
    display: flex;
    background: #2B86DB;
    color: #ffffff;
    align-items: stretch;
    height: 100%;
}

.action-blks span.action-img {
    width: 42%;
    display: block;
    height: 100%;
}

.action-blks span.action-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.action-info {
    padding: 40px 25px;
	width: 58%;
	font-family: "roboto";
	font-weight: 300;
}

.action-info h3 {
	font-family: "roboto";
	font-weight: bold;
	font-size: 23px;
	line-height: 27px;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.action-big h3 {
	font-size: 32px;
	line-height: 37px;
}

.action-info span {
	display: block;
	font-weight: 300;
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 10px;
}

.action-info  p, .action-info p span {
	font-weight: 300;
	font-size: 15px;
	line-height: 18px;
}

.action-info p {
    margin-bottom: 22px;
    max-width: 85%;
}

.action-info p span {
	font-weight: bold;
	display: inline;
}

.action-info .btn {
    border: 1px solid #ffffff;
    color: #ffffff;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 35px;
    display: block;
    max-width: 140px;
}

/* delivery block */
.delivery-blk {padding: 50px 0;}
.delivery-blk .container {padding:0 15px;}

.delivery-city {
    max-width: 1130px;
    margin: auto;
    padding: 35px 70px;
}

.delivery-city ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 953px;
    margin: 0 auto 50px;
}

.delivery-city ul li {
    width: 25%;
    margin-bottom: 10px;
}

.delivery-city ul li:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	width: 9px;
	height: 9px;
	background: #2B86DB;
	border-radius: 50%;
}

span.delivery-more {
    width: 60px;
    height: 21px;
    background: url(assets/img/arrow-list.png) center no-repeat;
    display: block;
    margin: auto;
	cursor: pointer;
}


/* mounting-options */
.mounting-options .container {
    max-width: 1386px;
    padding: 0 15px;
}

.mounting-blocks {padding: 50px 0;}

.mounting-block {
    background: #FFFFFF;
    border: 1.5px solid #EDF0F5;
    display: flex;
    align-items: center;
    justify-content: space-between;
	font-family: "roboto";
	font-weight: 300;
	color: #535353;
	margin-bottom: 40px;
}

.mounting-info {
    padding: 40px;
    width: 51%;
}

.mounting-info span {
	font-size: 24px;
	line-height: 28px;
}

.mounting-info p, .mounting-info p span {
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 24px;
}

.mounting-info p span {font-weight: bold;}
.mounting-info ul  {margin-top: 38px;}

.mounting-info ul li {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    padding-left: 21px;
    margin-bottom: 10px;
}

.mounting-info ul li:before {
	content: "";
    position: absolute;
    left: 0;
    top: 9px;
	width: 9px;
	height: 9px;
	background: #2B86DB;
	border-radius: 50%;
}

.mounting-img {
    height: 425px;
    width: 49%;
}

.mounting-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.tab-1, .tab-2 {
    width: 98%;
    margin: auto;
}

.tab-1 h2, .tab-2 h2 {
	font-size: 32px;
    text-transform: uppercase;
    color: #535353;
    font-weight: 500;
    text-align: center;
    margin: 30px auto;
}

.tab-1 .nav, .tab-2 .nav {
	display: flex;
}

.tab-1 .nav li, .tab-2 .nav li {
    flex: 1 1 auto;
    text-align: center;
    padding: 10px;
	cursor: pointer;
	position: relative;
}

.tab-1 .nav li:not(:last-child):after,
.tab-2 .nav li:not(:last-child):after {
	content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    height: 17px;
    width: 2px;
    background: rgba(85,85,85,.3);
}

.tab-1 .tab-pane, .tab-2 .tab-pane {display: none;}
.tab-1 .tab-pane.active, .tab-2 .tab-pane.active {display: block;}

.tab-1 .nav li.active, .tab-2 .nav li.active {
    font-weight: bold;
    font-size: 18px;
}

.rolstavny-content h2,
.electroprivody-blk h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    color: #222;
    margin: 40px auto;
	max-width: 80%;
}

.rolstavny-content .container,
.electroprivody-blk .container {
    width: 100%;
    max-width: 1230px;
    padding: 0 15px;
}

.electroprivody-blk .shop-box:not(:last-child) {padding-bottom: 50px;}

.rlst.shop-box {width: 100%;}
.rlst .shop-box__item-info {text-align: center;}

.rlst .shop-box__item-info p {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #6B6C6E;
    margin: 10px 0 16px;
}

.rlst .shop-box__items>div {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    margin: 7px;
}

.rlst .shop-box__picture {
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rolstavny-variants .flex-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.rolstavny-variants .variant-blk {width: 20%;}
.rolstavny-variants .variant-blk p {margin: 30px 0 0;}
.rolstavny-variants .variant-blk img {max-width: 100%;}

.profile-types {padding: 20px 0 50px;}

.profile-types ul.nav {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.profile-types .nav-item {
    width: 240px;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: #272824;
    padding: 11px 25px;
    background: #FFFFFF;
    border: 0.5px solid rgba(43, 134, 219, 0.75);
    margin: 0 12px;
    text-align: center;
    cursor: pointer;
}

.profile-types .nav-item.active {border-bottom: 3.5px solid #2B86DB;}

.profile-types .tab-pane {
    background: #F5F5F5;
    padding: 46px 60px 30px;
    display: none;
    color: #000000;
    min-height: 621px;
}

.profile-types .tab-pane.active {display: block;}

.types-blk span {
    display: block;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: #000000;
    margin-bottom: 16px;
}

.types-blk p {margin-bottom: 20px;}

.listt {
    margin: 0 0 30px;
    padding: 0;
    padding-left: 0;
}

.listt li {
    position: relative;
    padding-left: 33px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 13px;
}

.listt li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #2B86DB;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
}

.types-blk img {max-width: 100%;}
.types-blk img:not(:last-child) {margin-right: 40px;}

.privody-blk {
    border: 1px solid #EDF0F5;
    display: flex;
    align-items: stretch;
}

.privody-blk-info {
    padding: 25px;
    width: 50%;
    text-align: center;
}

.privody-img {
    width: 50%;
    min-height: 570px;
}

.privody-img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.privody-blk-info span {
    display: block;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    color: #6B6C6E;
}

.privody-blk-info img {margin: 60px 0;}

.company-info .product-info__description {padding: 20px 0;}

.product-info__description .content-blocks,
#company-info .company-info {
	height: 65px;
	overflow: hidden;
	padding: 0 20px;
}

#company-info .company-info {
	color: #6b6c6e;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
}

#company-info {padding: 20px 0;}
.product-info__description .content-blocks.active,
#company-info .company-info.active {height: 100%;}

.product-info-more {
	background: url(/wp-content/themes/prokar/images/upbtn/up-arrow-bot.png) center no-repeat;
	width: 30px;
	height: 20px;
	background-size: contain;
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
	margin: 20px auto 0;
	display: block;
}
.product-info-more.active {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
}

.review-blks ul {
    display: flex;
    flex-wrap: wrap;
}

.review-blks ul li {
    padding: 10px;
    width: 33.33333%;
}

.review-blks ul li iframe {
    width: 100%;
}

.youtube_utp iframe {
    display: none;
}

.youtube_utp .video iframe {
    display: block;
    height: 230px;
}

span.sale {color:red;}

span.errow:before {
    content: "↓";
    font-size: 25px;
}

.video {
	position: relative;
	height: 100%;
}

.btn-play {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: rgb(33 33 33 / 80%) url(/wp-content/themes/prokar/images/play.png) center no-repeat;
	width: 68px;
	height: 48px;
	background-size: 15px;
	border-radius: 50% / 10%;
}

.video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-info-box__item.slick-slide {
	display: flex;
	flex-wrap: wrap;
}

.main-info-box__title {
    order: 1;
    width: 100%;
}

.utp {margin-top: 30px !important; order: 3;}
.youtube_utp {margin-bottom: auto; order: 2;}

.process-text p {outline: none !important;}


@media (max-width: 900px){
.order-measurement .subscription__title:before {
width: 30px !important;
height: 46px;

}
.main-info__item {
height: 800px;
min-height: 100% !important;
height: 100% !important;
} 
.main-info__items .slick-list .slick-track {
min-height: auto !important;
}}
.utp{margin-top:0px;}
@media(max-width:400px){
.youtube_utp{margin: 0 auto;}}
@media(max-width:765px){

.main-info__item{height: 700px;}}

@media(max-width:900px){
.main-info__item{height: 800px;}}

@media(min-width:1200px){
.main-info__item{height: 700px;}}

.main-info__items .slick-list .slick-track .slick-slide div.main-info__item { min-height: 760px;}

@media (min-width:768px) and (max-width:885px) {
.main-info__item {height:780px}
}
.fancybox-content {

overflow-x: hidden !important;}
@media (max-width: 767px) {
}


/*
--------------------
Styles for Adaptive
--------------------
*/
@media (min-width: 1200px) and (max-width: 1499px)  {
.video-portfolio .anchor ul {padding-left: 20px;}
.made-block3 {max-width: 80%;}
}

@media (min-width: 1400px) {
.stl .slick-prev, .stl .slick-next {width: 50px; height: 90px; margin-top: -45px;}
.stl .slick-prev.slick-arrow {border-radius: 0 45px 45px 0;}
.stl .slick-next.slick-arrow {border-radius: 45px 0 0 45px;}
.stl .slick-prev.slick-arrow:before,
.stl .slick-next.slick-arrow:before {font-size: 36px;}
.stl .slick-prev.slick-arrow:before {margin-right: 10px;}
.stl .slick-next.slick-arrow:before {margin-left: 10px;}
.stl .slick-prev:hover:not(.slick-disabled), .stl .slick-next:hover:not(.slick-disabled) {width: 90px;}
}

@media (min-width: 1201px) and (max-width: 1400px) {
.footer-blk {padding: 20px 10px;}
.fblk a {font-size: 14px;}
.fblk:last-child ul {padding-left:20px;}
}

@media (min-width: 1200px) and (max-width: 1399px)  {
.palitra {background-size: 700px;}
span.mod-kviz {padding: 20px 0;}
}

@media (min-width: 1200px){
footer .container {padding-right: 15px;}   
}

@media (max-width: 1199px) {
footer .container {width: 100%; padding: 0 15px;}	
button.calc-btn {font-size: 0; padding: 10px; width: 50px; height: 50px;}
.review-blks ul li {width: 50%;}
}


@media (min-width: 992px) and (max-width: 1199px)  {
.variantbl {width: 25%;}
.variantbl span {height: 135px;}
.palitra {background-size: 700px;}
.controlblk span.control-img {width: 120px; height: 120px; line-height: 120px;}
.controlblk span.control-img img {max-height: 70px;}
.controlblk span {font-size: 14px;}
.zhalbl {width: 50%;}
.zhalyuzblk img {max-width: 250px;}
.zhalyuzblk-info {margin-left: 20px;}
.zhalyuzblk-info h3 {font-size: 17px; margin: 5px auto 10px;}
.zhalyuzblk-info p {line-height: 20px;}
.made-picture img {max-width: 430px;}
.made-picture ol {left: 460px;}
.made-picture ol li {line-height: 1; margin-bottom: 28px;}
.text-sm {max-width: 90%;}
.mades .container {max-width: 960px; width: 100%;}
.made-block img {max-width: 700px;}
.made-block p:nth-child(2) {top: 60px; left: 55px;}
.made-block p:nth-child(3) {top: 36%; left: 30%;}
.made-block p:nth-child(4) {top: -8px;}
.made-block p:nth-child(5) {top: 50px; right: 45px;}
.made-block p:nth-child(6) {top: 130px; right: 24%;}
.made-block p:nth-child(7) {bottom: 0; right: 25%;}
.made-block2 p:nth-child(2) {left: 0;}
.made-block2 p:nth-child(3) {left: 23%; top: 55%;}
.made-block2 p:nth-child(4) {left: 35%;}
.made-block2 p:nth-child(6) {right: 0; top: 6%;}
.benblks {margin-bottom: 30px;}
.applicblk {width: 100%;}
.made-block3 {max-width: 820px;}
.payment-bg h1 {font-size: 80px;}
.payment-bg p {font-size: 48px;}
.varblk:nth-child(4):before {top: -316px; left: -118.5%;}
.varblk:nth-child(4):after {width: 391px; height: 307px; background-size: contain; top: -293px; left: -117%;}
.projectblk a {height: 250px;}
.slider-project:before, .slider-project:after {width: 100px;}
footer .container {width: 100%; padding: 0 15px; line-height: 1.3;}
.fblk a {font-size: 14px;}
.fblk:last-child ul {padding-left:20px;}
.action-big h3 {font-size: 26px;}
.delivery-city ul li {width: 33%;}
.rlst .shop-box__items>div {max-width: 31%;}
.shop-box__items>div, .tab-1 .shop-box__items>div, .tab-2 .shop-box__items>div {-ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%;}
}

@media (max-width: 991px) {
.footer-blk {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.fblk:last-child {width: 100%; padding-top: 20px;}
.fblk:last-child ul {border-left: none; border-top: 1px solid #ccc; padding: 20px 0 0 0;}
.fblk:last-child ul {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.fblk {width: 31%;}
.action-blk {width: 100%; margin-bottom: 20px;}
.delivery-blk {padding-top: 0;}
.delivery-city {padding: 30px 20px;}
.delivery-city ul li {width: 33%;}
.profile-types .nav-item {width: auto; padding: 8px 20px;}
.rlst.shop-box {max-width: 700px;}
.rlst .shop-box__items>div {-ms-flex: 0 0 47%; flex: 0 0 47%; max-width: 47%;}
}


@media (max-width: 899px) {
.utp {order: 2;}
.youtube_utp {order: 3;}
}

@media (min-width: 768px) and (max-width: 991px) {
.variantbl {width: 33.333333%;}
.variantbl span {height: 140px;}
.palitra {background-size: 600px;}
.slider-project:before, .slider-project:after {width: 100px;}
.controlblk {width: 33.333333%;}
.zhalbl, .mehanbl {width: 50%; display: block;}
.zhalbl img {width: 100%; height: 250px; object-fit: cover;}
.zhalbl-info {margin-left: 0;}
.mehanbl {text-align: center;}
.mehanbl-info {margin-left: 0; text-align: left;}
.mehanbl-info h3 {text-align: center;}
.category-fabrics-block {width: 50%;}
.zhalyuzblk {display: block; margin-bottom: 10px;}
.zhalyuzblk img {width: 100%;}
.lamellabl {width: 50%;}
.made-text {width: 100%;}
.made-text h2 {text-align: center;}
.made-text p {text-align: center; max-width: 75%; margin: 0 auto 50px;}
.made-picture {width: 100%; max-width: 750px; margin: auto;}
.text-sm {max-width: 100%;}
.made-block {margin: 70px 0 50px;}
.made-block img {max-width: 550px;}
.made-block p:nth-child(2) {top: 45px; left: 5px;}
.made-block p:nth-child(3) {top: 33%; left: 30%;}
.made-block p:nth-child(4) {top: -15px;}
.made-block p:nth-child(5) {top: 35px; right: -10px;}
.made-block p:nth-child(6) {top: 100px; right: 23%;}
.made-block p:nth-child(7) {bottom: -15px; right: 23%;}
.benblks {margin-bottom: 30px;}
.types-block {padding: 80px 0 50px;}
.typebll {width: 50%; margin-bottom: 32px;}
.types-electric-block {display: block; text-align: center;}
.types-electric-block span {margin: 0 auto 20px;}
.types-electric-text {width: 100%;}
.made-block2 img {max-width: 670px;}
.made-block2 {margin: 160px 0 60px;}
.made-block2 p:nth-child(2) {padding-bottom: 95px; top: -19%;}
.made-block2 p:before {background-size: 100% 100%;}
.made-block2 p:nth-child(2):before {-webkit-transform: rotate(0deg); transform: rotate(0deg); left: 46px; right: auto; top: auto; bottom: 0; height: 90px;}
.made-block2 p:nth-child(2):after {right: auto; top: auto; bottom: -10px; left: 38px;}
.made-block2 p:nth-child(3) {top: 55%; left: 18%;}
.made-block2 p:nth-child(3):before {top: -2px;}
.made-block2 p:nth-child(3):after {top: -1px;}
.made-block2 p:nth-child(4), .made-block2 p:nth-child(5) {padding-top: 55px;}
.made-block2 p:nth-child(4):before, .made-block2 p:nth-child(5):before {top: 10px; height: 40px;}
.made-block2 p:nth-child(4):after, .made-block2 p:nth-child(5):after {left: -8px; top: 1px;}
.made-block2 p:nth-child(4) {left: 40%;}
.made-block2 p:nth-child(5) {top: 15%; left: 68%;}
.made-block2 p:nth-child(6) {top: -15%; padding: 0 0 50px; right: 0;}
.made-block2 p:nth-child(6):after {top: auto; bottom: 0; left:auto; right:50px;}
.made-block2 p:nth-child(6):before { top: auto; bottom: 10px; height: 40px; -webkit-transform: rotate(0deg); transform: rotate(0deg); right: 58px; left: auto;}
.made-block3 {max-width: 550px; margin: 80px auto;}
.made-block3 p:nth-child(2) {left: -120px;}
.made-block3 p:nth-child(3) {top: -22%;}
.made-block3 p:nth-child(4) {right: -60px;}
.applicblk {width: 100%;}
.payment-bg h1 {font-size: 60px;}
.payment-bg p {font-size: 36px;}
.montagebl {margin-bottom: 20px;}
.typesblk {width: 50%; margin-bottom: 50px;}
.varblk:nth-child(1):after {left: -62%; background-size: 80% 100%;}
.varblk:nth-child(1):before {left: -62%;}
.varblk:nth-child(3):after {left: -72%; background-size: contain;}
.varblk:nth-child(3):before {top: -214px; left: -69%;}
.varblk:nth-child(4):after {top: -284px; left: -109%; width: 360px; height: 300px;}
.varblk:nth-child(4):before { left: -111%; top: -309px;}
.mehanbl:nth-child(odd) .mehanbl-info ul li:first-child p {left: 0;}
.mehanbl:nth-child(odd) .mehanbl-info ul li:first-child p:before {left: 13%;}
.rollbl .modal .subscription {margin: auto !important;}
.rollbl .modal .subscription .container {width: 100%;}
.footer-box .footer__menu {width: 65%;}
.city-block {margin: 0; -ms-flex-order: 3; order: 3;}
.footer__socials {-ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex;}
.mounting-info {width: 58%; padding: 20px;}
.mounting-img {height: 350px;}
.mounting-info span, .mounting-info ul li {font-size: 20px; line-height: 24px;}
.mounting-info p, .mounting-info p span {font-size: 24px; line-height: 28px; margin-bottom: 15px;}
.mounting-info ul {margin-top: 25px;}
.privody-blk-info img {margin: 30px 0;}
.privody-img {min-height: auto;}
.youtube_utp .video, .youtube_utp .video iframe {height: 350px;}
.bullet-u ul {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
}

@media (max-width: 767px) {
.variantbl {width: 50%;}
.variantbl span {height: 160px;}
.palitra-text {width: 75%;}
.palitra {padding-right: 90px; background: #F5F5F5; position: relative; overflow: hidden;}
.palitra:after {content: ""; background: url(/wp-content/uploads/2023/06/palitra.png) right bottom no-repeat; transform: rotate(-74.23deg); position: absolute; right: -100px; background-size: 350px; width: 290px; height: 180px; top: 20%;}
.slider-project:before, .slider-project:after {width: 80px;}
.controlblk {width: 50%;}
.controlblk p {display: none;}
.controlblk:nth-child(4) {-webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; position: relative;}
.voise-block {position: absolute; left: 80%; top: 0; width: 100%;}
.voise-block ul {-ms-flex-direction: column; flex-direction: column; display: -ms-flexbox; display: flex;}
.voise-block ul li {display: block; margin: 10px 0; position: relative; padding-left: 70px; text-align: left;}
.voise-block ul li:before {content: ""; background: url( /assets/img/arrow.png) left bottom no-repeat; top: 0; width: 100%; height: 100%; display: inline-block; position: absolute; left: 0;}
.voise-block ul li:after {content: attr(data-label); margin-left: 10px; display: inline-block; vertical-align: middle; width: 70%;}
.voise-block ul li:nth-child(2) {-ms-flex-order: 3; order: 3;}
.voise-block ul li:nth-child(2):before {-webkit-transform: matrix(1, 0, 0, -1, 0, 0); transform: matrix(1, 0, 0, -1, 0, 0);}
.voise-block ul li:nth-child(3):before {background: url( /assets/img/arrow2.png) left center no-repeat;}
.zhalbl {width: 50%; display: block; margin: 0 0 20px;}
.zhalbl img {height: 150px; width: 100%; object-fit: cover;}
.zhalbl:not(:last-child) {border-bottom: 1px solid #E9E9E9;}
.zhalbl-info {margin-left: 0;}
.mehanbl {width: 100%;}
.category-fabrics-block {width: 50%;}
.areas-markizy .areasblk {width: 50%; margin-bottom: 30px;}
.zhalyuzblk {display: block; margin: 0 0 20px;}
.zhalyuzblk img {width: 100%; height: 150px; object-fit: cover;}
.zhalyuzblk-info {margin-left: 0;}
.lift-areas .areasblk {width: 50%;}
.shems-block {background: #F5F5F5; padding: 40px 0;}
.lamellabl, .benefits-rolstavni-block {width: 50%;}
.made-text {width: 100%;}
.made-text h2 {text-align: center;}
.made-text p {text-align: center; max-width: 90%; margin: 0 auto 50px;}
.made-picture {width: 100%; max-width: 550px; margin: auto;}
.made-picture img {max-width: 340px;}
.made-picture ol { left: 370px;}
.made-picture ol li {line-height: 21px; margin-bottom: 12px;}
.pr-areas .areasblk {width: 50%;}
.text-sm {max-width: 100%;}
.mades .container {padding: 0; max-width: 540px; margin: auto;}
.made-block {margin: 90px auto 50px;}
.made-block img {max-width: 540px;}
.made-block p:nth-child(2) {top: -35px; left: 30px; padding: 0 0 55px;}
.made-block p:nth-child(3) {left: 15%; top: 70%; padding-top: 30px;}
.made-block p:nth-child(4) {top: -50px; left: 35%;}
.made-block p:nth-child(5) {top: -40px; right: 0; padding: 0;}
.made-block p:nth-child(6) {top: 50%; right: 15%;}
.made-block p:nth-child(7) {bottom: -30px; right: 12.5%;}
.made-block p:after {width: 10px; height: 10px; border: none; background: #4990E2;}
.made-block p:before {background-size: 100% 100%;}
.made-block p:nth-child(2):before {-webkit-transform: rotate(0deg); transform: rotate(0deg); top: auto; bottom: 0; left: 25px; height: 51px;}
.made-block p:nth-child(2):after {bottom: 0; left: 24px; top: auto;}
.made-block p:nth-child(4):before {height: 85px; top: 20px; left: 60px;}
.made-block p:nth-child(4):after {bottom: -40px; left: 7px; left: 59px;}
.made-block p:nth-child(5):before {-webkit-transform: rotate(0deg); transform: rotate(0deg); height: 45px; top: 50px; right: 44px; left: auto;}
.made-block p:nth-child(5):after {left: 67px; top: 85px;}
.made-block p:nth-child(3):before {height: 80px; top: -55px;}
.made-block p:nth-child(3):after {top: -59px; left: 50%;}
.made-block p:nth-child(6):before {right: 15px; top: -5px;}
.made-block p:nth-child(6):after{top: 4px;}
.made-block p:nth-child(7):before {-webkit-transform: rotate(180deg); transform: rotate(180deg); right: 8px; top: -5px;}
.made-block p:nth-child(7):after {top: -10px; right: 7px;}
.calc-block {margin-left: 0; max-width: 100%;}
.types-block {padding: 50px 0;}
.typebll {width: 50%; margin-bottom: 35px;}
.types-electric-block {width: 100%; margin-bottom: 20px;}
.made-block2 p:after {width: 10px; height: 10px; background: #4990E2; border: none;}
.made-block2 {padding: 100px 0 50px; max-width: 540px;}
.made-block2 p:nth-child(2) {padding-bottom: 95px; top: 1%;}
.made-block2 p:before {background-size: 100% 100%;}
.made-block2 p:nth-child(2):before {-webkit-transform: rotate(0deg); transform: rotate(0deg); left: 21px; right: auto; top: auto; bottom: -1px; height: 90px;}
.made-block2 p:nth-child(2):after {right: auto; top: auto; bottom: -9px; left: 20px;}
.made-block2 p:nth-child(3) {top: 65%; left: 15%;}
.made-block2 p:nth-child(3):before {top: -2px;}
.made-block2 p:nth-child(3):after {top: 6px; left: 2px;}
.made-block2 p:nth-child(4), .made-block2 p:nth-child(5) {padding-top: 45px;}
.made-block2 p:nth-child(4):before, .made-block2 p:nth-child(5):before {top: 10px; height: 30px;}
.made-block2 p:nth-child(4):after, .made-block2 p:nth-child(5):after {left: -1px; top: 1px;}
.made-block2 p:nth-child(4) {left: 29%; top: 32%;}
.made-block2 p:nth-child(5) {top: 32%; left: 68%;}
.made-block2 p:nth-child(6) {top: 5%; padding: 0 0 55px; right: 0; max-width: 150px;}
.made-block2 p:nth-child(6):after {top: auto; bottom: 0; left:auto; right:50px;}
.made-block2 p:nth-child(6):before { top: auto; bottom: 9px; height: 40px; -webkit-transform: rotate(0deg); transform: rotate(0deg); right: 50px; left: auto;}
.profblk {display: block;}
.profil-blk-left, .profil-blk-right {width: 100%;}
.profil-blk-left img {margin: 50px auto; display: block;}
.profil-blk-right .btn {margin: 30px auto 0; display: block; max-width: 240px;}
.applicblk {width: 100%;}
.applicblk h3 {margin-top: 0;}
.applicblk p {line-height: 1.2; font-size: 16px;}
.benblks {margin: 30px 0;}
.made-block3 {max-width: 555px; margin: 100px auto;}
.made-block3 p:before {background: url( /assets/img/montage-arrow2.png) top center no-repeat;}
.made-block3 p:after {width: 10px; height: 10px; background: #4990E2; border: none;}
.made-block3 p:nth-child(2) {text-align: left; left: 20px; top: -50%; padding: 0 0 90px;}
.made-block3 p:nth-child(2):before {-webkit-transform: rotate(0deg);transform: rotate(0deg); right: auto; bottom: 5px; left: 0px; height: 75px;}
.made-block3 p:nth-child(2):after {bottom: 2px; left: 0;}
.made-block3 p:nth-child(3) {left: 30%; top: -22%; max-width: 170px; padding-bottom: 40px;}
.made-block3 p:nth-child(3):before {left: 9px;}
.made-block3 p:nth-child(3):after {bottom: 2px; left: 8px;}
.made-block3 p:nth-child(4) {right: 50px; top: -35%; padding: 0 0 65px;}
.made-block3 p:nth-child(4):before { -webkit-transform: rotate(90deg);  transform: rotate(0deg); left: auto; right: 11%; height: 75px; bottom: 0;}
.made-block3 p:nth-child(4):after {left: auto; right: 10%; top: auto; bottom: 0;}
.made-block3 p:nth-child(5) {bottom: -73px; padding-top: 50px; max-width: 120px; padding: 45px 0 0;}
.made-block3 p:nth-child(5):after {left: -1.5px; top: 1px;}
.made-block3 p:nth-child(6) {left: 60%; top: 79%; padding: 50px 0 0;}
.made-block3 p:nth-child(6):before {-webkit-transform: rotate(180deg); transform: rotate(180deg); height: 50px; top: 0; left: 0;}
.payment-flex {display: block;}
.payment-bg {padding: 50px 0;}
.paymentbl {width: 100%;}
.paymentbl img {width: 100%; max-width: 350px;}
.payment-bg h1 {font-size: 70px; text-align: center; margin: auto;}
.payment-bg p {font-size: 36px; text-align: center; margin: auto;}
.applicationbl {width: 50%;}
.types-blk {padding-bottom: 0;}
.typesblk {width: 50%; margin-bottom: 30px;}
.variant-montage {background: #ffffff; height: 565px;}
.variant-montage-text {position: relative; width: 100%; left: 0; top: 0;}
.variant-montage-text h2 {text-align: center;}
.varblk-block {background: url(/wp-content/uploads/2023/06/variant-montage.jpg) 40% 0 no-repeat; position: relative; height: 500px; background-size: cover;}
.varblk {position: absolute;}
.varblk:nth-child(1) {left: 50%; top: 10px;}
.varblk:nth-child(2) {left: 55%; top: 20%;}
.varblk:nth-child(3) {left: 37%; top: 31%;}
.varblk:nth-child(4) {left: 8%; top: 9%;}
.varblk p {display: none;}
.varblk h3 {margin-top: 0;}
.varblk h3 span {display: none;}
.varblk:nth-child(1):before {top: 50px; left: 10px;}
.varblk:nth-child(2):before {top: 5px; left: -50px;}
.varblk:nth-child(3):before {top: -38px; left: 6px;}
.varblk:nth-child(4):before {top: 48px; left: 0;}
.varblk:nth-child(1):after, .varblk:nth-child(2):after, .varblk:nth-child(3):after, .varblk:nth-child(4):after {background: url( /assets/img/montage-arrow.png) center no-repeat;width: 9px; height: 27px;}
.varblk:nth-child(1):after {top: 30px; left: 13px;}
.varblk:nth-child(2):after {top: -1px; left: -30px; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.varblk:nth-child(3):after {top: -28px; left: 9px; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.varblk:nth-child(4):after {top: 26px; left: 3px;}
.application .nav-item {font-size: 14px;}
.projectblk a {height: 250px;}
.rollbl .modal .subscription .container {padding: 0;}
.rollbl .subscription__title {width: 100%;}
.rollbl .subscription__title:before {margin-right: 20px;}
.rollbl .subscription__input {width: 63% !important; max-width: 100% !important;}
.rollbl .subscription__submit {width: 33% !important;}
.city-block {margin: 0 auto 20px; text-align: center;}
.socials__list {-ms-flex-pack: center; justify-content: center;}
.callback__phone-number {font-size: 16px;}
.callback__worktime {font-size: 14px;}
.mounting-block {flex-wrap: wrap;}
.mounting-info, .mounting-img {width: 100%;}
.mounting-img {-ms-flex-order: 2; order: 2; height: 100%;}
.pul .pultbl {width: 50%;}
.rlst .shop-box__items {display: flex;}
.rlst .shop-box__items>div {-ms-flex: 0 0 98%; flex: 0 0 98%; max-width: 98%;}
.profile-types .nav-item {margin: 0 5px; padding: 5px 15px; font-size: 18px;}
.rolstavny-variants .flex-block {flex-wrap: wrap; justify-content: center;}
.rolstavny-variants .variant-blk {width: 33%; margin: 20px 0;}
.profile-types .tab-pane {padding: 25px;}
.privody-blk {flex-wrap: wrap;}
.privody-blk-info, .privody-img {width: 100%;}
.privody-img {min-height: auto;}
.rolstavny-content h2, .electroprivody-blk h2 {font-size: 18px; line-height: 1.5; margin: 30px auto;}
.rlst .shop-box__picture {height: auto;}
.main-info-box__item.slick-slide, .main-info-box__item {display: block; height: auto;}
.video {height: 100%;}
.youtube_utp .video, .youtube_utp .video iframe {height: 230px;}
.bullet-u ul {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.fblk span a {font-weight: bold;}
.feedback__group:not(:last-child) {margin-bottom: 0;}
.feedback__group:first-child {margin-bottom: 15px;}
.org .feedback__heading {margin-bottom: 20px;}
}

@media (max-width: 575px) {
.stl h3 {font-size: 15px;}
.variantbl span {height: 108px;}
.dinlbl {padding: 20px 0;}
.palitra h2 {max-width: 350px;}
.slider-project:before, .slider-project:after {content: none;}
.voise-block ul li:after {margin-left: 5px;}
.voise-block {left: 98%; right: auto; width: 100%;}
.voise-block ul li:nth-child(2) {padding-left: 50px;}
.zhalbl {width: 100%;}
.mehanbl {text-align: center; width: 100%; display: block;}
.mehanbl-info {text-align: left; max-width: 300px; margin: auto;}
.mehanbl-info h3 {text-align: center;}
.mehanbl-info ul li:first-child p {left: 0;}
.mehanbl-info ul li:first-child p:before {left: 13%;}
.category-fabrics-block {width: 100%;}
.category-fabrics-block:not(:last-child) {border-bottom: 1px solid #E9E9E9; padding-bottom: 5px; margin-bottom: 0;}
.calc-block {padding: 15px 25px 40px;}
.calc-block h2 {text-align: center;}
.calc-block .btn {margin: 35px auto 0; max-width: 170px; display: block; padding: 15px 0; text-align: center;}
.zhalyuzblk, .areas-markizy .areasblk {width: 100%;}
.zhalyuzblk:not(:last-child){border-bottom: 1px solid #E9E9E9;}
.lift-areas .areasblk {width: 100%;}
.ben-text {width: 65%; margin-left: 15px;}
.shems-block {padding: 40px 0;}
.made-picture img.visible-big {display: none;}
.made-picture img.visible-mobile {display: block; margin: auto;}
.benefits-rolstavni-block {width: 100%;}
.made-picture ol {position: relative;top: 0;left: 0; padding-left: 35px; margin: 70px auto 16px; counter-reset: myCounter;}
.made-picture ol li:before {counter-increment: myCounter;content: counter(myCounter);margin-right: 30px;display: inline-block;vertical-align: middle;text-align: center;width: 29px;height: 29px;font-size: 18px;line-height: 21px;color: #000000;background: #ffffff;border: 4px solid #4990E2;border-radius: 50%;}
.mades .container {padding: 0 15px;}
.made-block {margin: 90px auto 60px;}
.made-block, .made-block img {max-width: 370px;}
.made-block p {line-height: 1; font-size: 14px;}
.made-block p:nth-child(2) {top: -40px; left: 0px;}
.made-block p:nth-child(3) {left: 4%; top: 83%;}
.made-block p:nth-child(4) {top: -65px; left: 25%; padding-bottom: 55px;}
.made-block p:nth-child(5) {top: -50px;}
.made-block p:nth-child(5):before {top: 45px; right: 29px;}
.made-block2 {max-width: 370px; margin: 50px auto 0; padding: 100px 0 10px;}
.made-block2 p:nth-child(2) {top: 10%; left: 8px; padding-bottom: 56px;}
.made-block2 p:nth-child(3) {left: 12%; top: 80%;}
.made-block2 p:nth-child(5) {top: 40%;}
.made-block2 p:nth-child(6):before {right: 25px;}
.made-block2 p:nth-child(6):after {right: 25px;}
.made-block2 p:nth-child(6) {padding-bottom: 40px; top: 12%;}
.made-block2 p:nth-child(2):before {height: 56px;}
.made-block2 p:nth-child(4) {top: 39%; left: 22%; max-width: 150px;}
.made-block2 p {font-size: 14px; line-height: 1;}
.types-block .container-fluids {padding: 0 15px;}
.types-electric-block {padding: 15px 15px 25px; -ms-flex-align: start; align-items: flex-start;}
.types-electric-block span {width: 92px; height: 92px; line-height: 92px; margin-right: 20px;}
.types-electric-block span img {max-width: 85%;}
.types-electric-text p {font-size: 16px;}
.types-electric-text h3 {margin-bottom: 15px;}
.types-block {padding: 15px 0; position: relative;}
.typebll {position: static; margin-bottom: 20px;}
.typeblks {border: 1px solid #ABABAB; cursor: pointer; height: 100%;}
.typeblks h3 {margin: 20px 0; font-size: 16px;}
.typeblks img {max-width: 80%;}
.typeblks p {display: none;}
.typeblks p.active {display: block; max-width: 85%; margin: auto; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: #FFFFFF; opacity: 0.9; padding: 35px 15px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);}
.typeblks p:before {content: ""; position: absolute; right: 15px; top: 15px; background: url( /assets/img/block-close.svg) center no-repeat; width: 15px; height: 15px;}
.benblks.activ {display: -ms-flexbox; display: flex;}
.ben-text h3 {margin: 0 0 10px; font-size: 16px;}
.made-block3 {max-width: 380px;}
.made-block3 p:nth-child(2) {left: 10px; top: -85%;}
.made-block3 p:nth-child(3) {top: -35%;}
.made-block3 p:nth-child(4) {right: 15px; top: -85%;}
.made-block3 p:nth-child(5) {left: 25px; bottom: -70px;}
.made-block3 p:nth-child(6) {top: 65%;}
.applicblk {display: block;}
.applicblk img {width: 100%; margin: 0 0 20px;}
.applicblk-info {margin-left: 0;}
.profil-blk {padding: 60px 0;}
.payment-bg h1 {font-size: 40px;}
.payment-bg p {font-size: 26px;}
.banks img {max-width: 220px;}
.application .nav-item {width: 50%; border-bottom: 1px solid #ffffff;}
.application .nav-item.active {background-color: #B1BAC2; border-bottom: 1px solid #ffffff;}
.applicationbl, .typesblk {width: 100%; margin-bottom: 10px;}
.varblk:nth-child(1) {top: 3px;}
.varblk:nth-child(2) {top: 19%; left: 65%;}
.varblk:nth-child(3) {left: 36%;}
.varblk:nth-child(4) {top: 12%;}
.process-block .areasbl {width: 100%;}
.fblk {width: 100%; margin-bottom: 20px;}	
.fblk:last-child {padding-top: 0;}
.fblk:last-child ul {-webkit-column-count: 2; -moz-column-count: 2;  column-count: 2;}
.action-blks {display: block;}
.action-info {padding: 20px 15px;}
.action-blks span.action-img, .action-info {width: 100%;}
.action-blks span.action-img {width: 100%; height: auto;}
.action-big h3 {font-size: 28px; line-height: 37px;}
.action-info p {max-width: 100%;}
.delivery-city {padding: 50px 10px;}
.delivery-city ul li {width: 50%;}
.mounting-info {padding: 20px;}
.mounting-info span, .mounting-info ul li {font-size: 20px; line-height: 24px;}
.mounting-info p, .mounting-info p span {font-size: 24px; line-height: 28px;}
.mounting-blocks {padding: 25px 0;}
.pul .pultbl {width: 100%;}
.rolstavny-variants .variant-blk {width: 50%;}
.profile-types ul.nav {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.profile-types .nav-item {width: 100%; display: none; position: relative;}
.profile-types .nav-item.active {display: block;}
.profile-types ul.nav.active .nav-item {display: block; -ms-flex-order: 2; order: 2;}
.profile-types ul.nav.active .nav-item.active {background: #2B86DB; color: #ffffff; border-bottom: none; -ms-flex-order: 1; order: 1;}
.profile-types .nav-item.active:after {content: ""; background: url(https://prokarniz.ru/wp-content/themes/prokar/assets/img/arrow_rolstavny.png) center no-repeat; margin-top: 10px; width: 15px; height: 15px; background-size: contain; display: inline-block; vertical-align: middle; float: right;}
.profile-types ul.nav {margin-bottom: 30px;}
.product-info__description .content-blocks, #company-info .company-info {height: 215px;}
.tab-1 .nav, .tab-2 .nav  {-ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; border: 1px solid #edf0f5; width: 93%; margin: 0 auto 10px;}
.tab-1 .nav li, .tab-2 .nav li {width: 100%; display: none; position: relative; font-size: 16px; text-align: left;}
.tab-1 .nav li.active, .tab-2 .nav li.active {display: block;}
.tab-1 .nav.active li, .tab-2 .nav.active li {display: block;}
.tab-1 .nav.active li.active, .tab-2 .nav.active li.active {background: #498fe2; color: #ffffff; border-bottom: none;}
.tab-1 .nav li.active:after, .tab-2 .nav li.active:after {content: ""; position:absolute; -webkit-transform: rotate(180deg); transform: rotate(180deg); background: url(/wp-content/themes/prokar/images/upbtn/up-arrow-bot.png) center no-repeat; width: 15px; height: 15px; background-size: contain; right: 13px; top: 13px;}
.tab-1 .nav.active li:after, .tab-2 .nav.active li:after {content: none;}
.porducts__categories-item_into {margin-bottom: 0 !important;}
.content-blocks .portfolio-demo .products__more {margin-top: 0;}
.type-img:not(:first-child) {line-height: 1.2; height: auto; margin-bottom: 30px; padding: 0 10px;}
.company-info .product-info__description {padding-top: 0;}
.main-info {margin-bottom: 20px;}
.tab-1 .nav li.active, .tab-2 .nav li.active {font-weight: normal; font-size: 16px;}
.tag-karniz {margin-top: 20px;}
.tag-karniz h2 {margin-bottom: 20px;}
.review-blks ul li {width: 100%;}
.youtube_utp {display: none;}
.shop-box {margin-bottom: 0;}
.rewev {display: block; text-align: center; margin-top: 10px;}
.rewev a {margin: 5px auto; width: 270px;}
shop-box__inner {font-size: 18px;}
.areasbl img {height: auto;}
.variant-montage {height: 610px;}
.bullet-u ul {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 18px;}
.catalog, .catalog__inner {padding-top: 0;}
.cat-descript a {font-size: 15px;}
.benefit-block {padding: 0 15px;}
.benbl img {margin-right: 10px;}
.benbl span:nth-child(2) {float: right; width: 80%; margin-top: 0;}
.benbl p {width: 80%;}
}

@media (max-width: 399px) {
.voise-block ul li {padding-left: 55px;}
.voise-block ul li:nth-child(2):after {display: inline-block; width: 70%; line-height: 1; vertical-align: middle; text-align: left;}
.made-block {margin: 110px auto 85px;}
.made-block, .made-block img {max-width: 290px;}
.made-block p:nth-child(2) {top: -44px; left: 0px;}
.made-block p:nth-child(3) {left: 0; top: 93%;}
.made-block p:nth-child(4) {top: -75px; left: 25%;}
.made-block p:nth-child(5) {top: -45px; right: -5px;}
.made-block p:nth-child(5):before {height: 45px; top: 30px; right: 27px;}
.made-block p:nth-child(5):after {left: 70px; top: 70px;}
.made-block p:nth-child(6) {padding-right: 60px; right: 43px;}
.made-block p:nth-child(6):before {right: auto; left: 70px; top: -5px;}
.made-block p:nth-child(6):after {right: auto; left: 85px;}
.made-block p:nth-child(7) {bottom: -65px; right: 0; max-width: 100px; line-height: 1;}
.made-block p:nth-child(7):before {left: 52px; top: -30px;}
.made-block p:nth-child(7):after {top: -35px; left: 52px;}
.made-block2 p:nth-child(5) {top: 42%;}
.types-electric-block span {width: 80px; height: 80px; line-height: 80px;}
.made-block3 {max-width: 355px;}
.made-block3 p {line-height: 1;}
.rollbl .subscription__input, .rollbl .subscription__submit {width: 100% !important;}
.rollbl .subscription__submit {margin-top: 15px;}
.rollbl .subscription__title {position: relative; line-height: 1.3; padding-left: 25px; max-width: 200px;}
.rollbl .subscription__title:before {position: absolute; top: 0; left: 0;}
.fblk:last-child ul {-webkit-column-count: 1; -moz-column-count: 1;  column-count: 1;}
}

@media (max-width: 374px) {
.palitra:after {right: -88px; background-size: 300px; top: 35%;}
.controlblk span.control-img {width: 130px; height: 130px; line-height: 130px;}
.controlblk span.control-img img {max-height: 70px;}
.voise-block {right: -93%;}
.voise-block ul li {padding-left: 60px; font-size: 12px;}
.voise-block ul li:after {line-height: 1; display: inline-block; width: 40%; vertical-align: middle;}
.voise-block ul li:nth-child(2):after {width: 60%;}
.lamellabl {width: 100%;}
.made-block2 {max-width: 290px; margin: 0 auto;}
.made-block2 p:nth-child(2) {left: 2px;}
.made-block2 p:nth-child(3) {top: 85%;}
.made-block2 p:nth-child(4) {top: 39%;}
.made-block2 p:nth-child(5) {top: 44%; left: 75%;}
.made-block2 p:nth-child(6) {max-width: 135px;}
.made-block2 p {font-size: 14px; max-width: 130px; line-height: 1;}
.made-block2 p:nth-child(6) {top: 16%;}
.made-block3 {max-width: 300px;}
.made-block3 p:nth-child(2) {left: 5px; top: -110%;}
.made-block3 p:nth-child(3) {top: -45%;}
.made-block3 p:nth-child(4) {right: 5px; top: -105%;}
.made-block3 p:nth-child(5) {bottom: -65px;}
.varblk:nth-child(3) {left: 35%;}
.callback__phone-number {font-size: 15px;}
.delivery-city ul li {width: 100%;}
.review-blks iframe {width: 100%;}
.menu-button {width: 55px;}
.cat-descript {width: 59%;}
}



@media screen and (min-width: 1631px){
.get-banner .container{padding-left:15px;padding-right:15px;}
}
table{border-spacing:0;border-collapse:collapse;}
td{padding:0;}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
tr{page-break-inside:avoid;}
.table{border-collapse:collapse!important;}
.table td{background-color:#fff!important;}
.table-bordered td{border:1px solid #ddd!important;}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:768px){
.container{width:750px;}
}
@media (min-width:992px){
.container{width:970px;}
}
@media (min-width:1200px){
.container{width:1170px;}
}
table{background-color:transparent;}
.table{width:100%;max-width:100%;margin-bottom:20px;}
.table>tbody>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd;}
.table-bordered{border:1px solid #ddd;}
.table-bordered>tbody>tr>td{border:1px solid #ddd;}
.container:after,.container:before{display:table;content:" ";}
.container:after{clear:both;}
@media screen and (min-width: 1230px){
.container{width:1200px;padding:0;}
}
@media screen and (max-width: 767px){
.container{width:100%;}
}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;}
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;max-width:1230px;width:100%;}