@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,cyrillic);

/* Reset */
html { color: #000; background: #fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, p, blockquote, th, td {
  margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { font-size: 100%; }
legend { color: #000; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
* { box-sizing: border-box; vertical-align: top; }

/* HTML */
html { height: 100%; font-size: 10px;}
body { width: 100%; min-height: 100%; vertical-align: top; font-size: 1.6rem; font-family: "Roboto", "PT Sans", "Arial Narrow", sans-serif; font-weight: 300; color: #202020; line-height: 1.3;  }
body > .container { overflow: hidden; }

/* Main elements */
img { display: inline-block; max-width: 100%; height: auto; }
p { margin-bottom: 0.5em; }
b { font-weight: bold; }
a { text-decoration: none; color: inherit; }
em { font-weight: bold; }
strong { font-weight: bold;}
hr { display: block; border: none; border-bottom: 1px solid #ccc; margin: 2rem 0; }
i { display: inline-block; background-repeat: no-repeat; background-position: center; width: 2rem; height: 2rem; background-size: contain; }


html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {margin:0; font-size:18px; line-height:1.428571429; direction:ltr; text-align:left; font-family:'Times New Roman', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#626262; background:#fff; font-smooth:always; -webkit-font-smoothing:antialiased;}
a { color: inherit; text-decoration:underline; outline:none; -moz-outline-style:none;}
a:hover {text-decoration:none;}
a:active {background-color:transparent;}

h1,h2,h3,h4,h5,h6 { margin-bottom:0.5em; font-weight:normal; text-rendering:optimizelegibility; line-height: 1; }

img {vertical-align:top; -ms-interpolation-mode:bicubic; max-width:100%; height:auto; border:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #eee; margin:0; padding:0; -moz-box-sizing:content-box; box-sizing:content-box;}



.page-block { padding: 4rem; position: relative; }
@media screen and (max-width: 960px) {
	.page-block { padding: 4rem; }
}

@media screen and (max-width: 640px) {
	.page-block { padding: 2rem; }
}

#article ul li, #article ol li { margin-bottom: 0.5rem; list-style-type: disc;}

.inner  { max-width: 1200px; margin: 0 auto; position: relative; }

.page-block.dark { background: #2d2d2d; color: white; }
.page-block.dark-wood { background: url(../i/bg-wood-dark.jpg) center, #4c3120; color: #ffd181; }
.page-block.light-wood { background: url(../i/bg-wood-light.jpg) center, #ecdbc1; color: #202020; }
.page-block-heading { font-size: 3.6rem; text-align: center; margin:0 auto; max-width: 800px; font-weight: normal; margin-bottom: 4rem; line-height: 1em; }

.page-block.dark-wood .page-block-heading { color: #ffeb9c; }

html { font-size: 10px; }
html, body { font-family:'Times New Roman', sans-serif; font-weight:normal; font-style:normal; }

a { text-decoration: none; color: inherit; }
body { background: white; line-height: 1.3; }
p {text-align:justify; margin-bottom: 1rem;}


ul, ol {margin-bottom: 15px; list-style-type: none; }
ul.reset,
ol.reset {margin-left:0; list-style:none;}

table.reset td,
table.reset th {border:0; padding:0;}

/* Text */

.-strike {position:relative; z-index:1; overflow:hidden; text-align:center;}
.-strike:before,
.-strike:after {content:''; display:inline-block; width:100%; height:1px; background:#000; z-index:-1; position:relative; vertical-align:middle;}
.-strike:before {right:20px; margin:0 0 0 -100%;}
.-strike:after {left:20px; margin:0 -100% 0 0;}

.-text-overflow {white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.-text-left {text-align:left;}
.-text-center {text-align:center;}
.-text-right {text-align:right;}

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

/* Content */
img[align="left"] { margin:0 15px 15px 0; float:left; }
img[align="right"] { margin:0 0 15px 15px; float:right; }

/* Other */
.-justify {text-align:justify; line-height:0; font-size:1px; text-justify:newspaper; zoom:1; text-align-last:justify;}
.-justify:after {width:100%; height:0px; visibility:hidden; overflow:hidden; content:''; display:inline-block;}

.-middle {display:table; width:100%; height:100%;}
.-middle > span {display:table-cell; vertical-align:middle;}

/* Column */

.row:before,
.row:after {content:' '; display:table;}
.row:after {clear:both;}
  .row > .col__left {float:left;}
  .row > .col__right {float:right;}
  .row > .col__middle {overflow:hidden;}

.row.-table {display:table;}
  .row.-table > div {display:table-cell; float:none; overflow:visible;}

/* List */

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

  .list.-inline {}
    .list.-inline .list__item {display:inline-block; vertical-align:top;}

  .list.-float {overflow:hidden;}
    .list.-float .list__item {float:left;}

/* Pagination */

.pagination { padding:0; margin: 0; margin-top: 2rem;}
.pagination li { display:inline-block; padding:8px; text-decoration:none;}
.pagination li.active { color: #00000050;}

/* Icon */
i[class^="icon-"] {display:inline-block; width:15px; height:15px; vertical-align:baseline;}

/* LIBRARIES
-------------------------------------------------- */

/* Fancybox */

.-fancybox-custom {}
  .-fancybox-custom .fancybox-skin {/*-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;*/ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
  .-fancybox-custom .fancybox-prev {}
  .-fancybox-custom .fancybox-next {}
  .-fancybox-custom .fancybox-prev span,
  .-fancybox-custom .fancybox-next span {}
  .-fancybox-custom .fancybox-prev span {}
  .-fancybox-custom .fancybox-next span {}
  .-fancybox-custom .fancybox-close {}

.fancybox-overlay {}

#fancybox-thumbs,
#fancybox-thumbs * {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

/* Tabs */

.tabs {}
  .tab__title {overflow:hidden;}
  .tab__title .tab__item {float:left; cursor:pointer;}
  .tab__title .tab__item.-active {}

  .tab__content {}
  .tab__content .tab__item {display:none;}
  .tab__content .tab__item.-active {display:block;}


.ui-button, input[type="button"], input[type="submit"], button {
  display: inline-flex; align-items: center; justify-content: center; flex-wrap: nowrap; cursor: pointer;
  text-decoration: none; white-space: nowrap; font-size: 1.6rem; margin: 0; padding: 1rem 3rem; text-shadow: 0 1px 0 white;
  border-radius: 0.5rem; background: linear-gradient(#fff0ac, #fff0ac, #d9861d, #ea994a), #d9861d; color: #613901; outline: none; border: 0;
  position: relative; transition: 0.3s all;
}

.ui-button:hover, input:hover[type="button"], input:hover[type="submit"], button:hover { background: linear-gradient(#ea994a, #d9861d, #fff0ac, #fff0ac), #d9861d; }

.ui-button-red {
  display: inline-flex; align-items: center; justify-content: center; flex-wrap: nowrap; cursor: pointer;
  text-decoration: none !important; white-space: nowrap; font-size: 1.6rem; margin: 0; padding: 1rem 3rem;
  border-radius: 0.5rem; background: #c31f1f; color: white; outline: none; border: 0; 
  position: relative; transition: 0.3s all; text-shadow: none;
}

.ui-button-red:hover { background: black; color: white;  }
.ui-button.is-round { border-radius: 999em; }

.ui-button.is-light { background: linear-gradient(#f5ede3, #f1ddc3); color: #6f4d1e; }
.ui-button.is-light:hover { background: linear-gradient(#f1ddc3, #f5ede3); }
.ui-button.is-light.-pressed { background: linear-gradient(#f1ddc3, #f5ede3); }

.ui-button.is-white { background: white; color: #6f4d1e; text-shadow: none; }
.ui-button.is-white:hover { background: #c31f1f; color: white; }

.ui-button.is-mini { padding: 0.5rem 1rem; font-size: 1.3rem; }


.ui-input, input[type="text"], input[type="checkbox"], input[type="password"], input[type="email"], select, textarea {
  padding: 2rem 2rem; font-size: 1.5rem; border-radius: 5px; border: 1px solid transparent; outline: 0;
  color: black; overflow: hidden; background: #f0f0f0; }

.ui-input:focus, input:focus[type="text"], input:focus[type="checkbox"], input:focus[type="password"], input:focus[type="email"], select:focus, textarea:focus {
	background-color: white; color: #202020; box-shadow: 0 0 0 2px #e0bb6d; }

input[type="text"]:focus, input[type="checkbox"]:focus, select:focus, textarea:focus { background: white; box-shadow: 0 0 0 2px #e0bb6d; }
input[type="text"]::placeholder, textarea::placeholder { color: #808080;  font-style: italic; }

textarea { min-height: 85px; }

input[type="checkbox"] { cursor: pointer; width: 2rem; height: 2rem; appearance: none; -webkit-appearance: none;
	border: none; background: white; padding: 0; max-width: 2rem; position: relative; margin-right: 10px; display: inline-block;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }  
input[type="checkbox"]:checked::after { display: inline-block; content: ''; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background: #2d67b6; }

select { appearance: none; -webkit-appearance: none; -moz-appearance: none;
  position: relative;  background-repeat: no-repeat; background-size: 1.5rem 1rem; background-position: right center; background-clip: border-box; -webkit-background-clip: border-box; }

form { margin: 0 auto; text-align: left;}
form h2 { padding: 0; }
form .form-input { display: block; width: 100%; margin-bottom: 1.5rem; }
form .buttons { margin-top: 1rem; }
form input.error { outline: 2px solid red; }
form label { display: block; margin-bottom: 0.5rem; font-size: 90%; opacity: 0.9; }
form input[type="text"], form input[type="password"], form textarea { display: block; width: 100%;}
form input[type="submit"], form input[type="button"] { display: inline-block; }
form input[type="text"], form select, form textarea { width: 100%; }

select option[disabled="disabled"] {
  opacity: 0.7; }

.vcap-input { display: flex; align-items: center; align-content: center; margin-bottom: 1rem; }
.vcap-input input { margin-bottom: 0; }
.vcap-input label { margin-bottom: 0; }
.vcap-input label a { color: #2d67b6; text-decoration: underline; }



/* Chosen */

.chosen-container {position:relative; display:inline-block; vertical-align:top; font-size:12px; zoom:1; *display:inline; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.chosen-container .chosen-drop {position:absolute; top:100%; left:-9999px; z-index:1010; width:100%; background:#fff;}
.chosen-container.chosen-with-drop .chosen-drop {left:0;}
.chosen-container a {cursor:pointer; color:#8b8483;}

.chosen-container-active {z-index:1020;}

.chosen-container-single .chosen-single {position:relative; display:block; overflow:hidden; padding:0 0 0 9px; height:30px; border:1px solid #d6d2c9; background-color:#fff; text-decoration:none; white-space:nowrap; line-height:29px; border-radius:3px;}
.chosen-container-single .chosen-default {color:#8b8483;}
.chosen-container-single .chosen-single span {display:block; overflow:hidden; margin-right:25px; text-overflow:ellipsis; white-space:nowrap;}
.chosen-container-single .chosen-single div {position:absolute; top:0; right:7px; display:block; width:9px; height:100%;}
.chosen-container-single .chosen-search input[type="text"] {display:none;}
.chosen-container-single .chosen-drop {margin-top:0px;}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {position:absolute; left:-9999px;}

.chosen-container .chosen-results {position:relative; overflow-x:hidden; overflow-y:auto; max-height:240px; -webkit-overflow-scrolling:touch; padding:5px 0; margin:0; border:1px solid #d6d2c9; border-top:0; border-radius:0 0 3px 3px;}
.chosen-container .chosen-results li {display:none; margin:0; padding:3px 9px; list-style:none; line-height:18px; color:#8b8483;}
.chosen-container .chosen-results li.active-result {display:list-item; cursor:pointer;}
.chosen-container .chosen-results li.disabled-result {display:list-item; color:#ccc; cursor:default;}
.chosen-container .chosen-results li.highlighted {background-color:#d6d2c9; color:#000;}
.chosen-container .chosen-results li.no-results {display:list-item; background:#f4f4f4;}
.chosen-container .chosen-results li em {font-style:normal; text-decoration:underline;}

.chosen-container-active .chosen-single {}
.chosen-container-active.chosen-with-drop .chosen-single {border-radius:3px 3px 0 0;}

/*To Top Btn*/

.button-up { bottom: 35px; color: #2c1a00; font-size: 14px; font-weight: bold; height: 85px; position: fixed; right: 35px; width: 54px; display:block;	text-align: center;
	cursor:pointer; z-index:9999; text-shadow: 1px 1px #fff; }

.wrapper {}



		  
    .social {text-align:center;}
      .social__title {font-size:24px; color:#b6a767;}


.main { background:#fff; }
.main > .inner { grid-gap: 4rem; }
.main { display: block; padding-top:0; padding-bottom:0; }
.main > .inner { display: grid; grid-template-columns: minmax(30%,350px) auto; grid-gap:0; }

.aside { position: relative; }
.aside::before { content: ''; position: absolute; left: -999rem; top:0; height: 100%; right:0; background: url(../i/bg-wood-light.jpg), #eddbc1; }
.aside > .inner { padding: 4rem 2rem; }
.aside > .inner > * { margin-bottom: 4rem; }

@media screen and (max-width: 890px) {
	.aside { display: none; }
	.main > .inner { display: block; }
}


#article { background: white; }
#article a { text-decoration: underline; }

.side-menu {  background: url(../i/side-menu-bg-tl.png) no-repeat 1% 1%,  url(../i/side-menu-bg-br.png) no-repeat 1% 99%, linear-gradient(to right, #f5eee5, #fbfbfb 20%, #fbfbfb 80%, #f5eee5 ), white; border-radius: 0.5rem;}
.side-menu .part { padding: 4rem; line-height: 1; }
.side-menu .part > ul  { margin: 0 -4rem; display:block; list-style-type:none; }

.side-menu li { position: relative; }
.side-menu li a { display: block; padding:0.5rem 1rem; position: relative;}

.side-menu .part ul > li > a { padding-left: 5.5rem; }

.side-menu a:hover { text-decoration: underline; }
.side-menu h2 { color: #774e2f; display: flex; align-items: center; font-size: 2.2rem;}

.side-menu li.active > a { font-weight: bold;}

.side-menu li  ul { display: none;}
.side-menu li.active > ul { display: block; font-size: 90%; padding-left: 2rem; background: linear-gradient(to top, #75381d20, transparent 30px ); margin-bottom: 1rem; padding-bottom: 1rem;  }
.side-menu .part > ul > li.active > a { background: #75381d; color: white; padding-top: 1rem; padding-bottom:1rem; }
.side-menu .part > ul > li.active > a::before { background-color: white; }

.side-menu li > a::before  { content:''; display: inline-block; width: 5px; height: 5px; background: #ac7b4e; position: absolute; left: 4rem; top: 50%; transform: translateY(-50%); }
.side-menu .part-solid { background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent 40px); }
.side-menu .part h2::before { content:''; display: inline-block; width: 4rem; height: 4rem; background: url(../i/icon-side-menu-veneer.png) no-repeat center;}
.side-menu .part.part-solid h2::before { content:''; display: inline-block; width: 4rem; height: 4rem; background: url(../i/icon-side-menu-solid.png) no-repeat center;}


.breadcrumbs { font-size: 1.8rem; margin-bottom: 2rem;}
.breadcrumbs li { display: inline; padding: 0.5rem; }
.breadcrumbs li:first-child::before { content:''; display: inline-block; width: 2rem; height: 2rem; background: url(../i/icon-breadcrumbs.png) no-repeat center; position: relative; left:-0.5rem; }
.breadcrumbs li:not(:last-child)::after { content:'/'; display: inline-block; margin:0 0.5rem; position: relative; left: 0.5rem; }
.breadcrumbs li a { color:#926628; text-decoration: underline; }

.promo {margin-top:40px;}

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

.gallery { margin-top: 2rem; margin-bottom: 2rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 2rem; }
.gallery .item { color: transparent; text-align: center; box-shadow: 0 4px 0 0 #56331d60; border-radius: 0.5rem; overflow: hidden; background: url(../i/bg-wood-light.jpg); }
.gallery .item:hover { background: url(../i/bg-wood-dark.jpg); color: #ffeb9c; }
.gallery .item:hover a { color: #ffeb9c; }
.gallery .title { display: flex; height: 5rem; align-items: center; justify-content: center; padding: 0.5rem; line-height: 1;}
.gallery .image {  position: relative; display: block;  width: 100%; padding-top: 70%; }
.gallery .image img { position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit:cover; }

.catalog {padding:15px 0 85px; border-bottom:1px solid #e4cfac; background:url(../i/catalog.jpg) 50% 50%; background-size:cover; box-shadow:inset 0 -5px 10px rgba(0,0,0,.25);}
.catalog__title {font-size:30px; position:relative; margin-bottom:30px;}
.catalog .inner h2 {font-size:25px; position:relative; margin-bottom:20px; text-transform: none;}
	
	.catalog__list.mebel {margin-left:0!important; margin-bottom:20px;}
		.catalog__list.mebel .list__item {width:32%!important;}
			.catalog__list.mebel .list__border {left:9px;}


        .services {margin-top:-100px; font-size:1px; letter-spacing: -1px; word-spacing:  -1px;   }
          .services .list__item {width:50%; text-align:center; margin-top:100px; font-size: 18px; letter-spacing: normal; word-spacing: normal;}
          .services .list__link {display:block; color:#8b0016;}
          .services .list__title {display:block; text-transform:uppercase; margin-top:15px;}
			 
		.kuhniTizers {overflow: hidden; margin-bottom: 20px!important;}
			.kuhniTizers .kuhniTizer{float:left; display:block; width:210px; margin-right:30px; text-decoration:none;}
			.kuhniTizers .kuhniTizer p{text-align:center; margin:0; font-size:16px; font-weight:bold;}
			
		.tiz_block {}	
			.tiz_block > div > div {width:49%; float:none!important; display:inline-block; *display: inline; zoom:1; vertical-align:top; text-align:center;}	
				.funiture-preview {display:inline-block; *display: inline; zoom:1; vertical-align:top; padding: 0 15px 0 0;}
					.funiture-preview a {display:block; width: 155px;}
						.funiture-preview img {max-width:100%;}
						
		.det-meb {padding-left: 0;}
			.det-meb li {display:inline-block; *display: inline; zoom:1; vertical-align:top; list-stle-type: none; width:24%;}
				.det-meb li img {max-width:100%;}
		
		.check-blocks {margin:0 0 20px -20px;}
			.check-blocks div {margin: 0 20px; text-align: left; width:44%!important; float:none!important; display:inline-block; *display: inline; zoom:1; vertical-align:top;}
				.check-blocks img {float: left; width: 30px; height: 30px; margin: 10px 5px 0 0 ;}
				.check-blocks h3 {margin-bottom: 0;}
				.check-blocks br {display:none;}

  .work {padding:20px 0; color:#c9c9c9; font-size:24px;}
    .work .inner {padding:0 30px;}
    .work__title {margin-left:-30px; font-size:30px; color:#fff2b0; text-transform:uppercase;}
    .work__list {}
      .work__list .list__item {color:#fff2b0; padding-left:55px; background-position:0 50%; background-repeat:no-repeat; min-height:43px;}
      .work__list .list__item + .list__item {margin-top:30px;}

  .choose {padding:20px 0; background:url(../i/catalog.jpg) 50% 50%; background-size:cover; box-shadow:inset 0 10px 10px -5px rgba(0,0,0,.5), inset 0 -10px 10px -5px rgba(0,0,0,.5);}
    .choose__title {font-size:30px; text-align:center; text-transform:none;}

    .choose__list {margin:-40px 0 0 0;}
      .choose__list .list__item {width:33.333%; font-size:16px; text-align:center; margin:40px 0 0 0; padding:0 20px;}
      .choose__list .list__title {font-size:18px; color:#8b0016; margin-top:10px;}
      .choose__list .list__description {color:#626262;}

	.mebel-in   .list__item {width:32%;}
	/* .mebel-in   .list__item span {padding: 0 18%;} */
	.mebel-in .list__link {width:210px;}
	.mebel-in .list__image {height:150px; max-width:210px;}
	.mebel-in .list__border {left:0px;}

#article { overflow: hidden; }	  			

.photogallery { clear: both; }
.photogallery, .photo_gallery { margin-top: 2rem; margin-bottom: 2rem; margin-left: -1rem; margin-right: -1rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 1rem;}
.photogallery-item { display: inline-block; text-decoration: none; poistion: relative; border: 3px solid white;  }
.photogallery-item a {  display: block; padding-top: 75%; position: relative; box-shadow: 0 4px 0 0 #56331d60; border-radius: 0.5rem; overflow: hidden;}
.photogallery-item img { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; }

.photogallery.slider { display: block; }
.photogallery.slider .photogallery-item { margin: 0.5rem; }

.samples_gallery {margin: -8px 0 0 -8px; font-size: 1px; letter-spacing: -1px; word-spacing: -1px;}
.samples_gallery_item {margin: 8px 0 0 8px; display: inline-block; font-size: 18px; letter-spacing: normal; word-spacing: normal; float:left;}
.samples_gallery_image {display: block;}
.samples_gallery_name {display: block; font-size: 16px; height: 50px; text-align: center; width: 170px;}
				
.accent {border-left: 5px solid #faca55;  padding-left: 0.5em;}
.address {position:relative; z-index:1; color:#9d9d9c; padding-left:35px;}
		
.hidden { display: none; }
.hidden-popups { display: none; }
.popup_cont { width: 80%; max-width: 600px; }
				
iframe[src="//t.insigit.com/nsapi/static/partners.html"] {display:none;}
.dyller {width:50%;float:left;}
.dyl-logo {width: 270px;padding: 5px 0 0 0;}
.dyl-logo img {height: 130px;box-shadow: 1px 0 4px rgba(0,0,0,0.5);}
.dyller a {display:block;float: left;padding: 5px 0 0 0;}
		
.partner-logo {float:left; padding:0 10px 0 0; width:200px;}
	
.clear { clear: both; }
.black { color:#000; }
.red { color:#8b0016; }

.interer { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 1.4rem; margin-right: 1rem; }
.interer a { text-decoration: none; }
.interer img { vertical-align: middle; margin-right: 5px; }
.interer:hover span { border-bottom: 2px dotted; }
.interer span { display: inline-block; vertical-align: middle; margin-top: 6px; }

.top-icons{ margin-bottom:15px; }

.autor { padding-left: 74px; margin: 20px 0; }
.autor .time{ display: inline-block; border-left: 1px solid; padding: 0 10px;  margin: 0 10px; box-sizing: border-box; }


.otz { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 14px; margin-right: 10px; }
.otz span { display: inline-block; vertical-align: middle; margin-top: 6px; }
.otz img { vertical-align: middle;  margin-right: 5px; }
.otz a { text-decoration: none; }    
.otz:hover span { border-bottom: 2px dotted; }
.otziv blockquote { border-left: 2px solid #8b0016; font-style: italic; padding: 0 0 0 10%; }
.otziv blockquote:before { display: block; font-size: 69px; content: "“"; height: 0; margin-left: -60px; position: relative; top: -22px; font-style: italic; color: #999; }
.otziv h2 { margin-bottom: 20px; }

.block-more { display: none; }

#button { cursor: pointer; color: #8b0016; text-decoration: underline; }
#otz_bottom { text-decoration: none; }

.policy__row {display:flex;}
	.policy__item {text-align:left;}
	.privacy_policy, .privacy_policy a {font-size:12px;}
	.privacy_policy {margin:0 0 0 5px;}
.privacy__content {text-align:justify;}
	.privacy__content p {text-align:justify;}
	.privacy__content li {text-align:left; margin:0 0 5px;}
	.privacy__content ol, .privacy__content ul {padding:0 0 0 10px; margin:0; list-style:none;}
	.privacy__content h2 {margin:0 0 15px; text-align:left;}
form input[type="submit"][disabled], form button[type="submit"][disabled] {-webkit-filter:grayscale(100%); cursor:not-allowed;}
	form input[type="submit"][disabled]:hover, form button[type="submit"][disabled]:hover {text-decoration:none;}


.fancybox-title-float-wrap .child{text-align: left;white-space: normal;line-height: 1.2;font-size: 12px;font-weight: normal;border-radius: 0;margin-top: -40px;padding-top:5px;padding-bottom: 5px;}
.open-more {text-align:right; margin:10px;}
	.open-more span {cursor:pointer; background:#f8c652; padding:7px 10px; text-align:center; color:#000; max-width:130px;}
	.open-more span:hover {background:#eece85;}

.contact-button { display: inline-block; padding: 5px 10px; background: linear-gradient(#fff0ac, #ffdc6f, #d7811b, #ea994a); font-size: 17px; text-transform: uppercase; text-decoration: none; border-radius: 5px; color: #613901 !important; text-shadow: 0 1px 0 white; margin-top: 5px; transition: all .3s; }
.contact-button:hover { background: linear-gradient(#ea994a, #ffdc6f, #d7811b, #ea994a); }


.social-icons a { display: inline-block; width: 3.8rem; height: 3.8rem; transition: all .3s; opacity: 1;  }
.social-icons a:hover { opacity:  0.8; }
.social-icons a.sitemap { background: url(../i/icon-social-sitemap.png) no-repeat center; }
.social-icons a.pinterest { background: url(../i/icon-social-pinterest.png) no-repeat center; }
.social-icons a.facebook { background: url(../i/icon-social-facebook.png) no-repeat center; }
.social-icons a.whatsapp { background: url(../i/icon-social-whatsapp.png) no-repeat center; }
.social-icons a.instagram { background: url(../i/icon-social-instagram.png) no-repeat center; }


.header { background:url(../i/bg-pattern-brown.jpg), #372000;  z-index: 1; padding-top: 2rem; padding-bottom: 2rem; }
.header .inner { flex-flow: wrap; }
.header .logotype { position: relative; width:137px; height:136px; display:block; background:url(../i/logotype.png) no-repeat center; text-indent:100%; white-space:nowrap; overflow:hidden; }
.header .logotype::before { content:''; position: absolute; top:50%; left:50%; display: block; width: 10rem; height: 10rem; background: radial-gradient(center, #d0bd6750, transparent); filter:blur(30px); border-radius: 50%; }
.header .middle { max-width: 220px; text-align: center; }
.header .slogan { border-radius: 0.5rem; background: rgba(0,0,0,0.4); padding: 1rem 2rem; text-align: center; font-size: 1.4rem; color: #e1d09a; font-style: italic; margin-bottom: 1rem; }
.header .inner { position: relative; display: flex; align-items: center; color: #ffeb9c; justify-content: space-between; }
.header .contacts { display: grid; align-items: end; grid-auto-rows: auto; grid-auto-flow: column;  grid-gap: 20px; line-height: 1.2em; }
.header .contacts .title { color: white; }
.header .contacts .phone-item { font-size: 24px; margin-bottom: 5px; white-space: nowrap; }
.header .contacts .phone-item span { color: white !important; }
.header .contacts > * { padding-left: 40px; }
.header .contact-button { margin-left: 0px; position: relative; margin-top: 1rem;}
.header .contact-button::before {position: absolute; left: -40px; top: 50%; transform: translateY(-50%); content: ''; display: inline-block; width: 37px; height: 37px; background:url(/i/icon-contacts-phone.png) no-repeat center; }
.header .location { padding-left: 0; }
.header .location .street { font-size: 1.6rem; color: white; }
.header .worktime { font-size: 1.5rem; opacity: 0.8;  line-height: 1; margin-bottom: 0.5rem;}
.header .email .contact-button::before { background-image: url(/i/icon-contacts-email.png); }
.header .worktime .contact-button::before { background-image: url(/i/icon-contacts-time.png); }
.header .location .contact-button::before { background-image: url(/i/icon-contacts-location.png); }

@media screen and (max-width: 1200px) {
	.header { padding-top: 0; padding-bottom: 0; }
	.header .inner { justify-content: center; }
	.header .logotype { flex-basis: 130px;  }
	.header .inner > *:not(:last-child) { margin: 1rem; }
	.header .slogan { display: none; }
 	.header .contact-button { display: none; }
 	.header .contacts { display: flex; flex-wrap: wrap; padding-left:0; justify-content: center; }
 	.header .contacts > * { padding-left: 0; margin: 1rem;}
 	.header .email { display: none; }
}

@media screen and (max-width: 768px) {
	.header .location { display: none; }
}

@media screen and (max-width: 480px) {
	.header .middle { display: none; }
}

.navigation { padding-top: 1rem; padding-bottom: 1rem; background: linear-gradient(transparent 0px, transparent 20px, #56331d 50px), url(../i/main-menu-bg.jpg) repeat-x, #56331d; color: white;  box-shadow:0 5px 10px rgba(0,0,0,.25); position:relative; z-index: 20; }
.navigation ul { margin-bottom: 0; }
@media screen and (max-width: 768px) {
	.navigation { display: none; }
}

.main-menu { position:relative; list-style-type: none; font-size: 1.8rem; text-align: center; }
.main-menu li { position:relative; display: inline-block; }
.main-menu li > ul { display: none; position:absolute; left:-33px; top:95%; padding: 1rem; background:#fff; border-radius: 0.5rem; z-index:1; white-space:nowrap; }
.main-menu li a { display: block; padding: 0.75rem; text-decoration: none; }
.main-menu li a:hover  { color: #ffe78b; }
.main-menu li:hover > ul { display:block; text-align: left;  }
.main-menu li > ul > li { display:block; color:#64310f; border-radius: 5px; }
.main-menu li > ul > li:hover { background: linear-gradient(#fff0ac, #ffdc6f, #d7811b, #ea994a) !important;  }
.main-menu li > ul > li:hover a { color: #613901 !important; text-shadow: 0 1px 0 white; }
.main-menu li > ul > li:last-of-type {margin-bottom:0;}

.main-menu li#menu-item-50 ul { }



#about { background:url(../i/about-bg.png) no-repeat right center, linear-gradient(2deg, rgba(255,255,255,0.5), transparent 20%), url(../i/bg-wood-light.jpg) repeat center; }
#about h2 { font-size: 3rem; color: #774e2f;}
#about .content { width: 60%; }

@media screen and (max-width: 1200px) {
	#about { background-position-x: 120%; }
}

@media screen and (max-width: 960px) {
	#about { background: linear-gradient(2deg, rgba(255,255,255,0.5), transparent 20%), url(../i/bg-wood-light.jpg) repeat center;  }
	#about .content { width: 100%; }

}


#stages .stages-container {  display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 4rem;  counter-reset: stages;}
#stages .stage { counter-increment: stages;}
#stages .stage .title { font-size: 2.2rem; color: #684b3f; margin-bottom: 0.5rem; }
#stages .stage .text { font-size: 1.6rem; }
#stages .stage .title::before { display: inline; content: counter(stages) "."; }
#stages .stage[data-id="1"]::before { background: url(../i/icon-stages-1.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#stages .stage[data-id="2"]::before { background: url(../i/icon-stages-2.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#stages .stage[data-id="3"]::before { background: url(../i/icon-stages-3.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#stages .stage[data-id="4"]::before { background: url(../i/icon-stages-4.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#stages .stage[data-id="5"]::before { background: url(../i/icon-stages-5.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#stages .stage[data-id="6"]::before { background: url(../i/icon-stages-6.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }

@media screen and (max-width: 768px) {
	#stages .stages-container { grid-gap: 0.5rem; }
}

#company-advantages .advantages-container {  display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 4rem;  }
#company-advantages .advantage[data-id="1"]::before { background: url(../i/icon-advantage-1.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#company-advantages .advantage[data-id="2"]::before { background: url(../i/icon-advantage-2.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#company-advantages .advantage[data-id="3"]::before { background: url(../i/icon-advantage-3.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#company-advantages .advantage[data-id="4"]::before { background: url(../i/icon-advantage-4.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#company-advantages .advantage[data-id="5"]::before { background: url(../i/icon-advantage-5.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }
#company-advantages .advantage[data-id="6"]::before { background: url(../i/icon-advantage-6.png) no-repeat center, linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); }

@media screen and (max-width: 768px) {
	#company-advantages .advantages-container { grid-gap: 0.5rem; }
}



.round-teaser { position: relative; padding-left: 12rem; min-height: 12rem; display: flex; flex-flow: column; justify-content: center; align-items: start; }
.round-teaser::before { display: block; position: absolute; left:0; top: 50%; transform: translateY(-50%); content: ''; width: 10rem; height: 10rem; border-radius: 50%; box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
	background: linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20);
}

@media screen and (max-width: 768px) {
	.round-teaser { padding-left: 8rem; min-height: 9rem; }
	.round-teaser::before { width: 7rem; height: 7rem; background-size: auto 70% !important;}
}


#seo-text { background: linear-gradient(177deg, #eeddc480, transparent 100px), url(../i/seo-text-bg.jpg) no-repeat left center/contain; }
#seo-text > .inner { text-align: right; }
#seo-text .content { max-width: 60%; display: inline-block; text-align: left; }
#seo-text h2 { font-size: 3.5rem; color: #825f36;  }

@media screen and (max-width: 960px) {
	#seo-text { background: linear-gradient(177deg, #eeddc480, transparent 100px);  }
	#seo-text .content { width: 100%; max-width: none;}

}


#partners .partners-container {  display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); grid-gap: 4rem;  }
#partners .partner { text-align: center; }
#partners .partner img { display: inline-block; }
@media screen and (max-width: 960px) {
	#partners .partners-container {  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-gap: 6rem;  }
}
@media screen and (max-width: 768px) {
	#partners .partners-container { display: block; }
}


.page-template-3 #feedbacks { background: linear-gradient(#00000090, transparent 200px), url(../i/feedbacks-bg.jpg) no-repeat center/cover; }

#feedbacks {  }
#feedbacks .feedback-preview { margin: 2rem; }
#feedbacks .feedbacks-contaier { margin:0 -2rem; }
#feedbacks .buttons { text-align: center; }
#feedbacks .page-block-heading { margin-bottom: 2rem; }
.feedback-preview { background: white; padding: 4rem; color: #4b4b4b; font-size: 1.7rem; }
.feedback-preview .text { font-style: italic; margin-bottom: 2rem; }


.gallery-block {}
.gallery-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 3rem; }
.gallery-preview { border-radius: 0.5rem; overflow: hidden; box-shadow: 0 3px 0 0 #dcb36b; transition: all .3s; }
.gallery-preview:hover { box-shadow: 0 3px 0 0 white, 0 0 20px 0 rgba(0,0,0,0.4); }
.gallery-preview .image {  padding-top: 70%; position: relative; }
.gallery-preview img { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; }


#advantage { background:url(../i/pattern.png) 50% 50% #372000;  }
#advantage ol { color: white; font-size: 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); grid-gap: 20px; }
#advantage ol { line-height: 110%; counter-reset: list; list-style-type: none; padding-left:0; margin-left: 0; }
#advantage ol li { counter-increment: list; position: relative; padding-left: 35px; }
#advantage ol li::before { content: counter(list); display: inline-flex; color: #95885b;  width: 30px; height: 30px; border-radius: 50%; border:1px solid #95885b; position: absolute; left:0px; top: 0; justify-content: center; align-items: center; }
#advantage h1 { text-transform: none; font-size: 25px; margin-bottom: -2px; }
#advantage h2 { text-transform: none; margin-bottom: 10px; }
#advantage a { color: #ffeb9c; }
#advantage h1 {font-size:30px; color:#e5d588; text-transform:uppercase; margin-bottom:2px;}
#advantage h2 {font-size:18px; color:#e5d588; text-transform:uppercase;}


.slick-slider > button { display: block; position: absolute; color: transparent !important;  content: ''; overflow: hidden; padding: 0; 
   top: 50%; transform: translateY(-50%); content: ''; width: 5rem; height: 5rem; border-radius: 50%;  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    background: linear-gradient(#c2912e, #cfa543, #f1e084, #b37a20); text-shadow: none; transition: all .3s; content: '';}
.slick-slider > button:hover { background: linear-gradient(to top, #c2912e, #cfa543, #f1e084, #b37a20); }
.slick-slider > button::after { content: ''; position: absolute; top:0; left:0; z-index: 10; display: block; width: 100%; height: 100%; background: url(../i/icon-slider-arrow.png) no-repeat center; }
.slick-slider > button.slick-prev::after { transform: rotate(180deg); }
.slick-slider > button.slick-prev { left: -1.5rem; }
.slick-slider > button.slick-next { right: -1.5rem; }

@media screen and (max-width: 960px) {
	.slick-slider > button { width: 4rem; height: 4rem;  padding: 0;}
	.slick-slider > button.slick-prev { left: -2rem; }
	.slick-slider > button.slick-next { right: -2rem; }

}


#catalog-index .catalog-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); grid-gap: 2rem; }   
@media screen and (max-width: 768px) {
	#catalog-index .catalog-container { grid-gap: 1rem; }
	#catalog-index .catalog-preview { background: #00000020; transition: all .3s; border-radius: 0.5rem; overflow: hidden; border-bottom: 3px solid #ffeb9c30; }
	#catalog-index .catalog-preview:hover { background: #00000040;}
	#catalog-index .catalog-preview > a { display: flex; align-items: center; }
	#catalog-index .catalog-preview .image { width: 100px; min-width: 100px; height: 100px; margin-right: 1rem; padding-top: 0; margin-bottom:0; }
	#catalog-index .catalog-preview .title { background: none; color: white; white-space: normal;  padding:0; text-shadow: none; display: block; text-align: left; }
}


@media screen and (max-width: 768px) {
	#gallery-index .gallery-container {  display: block; }
	#gallery-index .gallery-preview { margin: 1rem; }
}



#catalog-products .product-preview { margin: 1rem;}   
#catalog-products .catalog-navigation { margin-bottom: 1rem;; }
#catalog-products .catalog-navigation button { background: rgba(255,255,255,0.5); color: #3c2112; }
#catalog-products .catalog-navigation button.active { background: linear-gradient(#fff0ac, #fff0ac, #d9861d, #ea994a), #d9861d; }
#catalog-products .catalog-navigation button:hover { background: linear-gradient(#ea994a, #d9861d, #fff0ac, #fff0ac), #d9861d; }
#catalog-products .catalog-container { margin: 0 -1rem; }

.projects-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); grid-gap: 2rem; }
.project-preview .image { position: relative; padding-top: 70%;  margin-bottom: 1rem; }
.project-preview .image img { position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
.project-preview .title { text-align: center; line-height: 1; border-radius: 0.5rem; background: linear-gradient(#f5ede3, #f1ddc3);  color: #6f4d1e;  padding: 1rem 2rem;}

.product-preview { background: white; border-radius: 0.5rem; display: grid !important; grid-template-rows: 1fr; grid-template-columns: minmax(150px, 30%) auto; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); font-size: 1.7rem; position: relative; }
.product-preview .image { grid-area: 1 / 1; position: relative; }
.product-preview .image img { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
.product-preview .options { padding: 0 1rem; line-height: 1; position: relative; color: #750e0e; font-size: 90%; }
.product-preview .options strong { font-weight: normal; color: #9e8b71;}
.product-preview .options .option:not(:last-child) { margin-bottom: 0.25rem; }
.product-preview .info { grid-area: 1 / 2; padding: 1rem 1rem;  text-align: center; }
.product-preview .info .title { font-size: 2rem; color: #6f4d1e; text-decorationo: underline; line-height: 1; margin-bottom: 1rem; }
.product-preview .pricing { position: relative; padding-top:1rem; margin-top: 1rem; }
.product-preview .pricing .heading { font-size: 2rem;} 
.product-preview .pricing::before { content: ''; position: absolute; left:-1rem; right: -1rem; top:0; height:1px; background: #e7e3de; }
.product-preview .price { display: flex; align-items: center; justify-content: center; }
.product-preview .price strong { font-size: 2.2rem; color: #c44444; margin: 0 1rem; font-weight: normal; }

.product-preview .info-popup { display: none; position: absolute; top:99%; left:0; width: 100%; padding: 2rem; border-radius: 0.5rem; border-top-left-radius:0; border-top-right-radius:0; z-index: 5; text-align: center;
	background: linear-gradient(#00000010, transparent 1rem), #f1ddc3;  }
.product-preview .info-popup strong { color: #6f4d1e; }
.product-preview .info-popup a { margin-top: 0.5rem; }
.product-preview.-open-info .info-popup { display: block; }

.catalog-preview { }
.catalog-preview .image { padding-top: 70%; position: relative; border-radius: 0.5rem; overflow: hidden; margin-bottom: 1rem; }
.catalog-preview .image img { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
.catalog-preview .title { border-radius: 0.5rem;  width: 100%; }

.carousel { margin-bottom:20px; height:322px; overflow:hidden; }

.slick-dots {margin:0; font-size:0; list-style:none; position:absolute; left:0; width:100%; text-align:center; bottom:14px;}
.slick-dots li {display:inline-block; margin:0 0.5rem;}
.slick-dots li.slick-active button { background: #ffe78b; }
.slick-dots button { padding:0; margin:0; width:16px; height:16px; border-radius:50%; background:rgba(0,0,0,.5); position:relative; border:0; text-shadow: none; }

.carousel .slick-dots button { color: transparent; }


#slider { background: url("/i/catalog.jpg") repeat center; position: relative; overflow:hidden; padding-top: 30%; }
#slider::after { position: absolute; top:0; width: 100%; left:0; height: 100%; content:''; background:linear-gradient(to right, rgba(0,0,0,0.9), transparent 10%, transparent 90%, rgba(0,0,0,0.9)); }

#slider .slick-slide { min-width: 800px; }
#slider .slick-slide img { object-fit: cover; width: 100%; height: 100%;}

@media screen and (max-width: 768px) {
	#slider { display:none; }
}

.slideshow_home { border: none; }
.slideshow_home  { position: absolute; top:0; left:0; height: 100% !important; width: 100% !important; }
.slideshow_home .slick-list { height: 100%; }
.slideshow_home .slick-track { height: 100%; }
.slideshow_home .slide { height: 100%; }


#contacts { background: url(../i/contacts-bg.jpg) no-repeat center/cover;  }
#contacts .inner { text-align: right; }
#contacts .callback-form { background: white; padding: 4rem; border-radius: 0.5rem; display: inline-block; width: 480px;}
#contacts .callback-form h2 { text-align: center; font-size: 2.8rem; }
#contacts .callback-form .form-buttons { text-align: center; }
@media screen and (max-width: 768px) {
	#contacts .callback-form { width: 100%; }
}

#bottom { background: url(../i/bg-floral-dark.jpg) repeat center; }
#bottom > .inner { }
#-bottom .links-container { display: flex; align-items: start; justify-content: center; justify-content: space-between; margin-left:-1rem; margin-right:-1rem; }
#bottom .links-section { padding: 4rem; border: 1px solid #5c4f30; border-radius: 0.5rem;  transition: all .3s; background: transparent; position: relative; margin:1rem; } 
#bottom .links-section:hover { background: rgba(0,0,0,0.5); border-color: transparent; }
#bottom .links-section ul { font-size: 1.4rem; margin-left: -0.5rem; }
#bottom .links-section::after { position: absolute; content:''; display: block; top:0; left:0; width: 100%; height: 100%; background: url(../i/link-section-bg-tl.png) no-repeat 2% 2%, url(../i/link-section-bg-br.png) no-repeat 98% 98%; pointer-events: none; }
#bottom .links-section h2 { font-size: 2rem; color: #ffdf75; text-transform: uppercase; position: relative; }
#bottom .links-section h2::after { content: ''; position: absolute; left:0; bottom: -1rem; height: 1px; width: 100%; background: linear-gradient(to right, #9e8d52, transparent 70%); }
#bottom .links-section a { display: block; padding: 0.5rem; }
#bottom .links-section a:hover { color: #ffdf75; }

@media screen and (max-width: 1000px) {
	#bottom .links-container { flex-wrap: wrap; }
	#bottom .links-section { flex-grow: 1;}
	#bottom .links-section ul li { display: inline-block; }
}

@media screen and (max-width: 768px) {
	#bottom { display: none; }
}


.footer { background: #1e1e1e; color: white; position: relative; overflow: hidden; padding-top: 1rem; padding-bottom: 1rem; line-height: 1; }
.footer .inner { position:relative; display: grid; grid-template-rows: auto; grid-template-columns: auto; grid-gap: 2rem; align-items: center; }
.footer .inner:before {content:''; display:block; position:absolute; top:0px;}
.footer .bottom-menu { grid-area: 1 / 2 / auto / span 3; justify-self: end;}
.footer .copyrights { grid-area: 1 / 1 / span 2 / auto; font-style: italic; max-width: 300px;}
.footer .copyrights .copy { margin-bottom: 1rem; }
.footer .copyrights .title { color: #ffeb9c; }
.footer .copyrights .bottom { opacity: 0.5;}
.footer .social-icons { grid-area: 2 / 2; }
.footer .location { grid-area: 2 / 3; max-width: 300px; position: relative; padding-left: 5rem; }
.footer .location::before { content:''; display: block; width: 4rem; height:4rem; position: absolute; left:0; top: 50%; background:url(../i/icon-contacts-location.png) no-repeat center; transform: translateY(-50%); }
.footer .phones { grid-area: 2 / 4; font-size: 2.5rem; color: #ffeb9c; line-height: 1; justify-self: end; position: relative; padding-left: 5rem; }
.footer .phones::before { content:''; display: block; width: 4rem; height:4rem; position: absolute; left:0; top: 50%; background:url(../i/icon-contacts-phone.png) no-repeat center; transform: translateY(-50%); }
.footer .phones strong { color: white; font-weight: normal; }

@media screen and (max-width: 1200px) {
	.footer .inner { display: flex; justify-content: center; flex-wrap: wrap; }
}

@media screen and (max-width: 1200px) {
	.footer .location { padding:0; }
	.footer .phones { padding:0; }
  .footer .location::before { display: none; }
	.footer .phones::before { display: none; }
}

.bottom-menu { position:relative; z-index:1; font-size: 1.4rem; }
.bottom-menu li { color: #e5d588; display: inline-block; }
.bottom-menu li a { display:block; text-transform:uppercase; color:#e5d588; text-decoration:none; padding:0.5rem;}
.bottom-menu li a:hover {color:white;}



@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 810px) {
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 400px) {
}


.ui-grid-m { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); grid-gap: 2rem; }
.ui-grid-s { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px,1fr)); grid-gap: 2rem; }
.ui-grid-xs { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px,1fr)); grid-gap: 2rem; }

#article > .inner > .content { margin-bottom: 2rem; }
#article > .inner > section { margin: 4rem 0;}


article ul, article ol { margin: 0; margin-bottom: 2rem; margin-left: 2rem; }
article ul > li { list-style-type: circle; }
article ol > li { list-style-type: decimal; }
article ul > li, article ol > li { margin-bottom: 0.5em;  margin-left: 2rem; }


.product-top { display: flex; gap: 4rem; margin-bottom: 4rem; }
.product-gallery { min-width: 300px;}
.product-gallery .cover { border-radius: 0.5rem; overflow: hidden; }
h1 { font-size: 3.6rem; color: #926628; margin-bottom: 1rem; }

.product-full .info { flex-grow: 1; }
.product-full .info > *:not(:last-child) { margin-bottom: 2rem; }
.product-full .info .shop-line { display: flex; align-items: center; margin-top: 1rem; flex-wrap: wrap; }
.product-full .info .shop-line .buy-button { font-size: 2rem; }
.product-full .info .shop-line .price { display: flex; align-items: center; margin-right: 2rem; }
.product-full .info .shop-line .price strong { font-size: 2.4rem; font-weight: normal; color: #c44444; margin: 0.5rem;}

.product-full .info .options { border: 2px solid #e0e0e0; padding: 2rem; border-radius: 0.5rem; }
.product-full .info .options .option { font-size: 1.5rem; margin-bottom: 1rem; line-height: 1;}
.product-full .info .options hr { margin: 0.5rem 0;}
.product-full .info .options .title { font-weight: bold; display: inline; margin-right: 1rem; }
.product-full .info .options .value { font-weight: normal; color: #6f4d1e; display: inline; }

.product-full .info.quick-buttons { margin-top: 2rem; }
.product-full .info .quick-buttons button { font-size: 1.8rem; background: #ebe8e5; padding:1rem 2rem; display: inline-block; text-decoration: none !important; border-radius: 0.5rem;  transition: all .3s; text-shadow: none; margin-bottom: 0.5rem; }
.product-full .info .quick-buttons button:nth-child(1) { background: #ffde68; }
.product-full .info .quick-buttons button:hover { background: black; color: white; }

.product-full .product-gallery { position: relative; flex-basis: 300px; flex-grow: 1; }
.product-full .gallery { display: block; text-align: center; max-width: 100%; margin: 0.5rem 0 0 0;}
.product-full .gallery a { display: inline-block; width: 60px; height: 60px; overflow: hidden; border: 1px solid #d0d0d0; margin-right:0.5rem; background: white; opacity: 0.6; transition: all .3s; position: relative; }
.product-full .gallery a:hover { opacity: 1; }
.product-full .gallery img { width: 48px; height: 60px; object-fit: cover; position: absolute; left:0; top:0; width:100%; height: 100%; }

@media screen and (max-width: 960px) {
	.product-top { display: flex; flex-wrap: wrap; }
}


h2 { font-size: 2.6rem; color: #825f36; }

.ui-tabs { box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); overflow: hidden; border-radius: 0.5rem;
	border-left: 4px solid #e9d7be; margin-bottom: 2rem; }
.ui-tabs nav a { display: inline-block; padding: 1rem 2rem;
	border-radius: 99rem;
	text-decoration: none; font-size: 1.9rem; cursor: pointer;  text-decoration: none !important;
	background:linear-gradient(to top, #00000010, transparent 5px ), #f5ede370; min-width: 120px; text-align: center;}
.ui-tabs nav a.active { background: #fdfaf5; }
.ui-tabs nav a:not(:last-child) {  }
.ui-tabs nav a:hover { background: #dfdfdf;}
.ui-tabs nav { margin-bottom: 0; background: linear-gradient(#fdfaf5, #efeae1), #fdfaf5; }
.ui-tabs .content { background: #fdfaf5; border-radius: 0.5rem;  padding: 2rem 4rem;  }
.ui-tabs .content > * { display: none; }
.ui-tabs .content > *:first-child { display: block; }

article ol, article ul { margin:2rem 0; padding-left: 2rem; }
article ol > li, article ul > li { margin-bottom: 1em;}
article ol { list-style-type: arabic;}
article ul { margin-left: 2rem; list-style-type: disc;}
article > h2 { margin-top: 1em;}
article .order-form { margin: 4rem 0;}
article a { color: #750e0e;}


.tippy-content { font-size: 1.4rem;  padding: 2rem; }
.tippy-content a { color: #ffc127; }

.shop-filters { background: white; box-shadow: none; border: none; margin-top: 2rem; }
.shop-filters nav { background: white;  }
.shop-filters nav a { padding: 0.3rem 1rem; margin-right: 0.2rem; margin-bottom: 0.2rem; border: 2px solid #e0e0e0; border-bottom:none; border-radius: 0.5rem; color: black;  font-size: 1.6rem; }
.shop-filters nav a.active { background: #483434; color: white; }
.shop-filters .content { padding: 1rem; border: 2px solid #e0e0e0; box-shadow:0 5px 5px 0 rgba(0,0,0,0.4); background: white; }
.shop-filters .content > div > a { display: inline-block; padding: 0.5rem 1rem; position: relative; border-radius: 0.5rem; font-size: 1.5rem; color: black; }
.shop-filters .content > div > a:hover { background: #eddbc1; }
.shop-filters .content > div > a.active { background: #f0f0f0;}
.shop-filters .content > div > a:not(:last-child)::after {content:''; display: block; height: 1em; border-right:1px solid #909090; position: absolute; right: 0rem; top:50%; bottom:0; transform: translateY(-50%); }

@media screen and (max-width: 480px) {
	.shop-filters .content { padding:0; border:0; overflow: visible; box-shadow: none; }
	.ui-tabs { overflow: visible; }
}

.mebel-in { margin-bottom: 2rem; }

.article-preview { margin-bottom: 2rem; padding-bottom:2rem; border-bottom: 1px dashed #00000050; display: flex; }
.article-preview .image { position: relative;  width: 200px; height: 200px; margin-right: 2rem; min-width: 200px; }
.article-preview .image img { position: absolute; display: block; left:0; top:0; width: 100%; height: 100%; object-fit: cover; }
.article-preview:last-child { border-bottom: none; margin-bottom: 0; }
.article-preview h2 { margin-bottom: 1rem; }

@media screen and (max-width: 768px) {
	.article-preview .image { display: none; }
}

/* Mobile menu */
.ui-mobile-menu { display:none; position: fixed; top:0; left:0; width: 100%; min-height: 5rem; z-index: 10; background: linear-gradient(transparent 0px, transparent 20px, #56331d 50px), url(../i/main-menu-bg.jpg) repeat-x, #56331d;  color: #ffeb9c; }

.ui-mobile-menu .open-button { width: 100%; border-radius: 0; text-align: left; padding: 1rem; padding-left: 4rem; justify-content: start; display: flex; align-items: center;  position: relative; z-index: 20; }
.ui-mobile-menu .open-button::after { transition: all .3s; display: block; content: ''; width: 2rem; height: 2rem;
	background: url(../i/icon-menu-burger.png) no-repeat center; right: 4rem; top: 50%; transform: translateY(-50%); position: absolute; z-index: 10; }

.ui-mobile-menu > ul { display: none; background: linear-gradient(#00000040, #00000040), url(../i/bg-wood-dark.jpg) center, #4c3120;  padding: 2rem 4rem; z-index: 10;  overflow: auto;  box-shadow: 0 0 10px 0 #000000; }
.ui-mobile-menu li > ul { display: none; padding: 1rem; margin: 0 -4rem; font-size: 90%; padding-left: 5rem; }
.ui-mobile-menu li.active > ul { display: block; background: linear-gradient(to right, #006a9b, transparent); border-bottom: 1px solid rgba(255,255,255,0.3); border-top: 1px solid rgba(255,255,255,0.3);  }
.ui-mobile-menu li { display: block; position: relative; left:0; transition: all .3s; border-radius: .5rem; } 
.ui-mobile-menu li a { display: block; padding: 0.5rem 1rem; }
.ui-mobile-menu li:hover > a { text-decoration: underline; }

.ui-mobile-menu li.active > a { font-weight: bold; color: white; }
.ui-mobile-menu li:hover { left:5px; background: #00000040;}
.ui-mobile-menu li.active > ul { display: block; }

@media screen and (max-width: 768px) {
	body { padding-top: 5rem; }
	.ui-mobile-menu { display: block; }
	.ui-mobile-menu.open { height: auto; }
	.ui-mobile-menu.open > ul { display: block; }
	.ui-mobile-menu.open .open-button { }
	.ui-mobile-menu.open .open-button::after { opacity: 1; background-image: url(../i/icon-menu-close.png); }

}



.message-box {
  background: linear-gradient(#ffffff60, #ffffff60), url(../i/bg-wood-light.jpg) center, #ecdbc1; color: #202020; border-radius: 0.5rem; overflow: hidden; 
  position: relative; display: flex; justify-content: flex-start; box-shadow: 0 3px 0 0 #ba9e91;
  color: #494949; align-items: flex-start; padding: 2rem 4rem; padding-left: 20rem;  text-align: left;
  margin: 2rem 0; flex-flow: column; line-height: 1.2; }
.message-box h2 { text-align: left; font-size: 2.4rem; margin-bottom: 1rem; margin-top: 0; color: #054f89; }
.message-box > * { padding-bottom: 1rem; }
.message-box > *:last-child { padding-bottom: 0; }
.message-box .text { overflow: hidden; }
.message-box:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 2rem; width: 14rem;
	background: url("../i/icon-mb-info.png") center no-repeat; }

.message-box.home:before { background-image: url(../i/icon-mb-home.png); }
.message-box.home { border-color: #0988eb; }
.message-box.alert { box-shadow: 0 2px 0 0 #ff9c00;  border-color: #ff9c00; }

.message-box.alert h2 { color: #ff9c00; }
.message-box.alert:before { background-image: url(../i/icon-mb-alert.png); }
.message-box.percent:before { background-image: url(../i/icon-mb-percent.png); }

@media screen and (max-width: 768px) {
	.message-box { padding-left: 8rem; }
	.message-box::before { width: 4rem; height: 4rem; background-size: contain; margin-top: 2.5rem; }
}

@media screen and (max-width: 480px) {
	.message-box { padding-left: 4rem; }
	.message-box::before { display: none; }
}

.message-box.contacts::before { display: none; }
.message-box.contacts { padding-left: 4rem; }
.message-box.contacts .title { text-align: center; font-size: 2.2rem; margin-bottom: 1rem; text-shadow: 0 1px 0 white; }
.message-box.contacts .contacts { display: flex; margin: 0 -1rem; text-align: center; }
.message-box.contacts .contacts > * { margin: 1rem; padding-top: 7rem; }
.message-box.contacts .contacts .phone { background: url(../i/icon-mb-contacts-phone.png) no-repeat center top; }
.message-box.contacts .contacts .form { background: url(../i/icon-mb-contacts-form.png) no-repeat center top; }
.message-box.contacts .contacts .email { background: url(../i/icon-mb-contacts-email.png) no-repeat center top; }

@media screen and (max-width: 768px) {
	.message-box.contacts .contacts { display: block; text-align: left; }
	.message-box.contacts .contacts > * { padding-left: 6rem; padding-top: 0; background-position: left center !important; background-size: auto 4rem !important; }
}


.material-options { overflow: hidden; }
.material-options .material-option { margin-bottom: 1rem; display: grid; grid-template-columns: 30% auto; grid-gap: 2rem;}
.material-options .title { font-weight: bold; min-width: 300px; }
.material-options .content { }
.material-image { width: 300px; height: 300px; border: 3px solid white; box-shadow: 0 0 5px 0 #00000020; position: relative; margin-bottom: 2rem;}
.material-image img { position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}

.material-card { text-align: center; border-radius: 1rem;  opacity: 1; }
.material-card .image { position: relative; padding-top:100%; border-radius: 1rem; overflow: hidden; box-shadow: 0 2px 0 0 #56331d70; transition: all .3s;}
.material-card .image img { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; }
.material-card .title { font-size: 1.7rem; padding: 0.5rem; line-height: 1; transition: all .3s; }
.material-card:hover .image { opacity:0.6; }
.material-card:hover .title { color: black; }


.right {float: right; width: 300px; margin-left: 10px;}
.left {float: left; width: 300px; margin-right: 10px;}

.advantages {
  background: linear-gradient(45deg, transparent, white, transparent), #eee;
  color: #202020; border-radius: 0.5rem; overflow: hidden;   position: relative; box-shadow: 0 3px 0 0 #aaa; padding: 4rem; margin: 2rem 0; line-height: 1.2;
}

.small-teasers { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); grid-gap: 2rem; list-style-type: none; margin: 0; }
.small-teasers > * { display: flex; align-items: center; margin:0; overflow: hidden; }
.small-teasers > *::before { content:''; width: 6rem; min-width: 6rem; height: 6rem; background: url(../i/icon-adv-1.png) no-repeat center, white; border-radius: 50%; margin-right: 1rem;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); );
}

.advantages li:nth-child(1)::before { background-image: url(../i/icon-adv-1.png); }
.advantages li:nth-child(2)::before { background-image: url(../i/icon-adv-2.png); }
.advantages li:nth-child(3)::before { background-image: url(../i/icon-adv-3.png); }
.advantages li:nth-child(4)::before { background-image: url(../i/icon-adv-4.png); }
.advantages li:nth-child(5)::before { background-image: url(../i/icon-adv-5.png); }
.advantages li:nth-child(6)::before { background-image: url(../i/icon-adv-6.png); }

.similar-products h2 { margin-bottom: 0; }
.ui-slider { margin: 2rem -1rem; }
.ui-slider .slick-slide { margin: 1rem;  }

.pagination { display: flex; margin: 2rem 0; text-align: center; align-items: center; justify-content: center; flex-wrap: wrap; }
.pagination .title { margin-right: 1rem; }
.pagination ul { margin-bottom: 0; margin-left: 0; display: flex; flex-wrap: wrap; margin-top:0;}

.pagination li a { display: inline-flex; margin: 0.5rem 0.5rem; }
.pagination li.active a { background: #75381d; color: #ffffff; }
.pagination li { display: inline-flex; list-style-type: none; margin-bottom: 0; margin-left: 0; align-items: center; padding:0; }
.pagination li:not(.control) a { border-radius: 50%; min-width: 30px; width: 30px; height: 30px; align-items: center;
	justify-content: center; text-decoration: none; }
.pagination li:hover:not(.active):not(.control) a { background: #f4f4f4; }



.site-search { background: #ffffff80; border-radius: 0.5rem; margin-bottom: 1rem !important; padding: 1rem 4rem; }
.site-search h2 { font-size: 1.8rem; margin-bottom: 0.5rem;}
.site-search form { position: relative; }
.site-search input { margin-bottom: 0; }
.site-search input[type=text] { padding: 1rem; background: white;}
.site-search input[type=submit] { padding:0; position: absolute; right: 0; width: 2rem; top: 2px; bottom:2px; right: 2px;  width: 3rem; background: url(../i/icon-search.png) no-repeat center, #56331d; border-radius: 0.5rem; }

.simplesearch-paging { margin-bottom: 2rem; }
.simplesearch-result { margin-bottom: 3rem; }
.simplesearch-result h3 { margin-bottom: 1rem; }

.comment-form { margin-bottom: 4rem; }

.similar-products h2 { margin-bottom: 2rem; }
.see-all-products { margin-bottom: 2rem; }

.ui-panel { box-shadow: 0 3px 5px 0 #00000030; padding: 2rem; border-radius: 0.4rem; margin-bottom: 2rem; }

.ui-panel.get-price { text-align: center; }
.ui-panel.get-price .title { margin-bottom: 1rem; font-size: 2rem; }

.ui-grid {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); grid-gap: 2rem;
}

.teaser-mini { display: flex; align-items: center; background: #f2ede5; box-shadow: 0 2px 0 0 #00000020; padding-left: 90px; border-radius: 0.5rem; height: 76px; transition: all .3s; position: relative; }
.teaser-mini .image { display: block; position: absolute; top:0; left:0; height: 100%; border-radius: 0.5rem;   margin-right: 1rem; width: 76px; background: linear-gradient(to left, #ffffff40, transparent); }
.teaser-mini .image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.teaser-mini:hover { background: white; }

#article .social-icons a { filter: brightness(0) grayscale(100%); }

.seo-tags { margin: 2rem 0; font-size: 1.5rem; }
.seo-tags a { display: inline-block; background: #eddbc1; border-radius: 3px; padding: 0.5rem 1rem;  text-decoration: none !important; transition: all .3s; margin-right: 0.5rem; margin-bottom: 0.5rem; }
.seo-tags a:hover { background: #ac7b4e; color: white; }

.ui-slider { position: relative;}

.ui-slider.-mini .slick-list { position: relative;}
.ui-slider.-mini.slick-initialized .slick-list { margin-left: 4rem; margin-right: 4rem;
	-mask: linear-gradient(to right, white 95%, transparent);
	-webkit-mask: linear-gradient(to right, white 95%, transparent);
}
.ui-slider.-mini { margin: 0;}
.ui-slider.-mini > button::after { width: 60%; height: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: auto 60%; }
.ui-slider.-mini > button { width: 3rem; height: 3rem; background: #f0f0f0; }
.ui-slider.-mini > button:hover { background: #75381d; }
.ui-slider.-mini > button.slick-prev::after { transform: translate(-50%,-50%) scaleX(-1) }
.ui-slider.-mini > button:hover::after { filter: invert(100%) saturate(0); }
.ui-slider.-mini .slick-slide { margin: 0.5rem;}

.dynamic-catalog-chunk { display: contents; }
.hidden { display: none; }
.catalog-buttons { margin-top: 2rem; text-align: center; }
.ui-section { margin: 2rem 0; }
.ui-center { text-align: center; }

.subcategory-filters { margin-bottom: 2rem; }
.subcategory-filters .content { display: flex; flex-wrap: wrap; }
.subcategory-filters .content .text { flex-basis: 300px; flex-grow: 1; }
.subcategory-filters .content .image { width: 200px; min-width: 200px;  height: 200px; margin-right: 2rem; position: relative; overflow: hidden; border-radius: 0.5rem;  box-shadow: 0 4px 0 0 #00000020; }
.subcategory-filters .content .image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; }
.subcategory-filters .shop-filters { margin-top: 0; }
@media screen and (max-width: 768px) {
	.subcategory-filters .content .image { display: none; }
}

.shop-filters-services nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 0.5rem; }
.shop-filters-services a { height: 6rem; display: inline-flex; align-items: center; 
	padding: 0.3rem 1rem;  border: 2px solid #e0e0e0; border-radius: 0.5rem; color: black; font-size: 1.6rem;
}

.shop-filters-services a::before { content: ''; display: block; width: 5rem; height: 5rem; min-width: 5rem; background: center no-repeat; } 
.shop-filters-services a:hover { background: #dfdfdf; }
.shop-filters-services a.active { background: #ecdbc1; }

.shop-filters-services a[data-id="dizayn"]::before { background-image: url(../i/icon-serv-1.png); }
.shop-filters-services a[data-id="izgotovlenie"]::before { background-image: url(../i/icon-serv-2.png); }
.shop-filters-services a[data-id="zamer"]::before { background-image: url(../i/icon-serv-3.png); }
.shop-filters-services a[data-id="pod-klyuch"]::before { background-image: url(../i/icon-serv-4.png); }
.shop-filters-services a[data-id="proektirovanie"]::before { background-image: url(../i/icon-serv-5.png); }
.shop-filters-services a[data-id="dostavka"]::before { background-image: url(../i/icon-serv-6.png); }
.shop-filters-services a[data-id="sborka"]::before { background-image: url(../i/icon-serv-7.png); }

.shop-similar-tags .ui-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 0.5rem; }
.shop-similar-tags .ui-button { justify-content: start; }