@font-face {
  font-family: 'Century Gothic';
  src: url('/fonts/CenturyGothic.eot');
  src: local('Century Gothic'), url('/fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CenturyGothic.woff2') format('woff2'),
    url('/fonts/CenturyGothic.svg#CenturyGothic') format('svg'),
    url('/fonts/CenturyGothic.ttf') format('truetype'),
    url('/fonts/CenturyGothic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} 

@font-face {
  font-family: 'Forum';
  src: url('fonts/Forum-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('/fonts/CenturyGothic-Bold.eot');
  src: local('CenturyGothic-Bold'), local('Century Gothic Bold'), url('/fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CenturyGothic-Bold.woff2') format('woff2'),
    url('/fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg'),
    url('/fonts/CenturyGothic-Bold.ttf') format('truetype'),
    url('/fonts/CenturyGothic-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.fancybox-navigation .fancybox-button--arrow_right {padding: 0!important;right: 10px!important;}
.fancybox-navigation .fancybox-button--arrow_left {padding: 0!important;left: 10px!important;}
.fancybox-navigation .fancybox-button {height: 40px!important;width: 40px!important;background-color: #66002a;border-radius:100px;    top: 50%!important;}
.wrap.inner_title h2 {    font-weight: bold;    font-size: 42px;    color: #3F383B;    padding: 20px 0 30px;}
html, body { font-family: 'Forum' !important;  font-size:14px;  margin:0; padding:0; height:100%; width:100%; }

h1 { font-size:34px;  color:#555555; font-weight:normal; padding:0px; margin:0px; }
h2 { font-size:34px;  color:#555555; font-weight:normal; padding:0px; margin:0px;   }
h3 { font-size:18px;  color:#333; font-weight:normal; padding:0px; margin:0px;  }
p { color:#333; font-size:14px; text-align:left; margin:0px; padding:0 }
img { border:none; outline:none }
div {outline:0}
a { color:#333; outline:none }
.portfolio-controls a {color: #66002A;}
ul, ol, li { padding:0px; margin:0px; font-size:14px; color:#333;}
a:hover {text-decoration: none;}
input {outline:none; font-family: 'Forum' !important; }
input[type="submit"] {cursor:pointer; font-family: 'Forum' !important; -webkit-appearance: none; }
input.form-control:focus,
input.form-control:invalid,
input:focus,
button:focus,
input:invalid{outline: none; box-shadow: none; border: none}
button:focus {outline: none!important}

.wrap{width:1150px; margin:0 auto}

.butn{display: inline-block; transition: background .3s ease}
.butn.dark{background: #66002A; color: #FFFFFF; padding:15px 30px;}
.butn.dark:hover{background: #8A0F41}
.butn.light.outlined{border: 1px solid #ECE4E7; padding: 14px 20px; color: #66002A; font-weight:600}
.butn.light.outlined:hover{background: #ECE4E7; }

.bg-light-pink{background: #FAF7F8!important;}

.loading{position: relative}
.loading:after{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #ECE4E7 url(/images/loading.svg) no-repeat center center / auto 20px; opacity: 0.8}

.top_part.index {background:url(/images/bg.svg?v23412w) no-repeat top center; width:100%; height:695px}
.top_part .wrap {width:1150px; margin:0 auto}

.top_part .wrap .nav_part {padding:20px 0}
.top_part .wrap .nav_part > a {display:inline-block; vertical-align:top; }
.top_part .wrap .nav_part > a img {    width: 215px;}

.telergam-fixed {
    --position: 25px;
    --size: 75px;
    
    position: fixed;
    bottom: var(--position);
    right: var(--position);

    width: var(--size);
    height: var(--size);
    z-index: 250;
}
.telergam-fixed__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    line-height: normal;
    color: #66002A;
    background-color: #fff;
    border: 2px solid #66002A;
    border-radius: 50%;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    transition: .2s;
    overflow: hidden;
}
.telergam-fixed__icon {
    width: 38px;
    height: 31px;
}
.telergam-fixed__lines {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    display: block;
    width: calc(var(--size));
    height: calc(var(--size));
    border-radius: 50%;
    background-image: 
        linear-gradient(#fff, #fff),
        linear-gradient(#66002A, #66002A);
    background-clip: content-box, border-box;
    border: 2px solid transparent;
    padding: 2px;
    z-index: -1;
    animation: fixed-telegram-lines 2s infinite ease-out;
}
.telergam-fixed__link:active {
    text-decoration: none;
    color: #66002A;
}
@media (hover: hover) {
    .telergam-fixed__link:hover {
        text-decoration: none;
        color: #66002A;
        transform: scale(0.95);
    }
}
@keyframes fixed-telegram-lines {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 0;
    }
}

@media screen and (min-width: 768px){
	.top_part .wrap .nav_part #navpartMenu{/* display: flex; */ justify-content: flex-end;gap: 60px;}
}


 @media screen and (max-width: 768px){
    .telergam-fixed {
        --size: 50px;
        --position: 20px;
    }
    .telergam-fixed__icon {
        width: 26px;
        height: 21px;
    }
    
.top_part.index .wrap .nav_part p a  {color: #3F383B!important;}

.main.pfl-detail .share-butn {position:relative; margin-top:30px; top:0!important }
  }  
 


.top_part .wrap .nav_part ul {    width: 480px;padding:0 0 0 2px; display:inline-block; vertical-align:top; }
.top_part .wrap .nav_part ul li { margin:0 10px; display:inline-block; vertical-align:top; position: relative}
.top_part .wrap .nav_part ul li:after{content: ""; height: 2px; background: #fff; position: absolute; left: 0; bottom: -2px; width: 0%; transition: width .3s ease}
.top_part .wrap .nav_part ul li:first-child:after{content: ""; height: 2px; background: #66002A; position: absolute; left: 0; bottom: -2px; width: 0%; transition: width .3s ease}
.top_part .wrap .nav_part ul li:hover:after{width: 100%}
.top_part .wrap .nav_part.white ul li:after {background: #66002A;}
.top_part .wrap .nav_part ul li a {padding:0 0px ;font-size: 17px; color: #fff; text-decoration:none;    font-weight: 600;}
.top_part .wrap .nav_part ul li:first-child a {color: #3F383B}
.top_part .wrap .nav_part p {text-align:right;display:inline-block; vertical-align:top; }
.top_part .wrap .nav_part p a { text-decoration:none; color: #3F383B; font-weight: bold; font-size: 18px;}
.top_part.index .wrap .nav_part p a{color: #FFFFFF;}
.top_part .wrap .nav_part p span {padding-top:5px;display:block; font-size: 16px; color: #A88A95;}

.top_part .wrap .design {}
.top_part .wrap .design .left_part {display:inline-block; vertical-align:top; width:380px; padding-top:20px;}
.top_part .wrap .design .left_part h1 {font-weight: bold; font-size: 42px; color: #3F383B;}
.top_part .wrap .design .left_part p {font-size: 20px; color: #74676D; padding:20px 0 40px; display:block;}
.top_part .wrap .design .left_part a {font-size: 16px; display:inline; text-decoration:none;}
.top_part .wrap .design .left_part a {
    position: relative; /* Чтобы ::before позиционировался относительно ссылки */
    padding-left: 30px; /* Отступ слева для иконки; подкорректируйте под размер вашей иконки */
}

.top_part .wrap .design .left_part a::before {
    content: ""; /* Пустой контент, так как это фоновая иконка */
    position: absolute;
    left: 5px;
    top: 50%; /* Центрируем по вертикали */
    transform: translateY(-50%); /* Точная центровка по вертикали */
    width: 20px; /* Ширина иконки; укажите реальный размер */
    height: 20px; /* Высота иконки; укажите реальный размер */
    background: url(/images/streamline-icon1.png) no-repeat center center; /* Ваш фон, но с центрированием */
    background-size: contain; /* Масштабируем иконку внутри блока */
}
.top_part .wrap .design .right_part {float:right; text-align: right; padding-top:30px; display:inline-block; vertical-align:top;width:760px}
.top_part .wrap .design .right_part div {transition: transform .3s ease; padding-right:30px;display:inline-block; vertical-align:top;width:370px}
.top_part .wrap .design .right_part div:hover {transform: scale(1.04);}
.top_part .wrap .design .right_part div:nth-of-type(2) {padding-right:0}
.top_part .wrap .design .right_part div a {color:#fff; text-transform:uppercase; text-decoration:none; display:block; text-align:right}
.top_part .wrap .design .right_part div a span {padding-top:10px; display:block;font-size: 16px;}
.top_part .wrap .design .right_part div a img { width: -webkit-fill-available;  height: 410px; object-fit: cover; width: 100%; }


.about {width:1150px; margin:100px auto 155px}
.about img {float:right; width:344px}
.about .skopina_style {font-size: 13px; color: #74676D;}
.about .skopina_style span { padding-left:200px; text-transform: uppercase}
.about h2 {color: #3F383B; font-size: 22px; font-weight: bold; text-transform: uppercase; z-index:1;  position:relative; margin:40px 0 30px}
.about h2 span {font-size: 60px; font-weight: bold; opacity: 0.7; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.about .text_part {width:650px;font-size: 18px; }
.about p {font-size: 14px; color: #74676D; line-height: 130%; padding:0 0 20px 0 }

.services{position: relative}
.services.index:before{content: ""; display: block; position: absolute; width: 280px; height: 294px; background: url(/images/service-top-bg.svg) no-repeat center center; right: 0; top: -150px; z-index: -1}
.services.d-md-block{margin-bottom: 88px;}
.services .wrap {width:1150px; margin:0px auto 80px}
.services h2 {color: #3F383B; font-size: 18px; font-weight: bold; text-transform: uppercase; z-index:1;  position:relative; margin:40px 0 30px}
.services h2 span {font-size: 60px; font-weight: bold; opacity: 0.7; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.services{font-size: 0}
.services .services_list {height:130px;  width:23%; display:inline-block; vertical-align:top; margin:0 19px 40px 0; background: #FFFFFF; box-shadow: 0px 5px 10px rgba(233, 218, 224, 0.3); padding: 10px 12px 20px; text-decoration:none}
.services .services_list:nth-child(1){margin-right: 0;}
.services .services_list:nth-child(3) {margin-right:0; width: 25%}
.services .services_list img { height:61px}
.services .services_list p {font-weight: bold; font-size: 18px; color: #3F383B; padding:15px 0 10px}
.services .services_list span {font-size: 14px; line-height: 17px; color: #74676D;}
.services .services_list.short {width:19%; height:130px; margin-right: 0; }
.services .services_list.short:nth-child(7) {margin-right:0} 
.services .services_list.bg {width: 30%; height:130px; background:url(/images/Group77-1.png) no-repeat top center; padding:20px 15px; margin-right: 0px; background-size: cover;}
.services .services_list.bg p{line-height: 20px; padding: 0; margin-bottom: 0.1rem;}
.services .services_list.bg a {margin-top:10px;  font-size: 14px; display:inherit; text-decoration:none; height: 45px; line-height: 45px; padding: 0 20px; text-align: center;  place-self: center;}
.services .services_list:not(.bg).active,
.services .services_list:not(.bg):hover{background: #FAF7F8}
.services .services-inner {    display: flex;    flex-wrap: nowrap;    justify-content: space-between;}
.top_part .wrap .design .right_part.mobile{ display:none}
.porto {position: relative}
.porto:before{content: ""; display: block; position: absolute; width: 129px; height: 303px; background: url(/images/pfolio-top-bg.svg) no-repeat center center; left: 0; top: -120px; }
.porto .wrap{width:1150px; margin:0px auto -50px}
.porto h2 {color: #3F383B; font-size: 18px; font-weight: bold; text-transform: uppercase; z-index:1;  position:relative; margin:40px 0 30px}
.porto h2 span {font-size: 60px; font-weight: bold; opacity: 0.7; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.gotoviy-dizayn-project {position: relative;}
.gotoviy-dizayn-project h2 {color: #66002A; font-size: 18px; font-weight: bold; z-index:1;  position:relative; margin:40px 0 30px}
.gotoviy-dizayn-project h2 span {font-size: 60px; font-weight: bold; opacity: 0.7; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.porto p.porto_cat {}
.porto p.porto_cat a { text-decoration:none; padding-right:30px; font-size: 14px; color: #746774;}
.porto .controls{margin: 0; padding: 0; list-style: none; margin-bottom: 25px; }
.porto .controls li{margin-right:26px; font-size: 14px; color: #66002A; display: inline-block; cursor: pointer}
.porto .controls li.active{border-bottom: 1px solid}
/* .porto .porto_list:not(.hidden):nth-of-type(2n) {text-align:right} */

.porto .porto_list{text-align: left; margin:30px 0; display:inline-block;  width:564px;  vertical-align:top; transition: all .5s ease; position: relative}
.porto .porto_list img {width:558px; height: 560px; object-fit: cover; transition: transform .3s ease}
.porto .porto_list img:hover{transform: scale(1.04);}
.porto .porto_list p {padding:20px 0 0px 20px; font-size: 16px; font-weight: bold; color: #3F383F;}
.porto .porto_list p span {padding:10px 0 0px 0px; color: #746774; display:block; font-weight: normal; font-size: 14px;}
.porto .porto_list.small{margin-top: 100px;}
/* .porto .porto_list.text-right p{padding-left:120px!important} */
.porto .porto_list.small img{width: 460px; height: 417px; object-fit: cover;}
.porto .go_porto {color: #66002A; font-size: 14px; border: 1px solid #ECE4E7; padding:15px 30px; text-decoration:none; margin:50px auto;}


.porto .porto_list.first:before{content: ""; display: block; position: absolute; width: 64px; height: 64px; background: url(/images/pfolio-img-curve.svg) no-repeat center center; right: -35px; top: 525px; z-index: 99}
.porto .porto_list.fourth:before{content: ""; display: block; position: absolute; width: 82px; height: 77px; background: url(/images/pfolio-img-curve-2.svg) no-repeat center center; right: -31px; top: 512px; z-index: 99 }
.porto .porto_list.fifth:before{content: ""; display: block; position: absolute; width: 130px; height: 130px; background: url(/images/pfolio-img-curve-3.svg) no-repeat center center; right: -65px; top: 495px; z-index: -1}
.porto .porto_list.fifth:after{content: ""; display: block; position: absolute; width: 103px; height: 106px; background: url(/images/pfolio-img-curve-4.svg) no-repeat center center; left: -75px; top: 393px; z-index: 99}

.animate{transform: translateY(150px); transition: .5s ease; margin:30px 0 80px }
.animate__animated{transform: none}
.col-6.animate__animated:nth-of-type(4n-1) .fancybox.small img,
.col-6.animate__animated:nth-of-type(4n+2) .fancybox.small img {max-width: 560px; max-height: 560px; }
.col-6.animate__animated {text-align:center}

.prem { background:url(/images/Group266.svg) no-repeat top center / auto 965px; width:100%; padding-top:180px; height:965px; margin-top: 40px; position: relative}
.prem:before{content: ""; display: block; position: absolute; width: 271px; height: 404px; background: url(/images/prem-bg.svg) no-repeat center center; right: 0; top: 280px; }
.prem .wrap {width:1150px; margin:0px auto 0px}
.prem .wrap h2 {font-weight: bold; font-size: 18px; color: #FAF7F8; text-transform: uppercase; z-index:1;  position:relative; margin:40px 0 30px}
.prem .wrap h2 span {font-size: 60px; font-weight: bold; opacity: 0.15; color: #C91860; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.prem .wrap .left_part {width:530px; display:inline-block; vertical-align:top; padding-top: 90px}
.prem .wrap .left_part p {padding-top:100px;font-size: 24px; color:#fff; font-weight:bold}
.prem .wrap .left_part span {font-size: 18px; color: #ECE4E7; display:block; padding-top:30px;}
.prem .wrap .right_part {float:right; margin-left:30px;width:500px; display:inline-block;  vertical-align:top; position: relative; padding-bottom: 60px;}
.prem .wrap .right_part p {font-size: 26px; color:#fff; padding-bottom:40px;}
.prem .wrap .right_part:before{content: ""; display: block; position: absolute; width: 81px; height: 76px; background: url(/images/prem-curves.svg) no-repeat center center; left: -51px; bottom: 10px; z-index: 99}
.prem .wrap .prem-slides{margin-top:-90px;}

.comfort  {position: relative; margin-top: 50px}
.comfort:before{content: ""; display: block; position: absolute; width: 244px; height: 212px; background: url(/images/comfort-curve.svg) no-repeat center center; right: 30px; top: -170px; }
.comfort:after{content: ""; display: block; position: absolute; width: 178px; height: 392px; background: url(/images/comfort-curve-2.svg) no-repeat center center; left: 0; bottom: -220px; }
.comfort .wrap  {width:1150px; margin:0px auto 30px; position: relative; z-index: 99}
.comfort .left_part {width:600px; display:inline-block; vertical-align:top }
.comfort .left_part div {width:263px; display:inline-block; vertical-align:top; margin:0px 20px 0 0; box-shadow: 0px 5px 10px rgba(233, 218, 224, 0.3); }
.comfort .left_part div ol {list-style-type: none; counter-reset: num; padding:20px 10px; background: #fff}
.comfort .left_part div ol li {font-size: 13px; color: #74676D;  }
.comfort .left_part div ol li font {    display: inline-block;  vertical-align: top;}
.comfort .left_part div ol li:before { content: counter(num); counter-increment: num; display: inline-block; background: #ECE4E7; width: 18px; color:#66002A; background: #ECE4E7; text-align: center;  margin-right:10px; font-size: 13px; font-weight: bold; border-radius:15px; }
.comfort .left_part div ol li span {padding:10px 0 10px 30px ; color: #3F383B; font-weight: bold; display:block;}
.comfort .right_part {width:530px; display:inline-block; vertical-align:top}
.comfort .right_part h2 { font-weight: bold; font-size: 24px; color: #3F383B; padding-bottom:20px;}
.comfort .right_part p {font-size: 18px; color: #74676D; padding-bottom:170px;}
.comfort .right_part p + p {font-size: 14px; color: #74676D; padding-bottom:0}

.style_interiors { background:url(/images/Group268.svg) no-repeat top center / auto 821px; width:100%; padding-top:250px; height:821px; z-index:5; position:relative}
.style_interiors:after{content: ""; display: block; position: absolute; width: 137px; height: 215px; background: url(/images/review-curve.svg) no-repeat center center; left: 36px; bottom: -50px; z-index: 99;}
.style_interiors .wrap  {width:1150px; margin:0px auto 0px}
.style_interiors .wrap .left_part {width:550px; display:inline-block; vertical-align:top}
.style_interiors .wrap .left_part h2 { font-weight: bold; font-size: 24px; color: #3F383B; padding-bottom:18px;}
.style_interiors .wrap .left_part p {font-size: 18px; color: #74676D; padding-bottom:50px;}
.style_interiors .wrap .left_part p + p {font-size: 18px; color: #74676D;}
.style_interiors .wrap .right_part {width:558px; display:inline-block; vertical-align:top; float:right;}
.style_interiors .wrap .right_part img{max-width: 558px; max-height: 350px}
.rew.index-rew {margin-top: 50px; padding: 10px 0px; overflow: hidden;}
.rew {background:#66002A; padding:250px 0 100px; width:100%; margin-top:-265px; position: relative}
.rew .wrap {width:1150px; margin:0px auto 0px; position: relative}
.rew .wrap h2 {font-weight: bold; font-size: 18px; color: #FAF7F8; text-transform: uppercase; z-index:1;  position:relative; margin:80px 0 30px}
.rew .wrap h2 span {font-size: 60px; font-weight: bold; opacity: 0.15; color: #C91860; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.rew .wrap h2:after{content: ""; display: block; position: absolute; width: 125px; height: 118px; background: url(/images/review-curve-2.svg) no-repeat center center; right: 97px; bottom: 20px;}

.rew .wrap .rev-slides{position: relative}
.rew .wrap .rev-slides:before{content: ""; position: absolute; right: -60px; top: 0; background: url(/images/review-curve-3.svg) no-repeat center center; display: block; width: 140px; height: 140px;}
.rew .wrap .rew_list img {display:inline-block; width:362px; vertical-align:middle; box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.06);}
.rew .wrap .rew_list .rew_object{padding:50px 100px; background:#fff; width:780px; margin-left:-5px; display:inline-block; vertical-align:middle; position: relative}
.rew .wrap .rew_list .rew_object h3 {padding:0px 0px 12px; font-weight: bold; font-size: 30px; color: #3F383B;} 
.rew .wrap .rew_list .rew_object p {font-weight: bold; font-size: 18px; color: #74676D;}
.rew .wrap .rew_list .rew_object div {padding:36px 0 24px; display:inline-block; vertical-align:top; width:190px;}
.rew .wrap .rew_list .rew_object div span {font-weight: bold; font-size: 16px; color: #3F383B; }
.rew .wrap .rew_list .rew_object div ul {padding:14px 0 0; list-style: none}
.rew .wrap .rew_list .rew_object div ul li { font-size: 14px; padding:3px 0; color: #74676D;}
.rew .wrap .rew_list .rew_object div ul li:before {content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 8px; background: #8A0F41; margin-right: 12px;}
.rew .wrap .rew_list .rew_object a {display:inherit; text-decoration:none;} 

.faq  { background: #FAF7F8; width:100%; padding-top:50px; /* height:670px; */ position: relative}
.faq:before{content: ""; position: absolute; right: 0; top: 0; bottom: 0; background: url(/images/faq-right.svg) no-repeat top left; width: calc(100% - (100% - 1150px) / 2 - 882px); }
.faq .wrap {width:1150px; margin:0px auto 0px}
.faq .wrap h2 {font-weight: bold; font-size: 18px; color:#3F383B; text-transform: uppercase; z-index:1;  position:relative; margin:40px 0 30px}
.faq .wrap h2 span {font-size: 60px; font-weight: bold; opacity: 0.8; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.faq .wrap .accordion {width:882px; padding-right: 30px}
.faq .wrap .accordion .faq-q { padding:20px 0;  border-bottom:2px solid rgba(81, 0, 33, 0.18); }
.faq .wrap .accordion .faq-q > p{font-weight: bold; font-size: 16px; color: #3F383B; position: relative }
.faq .wrap .accordion .faq-q > p:after{content: ""; position: absolute; right: 0; display: block; width: 36px; height: 36px; background: url(/images/faq-open.svg) no-repeat center center; top: 50%;transform: translateY(-50%);}
.faq .wrap .accordion .faq-q > p[aria-expanded="true"]:after{background: url(/images/faq-close.svg) no-repeat center center;}
.faq .wrap .accordion .faq-a{max-width: 754px}
.faq .wrap .accordion .faq-a p {color: #74676D; font-weight: normal; font-size: 14px; padding: 15px 0}

.instagram .wrap{width:1150px; margin:104px auto 41px}
.instagram .wrap h2,.instagram .wrap h2 a  {color: #3F383B; font-size: 18px; font-weight: bold; text-transform: uppercase; z-index:1;  position:relative;}
.instagram .wrap h2 span {font-size: 60px; font-weight: bold; opacity: 0.7; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;    white-space: nowrap;}
.instagram .wrap .inst-link{font-size: 18px; color: #3F383B;}

.map {margin-top:100px; height:650px;}
.map.contacts {margin-top:60px; height:auto;}
.map.contacts iframe {width: 100%;}
.map .wrap {position:relative; width:1150px; margin:0px auto}
.map .wrap .contacts { top:-550px; padding:50px 50px 60px; position:absolute; width:573px; background: #FFFFFF url(/images/contacts-curve.svg) no-repeat right -30px center; box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.06);}
.map .wrap .contacts h2 {color: #3F383B; font-size: 18px; font-weight: bold; text-transform: uppercase; z-index:1;  position:relative; margin:0px 0 30px}
.map .wrap .contacts h2 span {font-size: 60px; font-weight: bold; opacity: 0.7; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.map .wrap .contacts p {font-size: 18px; color: #3F383B;}
.map .wrap .contacts p + p {font-size:21px;}
.map .wrap .contacts a {font-size: 14px; color: #74676D; display:block; padding-top:10px; padding-bottom:10px;}
.map .wrap .contacts > span {display:block; font-weight: bold; font-size: 16px; color: #3F383B;}
.map .wrap .contacts a.order {background: #66002A; margin-top:30px;  font-size: 14px; color: #FFFFFF; padding:15px 30px; display:inline-block; text-decoration:none;}

footer {background: #66002A;}
footer .wrap {width:1150px; margin:0px auto; padding:80px 0 20px 0}
footer .wrap div {display:inline-block; vertical-align:top}
footer .wrap div:nth-of-type(1) {width:280px;}
footer .wrap div:nth-of-type(1) > a {padding-bottom:15px; display:block;}
footer .wrap div:nth-of-type(2) {width:170px;}
footer .wrap div:nth-of-type(3) {width:200px;}
footer .wrap div:nth-of-type(4) {width:300px; float:right}
footer .wrap div li,
footer .wrap div p, 
footer .wrap div a {color: #ECE4E7; font-size: 14px; text-decoration:none; list-style-type:none}
footer .wrap div li {padding:7px 0; font-weight: bold; font-size: 16px; }
footer .wrap div li a {font-weight:normal; font-size: 14px; }
footer .wrap div span { font-weight: bold; font-size: 16px; color: #ECE4E7; padding-bottom:17px; display:block;}
footer .wrap div form {width:300px}
footer .wrap div form input::-webkit-input-placeholder{color:inherit;opacity:.6}
footer .wrap div form input::-moz-placeholder{color:inherit;opacity:.6}
footer .wrap div form input:-ms-input-placeholder{color:inherit;opacity:.6}
footer .wrap div form input::-ms-input-placeholder{color:inherit;opacity:.6}
footer .wrap div form input::placeholder{color:inherit;opacity:.6}
footer .wrap div form input[type="text"],
footer .wrap div form input[type="tel"]{width:90%; color: #ECE4E7; font-size: 14px;  padding:15px 0px; border-bottom: 2px solid rgba(236, 229, 228, 0.28); background:none; border-right:none; border-left:none; border-top:none}
footer .wrap div form input[type="submit"]{background: #FAF7F8; margin-top:20px; margin-bottom:7px; border:none; font-size: 14px; color: #66002A;padding:15px 30px; display:inline-block; text-decoration:none; transition: .3s ease}
footer .wrap div form input[type="submit"]:hover{background: #d2c6ca}
footer .wrap div form p a{text-decoration: underline}
footer .wrap div:nth-of-type(4) li {padding-left: 30px}
footer .wrap div:nth-of-type(4) li:nth-of-type(1) {background:url(/images/streamline-icon1.png) no-repeat left center; background-size: 18px;}
footer .wrap div:nth-of-type(4) li:nth-of-type(2) {background:url(/images/streamline-icon2.png) no-repeat left center}
footer .wrap div:nth-of-type(4) li:nth-of-type(3) {background:url(/images/icons8-vk-v-kruge-1-1-1.svg) no-repeat left center;    background-size: 7%;}
footer > p  {border-top: 2px solid rgba(236, 229, 228, 0.28); width:1150px; margin:0px auto; color: rgba(255, 255, 255, 0.6); font-size: 14px; padding:20px 0}

footer form .alert{position: absolute;margin-top: -40px;border-radius: 0; width: auto!important}
footer form .alert:before{content: "";position: absolute;border: 5px solid transparent;border-bottom: 5px solid #d4edda;top: -11px;}
footer form .alert.alert-danger:before{border-bottom: 5px solid #f8d7da;}

.it-doposle {position: relative; overflow: hidden;}
.it-doposle .uplayer {position: absolute; width: 50%; height: 340px; z-index: 1; /*background-size: 570px 340px;*/ background-size:cover!important; border-right: solid 2px #fff;}
.it-doposle .bytslid {position: absolute; right: 0; top: 50%; width: 40px; height: 40px; background-color: #fff; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; -webkit-transform: translate(52%,-50%); -ms-transform: translate(55%,-50%); transform: translate(55%,-50%); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.it-doposle .bytslid svg {top: 50%; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 6px; height: 10px; color: #44041E;}
.it-doposle .bytslid svg:first-child{left: 7px}
.it-doposle .bytslid svg:last-child{right: 7px}
.it-doposle .bytslid svg path {stroke: #44041E;}
.it-doposle .downlayer {height: 340px; background-size: cover!important;}

.prem {position:relative;}
.prem .nav-slides-inner {position: absolute; bottom: 277px;}
.main.pfl-detail {position:relative;}
.main.pfl-detail .share-butn {}
.nav-slides-inner{display: flex; align-items: center; }
.nav-slides-inner .nav-slides{ display: flex; align-items: center}
.nav-slides-inner .nav-slides span{color: #FAF7F8; display: inline-block; vertical-align: middle; width: 20px; text-align: center;font-size: 13px; }
.nav-slides-inner .nav-slides span.nav-total{color: rgba(190, 182, 186, 0.42);}
.nav-slides-inner .nav-slides .nav-progress{display: inline-block; vertical-align: middle; height: 1px; width: 90px; background: rgba(203, 195, 199, 0.42); margin: 0 12px}
.nav-slides-inner .nav-slides .nav-progress .nav-progress-current{height: 1px; background: #fff; width: 1%; transition: width .3s ease}
.nav-slides-inner .nav-control {display: flex; align-items: center; margin-left: 30px}
.nav-slides-inner .nav-control span{display: inline-block; width: 24px; height: 24px; border-radius: 24px; background-color: #912652; cursor: pointer}
.nav-slides-inner .nav-control span:hover{background-color: #D12C70}
.nav-slides-inner .nav-control span.nav-prev{background-image: url(/images/slider-arr-left.svg); background-position: center center; background-repeat:  no-repeat}
.nav-slides-inner .nav-control span.nav-next{background-image: url(/images/slider-arr-right.svg); background-position: center center; background-repeat:  no-repeat; margin-left: 12px}

.nav-slides-inner.light .nav-slides span{color: #66002A;}
.nav-slides-inner.light .nav-slides span.nav-total{color: #BEB6BA;}
.nav-slides-inner.light .nav-slides .nav-progress{background: #CBC3C7}
.nav-slides-inner.light .nav-slides .nav-progress .nav-progress-current{background: #66002A}
.nav-slides-inner.light .nav-control span{background-color: #ECE4E7;}
.nav-slides-inner.light .nav-control span:hover{background-color: #C8B9C0}
.nav-slides-inner.light .nav-control span.nav-prev{background-image: url(/images/slider-arr-left-light.svg); background-position: center center; background-repeat:  no-repeat}
.nav-slides-inner.light .nav-control span.nav-next{background-image: url(/images/slider-arr-right-light.svg); background-position: center center; background-repeat:  no-repeat}

.inst-slides-nav{justify-content: flex-end}
/* .inst-slides {display: flex; height: 288px} */
.inst-slides  .inst-photo{flex: 1; position: relative; overflow: hidden; height: 288px}
.inst-slides  .inst-photo .inst-overlay{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .6); display: flex; flex-direction: column; justify-content: center; transform: translateY(100%); transition: transform .3s ease}
.inst-slides  .inst-photo .inst-overlay .title{color: #fff; font-size: 18px; text-align: center; margin-bottom: 24px;}
.inst-slides  .inst-photo .inst-overlay .subtitle{font-size: 14px;line-height: 17px;text-align: center;color: #FFFFFF;}
.inst-slides  .inst-photo:hover .inst-overlay{transform: translateY(0)}

.rev-slides-container {position: relative;}
.rev-slides-nav{position: absolute; left: 490px; bottom: 22px;}

.slides-centered{background: #000}
.slides-centered .slide{height: 610px; width: 1146px; position: relative; z-index: -1; opacity: .3; transition: opacity .3s ease}
.slides-centered .slide.slick-current{z-index: 999; opacity: 1}
.nav-slides-inner.centered{width: auto; margin: 0 auto; margin-top: -54px; position: absolute; z-index: 9999; left: 50%; transform: translateX(-50%)}
.nav-slides-inner.centered .nav-slides{color: #fff}
.nav-slides-inner.centered .nav-slides span{color: #fff;}
.nav-slides-inner.centered .nav-slides span.nav-total{color: #fff;}
.nav-slides-inner.centered .nav-control{margin-left: 0}
.nav-slides-inner.centered .nav-control span{background-color: #66002A; width: 36px; height: 36px; margin-left: 0}
.nav-slides-inner.centered .nav-control span:hover{background-color: #8A0F41}
.nav-slides-inner.centered .nav-control span.nav-prev{position: absolute; left: -48px}
.nav-slides-inner.centered .nav-control span.nav-next{position: absolute; right: -48px}

#request-call .modal-dialog,
#request-zapis .modal-dialog{max-width: 384px}
.modal-dialog .modal-content{background: #66002A; border-radius: 0;}
.modal-dialog .modal-content .modal-header{border: none; padding: 40px 40px 1rem;}
.modal-dialog .modal-content .modal-body{padding: 10px 40px 40px}
.modal-dialog .modal-content .modal-title{color: #fff}
.modal-dialog .modal-content .close{color: #fff; font-weight: normal}
.modal-dialog .modal-content form label{color: #fff}
.modal-dialog .modal-content form input[type=text],
.modal-dialog .modal-content form input[type=tel],
.modal-dialog .modal-content form input[type=email]{opacity:0.8; background: none; border: none; padding: 0; border-bottom: 1px solid rgba(236, 229, 228, 0.28); color: #ECE4E7; border-radius: 0;}
.modal-dialog .modal-content form button{background: #FAF7F8; border-radius: 0; border: none; color: #66002A; font-size: 14px}

.modal-dialog .modal-content form .form-note,
.modal-dialog .modal-content form .form-note a{color: #ECE4E7; font-size: 13px}
.modal-dialog .modal-content form .form-note a{text-decoration: underline}
.modal-dialog .modal-content form .alert{margin-top: 15px;}

.form-control::-webkit-input-placeholder{color:inherit;opacity:1}.form-control::-moz-placeholder{color:inherit;opacity:1}.form-control:-ms-input-placeholder{color:inherit;opacity:1}.form-control::-ms-input-placeholder{color:inherit;opacity:1}.form-control::placeholder{color:inherit;opacity:1}

.main .wrap{width:1150px; margin:0 auto}
.main .wrap h1 { font-weight: bold; font-size: 42px; color: #3F383B; padding:20px 0 30px}
.main .wrap h2 { font-weight: bold; font-size:36px; color: #3F383B; padding:0px 0 30px}
.main .wrap .services .services_list.short {width:166px; height:140px; margin-bottom:0}
.main .wrap .services .services_list.short:nth-of-type(6) {margin-right:0} 
.main .wrap .services .services_list p,
.main .wrap .services .services_list p a {font-weight: bold; font-size: 14px;}
.main .wrap .services .services_list p:hover,
.main .wrap .services .services_list p a:hover {color:#3F383B}
.main .wrap .text-part {padding-bottom:50px}
.main .wrap .text-part p {font-size: 14px; color: #74676D; line-height: 17px; padding:10px 0}
.main .wrap .text-part p b {color:#3F383B}
.main .wrap .text-part ul {padding-left:0; list-style: none}
.main .wrap .text-part ul li{font-size: 14px; line-height: 17px; color: #74676D; position: relative; padding-left: 20px; margin-bottom: 15px;}
.main .wrap .text-part ul li:before{content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #8A0F41; vertical-align: middle; position: absolute; left: 0; top: 5px}

.main .wrap .text-part .services_list {width:48%; display:inline-block; vertical-align:top; margin-top:30px; padding:0px 20px 10px 80px}
.main .wrap .text-part .services_list.small {padding-left:0px; background:none!important}
.main .wrap .text-part .services_list:nth-of-type(1) {background:url(/images/s1.svg) no-repeat left 10px}
.main .wrap .text-part .services_list:nth-of-type(2) {background:url(/images/s2.svg) no-repeat left 10px}
.main .wrap .text-part .services_list:nth-of-type(3) {background:url(/images/s3.svg) no-repeat left 10px}
.main .wrap .text-part .services_list:nth-of-type(4) {background:url(/images/s4.svg) no-repeat left 10px}
.main .wrap .text-part .services_list p b {font-size: 16px;}

.main.pfl-detail .blocks .block.before-after .wrap .row .col-6 {margin-bottom:50px}


.main .wrap .more {background: #66002A; color: #FFFFFF; padding: 15px 30px; display:inline-block; margin-top:30px;} 

.service-form-inner{position: relative; height: 359px;}
.service-form-inner.long{height: 540px}
.service-form-inner:before{content: ""; position: absolute; left: 0; top: 0; bottom: 0px; width: 50%; background: url(/images/service-form-img-l.svg) repeat-x right center / contain}
.service-form-inner.long:before{content: ""; position: absolute; left: 0; top: 0; bottom: 0px; width: 50%; background: url(/images/service-form-img-l-long.svg) repeat-x right center / contain}
.service-form-inner:after{content: ""; position: absolute; right: 0; top: 0; bottom: 0px; width: 50%; background: url(/images/service-form-img-r.png) repeat-x left center / contain}
.service-form-inner .wrap{width:1150px; margin:0 auto; position: relative; height: 100%}
.service-form-inner .wrap .service-form{width: 539px; height: 100%; padding: 34px 0; display: flex;flex-direction: column;justify-content: space-around;}
.service-form-inner.long .wrap .service-form{padding: 75px 0}
.service-form-inner .wrap .service-form h2{color: #FAF7F8; font-weight: bold; font-size: 42px;}
.service-form-inner.long .wrap .service-form h2{margin-bottom: 36px;}
.service-form-inner .wrap .service-form p{font-size: 18px; color: #ECE4E7;}

.service-form-inner .wrap .service-form form{position: relative}
.service-form-inner .wrap .service-form form .form-group input{height: 45px; border: none; border-radius: 0; border-bottom: 1px solid rgba(236, 229, 228, 0.28); color: #B6A8A6; background: none; padding: 0}
.service-form-inner .wrap .service-form form .form-group button{background: #FAF7F8; height: 45px; color: #66002A; border-radius: 0}
.service-form-inner .wrap .service-form form .form-group button:hover{background: #ECE4E7}
.service-form-inner .wrap .service-form .form-note{font-size: 13px;color: #ECE4E7;}
.service-form-inner .wrap .service-form .form-note a{color: #ECE4E7; text-decoration: underline}
.service-form-inner .wrap .service-form form .alert{position: absolute;margin-top: -25px;border-radius: 0; width: auto!important; right: 0}
.service-form-inner .wrap .service-form form .alert:before{content: "";position: absolute;border: 5px solid transparent;border-bottom: 5px solid #d4edda;top: -11px; right: 20px}
.service-form-inner .wrap .service-form form .alert.alert-danger:before{border-bottom: 5px solid #f8d7da;}

.styled-check input{display: none}
.styled-check .check-btn{display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: rgba(236, 229, 228, 0.28); position: relative}
.styled-check input:checked + .check-btn:after{content: ""; display: inline-block; width: 8px; height: 8px; position: absolute; top: 5px; left: 5px; background: #ECE4E7}
.styled-check .check-text{display: inline-block; vertical-align: middle; color: #ECE4E7; margin-left: 12px;}

.service-form-inner .wrap .service-form .checks{display: flex; flex-wrap: wrap; margin-bottom: 48px;}
.service-form-inner .wrap .service-form .checks .styled-check{flex: 1 0 50%}

.portfolio-controls{margin: 0; padding: 0; list-style: none; margin-bottom: 48px;}
.portfolio-controls li{margin-right:26px; font-size: 14px; color: #746774; display: inline-block}
.portfolio-controls li.active{border-bottom: 1px solid}
.portfolio-controls li a:hover {color:#3F383B}

.portfolio-list{display: flex; flex-wrap: wrap;    justify-content: space-between;}
.portfolio-list .portfolio-item{position: relative; flex: 1 0 362px; max-width: 362px; margin-bottom: 25px; height: 100% }
.portfolio-list .portfolio-item:nth-of-type(3n+3){margin-right: 0;}
.portfolio-list .portfolio-item .label{font-size: 13px; color: #3F383F; padding: 5px 10px; background: rgba(241, 240, 237, 0.9); position: absolute; right: 12px; top: 12px;}
.portfolio-list .portfolio-image{height: 249px; display: flex; justify-content: center; align-items: center; position: relative}
.portfolio-list .portfolio-image img{max-width: 100%; max-height: 249px}
.portfolio-list .portfolio-name{font-size: 16px; font-weight: bold; color: white;    padding: 0 10px; display: block}
.portfolio-list .portfolio-text{font-size: 14px;     color: white;
    padding: 0 10px; margin-bottom: 5px;}
.portfolio-list .pages{width: 100%}
.portfolio-list .portfolio-item .overlay_title {position: absolute;
    bottom: 0;
    background: rgb(101, 1, 42, 0.4);    width: 100%;}

.nadzor-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.nadzor-list .nadzor-item {position: relative; flex: 1 0 362px; max-width: 362px; margin-bottom: 25px; height: 100%;}
.nadzor-list .nadzor-image {height: 249px; display: flex; justify-content: center; align-items: center; position: relative;}
.nadzor-list .nadzor-image img {max-width: 100%; max-height: 249px;}
.nadzor-list .nadzor-item .nadzor_title {position: absolute; bottom: 0; background: #65012ab8; width: 100%;}
.nadzor-list .nadzor-name {font-size: 16px; font-weight: bold; color: white; padding: 0 10px; display: block;}
.nadzor-list .nadzor-text {font-size: 14px; color: white; padding: 0 10px; margin-bottom: 5px;}

.nav_part.navbar.navbar-expand-md.dop_class ul li a {color: #3F383B;}
.nav_part.navbar.navbar-expand-md.nodop_class ul li a {color:#fff}
.nav_part.navbar.navbar-expand-md.nodop_class ul li:first-of-type a {color: #3F383B;}
.nadzor_detail {margin-top: 60px; margin-bottom: 30px;}

.nadzor_detail .nadzor_detail_gallery .images {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.nadzor_detail .nadzor_detail_gallery .images .image {width: 32%;
    height: 250px;}

.nadzor_detail_gallery .images .image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.pfl-detail{margin-top: 10px;}
.pfl-detail .intro{font-size: 14px; color: #74676D;}
.pfl-detail .wrap h1{font-weight: bold; font-size: 42px; color: #3F383B; margin: 0; padding: 0; margin-top: 14px;}
.pfl-detail .blocks{margin-top: 73px;}
.pfl-detail .block h2{font-weight: bold; font-size: 36px; color: #3F383B; margin: 0; padding: 0}

.pfl-galery .row{align-items: center; margin-bottom: 30px}
.pfl-galery .row .small img{max-width: 460px; max-height: 460px}
.pfl-galery .row .big img{max-width: 560px; max-height: 560px}
.pfl-galery .row img {transition: transform .3s ease; width: 100%;}
.pfl-galery .row img:hover{transform: scale(1.04);}
//.pfl-galery .row:nth-child(even) .col-6:last-child img{max-width: 560px; max-height: 560px}
//.pfl-galery .row:nth-child(odd) .col-6:first-child img{max-width: 560px; max-height: 560px}

.pfl-galery .row .text{flex-direction:column; display: flex; justify-content: center; align-items: center}
.pfl-galery .row .text p{font-size: 20px; line-height: 18px; color: #74676D; max-width: 360px}

.pfl-detail .pereplan{position: relative; background: url(/images/skew-l.svg) no-repeat center top / auto 765px; height: 765px;}
.pfl-detail .pereplan .wrap{display: flex; flex-direction: column; justify-content: center; height: 765px; padding-top: 70px;}
.pfl-detail .pereplan p{font-size: 18px; color: #74676D; margin-top: 24px;}

.pfl-detail .pereplan + .before-after{margin-top: -45px; margin-bottom: 40px;}
.pfl-detail .before-after h2{margin-bottom: 60px;}
.pfl-detail .before-after h3{font-weight: bold; font-size: 24px; color: #3F383B; margin-bottom: 24px;}
.pfl-detail .before-after .row{margin-bottom: 60px;}
.pfl-detail .pfl-more{padding: 120px 0}
.pfl-detail .pfl-more h2{margin-bottom: 60px;}

.share-butn{background: url(/images/share-ico.svg) no-repeat left center / 18px 18px; padding-left: 36px; font-size: 14px; color: #74676D; border: none; position: absolute; margin-top: 13px;}
.jssocials{font-size: 11px}


.design-steps{background: url(/images/skew-r.svg) no-repeat center top / auto 789px; height: 789px}
.design-steps .wrap{display: flex; flex-direction: column; justify-content: center; height: 789px; }

.design-steps h2 {color: #3F383B; font-size: 18px; font-weight: bold; text-transform: uppercase; z-index:1;  position:relative; margin:70px 0 30px; padding: 0}
.design-steps h2 span {font-size: 60px; font-weight: bold; opacity: 0.7; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}

.design-steps .left_part {width:557px; display:inline-block; vertical-align:top; padding-top: 110px}
.design-steps .left_part p {font-size: 18px;line-height: 140%;color: #74676D; padding: 0; margin: 0}
.design-steps .left_part h2 {font-weight: bold;font-size: 24px;line-height: 29px;color: #3F383B; padding: 0; margin: 12px 0 24px}
.design-steps .right_part {float:right; margin-left:30px;width:558px; height: 395px; display:inline-block;  vertical-align:top}
.design-steps .right_part img {max-width: 558px; max-height: 395px}
.design-steps .prem-slides{margin-top:-110px;}


.design-struct{overflow: hidden} 
.design-struct .wrap{position: relative}
.design-struct .wrap > h2 {color: #3F383B; font-size: 18px; font-weight: bold; text-transform: uppercase; z-index:1;  position:relative; margin:25px 0 30px; padding: 0; position: absolute; left: 588px; white-space: nowrap}
.design-struct .wrap > h2 span {font-size: 60px; font-weight: bold; opacity: 0.7; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.design-struct .left_part {width:558px; display:inline-block; vertical-align:top; float: left}
.design-struct .right_part {float:left; margin-left:30px;width:558px; display:inline-block;  vertical-align:top; padding-top: 110px}
.design-struct .right_part p {font-size: 18px;line-height: 140%;color: #74676D; padding: 0; margin: 0}
.design-struct .right_part h2 {font-weight: bold;font-size: 24px;line-height: 29px;color: #3F383B; padding: 0; margin: 12px 0 24px}

.design-struct .left_part img {max-width: 558px; max-height: 395px}
.design-struct .style-slides-nav{position: absolute; left: 588px; bottom: 50px}


.design-prices{background: #FAF7F8; position: relative; margin-top: 300px}
.design-prices:before{content: ""; display: block; width: 100%; min-height: 300px; background: url(/images/skew-l.svg) no-repeat center top; position: absolute; margin-top: -300px; z-index: -1}

.design-prices .wrap{position: relative; top: -70px;}
.design-prices .wrap > h2 {color: #3F383B; font-size: 18px; font-weight: bold; text-transform: uppercase; z-index:1;  position:relative; margin:70px 0 67px; padding: 0}
.design-prices .wrap > h2 span {font-size: 60px; font-weight: bold; opacity: 0.7; color: #ECE4E7; text-transform: uppercase; z-index: -1; position: absolute;left: 35px;bottom: -10px;}
.design-prices .price-cols h2{font-weight: bold;font-size: 18px;color: #74676D;}
.design-prices .price-cols .price{font-size: 36px; color: #66002A; margin: 0; padding: 0; margin: 19px 0 25px;}
.design-prices .price-cols .price span{font-size: 18px; margin-left: 12px;}
.design-prices .price-cols ul{margin: 0; padding: 0; list-style: none}
.design-prices .price-cols ul li{display: flex; height: 48px; flex-direction: column; justify-content: center; font-size: 14px;line-height: 17px;color: #74676D; padding-left: 12px; background: #fff; margin-bottom: 6px;}
.design-prices .price-cols ul li.colored{background: #ECE4E7}
.design-prices .price-cols .butn{display: block; height: 45px; line-height: 45px; padding: 0; text-align: center}

.design-prices-2{background: #FAF7F8; padding: 60px 0 90px;}
.design-prices-2 .subtitle{font-weight: bold;font-size: 18px;color: #3F383B; margin-bottom: 24px;}
.design-prices-2 .price-cols .price-col{background: #fff; padding: 36px 24px; height: 100%;}
.design-prices-2 .price-cols .price-col p{font-size: 16px; color: #3F383B; margin-bottom: 24px;}
.design-prices-2 .price-cols .price-col ul{margin: 0; padding: 0; list-style: none}
.design-prices-2 .price-cols .price-col ul li{font-size: 14px; line-height: 17px; color: #74676D; position: relative; padding-left: 20px; margin-bottom: 15px;}
.design-prices-2 .price-cols .price-col ul li:before{content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #8A0F41; vertical-align: middle; position: absolute; left: 0; top: 5px}

.col-6.animate__animated .fsmall{width: 83%; margin:0 auto}
.col-6.animate__animated .hud { font-size:14px; color:#3F383B; padding:10px 0;    /* width: 83%; margin:0 auto*/}
.col-6.animate__animated .hud  span{ float:right}
.col-6.animate__animated font {text-align:left; display:block;  color:#74676D; /*width: 83%; margin:0 auto*/}

.col-6.animate__animated:nth-of-type(4n-1) .fsmall, .col-6.animate__animated:nth-of-type(4n+2) .fsmall {width: 100%;} 
.pfl-detail .blocks.up {margin-top:0px}

.g-recaptcha{margin-bottom: 10px;}
footer .g-recaptcha{margin-top: 10px; margin-bottom: 0;}
footer .g-recaptcha iframe{transform: scale(0.9); transform-origin: 0 0;}



/* Готовый дизайн-проект слайдер */
.gotoviy-dizayn-project {
    position: relative;
}

.gotoviy-dizayn-project .wrap {
    position: relative;
}



.gotoviy-design-slider {
    position: relative;
}

.gotoviy-design-slide {
    outline: none;
    margin-right: 15px;
}
.gotoviy-design-slide:last-child {
    margin-right: 0;
}
.gotoviy-design-slide img {
    width: 100%;
    height: 280px;
    object-fit: contain;
    box-shadow: 0px 5px 20px rgba(102, 0, 42, 0.15);
    display: block;
}

/* Навигация слайдера */
.gotoviy-design-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    position: relative;
}

.gotoviy-design-nav .nav-slides {
    font-size: 18px;
    color: #3F383B;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-90%);
    z-index: 2;
}

.gotoviy-design-nav .nav-slides .nav-current {
    font-weight: bold;
    color: #66002A;
}

/* Стрелки вне слайдера */
.gotoviy-design-slider .slick-arrow {
    width: 50px;
    height: 50px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 0;
}

.gotoviy-design-slider .slick-arrow.slick-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.gotoviy-design-slider .slick-prev {
    left: -70px;
}

.gotoviy-design-slider .slick-next {
    right: -70px;
}

/* Стрелки через CSS */
.gotoviy-design-slider .slick-arrow:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-top: 3px solid #66002A;
    border-right: 3px solid #66002A;
    transition: border-color 0.3s ease;
}

.gotoviy-design-slider .slick-arrow:hover:before {
    border-color: #8A0F41;
}

.gotoviy-design-slider .slick-prev:before {
    transform: rotate(-135deg);
}

.gotoviy-design-slider .slick-next:before {
    transform: rotate(45deg);
}

/* Прогресс бар */
.gotoviy-design-nav .nav-progress {
    width: 100%;
    height: 2px;
    background: #ECE4E7;
    position: relative;
}

.gotoviy-design-nav .nav-progress .nav-progress-current {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #66002A;
    transition: width 0.3s ease;
}

.porto .porto-grid {
    position: relative;
    margin-bottom: 50px;
    transition: height 0.4s ease;
}

.porto .porto_list {
    position: absolute;
    text-align: left;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: calc(33.333% - 15px);
    opacity: 1;
    transform: scale(1);
    transition: top 0.4s ease, left 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
    /* Добавьте это: */
    display: block;
}

.porto .porto_list.hidden {
    opacity: 0 !important;
    pointer-events: none;
    transform: scale(0.9) !important;
}

.porto .porto_list a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
}

.porto .porto_list img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform .3s ease;
    display: block;
    vertical-align: top;
    margin: 0; /* Убираем margin у изображения */
    padding: 0;
}



/* Overlay с затемнением при наведении */
.porto .porto_list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(102, 0, 42, 0.7);
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1;
}

.porto .porto_list:hover::before {
    opacity: 1;
}

/* Кнопка "Подробнее" при наведении */
.porto .porto_list::after {
    content: "Подробнее";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: #FAF7F8;
    color: #66002A;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    opacity: 0;
    transition: all .3s ease;
    z-index: 2;
    pointer-events: none;
    white-space: nowrap;
}

.porto .porto_list:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.porto .porto_list.small {
    margin-top: 0;
}

.porto .porto_list.small img {
    width: 100%;
    height: auto;
}

/* Анимация для controls */
.porto .controls li {
    transition: all 0.3s ease;
}

.porto .controls li.active {
    transform: scale(1.05);
}

.porto .porto-grid .porto_list p {
    display: none;
}

.porto.page-portfolio::before{
    content: none;
}


.pfl-detail .pfl-galery .animate::after {
    content: "Подробнее";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: #FAF7F8;
    color: #66002A;
    padding: 15px 30px;
    font-size: 22px;
    font-weight: 600;
    border: none;
    opacity: 0;
    transition: all .3s ease;
    z-index: 2;
    pointer-events: none;
    white-space: nowrap;
}
.pfl-detail .pfl-galery .animate:hover::after {
    opacity: 0.7;
}


@media screen and (min-width:767px) {
    .porto .porto-grid .porto_list:hover p {
        display: block;
        position: absolute;
        bottom: 0px;
        /* place-self: center; */
        left: 50%;
        transform: translateX(-50%);
        color: white;
        z-index: 1;
        text-align: center;
        padding: 0;
        width: 90%;
    }
}