/*
--------------------
Основные стили
--------------------
*/
html, body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    position:relative; 
}

body {
    font-family: "roboto", arial, sans-serif;
    font-size: 16px;
    color: #555555;
    height: auto !important;
    height:100%;
    min-height:100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex; 
    min-height: 100vh;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

article.recall__recall-card {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
    background: #fcf8f8;
    border-radius: 0 10px 10px 0;
    align-items: stretch;
}

.recall-card__client {
    width: 30%;
    margin-right: 30px;
    min-width: 30%;
}

.recall-client__icon {
    width: 100%;
    height: 100%;
}

.tel p.tel-mob {
    margin: 0;
    line-height: 1.2;
}
.tel p.tel-mob a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

span.mod-kviz:after {
    content: "Рассчитайте стоимость по вашим размерам";
}

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

button.subscription__submit.button-1.button-1_big.kvz:after {
    content: "Рассчитать";
}

.recall-client__name {
    font-weight: bold;
    color: #000000;
    margin-top: 20px;
}

.recall-client__date {
    margin-bottom: 20px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

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

.checkboxs {
    display: flex;
    align-items: flex-start;
}

.checkboxs label {
    margin-bottom: 0;
}

.checkboxs .label {
    margin-top: 0;
}

form .checkboxs {
    margin-top: 10px;
}


.wrapper {
    flex-grow: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    width:100%;
    height:100%;
    min-height:100%;
    padding-top: 63px;
}

.flex-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.flexs-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

a {color: #169BD5;}
a img {border: none;}
a:hover img {opacity: 1;}
input, textarea, a:focus, input:focus, button:active, button:focus, select:focus {outline:none !important; box-shadow: none !important;}
button::-moz-focus-inner {border: 0 !important;}
.bold {font-family: "robotobold";}

.btn {
    padding: 10px 15px;
    text-shadow: none;
    white-space: normal;
}

.btn-danger {
    border: none;  
	background: #FF7D44;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active:focus {background: #de4e0f;}

.btn-white {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #333333;
    color: #333333;
    padding: 9px 15px;
}

.btn-white:hover, .btn-white:focus {
    background: #333333;
    color: #ffffff;
}

h1, h2 {
    text-align: center;
    margin: 30px 0;
	color: #333333;
}

h1 {
    font-size: 30px;   
}

h2 {
    font-size: 28px;
    font-family: "robotobold";
}

h3 {
    font-size: 22px;
    margin: 20px 0;
   font-family: "robotobold";
    text-align: center;
	color: #333333;
}

h4 {font-size: 18px;}

.block {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}

/* 
------------------
Styles for Nav
------------------
*/
.navs {
    position: fixed;
    top: 0;
    left: -400px;
    bottom: 0;
    will-change: width;
    z-index: 999;
	width: 100%;
	max-width: 400px;
	transition: 0.1s all linear;
	overflow: auto;
}

.navs.is-active {
    background: rgba(255,255,255,0.97);
    left: 0;
}

header .container {position: relative;}

.nav__trigger {
    left: -55px;
    position: absolute;
    width: 50px;
    background: #ffffff;
    top: -15px;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nav__trigger:after {
    content: "Меню";
    color: #FF7D44;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.navs .nav__trigger {
    left: 20px;
    top: 0;
    position: relative;
    background: transparent;
}

.nav__content {
    padding: 0 0 30px;
}

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

.nav__item {
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4;
}

.nav__item a {
    display: inline-block;
    padding: 10px 20px 10px 40px;
    color: #333333;
    text-decoration: none;
    font-size: 22px;
}

.nav__list ul li a:hover {color: #306dab;}
.nav__list ul li ul li a {font-size: 18px;}

.nav__list ul li ul li a:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #333333;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.nnn {
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0s linear;
    transition: 0s linear;
}

.nav__trigger svg {
    cursor: pointer;
    height: 60px;
    top: 0;
    left: -3px;
    position: relative;
    margin-bottom: -10px;
}

.nav__trigger svg path{
    stroke-width: 50;
    stroke-linecap: round;
    stroke: #FF7D44;
    fill: none;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/* In menu form */

.top_bar,
.bottom_bar{
  stroke-dasharray: 240px 910px;
}

.middle_bar{
  stroke-dasharray: 240px 240px;
}

/* In cross form */

.open .top_bar,
.open .bottom_bar{
  stroke-dashoffset: -650px;
}

.open .middle_bar{
  stroke-dasharray: 0px 220px;
  stroke-dashoffset: -120px;
}

body.fix {overflow: hidden;}
.fix .wrapper {padding-top: 0;}

.fix:before {
    content: "";
    background: rgba(0,0,0,0.7);
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
}

    
/* 
------------------
Styles for Header
------------------
*/ 
header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0,0,0,.1);
    padding: 5px 0;
}

.fix header {position: static;}

.nav-bock {
    width: 48%;
    text-align: center;
}

.nav-bock .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

header .nav-pills > li {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

header .nav-pills > li > a {
    color: #333333;
    font-weight: bold;
    padding: 10px 7px;
    font-size: 16px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li a:hover {
    color: #d44c48;
    background: none;
}

.logo {width: 100px;}
.logo img {max-width: 100%;}

.zakaz a {
    border: 1px solid #F26A2F;
    background: none;
    color: #000000;
    font-size: 14px;
}

.tel p {
    margin: 0;
    font-size: 20px;
}

.tel a {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.tel span {
    display: block;
    font-size: 16px;
}

.headertop .logo {
    -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.headertop .nav__trigger {
    -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.whatsapp-block {
    display: flex;
    gap: 10px;
}

.whatsapp, .telegram {
	display: block;
	width: 44px;
	height: 44px;
	background: url(../img/whats-app.png) center / contain no-repeat;
}

.telegram {background: url(../img/tg.svg) center / contain no-repeat;}

/* Основные стили для MAX */
.max {
    display: block;
    width: 44px;
    height: 44px;
    background: url(/wp-content/themes/panel/assets/img/max.svg) center / contain no-repeat;
}

/* Для планшетов */
@media (max-width: 767px) {
    .max {
        width: 35px;
        height: 35px;
    }
}

/* Для мобильных устройств.
   31.08.2026: раньше здесь иконка MAX превращалась в широкую кнопку с подписью —
   это была часть прежней нижней панели мессенджеров. Панель заменена на .mp-bar,
   а в шапке раздутая иконка налезала на соседние элементы уже на 320 px.
   Осталась обычная иконка. */


/* Размеры иконок на узких экранах вынесены ниже, к остальным мобильным
   правилам: здесь их перебивало более позднее правило .whatsapp, .telegram. */


/* 
----------------------
Styles for Production
----------------------
*/

.production h1 {
	margin-bottom: 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 30px;
}

.production h1 span, .production span {
    color: #FFB392;
    display: block;
    font-size: 28px;
    margin: 5px 0 60px;
    text-align: center;
    font-weight: bold;
}

.production {position: relative;}

.production:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: block;
    z-index: 20;
}

.production .container {
	position: relative;
	z-index: 20;
}

.production .flex-block {
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	padding-bottom: 30px;
}

.production-video {
    width: 34%;
	margin-right: 2%;
}

.production-video iframe {
    width: 100%;
    height: 315px;
}

.production-text {
    font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    padding: 20px 40px;
    width: 63%;
}

.production-text p:first-child {
	font-size: 24px;
	font-weight: bold;
}

.production-text p {
	margin-bottom: 15px;
	font-weight: bold;
}

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

.production-text ul li {list-style-type: square;}

.production-text .btn {
    font-size: 16px;
    padding: 15px;
	margin-bottom: 30px;
}



/* 
------------------
Styles for Works
------------------
*/
.works .row {margin: 0 -8px;}
.workbl {padding: 0 8px;}

.works h2 {
    max-width: 600px;
    margin: 30px auto;
}

.workbl {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
}

.workbl a {
    display: block;
    font-size: 20px;
    text-align: center;
    position: relative;
	width: 100%;
}

.workbl h3, .workbl p {
    background: #F7F7F7;
    margin: 0;
    color: #333333;
    padding: 10px 15px;
    text-align: left;
    font-size: 16px;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 1.1;
	border-radius: 0 0 10px 10px;
	justify-content: center;
	width:100%;
}

.workbl span {
    margin: 0;
    color: #333333;
    padding: 10px 15px;
    text-align: left;
    font-size: 16px;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 1.1;
	border-radius: 0 0 10px 10px;
	border: 2px solid #F7F7F7;
}

.workbl .zoom {
    right: 10px;
    bottom: 65px;
}

.workbl img {
    height: 250px;
    border-radius: 10px 10px 0 0;
    object-fit: cover;
    width: 100%;
}

.all {text-align: center;}

.all .btn {
    font-size: 16px;
    background: none;
    color: #000000;
    border: 1px solid;
}

.workbl p {text-align: center;}



/* 
-------------------
Styles for Catalog
-------------------
*/
.catbl {
    padding: 15px;	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.catalog .catbl:first-child .catbllk-img {position: relative;}

.catalog .catbl:first-child .catbllk-img:before {
    content: "-30%";
    width: 75px;
    height: 75px;
    background: #22bd17;
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    display: flex;
    align-items: center;
	justify-content: center;
	padding: 20px;
}

.catpg .flex-block.stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.catbllk {
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
}

.catbllk-img {
    width: 45%;
	/* height: 230px; */
    min-height: 230px;
	margin: 10px;
}

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

.catbllk-text {
    width: 50%;
    background: #f4f4f4;
    border-radius: 0 10px 10px 0;
    padding: 20px 10px;
	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;
}

.catbllk-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: flex;
    flex-direction: column;
}

.catbllk-text .shop-box {
	font-size: 16px;
	margin-bottom: 17px;
	font-family: "robotobold";
}

.catbllk-text strike {
    color: #777777;
    font-size: 12px;
}

.catbl p {
    font-size: 20px;
	line-height: 1;
    color: #ff7d44;
    margin-bottom: 15px;
    font-family: "robotobold";
}

.catbl p span {font-size: 16px;}

.more a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding: 5px 15px;
    font-size: 18px;
}

.more .btn-danger {padding: 6px 15px;}

.catbllk-text .more {width: 100%;}

.catbllk-text .more a {
	font-size: 14px;
	padding: 11px 15px;
	display: block;
	margin: 0;
}

.about {
	padding-bottom: 25px;
	margin-top: 30px;
}

.about-text h2 {
	margin-top: 0;
	text-align: left;
	font-family: "robotobold";
}
.about-img img,
.about-img iframe {width: 100%;}

.about-img iframe {height: 250px;}

.about-text {
    max-height: 220px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.expanded {
    max-height: 10000px;
}

.about button {
    background: none;
    border: none;
    font-family: "robotobold", arial, sans-serif;
    padding: 0;
    margin-top: 10px;
    text-decoration: underline;
}


/* 
---------------
Styles for Use
---------------
*/
.use {
	text-align: center;
	padding-bottom: 30px;
}

.greybg {background: #F4F4F4;}

.use h2 {margin: 25px 0;}

.use img {
    width: 100%;
    height: 235px;
	border-radius: 10px 10px 0 0;
    -webkit-object-fit: cover;
            object-fit: cover;
}

.use p {
    padding: 10px 0 2px;
    font-weight: bold;
}

.tabs-box {margin-top: 35px;}

.use .tab_content ul li {
    width: 33%;
    margin-bottom: 10px;
}

.use .tab_content ul {
    margin-left: 0;
    text-align: left;
}
 
.use .tabs {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0;
}
 
.use .tabs li {
    margin: 0 0 5px;
    cursor: pointer;
    padding: 0 14px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #d44c48;
    background: #ffffff;
    color: #333333;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 16%;
}
 
.use .tabs li.active, .use .tabs li:hover {
    background: #d44c48;
    border-right: 1px solid #d44c48;
    color: #ffffff;
}
 
.use .tab_container {
    width: 100%;
    background: #fff;
    overflow: auto;
}
 
.use .tab_content {
    padding: 20px 0;
    display: none;
}

.use .tab_accordion {display: none;}
 



/* 
------------------
Styles for Call
------------------
*/
.call {
    padding: 55px 0;
	background: #FFE896;
}

.call h3 {
	font-size: 24px;
    max-width: 400px;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
}

.call p {margin-bottom: 30px;}

.call .form-group {
    min-width: 300px;
    margin-right: 20px;
}

.call .form-control {
    width: 100%;
    height: 45px;
}

.call button {
    font-size: 16px;
    background: #f26a2f;
    border: none;
    color: #fff;
    height: 45px;
    width: 35%;
    line-height: 1;
    padding: 0 15px;
}

.call button:hover, .call button:focus {background: #de4e0f;}

.call-form {
    max-width: 505px;
	padding: 0;
    float: right;
}

.call-text:before {
    content: "Оставьте заявку на расчет и получите скидку 10%";
    font-size: 24px;
    max-width: 400px;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    font-family: "robotobold";
    color: #333333;
	display: block;
}


/* 
---------------------
Styles for Materials
---------------------
*/
.benefits h2 {margin: 60px 0 50px;}

.materials {
    margin-bottom: 30px;
}

.material-text h3 {
	text-align: left;
	font-size: 18px;
	margin: 0 0 15px;
}

.material-text span.bold {margin: 15px 0;}

.material-text ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.material-text ul li {
    margin-bottom: 15px;
    width: 46%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.material-text ul li img {
    margin-right: 20px;
    max-height: 26px;
    width: auto;
}

.materaial-title {
    background: #F5F5F5;
    padding-top: 25px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}

.material-types {
    background: #E8E8E8;
    margin: 25px 0 0;
}

.materaial-title ul {
    margin: 0;
    padding: 12px 0;
}

.materaial-title ul li {width: 20%;}
.materaial-title ul li:nth-child(3) {width: 38%;}
.materaial-title ul li img {margin-right: 15px;}

.materaial-title ul li span {
    display: inline-block;
    vertical-align: middle;
    width: 72%;
}

.materaial-title ul li:nth-child(3) span {width: 80%;}

.material-block img {
    width: 100%;
    height: 207px;
	border-radius: 10px;
	-webkit-object-fit: cover;
    		object-fit: cover;
}

.material-block {
    padding: 0 8px;
    margin-bottom: 15px;
}

.benefits .flex-block.stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.benbl {margin-bottom: 50px;}

.benbl span {
    display: inline-block;
    vertical-align: middle;
    width: 69px;
    height: 69px;
    line-height: 69px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    text-align: center;
}

.benbl p {
    display: inline-block;
    vertical-align: middle;
    width: 66%;
    margin-left: 10px;
}

.tbl, .types {margin-bottom: 25px;}

.typesbl {
    padding: 20px 20px 75px;
    border: 1px solid #E5E5E5;
    color: #555555;
    height: 100%;
    position: relative;
}

.typesbl img {width: 100%;}

.typesbl h3 {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
}

.typesbl p span {font-weight: bold;}

.typesbl p.grey {
    color: #777777;
}

.typesbl a.btn {
    font-weight: bold;
    width: 188px;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}

.product-img {text-align: center;}

.product-img img {
	width: 100%;
	border-radius: 10px;
}

.product-img span {width: 50%;}
.product-img span:first-child {margin-right: 16px;}

.product h3 {
	font-size: 18px;
	text-align: left;
	margin: 15px 0;
}

/* 
-----------------------
Styles for Video-block
-----------------------
*/
.video-block {margin: 50px 0;}
.video-block h2 {margin: 25px 0;}

.video-block iframe {
    width: 100%;
    max-width: 800px;
    height: 450px;
    margin: 0 auto;
    display: block;
}

.vbl {
    background: #ffffff;
    padding: 20px 0;
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
}

.videobl {padding: 0 8px;}

.videobl img {
    width: 100%;
    height: 240px;
    object-fit: cover;
	border-radius: 10px;
}

.videobl h3, .videobl span {
	display: block;
	font-size: 18px;
	text-align: left;
	margin: 15px 0;
	font-family: "robotobold";
    color: #333333;
}


/* 
------------------
Styles for Team
------------------
*/
.owl-theme .owl-dots {display: none;}

.owl-theme .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: url(../img/arrow.png) center no-repeat;
    width: 20px;
    height: 35px;
    display: inline-block;
    margin: 0;
    position: absolute;
    opacity: 0.8;
}

.owl-carousel .owl-nav button.owl-prev {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    left: -50px;
}

.owl-carousel .owl-nav button.owl-next {right: -50px;}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {display: none;}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: url(../img/arrow.png) center no-repeat;
    opacity: 1;
}

.teambls {
    background: #fff;
    border: 1px solid #ececec;
    box-sizing: border-box;
    border-radius: 10px;
    padding-top: 45px;
}

.teambls span {
    width: 100%;
    display: block;
    height: 188px;
    overflow: hidden;
}

.teambls-info span {
    font-size: 16px;
    font-weight: 700;
    margin: 5px 0;
    height: auto;
    font-family: "robotobold";
    text-align: left;
    color: #333333;
}

.teambls-info {
	padding: 20px;
	background: #F7F7F7;
	border-radius: 0 0 10px 10px;
}

.teambls-info h3 {
    font-size: 16px;
    font-weight: 700;
	margin: 5px 0;
	text-align: left;
}

/* 
------------------
Styles for Step
------------------
*/
.stepbl {
    text-align: center;
    font-size: 18px;
    margin: 20px 0;
	position: relative;
}

.stepbl:not(:last-child):after {
    content: "";
    background: url(../img/arrows3.png) right center no-repeat;
    position: absolute;
    width: 19px;
    height: 15px;
    right: -10px;
    top: 30%;
}

.stepbl span {
	margin: 0 auto 15px;
	display: block;
	background: #FFFFFF;
	border: 1px solid #FFE896;
	width: 108px;
	height: 108px;
	line-height: 108px;
	border-radius: 50%;
	text-align: center;
}

.stepbl img {max-width: 55px;}

.stepbl p {
    line-height: 1;
}

.partnersbl {
	background: #FFFFFF;
	border: 1px solid rgba(85, 85, 85, 0.2);
	border-radius: 10px;
}

.partners span {
    display: block;
    line-height: 113px;
    height: 113px;
    text-align: center;
}

.partners .owl-carousel .owl-item img {
    display: inline-block;
    max-height: 75px;
    width: auto;
    max-width: 100%;
}

.team .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 350px;
	object-fit: contain;
}

.peculiarities .owl-carousel .owl-item img {
	height: 260px;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}

.peculiarities .teambls {padding-top: 0;}



/* 
------------------
Styles for Blog
------------------
*/
.blog .row {margin: 0 -8px;}
.blogbl {padding: 0 8px;}

.blogbl img {
    width: 100%;
    height: 245px;
	border-radius: 10px;
}

.blog-title {
    font-size: 16px;
    color: #333;
    text-align: left;
	display: block;
	margin: 20px 0;
	font-family: "robotobold";
}



.read {float: right;}

.blog .all {margin-top: 30px;}

.blog .all a {
	width: 185px;
	padding: 11px 15px;
}


/* 
---------------------
Styles for Contacts
---------------------
*/
.contacts h2 {margin: 20px 0;}

.map {
	position: relative;
	margin-bottom: 50px;
}

.map iframe {
    width: 100%;
    height: 380px;
    border: none !important;
}

.contact-text {
    width: 310px;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
}

.contact-text span {
    text-align: left;
    font-size: 16px;
	font-weight: 700;
	margin: 0 0 10px;
	font-family: "robotobold";
	color: #333333;
	display: block;
}

.contact-text p {margin: 0;}

.contact-text ul {margin: 0 0 20px;}
.contact-text a {color: #333333;}

.contblks {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.contact-text ul li {
    background: #FFE896;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
}

.contact-text ul li:not(:last-child) {margin-right: 20px;}

.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}


/* 
--------------------
Styles for Contacts
--------------------
*/
.contacts h1 {margin-bottom: 50px;}
.cbl { margin-bottom: 20px; }

.cbl img {
    display: inline-block;
    margin: 5px 15px 0 0;
    vertical-align: top;
}

.cbl:nth-child(1) img {
    margin: 0 23px 0 -8px;
}

.contxt {
    display: inline-block;
    vertical-align: top;
    width: 80%;
    border-bottom: 1px solid #caa49b;
    padding-bottom: 20px;
	color: #000000;
}

.contxt p {
    margin: 0;
    color: #000000;
	font-weight: 700;
}

.contxt a {
    display: block;
    color: #000000;
}

.contact-block-text {
    text-align: center;
    padding: 25px;
    position: relative;
    z-index: 10;
    max-width: 550px;
    float: right;
	background: #efefef;
}

.contbl h2 {margin: 15px 0;}

.contacts-text a.maps {
    color: #cc1f34;
    border: 1px solid #cc1f34;
    display: block;
    margin: 20px auto;
    width: 200px;
    padding: 10px 0;
    text-align: center;
}

.contacts-text a.maps:hover {
    background-color: #cc1f34;
    color: #ffffff;
    text-decoration: none;
}

/* contact-form */
.contact-form {
    max-width: 550px;
    margin: 20px auto;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.contact-form label {
    font-weight: normal;
}

.contact-form button {
    width: 200px;
    margin: 15px auto;
    border-radius: 0;
    display: block;
}

.contact-form button:hover, .contact-form button:focus {
    background: #de4e0f;
}

.content {
    margin: 20px 0 50px;
}

.cbl .contact-text {
    width: 100%;
    position: relative;
    right: 0;
    background: none;
    padding: 0 0 0 47px;
}

.cbl .contact-text h3, .contact-text span {color: #000000;}

.cbl .contact-text ul li img {
	vertical-align: middle;
	margin: 0;
}



/* 
----------------------------
Styles for Breadcrumb-block
----------------------------
*/
.breadcrumb-block {
    background: #f5f5f5;
}

.breadcrumb {
    background: none;
    margin: 0;
    padding: 10px 0;
}


/* 
------------------
Styles for Design
------------------
*/
.baner {
    padding: 70px 0;
    position: relative;
    color: #ffffff;
}
.baner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    display: block;
    z-index: 1;
}

.baner .container {
    position: relative;
    z-index: 10;
}

.baner h1 {
	font-size: 40px;
	color: #ffffff;
}

.baner h1:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #ffffff;
    display: block;
    margin: 10px auto;
}

.about-us {
    background: url(../img/about_bg.jpg) top center no-repeat;
    background-size: cover;
}

.design {
    background: url(../img/bg_designers_bg.jpg) top center no-repeat;
    background-size: cover;
}

.portfolio-1 {
    background: url(../img/portfolio-1.jpg) top center no-repeat;
    background-size: cover;
}

.material-bg {
    background: url(../img/contacts_bg.jpg) top center no-repeat;
    background-size: cover;
}

.delivery-bg {
    background: url(../img/bg_delivery-bg.jpg) center no-repeat;
    background-size: cover;
}

.news-bg {
    background: url(../img/news-bg.jpg) top center no-repeat;
    background-size: cover;
}

.catalog-bg {
    background: url(../img/catalog-bg.jpg) top center no-repeat;
    background-size: cover;
}

.sticky {
    position: fixed;
    z-index: 101;
    top: 130px !important;
}


/* 
--------------------
Styles for Delivery
--------------------
*/
/* checkbox */
.label {margin: 15px 0;}
.checkbox {display: none !important;}
 
.checkbox-custom {
    position: relative;
    width: 19px;
    height: 19px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    border-radius: 3px;
}
 
.checkbox-custom,
.label {
    display: inline-block;
    vertical-align: middle;
    color: #3c3a3e;
    font-size: 14px;
    font-weight: normal;
    white-space: normal;
    text-align: left;
    line-height: 1.3;
}
 
.checkbox:checked + .checkbox-custom::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 1px;
    border-radius: 2px;
    color: #eb9c2d;
    font-size: 28px;
    font-weight: bold;
    background: url(../img/check.png) center no-repeat;
    width: 15px;
    height: 13px;
}

.label a {
	color: #333333;
	text-decoration: underline;
}


.question {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 15px 40px;
    text-align: center;
    background: #efefef;
}

.question p {margin: 15px 0;}
.question input {height: 40px;}

.question textarea {
    height: 111px;
    resize: none;
}

.question a, .question .label {color: #777777;}

.question .label {
    width: 91%;
    padding-right: 0;
    margin: 0 0 10px;
    font-size: 12px;
}

.question .label a {text-decoration: underline;}

.question button {
    margin: 0 auto 15px;
    display: block;
}

.question .checkbox-custom {margin-top: 3px;}

.delivery table {margin-top: 50px;}

.delivery .table > thead:first-child > tr:first-child > th {
    vertical-align: middle;
    text-align: center;
    width: 24%;
    padding: 20px 0 25px;
    border: none;
    border: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    color: #ffffff;
    background: #626057;
}

.delivery .table > thead:first-child > tr:first-child > th:first-child {
    border-left: none;
    border-top: none;
    background: none;
}

.delivery table tbody td {
    vertical-align: middle;
    text-align: center;
    color: #000000;
    position: relative;
    padding: 10px;
    border: 1px solid #d2d2d2;
    min-height: 50px;
}

.delivery table tbody td:first-child {
    font-weight: bold;
    background: #fbf5f0;
    padding: 40px 15px;
}


/* 
---------------------
Styles for Blog page
---------------------
*/

.newspagefiltr {
    background: #EAEAEA;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.news-back {
    float: left;
	color: #FF7D44;
}

.news-back:hover, .news-back:focus {
	color: #FF7D44;
}

.news-back span {
    display: inline-block;
    background: #FF7D44 url(../img/arrows4.png) center no-repeat;
    vertical-align: middle;
    height: 50px;
    width: 44px;
	margin-right: 6px;
}

.news-info {
    font-size: 14px;
    float: right;
    margin-top: 15px;
    padding-right: 15px;
}

.news-info span {
    display: inline-block;
}

.news-info p {
    display: inline-block;
    margin-left: 25px;
    padding-left: 25px;
    border-left: 1px solid #979797;
}

.news-info p a {
    display: inline-block;
    margin-left: 10px;
}

.tegs {
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 30px;
}

.tegs a {
    margin: 10px;
    border-radius: 15px;
    padding: 10px 20px;
}

.tegs .btn-default {
    background: #F4F4F4;
    border: none;
}

.news-page h1, .news-page h2, .news-page h3 {text-align: left;}

.news-page blockquote {
    border-left: 4px solid #d44c48;
    max-width: 460px;
    float: right;
    margin: 30px 0 30px 30px;
    color: #777777;
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    padding: 50px 25px;
}

.news-page h1 {
    font-size: 36px;
    font-weight: bold;
}

.news-page h4 {
    font-size: 24px;
	font-family: "robotobold";	
    margin: 0 0 10px;
	color: #333333;
}

.news-page h5 {
    font-size: 24px;
	font-family: "robotobold";	
    margin: 20px 0;
	color: #333333;
}

.news-page p {margin-bottom: 15px;}

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

.newspage-img span {
    color: #777777;
    font-style: italic;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 25px 0;
}

.news-info p a {color: #ff7d44;}

.likes {
    background: #F3F5F8;
    border-radius: 3px;
    padding: 10px 10px 10px 25px;
    margin: 30px 0;
}

.likes span {display: block;}

.lists, .news-page-left ul {
    padding: 0;
    margin: 25px 0;
    list-style: none;
}

.lists li, .news-page-left li {
    list-style: none;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
}

.lists li:before, .news-page-left li:before {
    content: "";
    background: #FF7D44;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 6px;
}

.news-page-right .lists li:before {
	background: #555555;
	width: 8px;
    height: 8px;
}

.news-page-right .lists li a {
	color: #555555;
	font-size: 14px;
}

.read-more {
    background: rgba(234, 234, 234, 0.3);
    padding: 26px;
}

/* news */
.newbl {
    margin-bottom: 15px;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 15px;
}

.newbl:last-child {border-bottom: none;}

.newbl a {color: #646464;}
.newbl a span.h3:hover, .newbl a p:hover {text-decoration: underline;}

.new-text {
    display: inline-block;
    width: 65%;
    vertical-align: middle;
    margin-left: 23px;
	font-size: 14px;
	color: #777777;
}

.news__news-card .new-text {vertical-align:top;}

.new-text h2 {
	font-size: 18px;
    text-align: left;
    margin: 10px 0;
}

.new-text span {
    display: block;
}

.new-text p {
	margin: 0 0 20px;
}

.newbl a.nbp {
    position: relative;
    display: inline-block;
    width: 30%;
}

.news-card__discount.discount, .stocks-card__image .discount {
    width: 50px;
    height: 50px;
    background: #f06a2f;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.33)!important;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
}

.stocks-card__image {
    position: relative;
    display: block;
    margin-right: 30px;
    min-width: 200px;
    width: 200px;
}

.stocks__cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.stocks-card__image img {
    width: 100%;
}

.stocks__stocks-card {
    display: flex;
    align-items: center;
}

.newbl a.nbp img {
	width: 100%;
	height:220px;
	object-fit:cover;
}

.newbl a.mores {
    display: block;
    color: #FF7D44;
}

.newbl a.mores:hover {text-decoration: none;}

.news-page-left blockquote {display: none;}

.news-page-left h3 {
	font-size: 28px;
	font-family: "robotobold";	
}

/* 
----------------------
Styles for Pagination
----------------------
*/
.pags {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > li > a:hover,
.pagination > li > a:focus  {
    color: #fff;
    background: #d44c48;
    border-color: #d44c48;
}

.pagination > li > a {
    padding: 7px 12px;
    border: 1px solid #ddd;
    color: #262626;
}

.pagination > li.disabled a {opacity: 0.44;}




/* 
-------------------
Styles for Project
-------------------
*/
.project-picture img {max-width: 100%;}
.project-description {font-size: 20px;}

.project-description h2 {
    text-align: left;
    font-size: 22px;
    margin: 0 0 10px;
}

.project-description p, .project-description ul {margin-bottom: 30px;}

.project-description ul li {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    font-size: 13px;
    text-align: center;
}

.project-description ul li img {
    max-width: 100%;
    margin-bottom: 10px;
}

.project-description ul li p {margin: 0;}

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

.makebl p {
    text-align: center;
    font-size: 20px;
    margin: 15px 0;
}

.descript-img img {
    width: 100%;
    height: 230px;
    -webkit-object-fit: cover;
            object-fit: cover;
}

.descriptbl {
    padding-bottom: 20px;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}

.descriptbl:nth-child(even) {border-right: none;}

.descriptbl:last-child {border-bottom: none;}

.descriptbl h2 {
    text-align: left;
    color: #333333;
}

.descript-text ul li {margin-bottom: 10px;}
.descript-text ul li span {font-weight: bold;}
.descript-text ul li p {margin-bottom: 10px;}

.picturebl li {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.picturebl li img {max-width: 100%;}


/* 
-------------------
Styles for Servise
-------------------
*/
.servbl {margin-bottom: 25px;}

.servicesbl {position: relative;}

.servicesbl:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    display: block;
    z-index: 20;
}

.servicesbl:hover {box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);}

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

.servicesbl p {
    position: absolute;
    width: 90%;
    max-width: 300px;
    z-index: 20;
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.modal-body .btn {
    margin: 0 auto;
    display: block;
}



/* new style */
.use .nav-tabs {
    border: none;
    margin-bottom: 20px;
	background: #ffffff;
}

.use .nav:before, .use .nav:after {content: none;}

.use .nav-tabs > li {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    float: none;
    min-width: 16%;
	border-bottom: 2px solid rgba(198,198,198,.5);
	height: 49px;
}

.use .nav-tabs>li:after {
    content: "";
    display: inline-block;
    height: 17px;
    width: 2px;
    background: rgba(85, 85, 85, 0.3);
    position: absolute;
    top: 23px;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.use .nav-tabs>li:nth-child(6):after {content: none;}

.use .nav-tabs > li a {
    background: none;
    padding: 12px 20px;
    color: #333333;
    border: none;
    border-radius: 0;
    margin: 0;
}

.use .nav-tabs > li.active, .use .nav-tabs > li:hover {
    border-bottom: 3px solid #FF7D44;
}

.use .nav-tabs > li.active > a:hover, .use .nav-tabs > li.active > a:focus {border: none;}

.use .tab-pane ul {margin: 0;}

.use .tab-pane ul li {
    width: 32%;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 0 10px #e2e0e0;
}

.use .tab-pane ul li p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
	font-family: "robotobold";
}

.use .tab-pane ul li a.btn {
	padding: 10px 35px;
	margin-left: 20px;
}

.use .loop {
    display: none;
}

.fancybox-content {padding: 20px !important;}

.fancybox-content .fn1 {width: 75%;}

.fancybox-content img {
    width: 100%;
    height: 600px;
    -webkit-object-fit: cover;
    object-fit: cover;
}

.fancybox-content .fn2 {
    margin-top: 5%;
}

.fancybox-content span.mod-kviz {
    text-align: center;
    display: block;
    line-height: 1.1;
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 20px;
}

.fancybox-content label .form-control.kvz {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    height: auto;
}

.fancybox-content a.kvzs {
    font-size: 14px;
    margin: 10px 0 10px 5px;
    display: inline-block;
    vertical-align: middle;
	line-height:1;
	width: 85%;
}

input.form-control_big.kvz {
    width: 100%;
}

.fancybox-content .fn2 form button {
    margin: 20px auto;
    height: 40px;
    display: block;
}

.fancybox-content form label.form-control_policy.kvz {width: 100%;}

.type-input__alert {
    margin-top: 10px;
    display: block;
}





/* 
------------------
Styles for Footer
------------------
*/
footer {
    background: #F4F4F4;
    padding: 5px 0;
}

footer a {
	color: #333333;
	display: block;
}

footer ul li:not(:last-child) {margin-bottom: 10px;}

.footer-block {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 50px 0;
	margin: 0 -15px;
}

.f-logo {
	max-width: 130px;
	margin-bottom: 20px;
}

.footer_contact p {margin-bottom: 0;}
.footer-block a.f-tel {margin-top: 20px;}

.footer_social {margin: 20px 0;}

.footer_social a {
    background: #FFE896;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
}

.footer_social span {
	display: block;
	margin-bottom: 10px;
}

footer .title-h3 {
    font-weight: bold;
    color: #000000;
}

.footer_time-work p span {
	display: block;
	font-weight: bold;
    color: #000000;
}

.footer-corp {font-size: 14px;}
.footer-corp p {margin-bottom: 0;}

.f-nav {
    border-left: 1px solid #e9e5e5;
    padding-left: 50px;
}

/* Кнопка наверх */
#toTop {
    bottom: 20px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 5px;
    text-align: center;
    width: 50px;
    z-index: 99;
    background: #e5e1df;
}

.kama_breadcrumbs {
    width: 1170px;
    margin: 5px auto;
	padding: 0 15px;
}

.faqblk {
	word-wrap: break-word;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
	margin-bottom: 10px;
}

.answer {
	background: #f8f8f8;
	padding: 10px 20px;
	border-top: 2px solid #f16a2f;
	border-radius: 0 0 10px 10px;
}

.answer p {margin: 5px 0;}

.faqblk p a {
	display: inline;
    padding: 0;
    font-size: 16px;
    color: #0f6dff;
}

.faqblk a {
    padding: 10px 20px;
    display: block;
    margin: 10px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    color: #555555;
}

.faqblk a.collapsed:after, .faqblk a:after {
    content: "";
    background: url(../img/arrow2.png) center / contain no-repeat;
    width: 14px;
    height: 22px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: auto;
    display: inline-block;
    float: right;
}

.faqblk a:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.city {margin-top: 50px;}

.city ul {
    padding: 0;
    list-style: none;
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #fab69a;
	-webkit-column-count:5;  
    -moz-column-count:5;  
    column-count:5;
    overflow: hidden;
}

.city ul li {
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
    width: 100%;
}

.city ul li a {
	text-decoration: none;
    padding: 5px;
    color: #555555;
    display: inline-block;
    font-size: 16px;
}

.city ul li:hover a {
	color: #ffffff;
	background: #f16a2f;
}



.catbllk-char ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
	font-size: 14px;
	line-height: 1.3;
}

.catbllk-char ul li {
	margin-bottom: 10px;
	color: #615f5f;
}

.catbllk-char li span:first-of-type {
	display: block;
	font-family: "robotobold", arial, sans-serif;
	color: #555555;
}

.catalog .catbl:nth-child(-n+4) {
    display: block !important;
}

.privacy-policy {
    max-width: 57%;
    margin: 0 auto;
}

.works .workbl {height: auto;}

.works .swiper-button-prev, .works .swiper-button-next {top: 90px;}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #f26a2f;
	font-size: 30px;
}

article.news__news-card.news-card {
    display: flex;
}

a.news-card__image._imgbg {
    margin-right: 30px;
}

a.news-card__image._imgbg img {
    max-width: 500px;
}

.slider {position: relative;}
.slider .swiper-wrapper {flex-wrap: nowrap;}
.slider .swiper-slide {height: auto;}

.slider .swiper-button-prev {left: -50px;}
.slider .swiper-button-next {right: -50px;}

.slider .swiper-pagination-bullet-active {background: #f26a2f;}

.reviews .swiper-pagination {
    display: none;
    position: relative;
    bottom: -20px;
    align-items: center;
    justify-content: center;
}

.review-blk {
    background: #ffffff;
    padding: 20px;
    margin: 1px;
    border: 2px solid #F7F7F7;
	height: 100%;
}

.review-title {
    padding: 10px;
    background: #f4f4f4;
    margin-bottom: 10px;
}

.review-title p {
    margin: 0;
}

.review-content span {
    display: block;
    font-family: "robotobold";
}


/* Блок до-после */
.virtual {position: relative;}

.twentytwenty-container {
    overflow: hidden;
    position: relative;
    user-select: none;
}
  
.twentytwenty-container img {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
}

.twentytwenty-before {
    z-index: 20;
}

.twentytwenty-after {
    z-index: 10;
}
  
.twentytwenty-handle:before, .twentytwenty-handle:after {
    content: "";
    display: block;
    width: 3px;
    background: #ffffff;
    height: 9999px;
    position: absolute;
    left: 50%;
    z-index: 30;
}
  
.twentytwenty-handle:before {bottom: 50%;}
  
.twentytwenty-handle {
    height: 44px;
    width: 44px;
    position: absolute;
    left: 50%;
    top: 55%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
    background: #FFFFFF url(../img/arw.svg) center no-repeat;
    border: 1px solid #A6A6A6;
    border-radius: 50%;
    margin-left: -22px;
    z-index: 40;
    cursor: pointer;
}

.virtual-block {
	max-width: 800px;
	margin: 0 auto;
}

.virtual-descript {
    margin-bottom: 50px;
    border-top: 3px solid #ff7d44;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	font-family: "robotobold";
}

/* Кровати */

.sale-krovat {
	  background: url('/wp-content/uploads/2024/11/sale-krovat.jpg') no-repeat center / cover;
}

.sale-krovat {
    background: url(/wp-content/uploads/2024/11/sale-krovat.jpg) no-repeat center / cover;
    min-height: 650px;
    padding: 70px 30px 50px;
}

.sale-info span {
    color: #000;
    max-width: 150px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1;
}

.sale-info span:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #2d2d27;
    border-radius: 50%;
    min-width: 20px;
}

.sale-info h2 {
    text-align: left;
    font-size: 60px;
    max-width: 600px;
    line-height: 1;
}

.sale-info p {
    font-style: italic;
    font-size: 24px;
    max-width: 500px;
    line-height: 1.1;
}

.sale-tel {
    margin-top: 90px;
}

.sale-tel div {
    width: 650px;
    justify-content: space-between;
    display: flex;
    margin-top: 30px;
	color: #333333;
}

.sale-more {
    color: #fff;
    background: #34180e;
    text-transform: uppercase;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 51px;
    font-size: 20px;
}

.sale-tel div a {
    color: #333333;
    display: block;
}

.sale-tel div p {
    width: 300px;
    line-height: 1;
}


/* Стили для адаптивности */
@media (max-width: 1350px) {
.nav__trigger {left: 0;}
}

@media (min-width: 1200px) and (max-width: 1350px) {
	header .container, .kama_breadcrumbs {padding-left: 70px;}
	.slider {width: 90%; margin: 0 auto;}
	.fancybox-content img {height: 500px;}
	.type-input__alert {font-size: 14px;}
}

@media (min-width: 992px) and (max-width: 1150px) {
	header .container, .kama_breadcrumbs {padding-left: 70px;}
}

@media (max-width: 1199px) {
	.city ul {-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
	.city ul li a {padding: 2px 5px;}
	.f-nav {padding-left: 30px;}
	.whatsapp-block {margin-right: 20px;}
	.zakaz {margin: 0 auto;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.more a {margin: 0 5px; padding: 5px 10px;}
	.slider {width: 90%; margin: 0 auto;}
	.fnav {width: 35%;}
	.fserv {width: 40%;}
	footer .fnav ul li:nth-child(odd) {width: 58%;}
	footer .fnav ul li:nth-child(even) {width: 40%;}
	.use .tab_content ul li {width: 33%;}
	.question {padding: 15px;}
	.catpg .catbl img {height: 200px;}
	.descriptbl h2 {margin-top: 10px; font-size: 24px;}
	.use .nav > li > a {padding: 10px 18px;}
	.use .nav-tabs > li {min-width: 15%;}
	.materaial-title ul li {width: 25%;}
	.materaial-title ul li:nth-child(3) {width: 50%;}
	.fancybox-content .fn1 {width: 70%;}
	.fancybox-content .fn2 {width: 30%;}
	.fancybox-content img {height: 400px;}
	.fancybox-content a.kvzs {font-size: 12px;}
	.fancybox-content span.mod-kviz {font-size: 16px;}
	.type-input__alert {font-size: 14px;}
	.blogbl img {height: 200px;}
	.catbl p {font-size: 20px;}
	.call .form-group {margin-right: 10px;}
	.material-text ul li {line-height: 1.3;}
	.kama_breadcrumbs {width: 970px;}
	.videobl img {height: 200px;}
}

@media (max-width: 991px) {
	.about-text {order: 1;}
	.about .row {display: flex; flex-direction: column; align-items: flex-start;}
	.about button {order: 2; margin-bottom: 20px; padding: 0 15px;}
	.about-img {order: 3; width: 100%;}
	.f-blk {display: flex; flex-wrap: wrap; border-bottom: 1px solid #e9e5e5;}
	.f-blk picture, .f-blk a:first-child {width: 100%;}
	.footer_contact {width: 52%;}
	.footer_social {margin: 0 0 10px;}
	.footer-corp {width: 100%; margin-bottom: 20px;}
	.f-nav {border: none; padding-top: 20px;}
	.footer-block > div:nth-child(2) {border-right: 1px solid #e9e5e5; padding-left: 15px;}
	.contact-text {padding: 15px;}
}

@media (min-width: 768px) and (max-width: 919px) {
header .container, .kama_breadcrumbs {padding-left: 70px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.production-text p:first-child {font-size: 20px;}
	.production-text {font-size: 16px;}
	.slider {width: 90%; margin: 0 auto;}
	.workbl a {font-size: 16px;}
	.more a {font-size: 16px; padding: 5px; margin: 0 5px;}
	.more .btn-danger {padding: 6px 5px;}
	.call h2 {font-size: 24px;}
	.product-img {margin-top: 25px;}
	.contact-text p {font-size: 16px;}
	.contact-text span {font-size: 20px;}
	.contact-text img {max-width: 40px;}
	.catbl p {font-size: 18px;}
	footer .fnav ul li {width: 100%;}
	.cbl {width: 49%; display: inline-block; vertical-align: top;}
	.contacts-text a.maps {float: right; margin: 15px 25px 0 0;}
	.question .form-group:nth-child(1) {width: 48%; float: left;}
	.question .form-group:nth-child(2) {width: 48%; float: right;}
	.project-description {margin-top: 30px;}
	.descript-text {margin-top: 20px;}
	.picturebl li {width: 49%;}
	.servicesbl p {font-size: 20px;}
	.catpg .catbl img {height: 150px;}
	.contact-block-text {float: none; margin: auto;}
	.use .nav-tabs > li { min-width: auto; width: 32.5%; margin-bottom: 10px;}
	.use .tab-pane ul li {width: 48.5%;}
	.materaial-title ul li {width: 49%; margin-bottom: 15px;}
	.materaial-title ul li img {margin-right: 15px;}
	.materaial-title ul li:nth-child(3) {padding: 0 0 0 5px; width: 49%;}
	.material-picture {margin: 30px auto 0;}
	.fancybox-content .fn1 {width: 100%;}
	.fancybox-content .fn2 {width: 100%; margin-top: 20px;}
	.fancybox-content img {height: 350px;}
	.type-input__alert {font-size: 14px;}
	.videobl {margin-bottom: 20px;}
	.video-block .row {margin: 0;}
	.video-block {margin: 30px auto; display: block;}
	.workbl img {height: 170px;}
	.blogbl img {height: 160px;}
	.blog-title {font-size: 16px; min-height: 36px;}
	.stepbl span {width: 80px; height: 80px; line-height: 80px;}
	.stepbl:not(:last-child):after {top: 25%;}
	.stepbl {font-size: 14px;}
	.teambls-info {padding: 10px;}
	.call-text, .call h3, .call-text:before {width: 100%; max-width: 100%; text-align: center; float: none;}
	.call-form {margin: 20px auto 0; width: 100%; float: none;}
	.use .nav-tabs>li:nth-child(3n):after {content: none;}
	.catbllk-img {width: 47%; height: 350px;}
	.catbl, .catbllk {width: 100%;}
	.catbllk-text .shop-box {font-size: 15px; line-height: 1.2;}
	.kama_breadcrumbs {width: 750px;}
	.city ul li a {font-size: 15px}
	.videobl img {height: 240px;}
	.peculiarities .owl-carousel .owl-item img {height: 200px;}
	.about-img iframe {height: 350px;}
}

@media (min-width: 768px) {
	.swiper.worksSwiper {margin: 0 -8px;}
	.swiper-wrapper {flex-wrap: wrap;}
	.works .workbl {width: 50%;}
	.swiper-arrow {display: none;}
}

@media (min-width: 992px) {
	.works .workbl {width: 33.33333333%;}
}

@media (max-width: 767px) {
	header {padding: 10px 0;}
	h1, h2 {font-size: 24px;}
	.wrapper {padding-top: 80px;}
	header .container {padding-left: 60px;}
	.kama_breadcrumbs {width: 100%;}
	.slider {width: 80%; margin: 0 auto;}    
	.production-text {width: 100%;}
	.production-video {width: 100%; position: absolute; top: 100%; padding: 20px;}
	.production-text .btn {display: block; max-width: 320px; margin: 10px auto;}
	.production-text p:first-child {font-size: 18px;}
	.production-text .btn {font-size: 18px; padding: 10px;}
	.more a {font-size: 16px; padding: 5px 10px; margin: 0 5px;}
	.more .btn-danger {padding: 6px 10px;}
	.use .tabs li {width: 32%;}
	.use .tab_content ul li {width: 49%;}
	.call h2 {font-size: 20px;}
	.call .form-group {width: 50%; min-width: 250px; display: inline-block; margin-bottom: 0; vertical-align: middle;}
	.blogbl {margin-bottom: 35px;}
	.blog {max-width: 500px; display: block; margin: 0 auto;}
	.contacts-text {text-align: center; width: 100%;}
	.cbl {text-align: left; width: 100%; max-width: 300px; margin: 0 auto 20px;}
	.contacts-text a.maps {margin: 0 auto 30px;}
	.contact-form label {float: left; width: 25%; padding-top: 10px;}
	.cfgr {float: left;width: 75%;}
	.news-page blockquote {max-width: 250px; padding: 25px;}
	.news-info p {margin-left: 15px; padding-left: 15px;}
	.likes span {max-width: 250px;}
	.news-page h1, .news-page h2, .news-page h3 {font-size: 26px;}
	.new-text {vertical-align: top;}
	.new-text h2 {font-size: 18px;}
	.new-text span {margin-bottom: 10px;}
	.pags {margin: 0 auto;}
	.question {padding: 15px 25px;}
	.question .form-group:nth-child(1) {width: 48%; float: left;}
	.question .form-group:nth-child(2) {width: 48%; float: right;}
	.project-description {margin-top: 30px;}
	.descript-text {margin-top: 20px;}
	.picturebl li {width: 49%;}
	.modal-dialog {max-width: 500px; margin: 10px auto; width: 96%;}
	.catpg .catbl:nth-child(3n) {border-right: 1px solid #cccccc;}
	.catpg .catbl:nth-child(even) {border-right: none;}
	.contact-block-text {float: none; margin: auto;}
	.descriptbl {border-right: none;}
	.use .loop {display: block;}
	.use li.dropdown.active, .nav-tabs .dropdown-menu {width: 100%;}
	.use .tab-pane ul li {width: 48.5%;}
	.use .nav-tabs > li.active a, .use .nav-tabs > li:hover a, .use .nav-tabs > li.active > a:focus {color: #ffffff;}
	.nav-tabs .dropdown-menu a {color: #333333 !important; font-size: 16px;}
	.use .tab-pane ul li {width: 100%;}
	.use .owl-carousel .owl-nav button.owl-prev {left: 10px; background: url(../img/arrow2.png) center no-repeat;}
	.use .owl-carousel .owl-nav button.owl-next {right: 10px; background: url(../img/arrow2.png) center no-repeat;}
	.use-tabs .nav-tabs > li.active {background: none}
	.materaial-title ul li {width: 49%; margin: 10px 0;}
	.materaial-title ul li img {margin-right: 15px;}
	.materaial-title ul li:nth-child(3) {padding-left: 5px; width: 100%;}
	.use .nav-tabs>li.dropdown {width: 100%; background: #f26a2f;}
	.use .nav-tabs>li.dropdown a {color: #ffffff;}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background: #f26a2f;}
	.material-picture {margin: 30px auto 0; max-width: 615px;}
	.workbl {margin-bottom: 0;}
	.workbl img {height: 343px; object-fit: cover;}
	.workbl a:last-child {position: absolute; bottom: 0; color: #ffffff; background: rgba(0,0,0,0.6); font-size: 18px; left: 0; width: 100%; line-height: 1.3; padding: 5px 15px;}
	.fancybox-content .fn1 {width: 100%;}
	.fancybox-content .fn2 {width: 100%; margin-top: 20px;}
	.fancybox-content img {height: 250px;}
	.fancybox-content span.mod-kviz {font-size: 16px;}
	.type-input__alert {font-size: 14px;}
	.zakaz {width: 100px;}
	.zakaz a {line-height: 1; padding: 8px 15px;}
	.video-block {display: block;}
	#toTop {display: none !important;}
	.works .all {margin-top: 20px;}
	.use img {height: 300px;}
	.item .workbl {padding: 0;}
	.item .workbl img {height: 320px;}
	.item .workbl a {margin-bottom: 0;}
	.footer__nav-wrap {width: 50%;}
	footer .privacy-policy a {display:block; margin: 0;}
	.stepbl:nth-child(3):after {content: none;}
	.call-text, .call h3, .call-text:before {width: 100%; max-width: 100%; text-align: center; float: none;}
	.call-form {margin: 20px auto 0; width: 100%; float: none; padding: 0 15px;}
	.catbllk-img, .catbllk-text {width: 100%;}
	.catbllk-text {border-radius: 0 0 10px 10px;}
	.catbl p {font-size: 20px;}
	.production-index {margin-bottom: 320px;}
	.catbl {padding: 8px;}
	.catalog .row {margin: -8px;}
	.city ul {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
	.catbl img {height: 400px;}
	.catbl, .catbllk {width: 100%;}
	.workbl p {padding: 10px;  font-size: 14px;}
	article.news__news-card.news-card {flex-wrap: wrap;}
	a.news-card__image._imgbg {width: 100%; margin: 0 0 20px;}
	a.news-card__image._imgbg img {width: 100%;}
	.videobl img {height: 200px;}
	.peculiarities .owl-carousel .owl-item img {height: 200px;}
	.footer_contact {width: 70%;}
	.contact-text {width: 260px;}
	.contact-text p {font-size: 14px;}
	.reviews .swiper-button-prev, .reviews .swiper-button-next {display: none;}
	.reviews .slider {width: 100%;}
	.reviews .swiper-pagination {display: flex;}
	.whatsapp-block {margin-right: 10px; gap: 5px}
	.whatsapp, .telegram, .max {width: 35px; height: 35px;}
	.tel a {font-size: 18px;}
}

@media (max-width: 575px) {
.wrapper {padding-top: 62px;}
.logo {width: 100px;}
.use .tabs {display: none;}
.use .tab_accordion {position: relative;background: #eeeeee;font-weight: 400;font-size: 16px;border-top: 1px solid #ffffff;margin: 0;padding: 14px 20px;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.use .tab_accordion:before {content: '';height: 8px;width: 8px;display: block;border: 2px solid #999999;border-right-width: 0;border-top-width: 0;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;right: 20px;top: 18px;}
.use .d_active.tab_accordion:before {border: 2px solid #999999; border-left-width: 0;border-bottom-width: 0;top: 18px;}
.tel {text-align: right; width: 60%;}
.catbl, .catbl:nth-child(2n), .catbl:nth-child(3n) {border-right: none;}
.catbl:last-child {border-bottom: none;}
.use .tab_content ul li {width: 100%; max-width: 350px;}
.call .form-group {width: 100%; margin: 0 auto 15px; max-width: 350px; display: block;}
.slider {width: 70%; margin: 0 auto;} 
.stepbl {width: 50%;}  
.map iframe {height: 250px;}
.contact-text img {max-width: 40px;}
.contact-text p {font-size: 14px;}
.contact-text span {font-size: 18px;}
.contact-form label {width: 100%; padding-top: 0;}
.cfgr, .servbl {width: 100%;}
.contact-block-text {padding: 25px 10px;}
.news-info p {margin-left: 10px; padding-left: 10px;}
.news-page blockquote {margin-left: 0; max-width: 100%; padding: 15px 25px;}
.tegs a:last-child {margin: 0;}
.likes span {max-width: 100%; margin-bottom: 10px;}
.newbl a.nbp {width: 100%;}
.new-text {width: 100%; margin: 15px 0 0;}
.question {padding: 15px;}
.question .form-group:nth-child(1), .question .form-group:nth-child(2) {width: 100%;}
.delivery table {font-size: 12px;}
.delivery-table {overflow: auto; margin-bottom: 30px;}
.question .label {width: 90%;}
.makebl, .descript-img, .descript-text, .picturebl li {width: 100%;}
.sticky {position: relative;}
.descriptbl { border-bottom: 2px solid #ccc; padding-bottom: 30px;}
.descriptbl .btn {width: 150px; margin: 25px auto 0; display: block;}
.descriptbl h2 {text-align: center;}
.tel p {font-size: 15px;}
.tel a {font-size: 17px;}
.works .all {margin-top: 30px;}
span.label {width: 92%; font-size: 14px;}
.catpg .catbl:last-child {border-bottom: none;}
.tbl, .benbl {width: 100%;}
.materaial-title ul li {display: block; width: 100%;}
.zakaz {display: none;}
.materaial-title ul li:nth-child(3) span {width: 78%;}
.fancybox-content img {height: 200px;}
.fancybox-content .fn2 form button {margin: 5px auto 0;}
.fancybox-close-small {background: #ffffff !important; opacity: 1 !important;  border-radius: 0 0 50% 50% !important;}
.fancybox-close-small svg {color: red;}
.use img {height: 235px;}
.workbl {width: 100%;}
.workbl img, .item .workbl img {height: 220px;}
.footer__nav-wrap {width: 100%; margin: 8px 0;}
.production h1 {font-size: 24px;}
.production h1 span {font-size: 18px; color: #ffffff;}
	/* На 320 px цена крупным кеглем занимала слишком много места. */
	.production span {font-size: 24px; margin-bottom: 34px;}
.production-index {margin-bottom: 250px;}
.production-video iframe {height: 250px;}
.catbl {padding: 3.5px;}
.catalog .row {margin: -3.5px;}
.catbllk-text {padding: 10px;}
.catbllk-text .shop-box, .catbl p span {font-size: 14px;}
.catbl p {font-size: 16px;}
.call button {width: 185px; margin: auto; display: block;}
.material-text ul li {margin-bottom: 20px; width: 100%; background-size: 30px !important;}
.material-block img {height: 150px;}
.contact-text {position: relative;}
.stepbl:nth-child(2n):after {content: none;}
.stepbl:nth-child(3):after {content: "";}
.videobl {margin-bottom: 15px;}
.city ul {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.catbl img {height: 300px;}
.works .swiper-button-prev, .works .swiper-button-next {top: 120px;}
article.recall__recall-card {
    flex-wrap: wrap;
}

.recall-card__client {
    width: 100%;
    margin: 0;
}

.recall-client__info {
    padding: 1px 20px;
}
.recall-client__date {padding-bottom: 10px; margin-bottom: 10px;}
.stocks__stocks-card {
    flex-wrap: wrap;
	margin:bottom;
}

.stocks-card__image {
    width: 100%;
    margin: 0 0 15px;
}
.videobl img {height: 150px;}
	.peculiarities .owl-carousel .owl-item img {height: 240px;}
	.f-nav {width: 100%;}
	.footer_social {margin-top: 20px;}
	.footer-block > div:nth-child(2) {border-right: none; border-bottom: 1px solid #e9e5e5;}
	.f-nav {padding: 20px 15px;}
	.footer-block {padding: 30px 0;}
	.footer_contact {width: 100%;}
	.contact-text ul {margin: 0;}
	.nav__item a {padding: 10px 20px; font-size: 20px;}
	.nav__trigger {top: -19px;}
	/* 31.08.2026: блок мессенджеров больше не превращается в нижнюю панель —
	   вместо него внизу работает единая панель действий .mp-bar (inc/mp-ui.php).
	   Две панели друг под другом съедали треть экрана. */
	.whatsapp-block {display: flex; gap: 8px;}
}

@media (max-width: 374px) {
	.logo {width: 70px;}
	.tel {width: 70%;}
	.tel p, .tel span {font-size: 14px;}
	.tel a {font-size: 16px;}
	span.label {width: 91%; font-size: 12px;}   
	.catbl {width: 100%; margin-bottom: 7px;}
	.videobl {width: 100%;}
	.material-block img {height: 130px;}
	.city ul li a {font-size: 14px;}
	.production-text {padding: 20px;}
	.footer-block {font-size: 15px;}
	.review-blk {padding: 10px;}
	/* 31.08.2026: отступы убраны — это наследие прежней нижней панели,
	   из-за них иконки в шапке получались разной ширины. */
	.whatsapp-block > a {padding: 0;}
	.whatsapp-block {gap: 6px;}
	.telegram, .max {width: 30px; height: 30px;}
}

.modal {top: 35%;}
textarea{color: black;}

/* Кейсы */

.produsction_title {
	text-align: center;
	font-weight: 700;
}

.production_description {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}

.swiper-container {
width: auto;
height: auto;
	position: relative;
	overflow-x: hidden;
}

.swiper-container .swiper-wrapper {
	flex-wrap: nowrap;
}

.swiper-slide {
width: 100%; /* Каждый слайд должен занимать 100% ширины контейнера */
height: 100%; /* Высота слайда должна совпадать с высотой контейнера */
box-sizing: border-box;
display: flex; /* Чтобы контент в слайде был выровнен */
align-items: center;
justify-content: center;
}
.virtual-block-keys_styles {
	width: 354px;
}
.twentytwenty-container-keys_styles img {
	width: auto;
	height: 500px;
}
.production-steps {
   padding: 20px;
}

.steps-container {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 20px;
}

.step-item {
   max-width: 400px;
   height: auto; 
   flex: 1 1 30%;
   background-color: #f9f9f9;
   padding: 20px;
   text-align: center;
   border-radius: 5px;
   box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.step-item img, .slide_video {
   width: 100%; /* Изображение будет растягиваться по ширине контейнера */
   max-width: 400px; /* Максимальная ширина изображения */
   height: 400px; /* Заданная высота изображения */
   object-fit: cover; /* Обрезка изображения, чтобы вписать его в заданные размеры */
   margin-bottom: 10px;
}

.step-item h2 {
   font-size: 1.5em;
   margin-bottom: 10px;
}

.step-item p {
   font-size: 1em;
}

.virtual-block-wrapper {
	display: flex;
	justify-content: space-around;
	align-items: center;
	gap: 20px; /* Расстояние между блоками */
}


.client-comment {
    max-width: 400px;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.client-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.client-photo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
}

.client-name {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.client-review {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}


   /* Медиазапросы для адаптивности */
   @media (max-width: 1200px) {
       .step-item {
           flex: 1 1 45%; /* Два элемента в строке */
       }
   }

   @media (max-width: 768px) {
       .step-item {
           flex: 1 1 100%; /* Один элемент в строке */
       }
   }
	@media (max-width: 600px) {
		.virtual-block-wrapper {
		display: block;
	}
	}

   @media (max-width: 480px) {
       .step-item {
           padding: 10px; /* Уменьшение отступов на маленьких экранах */
       }

       .step-item h2 {
           font-size: 1.2em; /* Меньший размер заголовка */
       }

       .step-item p {
           font-size: 0.9em; /* Меньший размер текста */
       }
   }



/* Сертификаты  */


.sertificate-item {
	max-width: 400px;
    height: auto;
    flex: 1 1 30%;
    background-color: #f9f9f9;
    border-radius: 20px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.sertificate-item img {
	width: 100%;
    max-width: 400px;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

.swiper-button-prev:after, .swiper-button-next:after {
	font-weight: 900;
}
.premium-img {
	width: 45%;
    height: 230px;
    min-height: 230px;
    margin: 10px;
} 
.premium-img img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.premium-product {
	flex: 1 1 calc(50% - 10px); /* Ширина с учетом отступа */
    max-width: calc(50% - 10px); /* Ограничивает ширину элемента */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.premium-text {
    flex: 1;
    padding: 0 20px;
}

.premium-text h3 {
    font-size: 1.5em;
    margin: 0 0 10px;
    font-weight: bold;
}

.premium-text p {
    margin: 10px 0;
}

.product-price {
    font-size: 1.2em;
    color: #ff5733;
    font-weight: bold;
}

.btn-calculate {
    display: inline-block;
    background-color: #ff5733;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1.1em;
    transition: background-color 0.3s ease;
}

.btn-calculate:hover {
    background-color: #cc4529;
}

@media (max-width: 768px) {
    .premium-product {
		flex: 1 1 100%; /* Элементы займут 100% ширины на мобильных устройствах */
        max-width: 100%;
        flex-direction: column;
        text-align: center;
    }

    .premium-img {
        margin-bottom: 15px;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1199px){
    .sale-krovat {min-height: 600px;}
    .sale-info h2 {font-size: 50px; max-width: 500px;}
    .sale-tel div {width: 580px;}
    .sale-tel {margin-top: 70px;}
}

@media (max-width: 992px){
    .sale-krovat {background-position: 38% 50%; padding-bottom: 0;}
    .sale-info h2 {font-size: 42px; max-width: 450px;}
    .sale-info p {font-size: 20px; max-width: 400px;}
    .sale-tel {margin-top: 100px;}
    .sale-tel div {width: 400px; flex-wrap: wrap;  justify-content: flex-start; gap: 10px 50px; margin-top: 20px;}
    .sale-tel div p {width: 310px;}
}

@media (max-width: 767px) {
    .sale-krovat {background-position: 56% 0%; padding: 110px 20px 0;}
    .sale-info h2 {font-size: 30px;  max-width: 300px;}
    .sale-info p {font-size: 16px; max-width: 200px;}
    .sale-tel {margin-top: 65px;}
    .sale-tel div {margin-top: 55px;}
}

@media (max-width: 575px) {
    .sale-krovat {padding: 70px 15px 20px;  background-color: #f2e9df;  background-size: 130%; background-position: top; min-height: 100%;}
    .sale-info span {font-size: 14px; }
    .sale-info span:before {width: 10px; min-width: 10px; height: 10px;}
    .sale-info h2 {margin: 10px 0; font-size: 20px; max-width: 200px;}
    .sale-info p {font-size: 14px; margin-top: 36px;}
    .sale-tel {margin-top: 20px;}
    .sale-more {width: 140px; height: 40px; font-size: 14px;}
    .sale-tel div {margin-top: 20px; flex-direction: column; gap: 10px; width: 100%; font-size: 14px;}
    .sale-tel div p {width: 100%;}
    .max {background: #4a34e7 url(/wp-content/themes/panel/assets/img/max.svg) 5% center / 24px no-repeat;}
    .whatsapp-block > a {font-size: 14px;}
    .whatsapp-block > a::after {margin-left: 30px;}
    .whatsapp-block > a.max::after {margin-left: 10px;}
}

@media (max-width: 374px) {
    .sale-krovat {padding-top: 35px; background-size: 110%;}
    .sale-info p {margin-top: 20px;}
    .sale-info h2 {max-width: 150px;}
}