body {
	background: #eff9f8;
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 18px;
    color:#000;
}
a, a.ajaxlink { color: #333; text-decoration:none;}
a:hover, a.ajaxlink:hover { color: #777; }

a.ajaxlink { text-decoration:none; border-bottom: dashed 1px #ddd; }
a.ajaxlink:hover { text-decoration:none; border-bottom: dashed 1px #ddd; }
b, strong {font-weight: 600;}
h1 { padding:0; margin-top:0px; margin-bottom: 10px; font-size:28px; }
h1, h2, h3, h4, h5, h6 {color:#343434; font-weight: 600; margin-bottom: 10px; }
#body section h1 {font-family: 'Alegreya', serif; color: #000; font-weight: 600; font-size: 50px;}

p { line-height:30px; }
li {list-style:none;}

.flex {display: flex; justify-content:space-between;}
.flexx {display: flex; flex-wrap: wrap; justify-content:space-between;}
#layout {width: 100%;}
#body aside {max-width: 1480px; margin: 0 auto;}
#body section .menu, #body section .menu li {display: flex;}
#layout header {background: url("/upload/header.webp") center bottom; height: auto; line-height: 20px; margin-top:50px; padding: 7px 20px 20px 20px;}
#layout #header {
	display: flex; flex-wrap: wrap; justify-content:space-between;
    max-width: 1480px;
    margin: 0 auto;
	padding: 0px;
}
.adress {font-size:14px;}
#breadcrumbs {background: linear-gradient(45deg, transparent, #dfeae6, transparent);}
#breadcrumbs ul li {font-size: 14px;}
#breadcrumbs ul li.home a {width: 110px;}
#breadcrumbs ul li.home a:after {
    content: 'На главную';
	display: block;
	width: 80px;
    line-height: 31px;
    padding-left: 20px;
}
#breadcrumbs > ul:after {background: transparent;}
header .widget_user_avatar {margin-right: 14px;}
#layout header #logo a, #layout header #logo > span {
    display: block;
    float: left;
    width: 215px;
    height: 104px; 
    background: url("/templates/default/images/logo-harmonyvlad.webp") no-repeat left center;
	background-size: contain;
}
#widget_pos_header1 {line-height: 33px; padding-top: 12px;}
#widget_pos_header {line-height: 27px; text-align: right; padding-top: 29px;}
#widget_pos_header .iforms a.ajax-modal {font-size: 16px;}
.catalog_item .iforms a.ajax-modal {
    background: #ffd321;
	display: inline-block;
    border-radius: 4px;
    padding: 11px 15px;
    font-size: 19px;
    text-align: center;
    font-weight: 600;
    color: #000;
    font-family: 'Montserrat Alternates', sans-serif;
}
.catalog_item .iforms a.ajax-modal:hover {background: #1d4135; color: #fff;}
nav .menu > li.orang > a {color: #ffe821;}
.f_zakaz.auto_field {margin: 0 0 35px 0 !important;}
li.orang a {color: #ffe821;}
.button {
    background: #ffd321;
	display: inline-block;
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 19px;
    text-align: center;
    font-weight: 600;
    font-family: 'Montserrat Alternates', sans-serif;
}
.button:hover {background: none; color: #1d4135;}
.portfolio {display: none;}
h1 .button {
    background: #1d4135;
	color:#fff;
	display: flex;
	align-items: center;
    border-radius: 4px;
	margin: 12px 15px;
    padding: 3px 10px;
    font-size: 19px;
    text-align: center;
    font-weight: 600;
    font-family: 'Montserrat Alternates', sans-serif;
}
h1 .button:hover {
    background: #ffd321;
	color:#000;
}
h1 .button .fa{
    font-size: 24px;
    margin-right: 10px;
}
.button-blue {
    background: #1a61a7;
    color: #fff;
	display: inline-block;
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 19px;
    text-align: center;
    font-weight: 600;
    font-family: 'Montserrat Alternates', sans-serif;
}
.iphone .iforms a.ajax-modal {
    background: none;
	display: inline-block;
    border: 3px solid #1d4135;
    border-radius: 4px;
    padding: 15px 20px;
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    color: #1d4135;
    font-family: 'Montserrat Alternates', sans-serif;
}
.iphone .iforms a.ajax-modal:hover {background: #1d4135; color: #fff;}
form.iforms input.button_submit {background: #1d4135 none repeat scroll 0 0; font-size: 18px;}
header .widget_ajax_wrap {width: 380px;}
#layout #header h2 { color: #343434; margin: 0px 0px 0px 10px; line-height: 70px;}
#layout #header .fa{font-size:21px;}
#layout #header .tel{font-size:21px; font-weight: 600;}
#body {max-width: 1480px; margin: 0 auto;}
#body section article {background: #eff9f8;}
#body aside {width: 24%;}
#prefooter {background: #24342c; padding: 40px 10px; color:#eee; clear: both;}
#prefooter a {color:#eee;}
#prefooter a:hover {color:#aaa;}
.prefooter {	display: flex; flex-wrap: wrap; justify-content:space-between; max-width: 1480px; margin: 0 auto;}
.prefooter .widget {background: none;}
.prefooter .widget > .title {font-size: 21px; color: #1d4135;}
.prefooter ul {margin:0px;}
.prefooter ul li ul li {display:none;}
.prefooter li {padding-left: 0px; background:none; line-height: 20px;}
.prefooter h3 {margin-top: 0px; font-size:17px; color:#eee;}
.prefooter .cover_preset_normal {display: block;}
.prefooter .cover_preset_normal > li {height: 30px; min-width: 130px; margin: 5px 0 10px 5px;}
.prefooter .cover_preset_normal > li > a > span {background-color: transparent;}
.prefooter3 a {line-height: 20px;}
.prefooter3 p {line-height: 20px; margin:0px;}
.prefooter3 p.tem {color:#4c8c6c;}
.prefooter3 .fa {font-size:21px; color:#eee;}
.prefooter4 p {margin: 0px;}
.prefooter .fa {color:#eee;}
#widget_wrapper_22 li {line-height: 30px;}
#layout footer {
    background: #070f0b;
    height: 60px;
    color: #fff;
    padding: 0 15px;
    clear: both;
    font-size: 14px;
}
#layout footer a {color: #fff;}
#layout footer #info {display:none;}
#layout footer #web {display: block; float: right; line-height: 60px;margin: 0px 0px 0px 30px;}
#layout footer #web a {
	display: block;
    -webkit-background-clip: text;
    background-clip: text;
    text-decoration: none !important;
    background-image: linear-gradient(to right,#ff8989,#fff7bb,#bdfbc5,#b4e1ff,#63a6f4,#d9c1fd,#f5b1e0,#ff8989);
    color: transparent!important;
    background-position: 0 0;
    background-repeat: repeat;
    animation: background 20s infinite alternate;
	font-family: Arial; 
	font-stretch: ultra-condensed;
}
@keyframes background {100% {background-position: 200px 0;}}
#layout footer #web a:after {
    display: block;
    margin-top: -17px;
    content: '';
    background: linear-gradient(to right, #ff0000 0%, #ff0000 11%, transparent 11%, transparent 12.7%, #ffa500 12.7%, #ffa500 23.7%, transparent 23.7%, transparent 25.4%, #fff100 25.4%, #fff100 36.4%, transparent 36.4%, transparent 38.1%, #00ff1f 38.1%, #00ff1f 49.1%, transparent 49.1%, transparent 50.8%, #41b3ff 50.8%, #41b3ff 61.8%, transparent 61.8%, transparent 63.5%, #3355ff 63.5%, #3355ff 74.5%, transparent 74.5%, transparent 76.2%, #9953ff 76.2%, #9953ff 87.2%, transparent 87.2%, transparent 88.9%, #ff24bc 88.9%, #ff24bc 100%);
    width: 100%;
    height: 1px;
}

input.button-submit, input.button {font-size: 17px;background: #343434;}
input.button-submit:hover, input.button:hover {background: 393939;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 0px solid #e1e1e1; background: #d3d3d3;}
.ui-widget-header {background: #e8e8e8;}
.f_desc_after_form .row-in {font-size: 14px;}
ymaps, #pozvonim-button {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
ymaps:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
}
/* Меню =========================================================== */
.zakazat-zvonok:before{content:"\f095"; font-family: 'FontAwesome'; font-size: 16px; padding-right:5px;}
.zakazat-whatsapp:before {content:"\f232"; font-family: 'FontAwesome'; font-size: 16px; padding-right:5px;}
.adress a {font-size: 16px; font-weight: 400; border-bottom: 1px dashed #555;}
.adress a:before {content:"\f041"; font-family: 'FontAwesome'; font-size: 16px; padding-right:5px;}
.sitemap span.wrap:before{content:"\f23d"; font-family: 'FontAwesome'; font-size: 21px;}
.location-arrow span.wrap:before{content:"\f124"; font-family: 'FontAwesome'; font-size: 22px;}
#widget_wrapper_10 a:before {content:"\f2da"; font-family: 'FontAwesome'; font-size: 18px; padding-right: 5px; color: #1d4135;}
#widget_wrapper_10 .title:hover a:before {color: #ffb321;}
nav {
   position: fixed;
   top: 0px;
   width: 100%;
   height:50px;
   background: #1d4135;
   z-index: 99;
   transition: 1.4s;
   font-size: 16px;
   margin-bottom: 0px;
}
nav .menu,
nav .menu li,
nav .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
	float:none;
}

nav .menu {
    max-width: 1480px;
    margin: 0 auto;
	display:flex;
	justify-content:space-between;
    position: relative;
	z-index: 5;
    height: 50px;
    line-height: 50px;
}

nav .menu .item{
    background-image:none !important;
}

nav .menu > li {
    flex-grow: 1;
	text-align: center;
	position: relative;
}
nav .menu > li:before {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.5), transparent);
    position: absolute;
    bottom: 0;
    transition: .3s;
}
nav .menu > li:hover:before {
    width: 100%;
    transition: .4s;
}
nav .menu > li:first-child {
    background:none;
}

nav .menu > li > a {
    display: block;
    padding: 0 15px;
    color:#FFF;
    text-decoration: none;
    text-transform: uppercase;
	font-weight: 600;
}
nav .menu > li.infos > a {
	color:#b9e7cf;
}

nav .menu > li > a:hover {
    background: none !important;
}

nav .menu > li.active > a { background: rgba(0, 0, 0, 0.2) !important; }
nav .menu > li.active > a:hover {  }
nav .menu > li.active > ul a:hover { color:#000; }

nav .menu ul li a,
nav .menu li.active ul li a {
    color: #000;
    text-shadow: none;
    text-decoration: none;
    padding: 0 10px;
}

nav .menu li ul li.active > a{ color:#95a5a6; }
nav .menu li ul li.active > a:hover { color:#95a5a6; }

nav .menu ul li:hover > a { background-color: #f9f9f9; }

nav .menu li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}

nav .menu ul {
    visibility: hidden;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 999;
    width: 100%;
    box-shadow: 0 1px 1px #000;
}

nav .menu ul li {
    float: none;
    border-bottom: solid 1px #fff;
    background-color: #f9f9f9;
    color: #000;
}

nav .menu ul li:last-child {
    border-bottom: none;
}

nav .menu ul li a {
    display: block;
    height:50px;
    line-height:50px;
    overflow: hidden;
	text-align:left;
}

nav .menu ul ul {
    top: 0px;
    left: 99%;
}
nav .menu > li:last-child ul ul {
    top: 0px;
    left: -99%;
}
nav .menu li:hover > ul {
    visibility: visible;
}

nav .menu ul { width: 320px; margin-top: 1px; }

nav .menu ul li:last-child,
nav .menu ul li:last-child a {
}

nav .menu ul li:first-child,
nav .menu ul li:first-child a {
}

nav .menu > .folder > a {
    padding-right: 8px;
}

nav .menu > .folder > a > .wrap {
    padding-right: 20px;
    background: url("../images/nav-arrow-down-white.png") no-repeat right center !important;
}

nav .menu ul *.folder > a {
    padding-right: 15px;
    background-image: url("../images/nav-arrow-right.png") !important;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
nav .menu > li:last-child ul *.folder > a {
    padding-left: 20px;
    background-image: url("../images/nav-arrow-left.png") !important;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}
/* Виджеты ============================================================ */
.widget {margin-bottom: 0px;}
aside .widget > .title {
    background: none;
	border-bottom: 3px solid #343434;
    font-weight: 300;
    font-size: 36px;
	text-transform: uppercase;
    color: #1d4135;
    height: 38px;
    line-height: 38px;
    padding-right: 5px;
}
.widget h1 {
    background: none;
    padding: 0 15px;
    height: 80px;
    line-height: 120px;
	font-weight: 600;
    font-size: 40px;
	text-transform: uppercase;
    color: #1d4135;
	font-family: 'Alegreya', serif;
	text-align: center;
}
.widget > .title, .widget_text_block > .title {
    background: none;
    padding: 0 15px;
    height: 80px;
    line-height: 120px;
	font-weight: 600;
    font-size: 36px;
	text-transform: uppercase;
    color: #1d4135;
	font-family: 'Alegreya', serif;
}

.nyroModalLink .iforms_wrapper .widget {text-align: center;}
.nyroModalLink .iforms_wrapper .widget .title {padding: 0 0px; line-height: 40px; font-size: 32px;}
.buttonz {background: #1d4135; border-radius: 5px; padding: 8px 18px; font-weight: 600; color: #fff; margin-top: 40px; margin-bottom: -80px; display: block; text-align: center;}
.buttonz:hover {background: #63d59a; color:#fff;}
.widget > .title:after {
	display:block;
    height: 3px;
    background: linear-gradient(to right, #3498db, #28b262);
}

.widget h3 {
    background: none;
    padding: 0 15px;
    height: 40px;
    line-height: 80px;
	font-weight: 600;
    font-size: 21px;
	text-transform: uppercase;
    color: #1d4135;
	font-family: 'Alegreya', serif;
	text-align: center;
}
.widget_tabbed{max-width: 1480px; margin: 0 auto; padding: 10px 15px 30px 15px;}
.widget_tabbed > .widgets {
    margin: -3px auto 0px auto;
    background: #f7f7f7;
	border-top:3px solid #ddd;
}
.widget_tabbed .tabs ul { 
background: none;
height: auto;
line-height: 47px;
overflow-y: hidden;
margin-top:50px;
}
.widget_tabbed .tabs ul li.links {line-height: 65px;}
.widget_tabbed > .tabs .links a, .widget > .title .links a {border: 0px;}
.widget_tabbed .tabs ul li a {
background: rgba(255, 255, 255, 0.5);
border-radius: 5px 5px 0px 0px;
border-top:3px solid #eee;
border-right:3px solid #eee;
border-left:3px solid #eee;
border-bottom:0px solid #f7f7f7;
color: #333;
cursor: pointer;
display: block;
font-size: 17px;
font-weight: 600;
height: 40px;
line-height: 40px;
margin-right: 15px;
padding: 0px 15px;
}
.widget_tabbed .tabs ul li a.active{
background: #f7f7f7;
border-top:3px solid #ddd;
border-right:3px solid #ddd;
border-left:3px solid #ddd;
border-bottom:3px solid #f7f7f7;
margin-bottom: -3px;
}
.widget_tabbed a{color:#005085;}

.widget_search {
    background-color: #b9c6ca;
    margin: -15px;
    padding: 0px;
}
/* */
.white{background:#fff;}
.white .title,.black .title,.grey .title,.red .title,.yellow .title,.blue .title{text-align:center; padding: 20px 10px; }
.black,.red,.blue{color:#f5f5f5;}
.black .title,.red .title,.blue .title{color:#fff;}
.white .body,.black .body,.grey .body,.red .body,.yellow .body,.blue .body{max-width: 1480px; margin: 0 auto; padding: 10px 15px 30px 15px;}
.black{background:#333;}
.grey{background:#eff8f7;}
.red{background:#e74c3c;}
.yellow{background:#ffb321;}
.blue{background:#2980b9; background: linear-gradient(to bottom right, #1d4135, #175937, #29a5b9, #1d4135);}
#widget_wrapper_29 h3 {font-family: 'Alegreya', serif; color: #fff; font-weight: 600; font-size: 40px;}
.widget_content_list .item .title {
    font-size: 18px;
    margin-bottom: 3px;
    text-align: left;
    padding: 0px 10px;
}
#main{clear:both;}
#bottom{clear:both;}
.widget_content_list.tiles-big {
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	overflow: visible;
}

.widget_content_list.tiles-big .item {
    background: #fff;
    margin-bottom: 20px;
    width: calc(25% - 15px);
    margin-right: 0px;
	box-shadow: 0px 0px 9px #ddd;
    text-align: center;
}
.widget_content_list.tiles-big .teaser {
    margin-bottom: 15px;
	font-size: 21px;
	color: #28b262;
}
.rub .teaser:before {
	content: 'от ';
	color: #222;
}
.rub .teaser:after {
	content: '₽ п.м.';
	color: #222;
}
.widget_content_list.tiles-big .item .title {
    line-height: 40px;
    color: #000;
    font-weight: 600;
    font-size: 21px;
    text-align: center;
}
.widget_content_list.tiles-big .item1 {
	-webkit-clip-path: polygon(50% 0%, 100% 14%, 100% 50%, 100% 100%, 0 100%, 0% 50%, 0 14%);
    clip-path: polygon(50% 0%, 100% 14%, 100% 50%, 100% 100%, 0 100%, 0% 50%, 0 14%);
}
.widget_content_list.tiles-big .item .image a, .widget_content_list.tiles-big .item .image > div {
    display: block;
    width: 100%;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #bdc3c7;
    background-size: cover;
}
.widget_content_list.tiles-big .item:hover {
	transition: .40s ease;
}
.widget_content_list .item .image img {width: 100%;}
.widget_content_list.tiles-big .item .image {margin-bottom: 15px; height: auto;}
.widget_content_list.tiles-big .item:nth-child(5), .widget_content_list.tiles-big .item:nth-child(9), .widget_content_list.tiles-big .item:nth-child(13), .widget_content_list.tiles-big .item:nth-child(17), .widget_content_list.tiles-big .item:nth-child(21), .widget_content_list.tiles-big .item:nth-child(25) {clear: none;}
.iphone {background: url(/upload/pozvonit.webp); background-size: cover; margin-bottom:0px; padding: 100px; text-align: center; color: #fff; }
.iphone > .title{margin-bottom:40px; font-size: 21px; color: #fff;}
.zamer {background: url(/templates/default/images/zamer.webp) center right; background-size: cover; margin-bottom:0px; padding: 80px 0;}
.zamer .body {max-width: 800px; margin: 0px auto;}
.zamer .widget {background: transparent; display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.zamer .title{height: 50px; line-height: 50px; margin-bottom:40px; font-size: 2em;}
.zamer .description {font-weight: 600;}
form.iforms input.button_submit {background: #ffd321 !important; font-size: 18px !important; color: #000 !important; padding: 17px 20px !important; font-weight: 600;}
#f_desc_after_form {clear: both;}
.kolonkipobokam {display: flex; justify-content: space-between; background: url("../images/kolonkipobokam.jpg") no-repeat center center; background-size: contain;}
.kolonkipobokam .kleft, .kolonkipobokam .kright {max-width:300px; padding: 15px; background: rgba(255, 255, 255, 0.8);} 
.kolonkipobokam .kleft h3 {color: #0489dd;}
.kolonkipobokam .kright h3 {color: #df0404;}
.kolonkipobokam p {margin: 3px 0px 50px 0px; color: #888;}
#rassrochka {display:none;}
.rassrochka {display: flex; justify-content: space-between; align-items: center;}
.rassrochka .h2-title {line-height: 40px; font-size: 32px; font-weight: 600;}
.vkl h3 {margin:20px; text-align: center; font-size: 28px; font-weight: 600;}
.vkl p {margin:20px; line-height: 20px;}
#widget_wrapper_50 {display:none;}
.megaakciya {padding: 20px; background: url("/upload/megaa.webp") no-repeat right top; background-size: cover;}
.megaakciya h3 {margin-top: 5px; color:#1d4135; font-weight: 600; text-align: center; font-size: 30px;}
.zakazat-zvonok {
	font-size: 16px;
    background: #ffd321;
    border-radius: 5px;
    padding: 5px 14px;
    font-weight: 600;
	display:inline-block;
}
.zakazat-whatsapp {background: #1d4135;
    border-radius: 25px;
    padding: 1px 18px;
    font-weight: 600;
    color: #fff;
    margin-top: 8px;
    display: inline-block;
}
a.zakazat-whatsapp:hover, a.zakazat-zvonok:hover {color:#000;}
.yellow .body {padding: 30px 15px 30px 15px;}
.shag {margin: 40px 0px; text-align:center; font-size: 14px; color: #777; position:relative;}
.shag span {font-size: 17px; color: #333; display: block;}
.shag p {position: absolute; font-size: 120px; font-weight: 900; left: 30px; color: #ddd;}
.shag .fa {
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px auto;
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 50%;
	visibility: visible !important;	
    font-size:70px;
	color:#aa0010;
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}
.wd_preview .item-cont {
    padding: 10em 3em 3em 3em !important;
    text-align: center;
}
/* Forms and Inputs ========================================================= */

.gui-panel {background: #f9f9f9;border: solid 1px #eee;}
.filter-panel .filter-link a {color: #555;}
.filter-panel .fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background:#f5f5f5;
}
.filter-panel .fields .field {
    width: auto;
    max-width:24%;
    padding:10px;
    min-height:50px;
    margin-bottom: 15px;
}

.filter-panel .fields .title {
    color:#444;
	text-shadow:0 1px 1px #fff;
	margin-top: 7px;
    margin-bottom:3px;
	font-weight: 600;
    font-size: 13px;
}

.filter-panel .input,
.filter-panel select {
    margin:0;
	padding:3px 4px;
	border-top: 1px solid #f9f9f9;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #f9f9f9;
}
.filter-panel .input:focus,
.filter-panel select:focus {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.3);
}
.filter-panel .input, .filter-panel .date-input, .city-input, .textarea, .filter-panel select {box-shadow: inset 0 0px 0px #DDD;}
form.iforms .input {padding: 20px 30px;}
/* Список ============================================================ */
.content_list.tiled {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content_list.tiled .clear {display: none;}
.content_categories ul{}
.content_categories li {
    font-size: 17px;
    padding: 0px;
    background: none;
    margin: 3px;
}
.content_list.tiled .tile:hover {
    opacity: 0.8;
}
.content_categories li a {
    padding: 4px 12px 4px 12px;
	color:#3498db;
	border:2px solid #3498db;
    -o-border-image: linear-gradient(to bottom right,#3498db 0,#28b262);
    border-image: -webkit-gradient(linear,left top,right bottom,from(#3498db),to(#28b262));
    border-image: linear-gradient(to bottom right,#3498db 0,#28b262);
    border-image-slice: 2;
}
.content_categories li a:hover {
	color:#28b262;
	border:2px solid #28b262;
    -o-border-image: linear-gradient(to bottom right,#28b262 0,#3498db);
    border-image: -webkit-gradient(linear,left top,right bottom,from(#28b262),to(#3498db));
    border-image: linear-gradient(to bottom right,#28b262 0,#3498db);
	border-image-slice: 2;
}
.content_list.tiled .tile {
	background: #fff;
    margin-bottom: 30px;
    width: calc(33% - 15px);
    margin-right: 0px;
	padding-right: 0px;
    box-shadow: 0 2px 10px 0px #dbe9e7;
    transition: .1s ease;
}


.content_list.tiled .fields {padding:25px;}
.f_photos > .value {display: flex;}
.pages_item .f_photos > .value {flex-wrap:wrap;}
.content_list.tiled .tile .photo {background-color: transparent; height: auto;}
.content_list.tiled .tile .photo img {width: 100%; height: auto;}
.content_list.tiled .tile .photo a {position: relative;}
.content_list.tiled .tile .ft_caption a {color: #000; font-weight: 600; font-size: 23px;}
.content_list.tiled .tile .photo a > img {display: block;}
.catalog_list .f_price {text-align: center; color: #28b262; font-size: 17px !important; margin: 7px 0px !important;}
.catalog_list .f_area {float:left; margin-left:40px; color: #999;}
.content_list.tiled .tile .ft_caption .value {color: #2c3e50; font-weight: normal;}
.content_list .field .title_left,.content_list .field .value {display: inline-block; float: none; height: -webkit-fill-available;}
.content_list.tiled .tile .field {margin-bottom: 0px;}
.content_list.tiled .tile .field {font-size: 16px;}
.content_list.tiled .tile .ft_caption {font-size: 16px; text-align: center;}
.showcase_list_grid {
    margin-top: 20px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.showcase_list_grid.sc_three_col .my_default_list_item {
    width: calc(25% - 8px);
}
.showcase_list_grid .my_default_list_item, .showcase_list_grid.sc_three_col .my_default_list_item:nth-child(even) {
    margin-right: 0px;
}
.showcase_list_grid .my_default_list_item .my_item_wrap .miw_photo_block.miwpb_contain .miw_photo {width: auto !important;}
.articles_list_item {display:flex;}
.articles_list_item > .photo img {width: 200px; display: block;}
.content_list .field.f_price .value {
    display: inline-block;
    float: none;
    font-weight: 600;
}
/* Страница ============================================================ */
.catalog_item {display: flex; flex-wrap: wrap; justify-content: space-between;}
h3.group_title {display:none;}
.catalog_item .fields_group:first-child {width: calc(100% - 480px); order: -2;}
.catalog_item .fields_group:nth-child(2) {width: 420px; height: 100%; order: -3; padding: 0px 15px 15px 15px;}
.catalog_item .field {display: flex; justify-content: space-between;}

.content_item_props {
	width: 30%;
	order: -3;
	margin-bottom: 15px;
    background: #ffffff;
    border: solid 3px #ddd;
    color: #666;
}
.content_item_props table .title {color: #666;}
.content_item_props table tr:hover td.title, .content_item_props table tr:hover td.value {color: #000000;}
.content_item_props table tr td {border-bottom: solid 1px #eee;}
.catalog_item .f_photos > .value {display: flex;}
.second_type_images:last-of-type {margin-right:0px !important;}
.content_item .f_price .value {font-size: 24px; font-weight: 600;}
#wd_preview_31 .item-cont {
    padding: 10em 3em 3em 3em !important;
    text-align: center;
}
.content_item .field.auto_field {
    color: #000;
}
.ft_html tr th {
    background: #f5f5f5;
	font-weight: 600;
}
.ft_html table {
    background: #fff;
}
.append_html h3 {text-align: center; font-size: 24px; font-weight: 600;}
.append_html h4 {text-align: center; font-size: 24px;}
.content_item .f_descr {display: block;}
.content_item .f_descr .value {margin: 20px 0px; }
.content_item .f_descr:after {display:block; font-weight: 600; content:'Кухня проектируется индивидуально для каждого заказчика по размерам и цветовому решению кухонного пространства. Учитываются любые пожелания и нестандартные решения.';}
.content_item .field .title_left, .content_item .field .title_top, .content_list .field .title_left, .content_list .field .title_top {font-weight: normal; color: #000;}
.f_srok .value {font-weight: 600;}
.catalog_item .field.ft_owlimages {display: block; max-width: 1480px; margin: 0 auto;}
.content_item .field .title_top {
    height: 90px;
    line-height: 120px;
    font-weight: 600;
    font-size: 36px;
    text-transform: uppercase;
    color: #1d4135;
    font-family: 'Alegreya', serif;
	text-align: center;
}
#preimuschestva ul {text-align:center;}
#preimuschestva ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    max-width: 250px;
    margin: auto 15px;
}
#preimuschestva ul li > i {
    width: 100%;
    height: 85px;
    display: block;
}
#preimuschestva ul li h3, #preimuschestva ul li .h3-title {
    max-width: 215px;
    margin: auto;
    font-size: 20px;
    font-family: 'MirBold',sans-serif;
    padding-bottom: 22px;
    line-height: 1.2;
	font-weight: 600;
}
/* Мобильное меню  ============================================================ */
.hidden-menu-1 {
  display: block;
  position: fixed;
  list-style:none;
  padding: 50px 10px 10px 10px;
  margin: 0;
  box-sizing: border-box;
  width: 300px;
  background-color: #222;
  height: 100%;
  overflow-y:auto;
  top: 0;
  left: -300px;
  transition: left .2s;
  z-index: 99;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.hidden-menu-1 li {line-height:30px; }
.hidden-menu-1 a {line-height:30px; color:#fff;}
.hidden-menu-1 ul li ul {
  display: none;
}
.hidden-menu-ticker-1 {
  display: none;
}
.btn-menu-1 {
  color: #fff;
  background-color: #1d4135;
  padding: 5px;
  position: fixed;
  top: 5px;
  left: 5px;
  cursor: pointer;
  transition: left .23s;
  z-index: 999;
  width: 25px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu-1 span {
  display: block;
  height: 5px;
  background-color: #fff;
  margin: 5px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu-1 span.first {
  margin-top: 0;
}
.hidden-menu-ticker-1:checked ~ .btn-menu-1 {
  left: 260px;
}
.hidden-menu-ticker-1:checked ~ .hidden-menu-1 {
  left: 0;
}
.hidden-menu-ticker-1:checked ~ .btn-menu-1 span.first {
  -webkit-transform: rotate(45deg);
  top: 10px;
}
.hidden-menu-ticker-1:checked ~ .btn-menu-1 span.second {
  opacity: 0;
}

.hidden-menu-ticker-1:checked ~ .btn-menu-1 span.third {
  -webkit-transform: rotate(-45deg);
  top: -10px;
}

.hidden-menu-2 {
  display: block;
  position: fixed;
  list-style:none;
  padding: 50px 10px 10px 10px;
  margin: 0;
  box-sizing: border-box;
  width: 300px;
  background-color: #222;
  height: 100%;
  overflow-y:auto;
  top: 0;
  left: -300px;
  transition: left .2s;
  z-index: 99;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.hidden-menu-2 li {line-height:30px; }
.hidden-menu-2 a {line-height:30px; color:#fff;}
.hidden-menu-ticker-2 {
  display: none;
}
.btn-menu-2 {
  color: #fff;
  background-color: #666;
  padding: 5px;
  position: fixed;
  top: 5px;
  left: 45px;
  cursor: pointer;
  transition: left .23s;
  z-index: 999;
  width: 25px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu-2 span {
  display: block;
  height: 5px;
  background-color: #fff;
  margin: 5px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu-2 span.first {
  margin-top: 0;
}
.hidden-menu-ticker-2:checked ~ .btn-menu-2 {
  left: 260px;
}
.hidden-menu-ticker-2:checked ~ .hidden-menu-2 {
  left: 0;
}
.hidden-menu-ticker-2:checked ~ .btn-menu-2 span.first {
  -webkit-transform: rotate(45deg);
  top: 10px;
}
.hidden-menu-ticker-2:checked ~ .btn-menu-2 span.second {
  opacity: 0;
}

.hidden-menu-ticker-2:checked ~ .btn-menu-2 span.third {
  -webkit-transform: rotate(-45deg);
  top: -10px;
}
.hidden-menu-3 {
  display: block;
  position: fixed;
  list-style:none;
  padding: 50px 10px 10px 10px;
  margin: 0;
  box-sizing: border-box;
  width: 300px;
  background-color: #222;
  height: 100%;
  overflow-y:auto;
  top: 0;
  right: -300px;
  transition: right .2s;
  z-index: 99;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.hidden-menu-3 li {line-height:30px; }
.hidden-menu-3 a {line-height:30px; color:#fff;}
.hidden-menu-ticker-3 {
  display: none;
}
.btn-menu-3 {
  color: #fff;
  background-color: #666;
  padding: 5px;
  position: fixed;
  top: 5px;
  right: 45px;
  cursor: pointer;
  transition: right .23s;
  z-index: 999;
  width: 25px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu-3 span {
  display: block;
  height: 5px;
  background-color: #fff;
  margin: 5px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu-3 span.first {
  margin-top: 0;
}
.hidden-menu-ticker-3:checked ~ .btn-menu-3 {
  right: 260px;
}
.hidden-menu-ticker-3:checked ~ .hidden-menu-3 {
  right: 0;
}
.hidden-menu-ticker-3:checked ~ .btn-menu-3 span.first {
  -webkit-transform: rotate(45deg);
  top: 10px;
}
.hidden-menu-ticker-3:checked ~ .btn-menu-3 span.second {
  opacity: 0;
}

.hidden-menu-ticker-3:checked ~ .btn-menu-3 span.third {
  -webkit-transform: rotate(-45deg);
  top: -10px;
}

.hidden-menu-4 {
  display: block;
  position: fixed;
  list-style:none;
  padding: 50px 10px 10px 10px;
  margin: 0;
  box-sizing: border-box;
  width: 300px;
  background-color: #222;
  height: 100%;
  overflow-y:auto;
  top: 0;
  right: -300px;
  transition: right .2s;
  z-index: 99;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.hidden-menu-4 li {line-height:30px; }
.hidden-menu-4 a {line-height:30px; color:#fff;}
.hidden-menu-ticker-4 {
  display: none;
}
.btn-menu-4 {
  color: #fff;
  background-color: #666;
  padding: 5px;
  position: fixed;
  top: 5px;
  right: 5px;
  cursor: pointer;
  transition: right .23s;
  z-index: 999;
  width: 25px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu-4 span {
  display: block;
  height: 5px;
  background-color: #fff;
  margin: 5px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu-4 span.first {
  margin-top: 0;
}
.hidden-menu-ticker-4:checked ~ .btn-menu-4 {
  right: 260px;
}
.hidden-menu-ticker-4:checked ~ .hidden-menu-4 {
  right: 0;
}
.hidden-menu-ticker-4:checked ~ .btn-menu-4 span.first {
  -webkit-transform: rotate(45deg);
  top: 10px;
}
.hidden-menu-ticker-4:checked ~ .btn-menu-4 span.second {
  opacity: 0;
}

.hidden-menu-ticker-4:checked ~ .btn-menu-4 span.third {
  -webkit-transform: rotate(-45deg);
  top: -10px;
}

/* Media Queries ============================================================ */

	.mob,.plan{display:none;}
    .mobn{display:block;}



@media screen and (max-width: 1480px) {
	nav {font-size: 13px !important;}
	#layout header {width: calc(100% - 32px) !important;}
}

@media screen and (max-width: 980px) {
	nav {font-size: 11px !important;}
}

@media screen and (max-width: 800px) {
    .plan{display:block;}
	.fields_group_catalog_1, .content_item_props {width:100%;}
}
@media screen and (min-width: 640px) {
.content_list.tiled .tile .photo a {
    max-height: 297px;
    overflow: hidden;
    display: block;
}
	.content_list .field .title_left,.content_list .field .value {
    max-height: 150px;
    flex-wrap: nowrap !important;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--primary) #444;}
}

@media screen and (max-width: 640px) {
	nav {display:none;}
	.widget > .title {font-size: 21px !important;}
}

@media screen and (min-width: 580px) {
}
@media screen and (max-width: 580px) {
    .mob{display:block;}
	.mobn {display:none !important;}
	.portfolio {
    background: #ffd321;
    border-radius: 25px;
    padding: 1px 14px;
    font-weight: 600;
    display: inline-block !important;
    margin-top: 10px;
}
#layout #header .tel {border-bottom: 1px dashed;}
	#layout #header {justify-content: center;}
	#layout header {margin-top:0px;}
	#layout header #logo {width:100%; display: flex; justify-content: center;}
	#layout header #logo a, #layout header #logo > span {width: 200px;}
	#layout #header h2, #layout #header h2 a, #layout #header .fa {font-size: 17px;}
	#layout header, #layout #header h2 {line-height: 20px;}
	.adress {padding-top: 5px !important;font-size: 12px; line-height: 15px; text-align: center;}
	#widget_pos_header {text-align: center; padding-top: 15px;}
	#body section h1 {display: block !important; text-align: center; font-weight: 600; font-size: 30px; margin-bottom: 0px; justify-content: flex-end;}
	h1 .button {padding: 10px;}
	.fields_group_catalog_2 {padding-top: 0px;}
	.content_item .f_price .value {font-size: 18px;}
	.content_list.table table td.photo a {width: 48px;}
	.filter-panel .input-small {width: 25px !important;}
	.filter-panel .fields .field {max-width: 50%;}
	.iphone {padding: 30px 0px;}
	.iforms a.ajax-modal {font-size: 16px;}
	.nyroModalCont {height:auto !important;}
	.content_list.tiled .tile {margin-bottom: 20px; width: calc(50% - 5px);}
	.flex {flex-wrap: wrap;}
	.shag {width: 50%;}
	.shag .fa {width: 60px; height: 60px; font-size: 30px;}
	.widget > .title {height: 40px; line-height: 40px; font-weight: 900;}
	.iphone > .title {margin-bottom: 0px; height: auto; line-height: 30px; font-weight: 500;}
	#layout footer {height: auto;}
	.content_list.tiled .tile {width: 100%;}
	.hidden-menu-1 li {line-height: 30px; font-size: 18px; font-weight: 600;}
	.hidden-menu-1 li.infos a {color:#aaa !important;}
	#widget_wrapper_29 iframe {width: 100% !important;}
	.content_item .field .title_top {font-size: 17px; text-align:left;}
	legend, td, th {padding: 0px 2px !important; font-size: 7px;}
	.buttonz {background: #1d4135; border-radius: 5px; padding: 8px 18px; font-weight: 600; color: #fff; margin-top: 40px; margin-top: -240px; display: block; text-align: center; position: absolute;}
    .second_type_images {max-width: calc(50% - 10px);}
}
@media screen and (max-width: 360px) {
}

@media screen and (max-width: 320px) {
}