@charset "utf-8"; @font-face {font-family:'Actay'; font-style:normal; font-display:swap; src:url('/fonts/actay.woff2') format('truetype')}
@font-face {font-family:'Actay Wide'; font-style:normal; font-display:swap; src:url('/fonts/actaywide-bold.woff2') format('truetype')}
@font-face {font-family:'Cormorant Infant'; font-style:normal; font-display:swap; src:url('/fonts/cormorantInfant-regular.woff2') format('truetype')}
body {margin:0; padding:0; font-family:'Actay',sans-serif; font-size:20px}
*,::before,::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0}
.clear {clear:both}
a {text-decoration:none}
.item {width:1220px; margin:0 auto}
nav a,.nav-link {color:#FFF; font-size:20px; margin-left:30px; cursor:pointer; white-space:nowrap}
.dropdown {position:relative; display:inline-block}
.dropdown-menu {display:none; position:absolute; background-color:#fff; min-width:260px; box-shadow:0 8px 16px rgba(0,0,0,0.2); z-index:1; padding:5px; border-radius:5px; margin:auto}
.dropdown-menu li {list-style-type:none; margin-bottom:5px}
.dropdown:hover > .dropdown-menu {display:block}
.dropdown-menu a {color:black; text-decoration:none; display:block; transition:all 0.3s ease-in-out; padding:5px}
.dropdown-menu a:hover {color:white; background:#443E3A}
.dropdown .dropdown-menu .dropdown-menu {left:100%; top:0}
h1 {font-family:'Actay',sans-serif; font-size:137px; margin:50px auto}
h1 span {font-size:50px; text-transform:uppercase; display:block; width:875px}
h2 {font-family:Actay Wide; font-size:45px; display:inline-block; border-bottom:2px solid #000; margin-bottom:100px; text-transform:uppercase}
h2 span {text-transform:uppercase}
h3 {font-family:Actay Wide; font-size:24px}
header {/*width:1440px;*/ width:100%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:2; margin:auto; top:0}
header.main {background-image:url(/uploads/maket/header.webp); height:997px; color:#FFF}
header a {color:#FFF}
.topbac {padding:30px 0; background:rgba(25,19,14,.4);position: relative;z-index: 100;}
.logo {background:url(/uploads/maket/logo-top.webp) no-repeat; width:152px; height:56px}
.logo-bot {background:url(/uploads/maket/logo-bot.webp) no-repeat; width:116px; height:44px; display:block}
.flex {display:flex}
.flex.top {justify-content:space-between; align-items:center}
.ptop {display:block; width:731px; margin:auto; font-size:18px}
.flex.top.item {margin:0 auto; padding:0; align-items:center}
.ptop span {font-size:24px; text-align:center; display:block}
.btn {background:#E3DFD5; text-align:center; color:#000; font-size:22px; width:390px; display:block; padding:12px 100px; border-radius:50px; margin:80px auto; transition:box-shadow 0.1s ease-in-out; cursor:pointer}
.btn:hover {box-shadow:inset 4px 4px 4px rgba(0,0,0,0.25)}
.menu.flex {justify-content:space-between; width:1033px; margin:auto; font-size:30px}
.conteiner {/*width:1440px;*/ width:100%; width:100%;  margin:auto; position:relative}
.advant {background:#E3DFD5; padding:140px 0 30px 0; position:relative; top:-30px; z-index:3; border-radius:30px 30px 0 0; font-size:18px}
.about {position:relative; background:#FFF; border-radius:30px 30px 0 0; top:-60px; z-index:4; padding:140px 0 50px 0}
.footer {background:#413124; padding:20px 0; color:#FFF; /*width:1440px;*/ width:100%; margin:auto}
.footer .flex {justify-content:space-between}
.footer object {margin-right:15px; opacity:.75}
.footer object:hover {opacity:1}
.footer .info {font-size:12px; display:block; margin:10px auto; opacity:.5}
.soc {padding:20px 0}
.phone,.mail,.politic {display:block; margin-bottom:29px}
.politic {font-size:12px; display:block; margin:10px auto; opacity:.5; text-decoration:underline; position:absolute; bottom:21px; width:200px; left:50%; transform:translateX(-50%); color:#FFF}
.cont {padding:10px 0; text-align:right}
.collme {background-image:url(/uploads/maket/fon-call.webp); background-size:cover; background-repeat:no-repeat; padding:100px 0; border-radius:30px 30px 0 0; position:relative; top:-120px; z-index:5; background-color:#FFF}
.text-f {font-size:1.7em; margin-top:30px; font-family:'Actay Wide'; text-align:center; flex:1}
 .form-container {padding:20px; border-radius:8px; width:545px}
 input[type="text"],input[type="tel"] {width:100%; margin-bottom:15px; outline:none; border:1px solid #000; padding:20px 40px; transition:all 0.3s ease-in-out; background:transparent; color:#333; transition:all 0.3s ease-in-out; border-radius:20px; font-size:24px}
::placeholder {opacity:1; font-family:Actay Wide; color:#424242}
input:focus::-webkit-input-placeholder {opacity:0; transition:opacity 0.3s ease-in-out}
input:focus:-moz-placeholder {opacity:0; transition:opacity 0.3s ease-in-out}
input:focus::-ms-input-placeholder {opacity:0; transition:opacity 0.3s ease-in-out}
input:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out}
 input[type="text"]:focus,input[type="tel"]:focus {border-bottom-color:#413124}
 button {width:100%; padding:10px; color:white; background-color:#413124; border:none; cursor:pointer; transition:all 0.3s ease-in-out; border-radius:50px; padding:12px 0; margin:50px auto 10px; font-size:24px}
 button:hover {box-shadow:inset 3px 3px 4px rgb(0,0,0); background:#644f3d}
 label {font-size:,9уь; color:black; text-align:left; display:block; margin-top:10px}
 input[type="checkbox"] {margin-right:5px}
.button {width:365px; padding:10px; color:white; background-color:#413124; border:none; cursor:pointer; transition:all 0.3s ease-in-out; border-radius:50px; padding:12px 0; margin:10px auto; text-align:center; display:block}
.button:hover {box-shadow:inset 4px 4px rgba(0,0,0,0.55)}
.about .flex {align-items:stretch; margin-bottom:140px}
.about .image-block {width:50%}
 .about h3 {font-size:40px}
 .about img {max-width:536px; height:auto; border-radius:30px; border:1px solid #000; text-align:center}
 .about .content-block {position:relative; width:50%; padding-left:20px}
 .about .button {position:absolute; bottom:0; left:0}
 .about p {margin-top:0; font-size:24px }
.otziv {background-color:#413124; padding:140px 0; position:relative; border-radius:30px 30px 0 0; top:-90px; z-index:5}
.otziv h2 {color:#FFF; border-color:#fff; margin-bottom:50px}
.otziv .contant {display:flex; flex-direction:column; justify-content:center; gap:140px; background-image:url(/uploads/maket/group65.webp); background-size:contain; background-repeat:no-repeat; background-position:top center; padding:50px 0}
.left-block {align-self:start}
 .right-block {align-self:end}
.otz {background:#e3dfd5; padding:40px; border-radius:30px; width:777px}
.otz h3 {border-bottom:2px solid #888680; padding-bottom:5px; font-size:40px; position:relative}
.otz h3::after {content:''; width:240px; height:40px; background:url(/uploads/maket/stars.webp) no-repeat right; display:inline-block; position:relative; top:10px; padding-left:40px}
.otz p {margin:20px auto; font-size:24px}
.collme .flex {justify-content:space-between; display:flex}
.collme h2 {margin-bottom:40px; display:block}
#comment {width:100%; height:140px; border-radius:30px; padding:20px 40px; border:1px solid #000; background:transparent}
.form-container label {font-weight:bold; font-size:30px}
.form-container label {font-weight:bold; font-size:30px}
.agreement-container label.agre {font-size:19px; font-weight:400; display:inline-block}
.agreement-container {display:flex; align-items:center; gap:5px}
.footlink nav a,.footlink .nav-link {font-size:18px;display: inline-block;padding: 5px;margin: 5px;}
.footlink {position:relative; flex:1; text-align:center}
.footer.main {margin-top:-180px; z-index:10; position:relative}
.slog {font-size:26px}
.text .slog2 {text-align:center; font-size:36px; margin-top:80px}
article .text {padding-bottom:140px}
.text p {font-size:24px; margin:30px auto}
 .blocks-grid {display:flex; justify-content:center; flex-wrap:wrap; padding-bottom:100px}
 .block {min-width:406px; display:flex; flex-direction:column; align-items:center; position:relative}
 .circle-container {position:relative; width:406px; height:406px; margin-bottom:20px}
.text-circle {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:300px; height:300px; background:transparent; border-radius:50%; z-index:2; display:flex; align-items:center; justify-content:center; padding:20px}
.circle-1 {background:url(/uploads/maket/s1.png) no-repeat left center}
.circle-2 {background:url(/uploads/maket/s2.png) no-repeat center center}
.circle-3 {background:url(/uploads/maket/s3.png) no-repeat right center}
.circle-4 {background:url(/uploads/maket/s4.png) no-repeat left center}
.circle-5 {background:url(/uploads/maket/s5.png) no-repeat right center}
 .ring-1 {position:absolute; top:93px; left:145px}
.ring-2 {position:absolute; top:7px; left:115px}
.ring-3 {position:absolute; top:146px; left:153px}
.ring-4 {position:absolute; top:254px; left:5px}
.ring-5 {position:absolute; top:95px; left:-48px}
.circle-container img {opacity:.8; transition:opacity .2s ease-in-out; transition-delay:.8s}
.circle-container img.light {opacity:1}
 .text-content {text-align:center}
.aboutpage h1 span {font-size:80px}
.aboutpage h1 {line-height:100px; margin-top:40px; margin-bottom:40px}
.aboutpage {background-image:url(/uploads/maket/3-1.webp); height:772px; background-size:cover; background-repeat:no-repeat}
.flex.bti {align-items:center; justify-content:space-between; margin-bottom:140px}
.blocktext h3 {font-size:40px; font-weight:bold; margin-bottom:20px}
.blocktext {font-size:24px; padding:50px; flex:1; min-height:350px}
.left-t {background:url(/uploads/maket/f1.png) no-repeat left top}
.right-t {background:url(/uploads/maket/f2.png) no-repeat right top}
.priziv {font-size:36px; font-weight:bold; text-align:center}
.btn.action {width:550px; background:#413124; color:#FFF}
.proj {background:#413124; color:#FFF; padding-bottom:140px}
.proj h1 {font-size:80px; border-bottom:2px solid #FFF; display:inline-block}
.proj h2 {font-size:30px; border:none; display:block; margin-bottom:25px}
.proj p {font-size:18px}
.proj .title {position:absolute; bottom:0; padding:30px 140px 20px 30px; z-index:3}
.p-block {border-radius:20px; background-size:cover; background-repeat:no-repeat; position:relative}
.p-block::after {content:''; display:block; width:100%; min-height:326px; bottom:-1px; z-index:2; background:url(/uploads/maket/fon-projeckt.webp) repeat-x; position:absolute}
.first-row {margin-top:140px}
 .first-row,.all-row {display:grid; grid-template-columns:50% 50%; gap:1.5rem; margin-bottom:2.5rem}
 .second-row {display:grid; grid-template-columns:50% 50%; gap:1rem}
 .left-block {display:grid; grid-template-rows:1fr 1fr; gap:2rem; margin-bottom:2rem}
.block-one,.block-two {width:590px; padding-bottom:120%; overflow:hidden; height:737px}
.block-three,.block-four {width:590px; height:448px}
.block-five {margin-bottom:2rem; width:590px}
.proj .btn {width:585px; padding:18px; font-size:30px}
.arr {position:absolute; right:30px; bottom:30px}
.mebelpage {background-image:url(/uploads/maket/0028.webp); height:1072px; background-size:cover; background-repeat:no-repeat; color:#FFF; /*width:1440px;*/ width:100%; position:relative}
.mebelpage::before {content:''; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; top:0; left:0; z-index:1}
.mebelpage .ferst.item {z-index:2; position:relative}
.mebelpage h1 {line-height:80px; font-size:80px; text-transform:uppercase; margin:0 auto; text-shadow:1px 4px 4px #4a4a4a; margin-top:230px}
.mebelpage .flex {justify-content:space-between; margin-top:140px}
.mebelpage .slog {font-size:36px; width:470px; text-transform:uppercase}
.mebelpage .discr {border-top:2px solid #FFF; width:573px; padding-top:15px}
.mebel {background:#e3dfd5; border-radius:30px 30px 0 0; position:relative; top:-30px; z-index:3; padding:30px 0;margin-bottom: -30px;}
.mebel .button {margin:30px auto}
.mebel .img {border-radius:30px; border:1px solid #000; margin-right:25px}
.mebel .cont {padding:50px; background:url(/uploads/maket/border-mebel.png) center center no-repeat; min-height:350px; font-size:32px; text-align:left}
.mebel h2 {text-align:center; display:block; border:none; text-transform:uppercase; margin-top:140px; margin-bottom:50px}
.mebel .flex.bti {margin-bottom:50px}
.footer.foot-mebel {position:relative}
.f-style {background:#413124; color:#FFF}
.f-style .flex {justify-content:space-between; padding-top:50px; align-items:end}
.f-style .slog {width:1030px; background:url(/uploads/maket/fon-style.png) top center no-repeat}
.f-style h1 {font-size:80px; text-transform:uppercase; font-weight:400; text-align:center}
.f-style .discr {font-size:24px; width:866px; margin-left:150px; background:url(/uploads/maket/vector-1.png) center center no-repeat; padding:55px}
.f-style.fullp {padding-bottom: 90px;}

.predlog {padding:140px 0}
.f-style h2 {text-transform:uppercase; border-color:#FFF; padding-bottom:10px}
.tarif {display:flex; align-items:end; justify-content:space-between}
.poz {width:33.333%; padding:10px 15px 50px 15px; margin:10px; border:1px solid #FFF; border-radius:30px; position:relative}
.poz ul {padding:40px; margin:15px}
.poz h3 {text-align:center; font-size:30px; margin:40px auto}
.poz .arr {bottom:10px; right:15px}
.poz small {font-size:18px}
.f-style .btn {padding:20px; font-size:30px; width:585px}
.faq {background:#E3DFD5}
.faq h1 {line-height:90px; text-transform:uppercase; font-size:115px}
.faq .text p {display:block; width:955px; margin-left:0}
.b-faq {padding:40px 0; border-bottom:1px solid #000}
.b-faq h3 {padding-right:300px; margin:0; cursor:pointer; position:relative}
.b-faq h3:hover {opacity:.65}
 .b-faq h3::before {width:1.5em; height:1.5em; content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); background-image:url(/uploads/maket/plus.webp); background-size:contain; background-repeat:no-repeat}
 .b-faq.opened h3::before {background-image:url(/uploads/maket/minus.webp)}
.b-faq p {width:85%; display:none}
 ul.nav-tabs {list-style-type:none; padding:0; margin:0; display:flex; justify-content:space-between}
 ul.nav-tabs > li {float:left; margin-right:10px}
 ul.nav-tabs > li > a {display:inline-block; text-decoration:none; color:#686868; border-radius:5px 5px 0 0; font-size:31px; font-weight:bold; text-transform:uppercase; font-family:'Actay Wide'}
 ul.nav-tabs > li.active > a {color:#000; border-bottom:2px solid #000}
 div.tab-pane {display:none; padding:20px; border:1px solid #ddd; border-top:none}
 div.tab-pane.active {display:block}
.faq-form h2 {display:block; margin-bottom:40px; text-transform:uppercase}
.faq-form {margin-top:140px; background:url(/uploads/maket/fon-form2.webp) no-repeat}
.faq-form p {font-size:34px}
.faq h2 {margin:140px auto 20px; border:none}
.m-gallery h1 {font-size:80px; text-transform:uppercase}
.m-gallery .anons, .f-style.fullp .anons {display:block; width:954px; margin:auto; font-size:24px; text-align:center; margin-bottom:140px}
.xfieldimagegallery.galereja-proektov {display:flex; flex-wrap:wrap; list-style:none; margin-bottom:140px}
.xfieldimagegallery.galereja-proektov li {padding:5px; width:33.333%}
.xfieldimagegallery.galereja-proektov li img {border-radius:30px; border:2px solid #000; width:100%}
.contact .collme {position:initial; border-radius:0}
.contact .flex {align-items:center}
.dm-overlay {position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); display:none; overflow:auto; width:100%; height:100%; z-index:1000}
.dm-overlay:target {display:block; -webkit-animation:fade .6s; -moz-animation:fade .6s; animation:fade .6s}
.dm-table {display:table; width:100%; height:100%}
.dm-cell {display:table-cell; vertical-align:middle; text-align:center; padding-bottom:15px}
.dm-modal {display:inline-block; width:94%; max-width:33em; background:#FFF; text-align:left; font-size:.9em}
 .gr-form {padding:15px 20px}
#ofer .dm-modal,#dogovor .dm-modal {max-width:85%}
#ofer .dm-modal h2,#dogovor .dm-modal h2 {color:#FFF; font-weight:300}
.close {z-index:9999; float:right; width:45px; height:45px; text-align:center; text-decoration:none; cursor:pointer; margin-top:-10px}
.close {display:block; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; -webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85); position:absolute; top:20px; right:20px}
.close:hover {border-color:#f3f7f9; color:#fff; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}
.head {background:url(/uploads/maket/popupfon.webp) no-repeat; background-size:auto; height:375px; background-size:cover; position:relative}
.head_text {position:absolute; bottom:40px; right:40px; font-size:26px; text-align:right}
.blur {-webkit-filter:blur(5px); -moz-filter:blur(5px); filter:blur(5px)}
.input {display:flex}
button[disabled] {opacity:.5}
button {opacity:1}
.sendvich {display:none}
.owl-stage {display:flex; align-items:stretch; overflow:visible; perspective:1000px}
.owl-item {flex-grow:1}
.owl-item div {width:100%; height:auto; object-fit:cover}
.owl-carousel {margin-top:140px; margin-bottom:100px}
.owl-carousel.imageflow img {margin-top:1rem; opacity:0.5; border-radius:0; z-index:2; position:relative; display:block}
.owl-carousel.imageflow .owl-item div {transition:transform .2s; transform:scale(0.7)}
.owl-carousel.imageflow .center {z-index:3}
.owl-carousel.imageflow .center div {transform:scale(1.4); border-radius:0}
.owl-carousel .owl-item img {border-radius:0 !important}
.owl-carousel.imageflow .center img {margin-top:0; opacity:1; z-index:3; position:relative; max-width:100%; max-height:1000px}
.owl-carousel.imageflow .owl-item img {width:100%; max-height:auto; display:block; object-fit:cover}
.owl-carousel.imageflow .owl-item span {display:none}
.owl-carousel.imageflow .owl-item.center span {font-size:.9em; color:#FFF; display:block; margin:10px auto; position:absolute; top:74%; left:0; z-index:5; text-align:center; width:100%; padding:20px 0}
.licenziy .title {font-size:2em; margin:0 0 20px 0; text-align:left}
 .flex.licenziy {align-items:flex-start}
.map {max-width:90%; margin:40px auto; min-width:250px}
@media only screen and (max-width:1440px) {body {font-size:12px}
.topbac {padding:15px 0}
header,.conteiner,.mebelpage {width:100%;}
.item {width:708px}
header.main {height:552px}
h1 {font-size:77px; margin:25px auto}
h1 span {font-size:26px; width:466px}
nav a,.nav-link {font-size:17px}
.logo {width:93px; height:34px; background-size:contain}
.ptop {width:481px; font-size:12px}
.ptop span {font-size:16px}
.menu.flex {width:578px; font-size:17px}
.btn {font-size:12px; width:220px; padding:12px 50px; margin:40px auto; border-radius:20px}
.advant {padding:90px 0 30px 0; font-size:12px; border-radius:20px 20px 0 0; top:-20px}
h3 {font-size:16px}
h2 {font-size:30px; margin-bottom:50px}
.circle-1,.circle-2,.circle-3,.circle-4,.circle-5 {background-size:contain}
 .circle-container {width:235px; height:230px}
.text-circle {width:200px; height:200px; padding:10px}
.block {min-width:206px}
.ring-1 {position:absolute; top:70px; left:95px; width:157px}
.ring-2 {position:absolute; top:0; left:65px; width:195px}
.ring-3 {position:absolute; top:78px; left:83px; width:152px}
.ring-4 {position:absolute; top:145px; left:5px; width:195px}
.ring-5 {position:absolute; top:54px; left:-27px; width:170px}
.about {border-radius:20px 20px 0 0; top:-40px; padding:90px 0 50px 0}
.about img {max-width:290px}
.about h3 {font-size:20px}
.about p {font-size:16px}
.button {width:220px}
.otz {width:414px; gap:.5rem; padding:20px}
.otz h3 {font-size:20px}
.otz p {margin:10px auto; font-size:13px}
.left-block {grid-template-rows:.5fr .5fr}
.otz h3::after {height:20px; background-size:contain; background-position:center; top:0}
.otziv {padding:40px 0 90px 0; border-radius:20px 20px 0 0; top:-120px}
.otziv .contant {gap:20px; background-size:90%}
.collme {padding:50px 0; border-radius:20px 20px 0 0; top:-140px}
.collme p {font-size:17px}
.form-container label {font-size:17px}
.text-f img {/*! width:258px; */}
 input[type="text"],input[type="tel"] {font-size:13px; padding:10px 20px; border-radius:10px}
 .form-container {width:375px}
#comment {height:70px; border-radius:10px; padding:20px 40px}
button {border-radius:20px; margin:20px auto 10px; font-size:14px}
.agreement-container label.agre {font-size:12px}
.footer {width:100%;}
.politic,.footer .info {font-size:8px}
.footlink nav a,.footlink .nav-link {font-size:12px; margin-left:10px}
.phone,.mail {margin-bottom:43px}
.cont {padding:0}
.proj h1 {font-size:42px}
.proj p {font-size:16px}
.proj h2 {font-size:20px}
.first-row {margin-top:90px}
 .block-one,.block-two {width:348px; height:435px}
 .p-block {border-radius:10px}
 .proj .title {padding:30px 75px 20px 10px}
 .proj .title p {font-size:13px}
 .block-three,.block-four {width:348px; height:264px}
.block-five {margin-bottom:2rem; width:348px}
.proj .btn {width:320px; padding:10px; font-size:20px}
.mebelpage h1 {line-height:48px; font-size:42px; margin-top:90px}
.mebelpage .slog {font-size:20px; width:254px}
.mebelpage .discr {width:342px}
.mebelpage .flex {margin-top:90px}
.mebelpage {height:558px}
.mebel h2 {margin-top:90px; margin-bottom:20px}
.img img {width:235px}
.mebel .cont {font-size:16px}
 .mebel .cont {font-size:16px; background-size:contain; min-height:auto}
 .brand {height:345px}
 .brand img {max-height:100%}
 .f-style h1 {font-size:42px}
 .f-style .discr {font-size:13px; width:454px; background-size:contain; padding:20px; margin-left:100px}
.predlog {padding:90px 0}
.poz h3 {font-size:20px; margin:20px auto}
.poz ul {padding:2px; margin:15px}
.poz small {font-size:12px}
.poz img {width:22px}
.f-style .btn {padding:10px; font-size:20px; width:320px}
 .m-gallery h1 {font-size:42px}
 .m-gallery .anons, .f-style.fullp .anons {font-size:13px; width:508px; margin-bottom:90px}
.xfieldimagegallery.galereja-proektov {margin-bottom:90px}
.btn.action {width:320px}
.head_text {bottom:20px; font-size:16px}
.head {height:275px}
.aboutpage {height:411px}
.aboutpage h1 {line-height:60px; margin-top:20px; margin-bottom:10px}
.slog {font-size:12px}
.aboutpage h1 span {font-size:40px}
.text p {font-size:13px; margin:15px auto}
.text .slog2 {font-size:20px; margin-top:40px}
.blocktext h3 {font-size:20px}
 .blocktext {font-size:18px; padding:25px; min-height:auto}
.blockimg {width:290px}
.blockimg img {width:100%}
.left-t,.right-t {background-size:contain}
.priziv {font-size:20px}
.faq h1 {line-height:50px; text-transform:uppercase; font-size:55px}
.faq h2 {margin:70px auto 5px; font-size:24px}
.faq .text p {width:508px}
ul.nav-tabs > li > a {font-size:17px}
.b-faq h3 {padding-right:60px}
.faq-form p {font-size:17px}
}
@media only screen and (max-width:770px) {body {}
.sendvich {display:block; background:url(/uploads/maket/sendvich.png) no-repeat center center; width:50px; height:50px}
.sendvich.active {background: url(/uploads/maket/close-menu.png) no-repeat center center}
#top_menu {display:none; position:absolute; left:0; top:50px; z-index:100; background:#CCC; width:100%}
#top_menu a {display:block; margin:auto; background:rgba(0,0,0,.9); padding:10px 30px; border-top:1px solid #313131}
.topbac {padding:0; position:relative; z-index:5}
header,.conteiner,.mebelpage {width:100%}
.item {width:321px}
header.main {height:562px}
h1 {font-size:47px; margin:90px auto}
h1 span {font-size:18px; width:320px; font-weight:400}
nav a,.nav-link {font-size:17px}
.footer .nav-link {font-size:10px; margin:auto 5px; padding:10px 5px; display:inline-block}
.logo {width:64px; height:24px}
.ptop {width:258px; font-size:10px; margin-left:0}
.ptop span {font-size:14px; text-align:left; width:180px}
.menu.flex {display:none}
.btn {font-size:12px; width:220px; padding:12px 50px; margin:40px auto; border-radius:20px}
.advant {padding:90px 0 30px 0; font-size:12px; border-radius:20px 20px 0 0; top:-20px}
h3 {font-size:16px}
h2 {font-size:24px; margin-bottom:40px}
.circle-1,.circle-2,.circle-3,.circle-4,.circle-5 {background-size:235px; background-image:url(/uploads/maket/subtract.png)}
 .circle-container {width:235px; height:235px}
.text-circle {width:200px; height:200px; padding:10px}
.block {min-width:206px}
.ring-1 {position:absolute; top:91px; left:-4px; width:159px; transform:rotate(95deg)}
.ring-2 {position:absolute; top:70px; left:49px; width:195px; transform:rotate(83deg)}
.ring-3 {position:absolute; top:78px; left:83px; width:152px}
.ring-4 {position:absolute; top:148px; left:5px; width:200px}
.ring-5 {position:absolute; top:54px; left:-27px; width:170px}
.about {border-radius:20px 20px 0 0; top:-40px; padding:90px 0 50px 0}
.about img {max-width:290px}
.about h3 {font-size:20px}
.about p {font-size:16px}
.about .image-block {
  width: 100%;
  margin: auto;
  text-align: center;
}
.button {width:220px}
.otz {width:auto; padding:15px}
.otz h3 {font-size:18px}
.otz p {margin:10px auto; font-size:13px}
.left-block {}
.otz h3::after {width:180px}
.otziv {padding:40px 0 90px 0; border-radius:20px 20px 0 0; top:-120px}
.otziv .contant {gap:20px; background-size:90%}
.collme {background-position:right}
.collme p {font-size:17px}
.form-container label {font-size:17px}
.text-f img {/*! width:258px */}
 input[type="text"],input[type="tel"] {font-size:13px; padding:10px 20px; border-radius:10px}
 .form-container {width:auto}
#comment {height:70px; border-radius:10px; padding:20px 40px}
button {border-radius:20px; margin:20px auto 10px; font-size:14px}
.agreement-container label.agre {font-size:12px}
.footer {width:100%; text-align:center}
.politic,.footer .info {font-size:9px; position:unset; transform:unset; text-align:center}
.footlink nav a,.footlink .nav-link {font-size:12px; margin-left:10px}
.phone,.mail {margin:20px auto; font-size:12px}
.cont {padding:0; text-align:center}
.proj h1 {font-size:30px; text-transform:uppercase; font-weight:400; margin-bottom:50px}
.proj p {font-size:16px}
.proj h2 {font-size:20px}
.first-row {margin-top:90px; grid-template-columns:100%}
.first-row, .all-row {margin-bottom: 1.5rem;}
.all-row {grid-template-columns: 100%}
 .block-one,.block-two {width:auto; height:435px}
 .p-block {border-radius:10px}
 .proj .title {padding:30px 75px 20px 10px}
 .proj .title p {font-size:13px}
 .block-three,.block-four {width:auto}
.block-five {margin-bottom:2rem; width:348px}
.proj .btn {width:320px; padding:10px; font-size:20px}
.mebelpage h1 {line-height:30px; font-size:28px; margin-top:40px; font-weight:400}
.mebelpage .slog {font-size:14px; width:254px; text-transform:none}
.mebelpage .discr {width:342px}
.mebelpage .flex {margin-top:40px; flex-wrap:wrap}
.mebelpage {height:522px; background-size:cover}
.mebel h2 {margin-top:90px; margin-bottom:20px}
.img img {width:100%}
.mebel .cont {font-size:16px}
 .mebel .cont {font-size:16px; background-size:contain; min-height:auto; padding:15px; background:none}
 .brand {height:288px}
 .brand img {max-height:100%}
 .f-style h1 {font-size:30px; text-align:right; margin:auto}
 .f-style .discr {font-size:10px; width:auto; background-size:contain; padding:10px; margin-left:25px; background:none; border:1px solid #A6A6A6}
.predlog {padding:90px 0}
.poz h3 {font-size:20px; margin:20px auto}
.poz ul {padding:2px; margin:15px}
.poz small {font-size:12px}
.poz img {width:22px}
.f-style .btn {padding:10px; font-size:14px; width:250px}
 .m-gallery h1 {font-size:30px; margin:40px auto}
 .m-gallery .anons, .f-style.fullp .anons {font-size:12px; width:343px; margin-bottom:40px; text-align:left}

.xfieldimagegallery.galereja-proektov {margin-bottom:90px}
.btn.action {width:320px}
.head_text {bottom:20px; font-size:16px}
.head {height:275px}
.aboutpage {height:276px; background-size:cover; background-position:center}
.aboutpage h1 {line-height:30px; margin-top:10px; margin-bottom:15px}
.slog {font-size:12px; width:280px; display:block}
.aboutpage h1 span {font-size:20px}
.text p {font-size:12px; margin:15px auto}
.text .slog2 {font-size:14px; margin-top:20px}
.blocktext h3 {font-size:18px}
 .blocktext {font-size:12px; padding:25px; min-height:auto}
.blockimg {width:290px}
.blockimg img {width:100%}
.left-t,.right-t {}
.priziv {font-size:14px}
.faq h1 {line-height:40px; text-transform:uppercase; font-size:40px; margin:40px auto}
.faq h2 {margin:70px auto 5px; font-size:24px}
.faq .text p {width:321px}
.faq-form .flex {flex-wrap:wrap}
ul.nav-tabs > li > a {font-size:17px}
.b-faq h3 {padding-right:60px}
.faq-form p {font-size:17px}
.about .flex {flex-wrap:wrap}
.about .content-block {width:100%; padding-left:0}
 .about h3 {font-size:18px; text-align:center; margin:20px auto}
 .about .button {position:relative; margin:20px auto}
.about .flex {margin-bottom:90px; flex-wrap:wrap}
.flex.revers {flex-direction:column-reverse}
article .text {padding-bottom:20px}
.mebel {background:#fff}
.mebel .flex.bti {margin-bottom:5px; flex-wrap:wrap}
.second-row {grid-template-columns:100%}
.xfieldimagegallery.galereja-proektov li {width:50%}
ul.nav-tabs {display:block}
.soc {padding:10px 0; text-align:center;display: flex;justify-content: center;}
.footlink {text-align:center; position:unset}
.logo-bot {margin:20px auto}
.mebel .img {border:none}
.f-style .slog {width:auto}
.poz {width:50%; border-radius:20px; margin:5px; padding:10px}
 .tarif {align-items:stretch}
 .mob .poz {width:100%}
 .collme .flex {flex-wrap:wrap}
.owl-carousel.imageflow .center div {transform:scale(1)}
.owl-carousel {margin-top:80px; margin-bottom:60px}
.flex.bti {flex-wrap:wrap}
.dropdown {width:100%}
 .dropdown-menu {/*! display:block; */ width:100%; position:relative; padding:0}
 .dropdown-menu a {color:white}
 .dropdown-menu li {list-style-type:none; margin:0}
.dropdown .del {display:none !important}
.dropdown .dropdown-menu .dropdown-menu {left:0; top:0}
 #top_menu .dropdown-menu a {padding-left:40px}
 #top_menu .dropdown-menu .dropdown-menu a {padding-left:55px}
ul.nav-tabs > li {margin-top:10px; border:1px solid #888; padding:5px 10px; border-radius:10px; width:250px; text-align:center; background:rgba(0,0,0,.05)}
ul.nav-tabs > li.active {border:1px solid #000}
}
.popup-hidden {display:none}
.popup-content {background:rgba(255,255,255,.95); border-radius:5px; padding:20px; position:fixed; bottom:0; left:50%; transform:translate(-50%,-5%); box-shadow:0 0 10px rgba(0,0,0,0.3); z-index:1000; font-size:12px; width:300px}
.close-btn {color:#681010; float:right; font-size:20px; cursor:pointer}
.ok-btn {color:white; background-color:#413124; border:none; cursor:pointer; transition:all 0.3s ease-in-out; border-radius:5px; padding:12px; margin:10px auto; display:inline-block; float:right}
.close-btn:hover,.close-btn:focus {color:black; text-decoration:none}
#modal input {border:none; border-bottom:2px solid #000; border-radius:0}
.story_icons {background:#e1e1e1; max-width:200px; position:fixed; padding:20px; left:0; z-index:1000; top:100px; box-shadow:2px 2px 2px #000}
#dropmenudiv a {display:block; padding:5px; background:#e1e1e1}
.soc a {margin: 10px}