/*
Theme Name: House-key
Template: Seed
Theme URI: https://farmbrand.ru/
Description: House-key
Author: Cultivator
Author URI: https://farmbrand.ru/
Version: 1.0
*/
:root{ 
	--font_content :"Golos Text";
	--font_size: 16px; 
	--color-base: #0E212F; /* основной цвет */
	--color-base2: #5D677A; /* доп 1 цвет */
	--color-base3: #424A50; /* доп 2 цвет */
	--color: #48AA6F; /* основной цвет */
	--color-bg-1: #EDF6FD; /* 1 фоновый цвет */
	--color-bg-2: #F5FBFF; /* 2 фоновый цвет */
	
	--color-btn: #f5f2f0; /* кнопка */
	--color-accent: #F2F4F6; /* акцент */
	--color-btn-accent: #FAFAF2; /* кнопка акцент */
	--color-dop: #f0f0f0; /* доп цвет */
	
	
} 

@font-face {
    font-family: 'Golos Text';
    src: url('assets/fonts/Golos/GolosText-DemiBold.eot');
    src: url('assets/fonts/Golos/GolosText-DemiBold.eot@') format('embedded-opentype'),
        url('assets/fonts/Golos/GolosText-DemiBold.woff2.html') format('woff2'),
        url('assets/fonts/Golos/GolosText-DemiBold.woff') format('woff'),
        url('assets/fonts/Golos/GolosText-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('assets/fonts/Golos/GolosText-Medium.eot');
    src: url('assets/fonts/Golos/GolosText-Medium.eot@') format('embedded-opentype'),
        url('assets/fonts/Golos/GolosText-Medium.woff2.html') format('woff2'),
        url('assets/fonts/Golos/GolosText-Medium.woff') format('woff'),
        url('assets/fonts/Golos/GolosText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('assets/fonts/Golos/GolosText-Regular.eot');
    src: url('assets/fonts/Golos/GolosText-Regular.eot@') format('embedded-opentype'),
        url('assets/fonts/Golos/GolosText-Regular.woff2.html') format('woff2'),
        url('assets/fonts/Golos/GolosText-Regular.woff') format('woff'),
        url('assets/fonts/Golos/GolosText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body {
	font-family: var(--font_content);
	color:var(--color-base;);
	font-size:var(--font_size);
}


.page-frame {
	overflow-x: hidden;
	position:relative;
}
.container-fluid {
	max-width: 1300px;
}
/* header */
header {
	color: var(--color-base);
}
#header-wrapper {
	padding-top: 2rem;
}
.home header {}
.header_row {
	margin: 0;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #93A2AD;
	padding-bottom: 1.5rem;
}
.header_logo {
	max-width: 17rem;
}
.header_logo_link {
	color: var(--color-base);
	line-height: 1.2;
	font-size: 0.875rem;
}
.header_logo_link b {
	display: block;
	font-size: 1.8rem;
}
.header_logo_link,
.home .header_logo_link,
.category-proekty .header_logo_link,
 .post-template-single-prod .header_logo_link, .category-vybor-doma .header_logo_link {
	color:#ffffff;
} 

.header_logo_link span {}
.header_btn_wrap {}
.btn {}
.btn.header_btn {
	background: transparent;
	font-size: 1.125rem;
	border: 2px solid var(--color);
	padding: 0.8rem 2rem;
	font-weight: 500;
	/*box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.25);*/
	border-radius: 0.5rem;
	transition: all 250ms ease 0ms;
	margin-left: 1.5rem;
}
.btn.header_btn,
.home .btn.header_btn,
.category-proekty .btn.header_btn,
.category-vybor-doma .btn.header_btn,
.post-template-single-prod .btn.header_btn {color: #ffffff;}
.btn.header_btn:hover{
	color: #ffffff !important;
	background-color: var(--color) !important;
}
.header_soc {
	margin-left: 4.6rem;
}
.header_phone {
	text-align: right;
}
.header_phone a {
	display: block;
	font-weight: 900;
	font-size: 1.375rem;
	color: var(--color-base);
	transition:all 250me ease 0ms;
}
.header_phone a{
	color: #ffffff;
}
.header_phone a:hover{
	color: var(--color) !important;
}
.header_callback {
	border: 0;
	background-color: transparent;
	padding: 0;
	font-size: 1.125rem;
	border-bottom: 1px solid var(--color-base);
	color:  var(--color-base);
	transition:all 250me ease 0ms;
	line-height: 1;
	margin-top: 0.25rem;
}
.header_callback,
.home .header_callback,
.category-proekty .header_callback,
.category-vybor-doma .header_callback,
.post-template-single-prod .header_callback {
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}
.header_callback:hover {
	border-bottom: 1px solid var(--color) !important;
	color: var(--color) !important;
}


.social {
	display: flex;
	justify-content: space-between;
	width: 6.6rem;
}
.social li {
	width: 2rem;
	height: 2rem;
}
.social li a {}
.social li a svg {}
.social li a svg  {}
.social li a svg path {
	fill: var(--color);
	transition: all 250ms ease 0ms;
}
.social li a:hover svg path {
	fill: var(--color-base);
}
.social li a:hover svg path,
.home .social li a:hover svg path,
.category-proekty .social li a:hover svg path,
.category-vybor-doma .social li a:hover svg path,
 .post-template-single-prod .social li a:hover svg path {
	fill: #ffffff;
}

.menu_block {
	width: 100%;
}
#menu {
	position: relative;
	z-index: 2;
	padding: 1rem 0px;
}
#menu-osnovnoe-menju {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#menu-osnovnoe-menju>li {position:relative;}
#menu-osnovnoe-menju > li > a {
	font-size: 1.375rem;
	font-weight: 500;
	display: inline-block;
	position: relative;
	padding: 0.5rem 1rem;
}
#menu-osnovnoe-menju > li.menu-item-has-children > a {
	padding-right:2rem;
}
#menu-osnovnoe-menju > li.menu-item-has-children > a::before {
	position: absolute;
	content: "";
	display: block;
	width: 0.45rem;
	height: 0.45rem;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	transform: rotate(45deg) translateY(-50%);
	right: 1rem;
	top: 50%;
}
#menu-osnovnoe-menju > li.menu-item-has-children:hover > a {
	background: rgba(0,0,0,0.25);
}
#menu-osnovnoe-menju a{color: var(--color-base);}
#menu-osnovnoe-menju a,
.home #menu-osnovnoe-menju a,
.category-proekty #menu-osnovnoe-menju a,
.category-vybor-doma #menu-osnovnoe-menju a,
 .post-template-single-prod #menu-osnovnoe-menju a{color: #ffffff;}
#menu-osnovnoe-menju > li.menu-item-has-children > a::before,
.home #menu-osnovnoe-menju > li.menu-item-has-children > a::before,
.category-proekty #menu-osnovnoe-menju > li.menu-item-has-children > a::before,
.category-vybor-doma #menu-osnovnoe-menju > li.menu-item-has-children > a::before,
 .post-template-single-prod #menu-osnovnoe-menju > li.menu-item-has-children > a::before {
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#menu-osnovnoe-menju a:hover{color: var(--color) !important;}
#menu-osnovnoe-menju > li:hover > a::before,
.home #menu-osnovnoe-menju > li:hover > a::before,
.category-proekty #menu-osnovnoe-menju > li:hover > a::before,
.category-vybor-doma #menu-osnovnoe-menju > li:hover > a::before,
 .post-template-single-prod #menu-osnovnoe-menju > li:hover > a::before {
	border-bottom: 1px solid var(--color) !important;
	border-right: 1px solid var(--color) !important;
}
#menu-osnovnoe-menju .sub-menu {
	background: rgba(0,0,0,0.25);
	padding: 1rem 2rem 1rem;
	position: absolute;
	left: 0;
	top: 100%;
	pointer-events: none;
	opacity: 0;
	transition: all 250ms ease 0ms;
}
#menu-osnovnoe-menju li:hover .sub-menu{
	pointer-events: unset;
	opacity:1;
}
#menu-osnovnoe-menju .sub-menu a {
	white-space: pre;
}

/* offer */
#offer {
	color: #ffffff;
	margin-top: -12.5rem;
	padding-top: 15rem;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 100vh;
}
.off_bg{
	background-size: cover;
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.off_bg::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(120.79deg, rgba(20, 24, 28, 0.67) 21.1%, rgba(58, 67, 74, 0.67) 50.17%, rgba(81, 81, 81, 0.2479) 78.41%);
}

.off_text {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 31.1rem;
	/* height: calc(100vh - 20.5rem); */
	padding-bottom: 1rem;
}
.off_text .text_bigger {
	display: block;
	font-size: 4.75rem;
	font-weight: bold;
	letter-spacing: 3.2px;
}
.off_text .text_big {
	font-weight: 600;
	display: block;
	font-size: 3.25rem;
	letter-spacing: 1.2px;
}
.off_text .text_middle {
	font-size: 1.75rem;
	display: block;
}
.off_text h1, .off_text p {
	line-height: 1;
	margin:0rem 0;
}
.off_text ul {
	display: flex;
	font-size: 1.25rem;
	justify-content: space-between;
	max-width: 49rem;
	margin-bottom: 4.1rem;
	line-height: 1.2;
	margin-top: 3.1rem;
}
.off_text ul li {
	position: relative;
	padding-left: 2.7rem;
}
.off_text ul li::before {
	position: absolute;
	content: "";
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	background-color: var(--color);
	border-radius: 50%;
	background-image: url(assets/i/offer_ok.svg);
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
	top: 0.5rem;
}
.btn_wrap {}
.btn {
	font-size: 1rem;
	padding: 0.8rem 2rem;
	font-weight: 500;
	border-radius: 0.5rem;
	transition: all 250ms ease 0ms;
	display: inline-block;
}
.btn.type_1 {background-color: var(--color); color:#ffffff;}
.btn.type_1:hover {background-color: #328854;}
.btn.type_1:active {background-color: #265E3C;}

.off_text .btn_wrap {}
.off_text .btn {
	font-size: 1.25rem;
	padding: 1rem 3.2rem;
}

/* why */
#why {
	padding: 0;
	background: linear-gradient(90deg, var(--color-btn) 50%, var(--color-bg-1)50%);
}
.why_wrap {
	display: flex;
	align-items: center;
	position:relative;
}
.why_wrap::before {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 5rem);
	background-color: #C1D2DF;
	top: 50%;
	transform: translateY(-50%);
	left: 74.1%;
}
.why_col_1 {
	width: 50%;
	position: relative;
	font-size: 1.125rem;
	color: var(--color-base3);
	padding-bottom: 2.3rem;
}

.why_col_1 h2 {
	font-weight: 600;
	letter-spacing: 0.8px;
	margin: 2.3rem 0 1.6rem;
	color: var(--color-base);
}
.why_col_1 ul {}
.why_col_1 li {
	position: relative;
	padding-left: 2.3rem;
	margin-bottom: 1rem;
	counter-increment: count;
}
.why_col_1 li::before {
	position: absolute;
	content: counter(count)".";
	display: block;
	left: 0;
	font-weight: 600;
	font-size: 1.375rem;
	top: -0.2rem;
	color: #B1ADA9;
}
.why_link {
	font-weight: 500;
	margin-top: 1.8rem;
}
.why_link .arr_link {}
.why_col_2 {
	width: 24%;
}
.why_col_3 {
	flex-grow: 1;
}
.why_nums {
	text-align: center;
	padding: 0 1rem;
	font-size: 1.125rem;
	line-height: 1;
}
.why_nums p:first-child {
	margin-bottom: -0.55rem;
}
.why_nums em, .why_nums i {
	font-style: normal;
	font-weight: 500;
	font-size: 6.25rem;
	display: block;
	line-height: 1;
	color: var(--color);
}
.why_nums b, .why_nums strong {}


.simple_link {
	color: var(--color-base3);
	text-decoration: underline;
}
.simple_link:hover{color:#328854}
.simple_link:active{color:#265E3C}
.why_link .arr_link {
	width: 4rem;
}
.arr_link {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1rem;
	position: relative;
	overflow: hidden;
}.arr_link svg {
	width: 75px;
	float: right;
}
.arr_link svg path {
	fill: var(--color);
}
/* cat */
#cat {
	padding-top: 2.5rem;
	padding-bottom: 5rem;
}
.zag {}
.zag_h2 {
	text-align: center;
	font-weight: 600;
	font-size: 45px;
	color: #0E212F;
}
.cat_list {
	margin-top: 4rem;
	display: flex;
	justify-content: space-between;
}
.one_cat {
	width: calc(100% / 5 - 1.5rem);
}
.one_cat img {
	border-radius: 0.5rem;
}
.cat_text {
	margin-top: 1.125rem;
}
.cat_text .headding {
	display: block;
	font-size: 1.375rem;
	font-weight: 500;
	height: 76px;
}
.cat_text .cat_price {
	font-size: 1.125rem;
	font-weight: 500;
	margin-top: 0.45rem;
	display: block;
}
.cat_text .btn {
	margin-top: 1.8rem;
	padding: 1rem 1.4rem;
}
.cat_text .btn .arr_link {
	width: 1.5rem;
}
.cat_text .btn svg {}
.cat_text .btn svg path {
	fill: #ffffff;
}

/* favor */
#favor {
	padding: 0;
}
#favor::before, #favor::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0px;
	display:none;
}
#favor::before {
	background-image: url(assets/i/fav_bg.jpg);
	background-size: cover;
	background-position: center;
	filter: blur(8px);
}
#favor:after{
	background:rgba(0,0,0,0.5);
}
#favor .container-fluid {
	padding:0 ;
	max-width: 1440px;
}
.favor_wrap {
	position: relative;
	padding: 5.1rem 7.5rem 5.1rem;
	overflow: hidden;
	height: 50.2rem;
	background-image: url(assets/i/fav_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.favor_wrap .zag_h2 {
	margin: 0;
	text-align: left;
	max-width: 20rem;
}
.favor_btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.favor_btn .favor_item {
	width: 2.25rem;
	height: 2.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	border-radius: 50%;
	border: 1px solid #a4a4a4;
	box-shadow: 0 0 0.25rem 0.3rem #fff;
	position: absolute;
	cursor:pointer;
	transition:all 300ms ease 0ms;
}
.favor_btn .favor_item:hover {
	transform: scale(1.2);
	box-shadow: 0 0 0;
}

.favor_btn .favor_item.el_1 {
	top: 59.6%;
	left: 12.8%;
}
.favor_btn .favor_item.el_2 {
	top: 73.5%;
	left: 14.8%;
}
.favor_btn .favor_item.el_3 {
	top: 55.6%;
	left: 25%;
}
.favor_btn .favor_item.el_4 {
	top: 40.2%;
	left: 46.3%;
}
.favor_btn .favor_item.el_5 {
	top: 62.5%;
	left: 45.8%;
}
.favor_btn .favor_item.el_6 {
	top: 68%;
	left: 60.8%;
}
.favor_btn .favor_item svg {
	width: 1rem;
}
.favor_btn .favor_item svg path {
	fill: var(--color);
}

.favor_cont {
	position: absolute;
	right: 7.5rem;
	width: 23.5rem;
	bottom: 0;
	max-height: 34rem;
	background-image: url(assets/i/dream_bg.jpg);
	border-radius: 0.5rem 0.5rem 0 0;
	min-height: 34rem;
}
.favor_cont .favor_item {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 2.4rem 2.2rem 5rem;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	transition:all 500ms ease 0ms;
}
.favor_cont .favor_item.active{
	opacity: 1;
}
.favor_cont .favor_item.el_1 {}
.favor_cont .favor_item.el_2 {}
.favor_cont .favor_item.el_3 {}
.favor_cont .favor_item.el_4 {}
.favor_cont .favor_item.el_5 {}
.favor_cont .favor_item.el_6 {}
.favor_cont .favor_item.el_7 {}

.favor_text {}
.one_from {
	font-size: 2.75rem;
	font-weight: 500;
	color: var(--color);
}
.favor_text h3 {
	font-size: 2.125rem;
	font-weight: 600;
	margin-top: 2.1rem;
	line-height: 1;
}
.favor_text {
	font-size: 1.125rem;
	line-height: 1.45;
	color: var(--color-base);
}
.favor_note {
	font-size: 0.95rem;
	font-style: italic;
	position: absolute;
	bottom: 1.4rem;
	line-height: 1.3;
	left: 2.2rem;
	width: calc(100% - 4.4rem);
	color: #777777;
}

/* etap */
#etap {
	padding-top: 2.5rem;
}
#etap .zag_h2 {
	margin: 2.4rem auto 0;
	max-width: 45rem;
}
.etap_list {margin-top:4rem;}
.etap_btn {
	display: flex;
	justify-content: space-between;
}
.etap_btn .etap_item {}
.etap_btn .etap_item.el_1 {}
.etap_btn .etap_item.el_2 {}
.etap_btn .etap_item.el_2 {}
.etap_btn .etap_item.el_4 {}
.etap_btn .etap_item.el_5 {}
.btn.type_2 {
	color: var(--color-base2);
	box-shadow: inset 0 0 0 1px var(--color-base2);
	font-size: 1.125rem;
	min-width: 11.8rem;
	text-align: center;
	cursor:pointer;
}
.btn.type_2:hover {
	box-shadow: inset 0 0 0 0 transparent;
	background-color: #328854;
	color: #ffffff;
}
.active .btn.type_2{
	box-shadow: inset 0 0 0 0 transparent;
	background-color: var(--color);
	color: #ffffff;
}
.etap_cont {
	margin-top: 2.5rem;
}
.etap_cont .etap_item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position:absolute;
	top:0;
	pointer-events:none;
	opacity:0;
}
.etap_cont .etap_item.active {
	position: relative;
	opacity: 1;
	pointer-events: unset;
	top:unset;
}
.etap_cont .etap_item.el_1 {}
.etap_cont .etap_item.el_2 {}
.etap_cont .etap_item.el_3 {}
.etap_cont .etap_item.el_4 {}
.etap_cont .etap_item.el_5 {}
.etap_img {
	min-width: 36.4rem;
	margin-right: 2.4rem;
	border-radius: 0.5rem;
	overflow: hidden;
}
.etap_img img {}
.etap_text {
	flex-grow: 1;
	font-size: 1.25rem;
	line-height: 1.5;
}
.etap_text .etap_headding {
	font-size: 2rem;
	margin-top: 1.8rem;
	display: block;
	color: var(--color);
}
.etap_text h3 {
	font-size: 2rem;
	font-weight: 600;
	margin-top: 1.3rem;
	letter-spacing: 1px;
	margin-bottom: 1.4rem;
}
.etap_text ul {
	margin-top: 1.6rem;
}
.etap_text ul li {
	position: relative;
	padding-left: 2.7rem;
	margin-bottom: 1.4rem;
}
.etap_text ul li::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(assets/i/ok_list.svg);
	width: 1.5rem;
	height: 1.5rem;
	left: 0;
	top: 0.2rem;
}

/* prod */
#prod {
	padding-top: 0.25rem;
}
#prod .zag_h2 {
	padding: 0 3rem;
}
.prod_list {
	margin-top: 3.8rem;
	display: flex;
	flex-wrap: wrap;
}
.prod_item {
	width: calc(100%/2);
	height: 29.8vw;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0 1.5rem;
	position: relative;
	overflow: hidden;
}
.home .prod_item{width: calc(100%/3);}
.home .prod_item.el_1,.home .prod_item.el_2 {width: calc(100%/2);}

.prod_back {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-size: cover;
	background-position: center;
	transition: all 1500ms ease 0ms;
}
.prod_item:hover .prod_back {
	transform: scale(1.1);
}
.prod_back::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(14, 33, 47, 0.1001) 25%, rgba(14, 33, 47, 0.78) 48%, rgba(27, 34, 39, 0.78));
	z-index: 0;
	height: 200%;
	transition: all 600ms ease 0ms;
}
.prod_item:hover .prod_back::before{
	top: -100%;
}
.prod_item.el_1 {
	width: calc(100%/3 * 2);
}
.prod_name {
	font-size: 1.5rem;
	margin-bottom: 0.25rem;
	position: relative;
}
.prod_info {
	padding-bottom: 3.7rem;
	padding-top: 3.6rem;
	position: relative;
	display: none;
}
.second_list {
	display: flex;
	margin-top: 0.8rem;
	
}
.second_list_ico {
	min-width: 1.6rem;
	max-width: 1.6rem;
}
.second_list_info {
	font-size: 1.125rem;
	margin-left: 1.2rem;
	letter-spacing: 1.1px;
}
.second_list_info small {
	font-size: 1rem;
	letter-spacing: initial;
	color: #C1C1C1;
	display: block;
}
.prod_bottom {
	font-size: 1.125rem;
	display: flex;
	justify-content: space-between;
	padding: 0 0rem 1.6rem;
	align-items: flex-end;
	/* position: relative; */
	z-index: 0;
}
.prod_bottom a {
	color: #ffffff;
	text-decoration: underline;
}
.prod_bottom a:before{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.prod_bottom a:hover {
	text-decoration: none;
}
.first_list {
	display: flex;
	justify-content: space-around;
	flex-grow: 1;
}
.prod_square {
	font-size: 1.375rem;
	font-weight: 600;
}
#prod .btn_wrap {
	text-align: center;
	margin-top: 2.1rem;
}
#prod .btn_wrap .simple_link {
	color: var(--color-base);
	text-decoration: none;
	font-size: 1.375rem;
}
#prod .btn_wrap .simple_link:hover {color:var(--color);}
#prod .btn_wrap .simple_link:active {color:#328854;}


/* arch */
#arch {
	padding-top: 1.6rem;
}
.arch_wrap {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
}
.arch_left {
	width: 28rem;
	margin-right: 3.2rem;
	padding-top: 2.4rem;
	color: var(--color-base3);
	line-height: 1.4;
}
.arch_left strong {
	font-size: 2.5rem;
	font-weight: 500;
	display: block;
	margin-bottom: 1.6rem;
	color: var(--color-base);
	line-height: 1.3;
}
.arch_left p {}
.arch_left .btn_wrap {
	margin-top: 2.9rem;
}
.btn.type_3 {
	background: #ffffff;
	border: 2px solid #D5DCE8;
	color: #465268;
	font-size: 1.125rem;
	padding: 1rem 1.1rem;
}
.btn.type_3 .arr_link {
	margin-left: 0.6rem;
	width: 2rem;
}

.btn.type_3:hover {
	background:#EDF6FD;
	border: 2px solid #E5F0F9;
	color:#328854;
}
.btn.type_3:active {
	background:#EDF6FD;
	border: 2px solid #9BD2B1;
}

.arch_right {
	position: relative;
	flex-grow: 1;
	height: 32.4rem;
}
.arch_list {
	width: 73rem;
	position: absolute;
}
.arch_item {
	height: 27rem;
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
	background-position: center;
	transition: all 500ms ease 0ms;
	margin: 0 1rem;
}
.slick-current .arch_item {
	height: 32.4rem;
	margin: 0 1rem;
	overflow: hidden;
}

.arch_info {
	position: absolute;
	bottom: 1.3rem;
	left: 1.2rem;
	padding: 1.8rem 1.8rem 1.1rem;
	width: 12.1rem;
	line-height: 1.4;
	color: #3A3A3A;
	font-weight: 500;
	background: rgba(255,255,255,0.72);
	transition: all 500ms ease 0ms;
	opacity:0;
}

.slick-current .arch_info {opacity:1;}
.arch_num {
	display: inline-block;
	margin-bottom: 0.2rem;
	position: relative;
	font-weight: normal;
	color: #616161;
}
.arch_num::before {
	position: absolute;
	content: "";
	display: block;
	background-color: #616161;
	width: 27px;
	height: 1px;
	right: -2.1rem;
	top: 50%;
}
.arch_name {}
.arch_link {
	position: absolute;
	display: block;
	bottom: 0;
	right: -2.625rem;
	width: 2.625rem;
	height: 2.625rem;
	background-color: #BDBDBD;
	background-image: url(assets/i/arr_white.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.slick-current .arch_link:before{
	position:absolute;
	content:"";
	display:block;
	width:1000px;
	height:1000px;
	left:-500px;
	top:-500px;
	
}
.arch_list  .slick-arrow.slick-next {
	width: 2.625rem;
	height: 2.625rem;
	position: absolute;
	bottom: unset;
	top: 12rem;
	left: 46.4rem;
	background-color: #ffffff;
	box-shadow: 1px 0.25rem 1rem rgba(0,0,0,0.16);
}
.arch_list .slick-arrow.slick-next::before {
	position: absolute;
	content: "";
	display: block;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	width: 0.75rem;
	height: 0.75rem;
	transform: rotate(45deg) translate(-50%,-50%);
	left: 0.9rem;
	top: 1.5rem;
}
.arch_list .slick-arrow.slick-next:hover {

	background-color: var(--color);
}
.arch_list .slick-arrow svg {display:none;}
.arch_list .slick-arrow.slick-prev {
	display: none !important;
}

/* dream */
#dream {
	padding-top: 0;
	padding-bottom: 8.6rem;
}
#dream .zag_h2 {
	margin: 2.2rem auto 0;
	max-width: 34.5rem;
	text-align: center;
	line-height: 1.25;
}
.dream_list {
	margin-top: 4.5rem;
	padding-bottom: 1rem;
}
.dream_list .slick-prev {
	right: 50%;
	bottom: -3rem;
	transform: translateX(-130px);
}
.dream_list .slick-next {
	left: 50%;
	bottom: -3rem;
	transform: translateX(130px);}
.dream_item {
	width: 350px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background: url(assets/i/dream_bg.jpg);
	padding: 1.3rem 1.2rem 0.7rem 1.2rem;
	font-size: 0.95rem;
	color: var(--color-base2);
	border-radius: 10px;
	margin: auto;
}
.dream_ico {
	min-width: 3.4rem;
	height: 3.4rem;
	width: 3.4rem;
	margin-right: 1.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	border-radius: 50%;
}
.dream_ico img {
	filter: grayscale(1) brightness(1.65);
}
.dream_ico img {
	filter: grayscale(0) brightness(1);
}
.dream_info {}
.dream_info strong {
	color: #1D293F;
	font-size: 1.3rem;
	font-weight: normal;
	display: block;
	margin-bottom: -0.6rem;
}
.dream_info p {
	line-height: 1.55;
}

.dream_list .slick-dots {
	bottom: -1.8rem;
}

.slick-dots li button {
	border: 0;
	border-radius: 50%;
	text-indent: -9999px;
	width: 1.5rem;
	height: 11px;
	display: block;
	margin: 0px 10px;
	font-size: 0;
	cursor: pointer;
	padding: 0;
	box-shadow: unset;
	width: 11px !important;
	position: relative;
	background-color: #cccccc;
}

.slick-dots li button::before {
	position: absolute;
	content: "";
	display: block;
	left: 50%;
	top: 50%;
	transform: scale(1) translate(-50%,-50%);
	box-shadow: inset 0 0 0 1px #cccccc;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	transition:all 300ms ease 0ms;
}
.slick-dots li.slick-active button:before{
	position:absolute;
	content:"";
	display:block;
	width: 27px;
	height: 27px;
}
/* dir */
#dir {
	background-color: var(--color-bg-1);
}
.dir_wrap {
	margin: 0 0 0 auto;
	max-width: calc(100% - 32.3rem);
	padding-top: 3rem;
	position: relative;
}
.dream_img {
	position: absolute;
	top: 50%;
	left: -32rem;
	transform: translateY(-50%);
}
.dream_img img {}
.dir_text {
	font-size: 1.5rem;
	line-height: 1.55;
	position: relative;
	z-index: 1;
	color: var(--color-base);
}
.dir_text::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(assets/i/quot.png);
	width: 71px;
	height: 60px;
	background-position: center;
	background-size: cover;
	left: -2.6rem;
	top: -1.4rem;
	z-index: -1;
}
.dir_info {
	margin-top: 7.7rem;
}
.dir_name {
	font-size: 1.375rem;
	color: #0E212F;
	font-weight: 500;
}
.dir_post {
	color:#424A50;
}

/* home_team */
#home_team {
	padding-top: 6.6rem;
}
.team_wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.team_left {
	min-width: 45rem;
	width: 45rem;
	margin-right: 6.25rem;
}
.team_list .slick-dots {
	bottom: unset;
	top: -3rem;
}
.team_list {}
.team_item {
	max-width: 213px;
	margin: auto;
}
.team_img img {
	filter: grayscale(1);
	transition: all 500ms ease 0ms;
}
.team_img:hover img {
	filter: grayscale(0);
}
.team_img img {}
.team_info {
	margin-top: 1.1rem;
}
.team_name {
	font-weight: bold;
}
.team_post {
	color: var(--color-base2);
	margin-top: 0.1rem;
	line-height: 1.25;
}
.team_right {
	color: var(--color-base3);
}
.team_right p {
	margin-bottom: 1.8rem;
}
.team_right p strong {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.25;
	display: block;
	color: var(--color-base);
}
.team_right .btn_wrap {}
.team_right .btn_wrap .simple_link {}
.team_right .btn_wrap .arr_link {
	width: 1.8rem;
}
.team_right .btn_wrap .arr_link svg {
	width: 45px;
}
.team_right .btn_wrap .simple_link {
	font-size: 1.125rem;
	color: var(--color-base);
}
.team_right .btn_wrap .simple_link:hover {color: var(--color);}
.team_right .btn_wrap .simple_link:active {color:#265E3C;}


.diplom_list .slick-arrow {
	bottom: unset;
	top: 9.1rem;
	border-radius: unset;
	background: transparent;
	box-shadow: unset !important;
}
.team_list .slick-arrow {
	bottom: unset;
	top: -4.2rem;
	border-radius: unset;
	background: transparent;
	box-shadow: unset !important;
}
.diplom_list .slick-arrow.slick-next {
	right: -3rem;
}
.team_list .slick-arrow.slick-next {
	right: 50%;
	transform: translateX(140px);
}
.team_list .slick-arrow.slick-prev {
	left: 50%;
	transform: translateX(-140px);
}
.team_list  .slick-arrow svg {
	fill: #ABABAB;
	width: 80%;
	height: 50%;
}
.team_list .slick-arrow:hover svg,
.diplom_list .slick-arrow:hover svg {fill:var(--color);}
.team_list .slick-arrow:active svg,
.diplom_list .slick-arrow:active svg {fill:#265E3C;}

.diplom_list .slick-arrow {
	top: 50%;
	transform: translateY(-50%);
}
.diplom_list .slick-arrow svg {
	fill: #ABABAB;
	width: 100%;
	height: 60%;
}
.diplom_list .slick-arrow {
	background-color: #f0f0f0;
	border-radius: 50%;
}
.diplom_list .slick-arrow.slick-next {
	right: 0;
}
/* sup_opf */
#sup_opf {
	padding-bottom: 1.6rem;
}
.sup_opf_wrap {
	display: flex;
	justify-content: space-between;
}
.sup_opf_headding {
	font-size: 2.875rem;
	line-height: 1.125;
	font-weight: 500;
	max-width: 33rem;
	color: var(--color-base);
}
.sup_opf_text {
	max-width: 30rem;
	color: var(--color-base3);
	font-size: 1.25rem;
	line-height: 1.55;
}

/* opf */
#opf {
	padding-top: 0;
	padding-bottom: 2.8rem;
	background-image: url(assets/i/opf_ing.jpg);
	background-repeat: no-repeat;
	background-position: calc(50% - -13.4rem) center;
	background-size: contain;
}
.opf_wrap {
	position: relative;
	margin-top: 2.7rem;
	max-width: 30.1rem;
	border-radius: 10px;
	padding: 2rem 4.2rem 1.3rem;
	background-image: url(assets/i/dream_bg.jpg);
	box-shadow: 0px 16px 60px rgba(0, 0, 0, 0.17);
}
.form_headding {
	font-size: 2.125rem;
	text-align: center;
	font-weight: 500;
	margin-bottom: 0.4rem;
	color: var(--color-base);
}
label {
	margin-top: 0.7rem;
	color: var(--color-base);
	margin-bottom: 0.5rem;
	font-weight: 500;
}
.wpcf7 input {
	border-radius: 6px;
	border: 1px solid #E9DFDF;
	width: 100%;
	font-size: 1rem;
	font-weight: 500;
	padding: 0.8rem 1.6rem;
	background: #ffffff;
	transition:all 300ms ease 0ms;
}

.wpcf7 input:focus{border: 1px solid #48AA6F !important;}
.wpcf7 input.wpcf7-not-valid{border: 1px solid #D40E0E !important;}
.wpcf7-not-valid-tip {
	color: #D40E0E !important;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0em 0.5em 0em;
}
input.wpcf7-submit {
	margin-top: 2rem;
	background-color: var(--color);
	font-size: 1.125rem;
	padding: 1.25rem 1rem;
	border: 0;
	color: #ffffff;
	cursor:pointer;
	filter: drop-shadow(0px 12px 30px rgba(0, 0, 0, 0.12));
}
input.wpcf7-submit:hover{background-color:#328854;}
input.wpcf7-submit:active{background-color:#265E3C;}
.red_star {
	color: #D40E0E;
}
input::-webkit-input-placeholder{color:#C2C5CB!important}
input:-ms-input-placeholder{color:#C2C5CB!important}
input::-ms-input-placeholder{color:#C2C5CB!important}
input::placeholder{color:#C2C5CB!important}

/* footer */
#footer {
	margin-top: 2.9rem;
	color: #ffffff;
	padding-top: 4.7rem;
	padding-bottom: 6.5rem;
	background-color: var(--color-base);
}
#footer a {color: #ffffff;}
#footer ul li {
	margin-bottom: 0.6rem;
}
#footer ul li a:hover{
	text-decoration:underline;
}
.footer_row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.footer_logo_link {
	font-weight: bold;
	font-size: 1.875rem;
}
.footer_col_1 {
	max-width: 16rem;
}
.footer_col_1 .descriptor {
	font-size: 0.875rem;
	margin-top: 0.6rem;
}
.footer_col_1 .social {
	position: absolute;
	bottom: -0.3rem;
/*	left: 50%;
	margin-left: 9rem;*/
}
.footer_col_2 {
	flex-grow: 1;
}
.footer_cont {
	font-size: 1.5rem;
	margin-left: 3.4rem;
	width: 19rem;
	line-height: 1.5;
	margin-top: 0.2rem;
}
.footer_cont .phone-content {
	font-size: 1.3rem;
	padding-left: 2.2rem;
	background-image: url(assets/i/phone.svg);
	background-repeat: no-repeat;
	background-position: left center;
}
.footer_cont .phone-content:hover{
	text-decoration:underline;
}

.footer_cont span {
	display: block;
	margin-bottom: 1.5rem;
}
.footer_col_3 {
	padding-top: 0.8rem;
	min-width: 13.6rem;
}
.footer_col_4 {
	min-width: 15rem;
	padding-top: 0.8rem;
}
#footer_2 {
	color: #CFCFCF;
	font-size: 0.75rem;
	padding: 1.5rem 0;
	background-color: #081722;
}
#footer_2 .row {
	margin: 0;
	justify-content: space-between;
}
#footer_2 a {color:#CFCFCF;}
#footer_2 a:hover {text-decoration:underline;}


/* prod page */
/* house_headding */
#house_headding {
	color: #ffffff;
	margin-top: -12.5rem;
	position: relative;
	overflow: hidden;
	padding-top: 16.3rem;
	padding-bottom: 0.75rem;
}
.house_bg {
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.house_bg::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(67deg, #14181C,rgba(81,81,81,0.37));
}
.breadcrumbs {}
.breadcrumbs a{}
.house_headding_wrap .breadcrumbs {color: #ffffff;}
.house_headding_wrap .breadcrumbs a {color: #ffffff;}
.house_headding_wrap h1 {
	font-weight: 600;
	font-size: 2.625rem;
	margin-top: 1.75rem;
}

/* short_text */
#sort {
	padding-top: 3rem;
	padding-bottom: 1.6rem;
}
.sort_wrap {
	display: flex;
	justify-content: space-between;
	font-weight: 500;
	font-size: 2.5rem;
	align-items: center;
	line-height: 1.35;
}
.headding {
	font-size: 2.5rem;
	line-height: 1.35;
	font-weight: 500;
	color: var(--color-base);
}
.sort_text {
	max-width: 34rem;
	margin-right: 2rem;
}
.sort_price {
	white-space: pre;
}

/* prod_slide */
#prod_slide {
	padding-top: 0;
}
.prod_slide_wrap {}
.prod_slide_text {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 1rem;
}
.prod_slide_wrap .prod_info {
	display: block;
	max-width: 23.5rem;
	margin-top: 2rem;
	padding: 1.4rem 1.6rem 2.1rem;
	border-radius: 10px;
	background: url(assets/i/dream_bg.jpg);
	box-shadow: -4rem 3rem 3rem -1rem #E5E5E5;
}
.prod_slide_wrap .second_list {
	margin-top: 0.4rem;
	margin-bottom: 1.5rem;
}
.prod_slide_wrap .second_list_ico {
	margin-top: 0.25rem;
}
.prod_slide_wrap .second_list_info {
	font-size: 1.5rem;
	letter-spacing: unset;
}
.second_list_info small {
	font-size: 1rem;
	letter-spacing: initial;
	color: #78808F;
	display: block;
	margin-top: 0.4rem;
}
.prod_slide_wrap .btn {
	display: block;
	border: unset;
	width: 100%;
	max-width: 20.2rem;
	font-size: 1.25rem;
	padding: 0.9rem 1rem;
}


.prod_slide_imgs {
	width: 1009px;
	margin: 0 -7.3rem 0 auto;
}
.prod_slide_img a{ width:100%;}
.prod_slide_img a img{ width:100%;}
.prod_slide_imgs .slick-dots li button {
	background-color: var(--color);
}
.prod_slide_imgs .slick-dots li button::before {
	box-shadow: inset 0 0 0 1px var(--color);
}
.prod_slide_imgs .slick-dots {
	bottom: 1.5rem;
}
.slick-arrow svg {
	fill: var(--color);
}
.slick-arrow svg {
	fill: var(--color);
	width: 100%;
	height: 100%;
}
.prod_slide_imgs .slick-next {right: 1rem;}
.prod_slide_imgs .slick-prev {left: 4.5rem;}


#plan {padding-top: 0.5rem;}
#plan .headding {
	font-weight: 500;
}
.plan_list {
	margin-top: 3.4rem;
}
.plan_btn {
	display: flex;
}
.plan_btn .plan_item {}
.plan_item .btn {}
.btn_tab {
	font-size: 1.5rem;
	color: #939393;
	text-align: left;
	padding: 0;
	min-width: 8.6rem;
	margin-right: 2.5rem;
	position: relative;
	border-bottom: 4px solid #ffffff;
	border-radius: 0;
	cursor:pointer;
}
.btn_tab:hover {color:var(--color);}
.active  .btn_tab{border-bottom: 4px solid var(--color); color:var(--color);}
.plan_cont {}
.plan_cont .plan_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	opacity: 0;
	z-index: -1000;
	pointer-events: none;
}
.plan_cont .plan_item.active {
	position: relative;
	z-index: 1;
	opacity: 1;
	position: unset;
	pointer-events: unset;
}
.plan_img {
	max-width: 57%;
	width: 57%;
}
.plan_text {
	flex-grow: 1;
	padding: 0 0 0 2rem;
	font-size: 1.125rem;
	font-weight: 500;
	padding-top: 1.2rem;
}
.zagolovok {
	/* font-weight: bold; */
	font-size: 1.625rem;
	margin-top: 1.2rem;
	margin-bottom: 1.4rem;
	border-bottom: 1px solid #6F6F6F;
	padding-bottom: 0.75rem;
}
.plan_text ul {}
.plan_text ul li {
	margin-bottom: 1.1rem;
	display: flex;
	justify-content: space-between;
	position:relative;
}
.plan_text ul li::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: repeating-linear-gradient(90deg, #ABBDDF 0px,#ABBDDF 4px,#fff 4px, #fff 8px);
	left: 0;
	bottom: 0;
}
.plan_text ul li span {
	letter-spacing: 1px;
	background-color: #ffffff;
	position: relative;
	z-index: 1;
}
.level_place {
	font-size: 1.375rem;
	margin-top: 1.6rem;
}
.level_description {
	font-size: 1.125rem;
	margin-top: 2.4rem;
}

#prod_video {
	padding-top: 4rem;
	padding-bottom: 5rem;
}
#prod_video .headding {
	margin: auto;
	max-width: 950px;
	text-align: center;
}
.prod_video {
	margin: 2.7rem auto 0;
	position: relative;
	max-width: 996px;
}
.video_link {
	position: relative;
	display: block;
}
.video_link span {
	fill: #48AA6F;
	position: absolute;
	display: block;
	width: 116px;
	height: 116px;
	padding: 45px 40px 45px 50px;
	background-color: #ffffff;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}
.video_link:hover span{
	fill:#328854;
}

#wework {
	padding-top: 5.6rem;
	padding-bottom: 3.25rem;
	background-color: #EDF6FD;
}
.wework_wrap {
	display: flex;
	justify-content: space-between;
}
.wework_left {
	min-width: 30rem;
	max-width: 30rem;
}
.wework_right {
	flex-grow: 1;
	padding-left: 2.25rem;
}
.wework_right .headding {
	font-weight: bold;
	display: block;
	margin-top: -0.6rem;
	margin-bottom: 3.2rem;
}
.wework_right ul {
	column-count: 2;
	column-gap: 9rem;
}
.wework_right ul strong {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.25;
	color: var(--color-base);
	display: block;
	margin-bottom: 1.125rem;
}
.wework_right ul li {
	color: #5D677A;
	font-size: 1.125rem;
	line-height: 1.4;
	margin-bottom: 2.5rem;
	min-height: 14.2rem;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
break-inside: avoid-column;
}

#inprice {
	padding-top: 5.1rem;
	padding-bottom: 5.1rem;
}
#inprice .headding {}
.inprice_list {
	margin-top: 2.1rem;
	display: flex;
	justify-content: space-between;
}
.inprice_btn {
	margin: 4rem 1rem 0rem 1.6rem;
	min-width: 15rem;
	max-width: 15rem;
}
.inprice_btn .inprice_item {
	margin-bottom: 1.2rem;
}
.inprice_btn .type_2 {
	font-size: 1.5rem;
	color: var(--color-base);
	padding: 0.625rem 1rem 0.625rem 0;
	box-shadow: inset 0 0 0 1px #ffffff;
}
.inprice_btn .type_2:hover {
	background-color: #328854;
	padding: 0.625rem 1rem;
}
#inprice .active .btn.type_2 {
	box-shadow: inset 0 0 0 0 transparent;
	padding: 0.625rem 1rem;
	color: #ffffff;
	width: 100%;
}

.inprice_cont {
	flex-grow: 1;
	max-width: 55.7rem;
	position: relative;
	overflow: hidden;
	font-size: 1.125rem;
	font-weight: 500;
	padding: 4.25rem 2.1rem 4.25rem 2.1rem;
	min-height: 26.5rem;
}
.inprice_cont:before{
	position:absolute;
	content:"";
	width:100vw;
	height:100%;
	top:0;
	left:0;
	background-color:#F5F2F0;
}
.inprice_cont .inprice_item {
	position:absolute;
	opacity:0;
	pointer-events:none;
	z-index:-1;
}
.inprice_cont .inprice_item.active  {
	position:relative;
	opacity:1;
	pointer-events:unset;
	z-index:1;
}
.inprice_cont ul {
	column-count: 2;
	margin-top: 2.2rem;
	color: #2A2525;
	column-gap: 1rem;
	max-width: 38.5rem;
}
.inprice_cont ul li {
	position: relative;
	padding-left: 0.9rem;
}
.inprice_cont ul li::before {
	position: absolute;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #2A2525;
	top: 0.65rem;
	left: 0;
}


#like {
	padding: 5.2rem 0;
	background-color: #EDF6FD;
}
.like_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.like_1 {
	max-width: 28rem;
}
.like_2 {
	color: #474747;
	font-size: 1.125rem;
	max-width: 17rem;
}
.like_3 {}
.like_3 .type_1 {
	min-width: 17.2rem;
	text-align: center;
	font-weight: 400;
	font-size: 1.25rem;
}


#prod_review {
	padding-top: 6.4rem;
	padding-bottom: 6.5rem;
}
.prod_review_slide {}
.prod_review_wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.prod_review_text {
	font-size: 1.125rem;
	padding-right: 2rem;
	position: relative;
	overflow: hidden;
	padding-bottom: 2rem;
}
.prod_review_text.hidden_text::before {
	position: absolute;
	content: "";
	display: block;
	bottom: 0;
	width: 100%;
	height: 9rem;
	background: linear-gradient(rgba(255,255,255,0.01), #ffffff 5rem);
	z-index: 1;
}
.prod_review_text {}
.hidden_text.hidden_text .close_all_about {display:none}

.prod_review_text .see_all_about {display:none;}
.prod_review_text.hidden_text .see_all_about {
	display: block;
	z-index: 1;
}
.review_names {
	margin-top: 0;
}
.name_client {
	font-size: 1.375rem;
	font-weight: 500;
	margin-bottom: 1rem;
}
.name_project {
	font-size: 1.125rem;
	opacity: 0.7;
}
.prod_review_img {
	max-width: 35rem;
	min-width: 35rem;
	width: 100%;
}
.prod_review_img a {}
.prod_review_img a img {}

.prod_review_slide .slick-arrow svg {
	fill: #ffffff;
}
.prod_review_slide .slick-arrow {
	background-color: var(--color);
	border-radius: 0;
}
.prod_review_slide .slick-arrow:hover {
	background-color: #328854;
}
.prod_review_slide .slick-arrow:active {
	background-color: #265E3C;
}
.prod_review_slide .my_next.slick-arrow{
	bottom: -4rem;
	left: 5rem;
}
.prod_review_slide .my_prev.slick-arrow{
	bottom: -4rem;
	left: 0rem;
}


.prod_form_wrap {
	padding-top: 5.1rem;
	margin-bottom: -2.4rem;
	padding-bottom: 2.5rem;
	background-color: #F2F4F6;
}
.prod_form_wrap .headding {
	text-align: center;
}
.prod_opf {}
#opf.prod_opf {
	margin-top: 4.1rem;
	background-image: url(assets/i/opg_bg.jpg);
}
#opf.prod_opf  .opf_wrap {
	margin-left: -2.5rem;
	padding: 2.3rem 4rem 1.3rem;
}
.opf_phone {
	font-size: 1.6rem;
	font-weight: bold;
}
.opf_phone a:hover{
	color:#328854;
}
.opf_phone a {color:var(--color);}
.opf_subphone {
	color: #5D677A;
	font-size: 1.125rem;
	margin-top: 0.6rem;
	margin-bottom: 1.1rem;
}


#archive_cont {}
.filter_wrap {
	background-color: #FFF4EA;
	padding: 3rem 11rem;
	display: flex;
	justify-content: space-between;
	font-size: 1.125rem;
}
.filter {
	display: flex;
	align-items: center;
	position: relative;
}
.filter_lable {}
.chose_filter {
	margin-left: 0.5rem;
}
.filter_level, .chose_filter.square>.filter_square {
	border: 1px solid var(--color);
	height: 2.5rem;
	display: inline-flex;
	align-items: center;
	min-width: 2.5rem;
	justify-content: center;
	padding: 0 1rem;
	transition: all 250ms ease 0ms;
	cursor:pointer;
	background-color:rgba(255,255,255,0.01);
}
.filter_level:hover{
	background-color:#ffffff;
}
.active.filter_level {
	border: 1px solid var(--color);
	background-color: var(--color);
	color: #ffffff;
}
.filter_level {}
.filter_level.active {}

.chose_filter.square {
	position: relative;
}
.filter_square {
	display: block;
}
.filter_square_hidden {
	position: absolute;
	top: calc(100% - 1px);
	box-shadow: inset 0 0 0px 1px var(--color);
	background-color: #ffffff;
	width: 100%;
	text-align: center;
	pointer-events: none;
	z-index: -1;
	opacity: 0;
}
.chose_filter:hover .filter_square_hidden, .active .filter_square_hidden {
	pointer-events: unset;
	z-index: 2;
	opacity: 1;
}
.filter_square_hidden .filter_square {
	opacity:.5;
	transition:all 250ms ease 0ms;
	cursor:pointer;
}
.filter_square_hidden .filter_square:hover {
	opacity:1;
}
.chose_filter.square>.filter_square {
	background-color: #ffffff;
	min-width: 12rem;
	justify-content: center;
	text-align: center;
	padding: 0.25rem;
}

.category_wrap {
	padding-top: 3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -1rem;
}
.category_wrap .prod_item {
	max-width: 596px;
	max-height: 388px;
	margin: 1rem 0.5rem;
	width: calc(100%/2);
}
.category_wrap .first_list {
	justify-content: space-between;
}
.category_wrap .prod_bottom {
	padding: 0 0rem 0;
}
.cat_prod_link {
	color: #ffffff;
	z-index: 1;
	opacity:0;
	padding-bottom:0;
	transition:all 250ms ease 0ms;
}
.prod_item:hover .cat_prod_link {
	opacity:1;
	padding-bottom:1.6rem;
}
.cat_prod_link a{
	display:block;
	color: #ffffff;
	
}
.cat_prod_link a:before{
	position:absolute;
	content:"";
	width:1000px;
	height:1000px;
	top:-500px;
	left:-100px;
}
.cat_prod_link a .arr_link {}
.cat_prod_link a .arr_link svg path {
	fill:#ffffff;
}
.cat_prod_link a:hover{
	text-decoration:underline;
}

#archive_trigger {
	background-color: var(--color-bg-1);
	margin-bottom: -3rem;
}
.archive_trigger_wrap {
	display: flex;
	justify-content: space-between;
}
.archive_trigger_left {
	font-size: 2.5rem;
	width: calc(50% - 0.5rem);
	line-height: 1.25;
	max-width: 27rem;
}
.archive_trigger_left .btn_wrap {}
.archive_trigger_right {
	font-size: 1.5rem;
	max-width: calc(50% - 0.5rem);
}

#archive_trigger .btn.type_3:hover {
	background: #328854;
	border: 2px solid #328854;
	color: #ffffff;
}
#archive_trigger .btn.type_3:hover svg path{
	fill:#ffffff;
}
#archive_trigger .btn.type_3:active{
	background: #265E3C;
	border: 2px solid #265E3C;
	color: #ffffff;
}

#archive_trigger .btn.type_3:active svg path{
	fill:#ffffff;
}
.cat_link {}
.cat_link a {}
#archive_cont_project .btn_wrap {
	margin: 2rem auto 0;
}

.page_contact .house_bg{
	background-image:url(assets/i/cont_header.jpg);
}



.page_contact_section {
	padding-top: 0;
	padding-bottom:0;
}
.conntact_wrap {
	display: flex;
	width: 50%;
	padding-left: 30px;
	padding-right: 20px;
}
.contact_left {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 110px 0;
}
.h2 {
	font-weight: 500;
	font-size: 42px;
	color: #0E212F;
	line-height: 51px;
}
.contact_left .h2 {
	margin-bottom: 42px;
	width: 100%;
}
.cont_elem {
	font-size: 22px;
	line-height: 32px;
	color: #0E212F;
	margin-bottom: 40px;
}
.contact_left .cont_elem:nth-child(2) {}
.contact_left .cont_elem:nth-child(3) {}
.contact_left .cont_elem:nth-child(4) {}
.contact_left .cont_elem:nth-child(5) {}

.cont_zag {
	font-weight: 500;
	font-size: 26px;
	line-height: 32px;
	color: #0E212F;
	margin-bottom: 18px;
}
.cont_info {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 0.5rem;
}
.cont_adres {background-image: url(assets/i/point.svg);}
.cont_mode {background-image: url(assets/i/clock.svg);}
.cont_phones {}
.cont_phones .cont_info{
	display:block;
	background-image: url(assets/i/phone_cont.svg);
	background-repeat: no-repeat;
	background-position: left 0.5rem;
}
.cont_doc {background-image: url(assets/i/dock.svg);}
.cont_doc a {
	color: var(--color);
}
.cont_doc a:hover {
	text-decoration:underline;
}
.contact_right {
	position:relative;
}
#map-3 {
	position: absolute;
	width: 49vw;
	height: 100%;
	top: 0;
	left: 2rem;
}

.contect_form_wrap {}
.contect_form_wrap .h2 {
	text-align: center;
	margin: 0 auto 60px;
	max-width: 710px;
}
.contect_form_wrap .opf_form {
	display: flex;
	justify-content: center;
}
.contect_form_wrap .opf_form .line {
	margin: 0 22px;
	max-width: calc(330px);
	width: 100%;
}
.contect_form_wrap .opf_form .wpcf7-spinner {
	display: none !important;
}
.contect_form_wrap .opf_form input.wpcf7-submit {
	margin-top: 2.7rem;
	padding: 0.85rem 1rem;
}
.contact_form_section, .uslugi_form_section {
	padding: 90px 0 100px;
	background-color: var(--color-btn);
	margin-bottom: -3rem;
}
.uslugi_form_section p:not(.h2) {
	font-size: 1.25rem;
	text-align: center;
	color: #858990;
}
.uslugi_form_section .h2 {
	margin-bottom:1.25rem;
}
.category_service {
	background-image: url(assets/i/usl_header.jpg);
	background-size: cover;
}
.category_blog{
	background-image: url(assets/i/blog_head.jpg);
	background-size: cover;
}
.category_service_wrap {
	padding-bottom: 0;
	margin-bottom: -3rem;
	padding-top: 1rem;
}
.uslugi_wrap {
	display: flex;
	flex-wrap: wrap;
}
.uslugi_wrap .prod_item.el_1 {
	width: 60%;
	height: 48vw;
}
.uslugi_wrap .prod_item.el_2 {
	width: 100%;
	height: 24vw;
}
.uslugi_wrap .prod_item.el_3 {
	width: 100%;
	height: 24vw;
}
.uslugi_wrap .prod_item.el_4 {
	width: 100%;
	height: 24vw;
}
.uslugi_wrap .prod_item.el_5 {
	width: 100%;
	height: 24vw;}
.uslugi_wrap .prod_item.el_6 {
	width: 60%;
	height: 48vw;}	
.uslugi_wrap .wrap23, .uslugi_wrap .wrap45 {width: 40%;}


.uslugi_wrap .prod_name {
	margin-bottom: 0rem;
}


.page_about .house_bg{
	background-image:url(assets/i/about_bg.jpg);
}
.about_section {
	padding-bottom: 0;
}
.about_desctiption {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 7rem;
}
.about_text {
	width: 100%;
	max-width: 380px;
}
.about_text p {
	font-size: 1.125rem;
}
.about_text p strong {
	font-size: 2.625rem;
	display: block;
	margin-bottom: 2rem;
	line-height: 1.25;
}
.about_img {}
.about_img img {
	min-width: 805px;
}
.about_desctiption.el_1 {}
.about_desctiption.el_2 .about_text {order: 2;}
.about_desctiption.el_2 .about_img {order: 1;}
.about_desctiption.el_1 .about_img img {margin-right: -7.4rem;}
.about_desctiption.el_2 .about_img img {margin-left: -7.4rem;}

.tabs {
	margin-top: 3rem;
	font-size: 1.625rem;
	display: flex;
	justify-content: space-between;
}
.one_tab {
	border-bottom: 4px solid #7C7C7C;
	width: calc(100% / 3 - 2rem);
	padding-bottom: 1rem;
	cursor:pointer;
	transition:all 500ms ease 0ms;
}
.one_tab span {}
.one_tab:hover {
	border-color: var(--color);
}
.one_tab.active {
	color: var(--color);
	border-color: var(--color);
}
.one_tab.active span {}

.tabs_content {
	margin-top: 3rem;
	position: relative;
}
.one_content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--color-bg-1);
	position: absolute;
	pointer-events: none;
	opacity: 0;
	height: 0;
	overflow: hidden;
}
.one_content_text {
	font-size: 1.25rem;
	padding: 3rem;
}
.one_content_text p {}
.one_content_img {
	min-width: 50%;
	max-width: 50%;
}
.one_content_img img {}
.one_content.active {
	overflow: unset;
	height: unset;
	opacity: 1;
	position: relative;
	pointer-events: unset;
}


#blog_page,#uslugi_page {
	font-size:1.125rem;
	line-height: 1.6;
}
blockquote {
	padding: 2rem;
	margin: 3rem auto;
	max-width: 100%;
	background-color: #EDF6FD;
}
blockquote .blockquote-icon {
	display: none;
}
.list ul, .list ol {
	padding: 0;
	margin: 2rem 0;
}
.list ul li::before {
	top: 0.6rem;
	width: 10px;
	height: 10px;
	background-color: #48AA6F;
}
.list ul li, .list ol li {
	padding-left: 1.5rem;
}
.list h2:nth-child(2){
	margin-top:0;
}
.tag_date {
	display: flex;
	justify-content: space-between;
	color: #7B7B7B;
	margin-bottom: 1rem;
}
.tag_date a {color: #7B7B7B;}
.tag_date a:hover {color: #000000;}

.blog_wrap {
	display: flex;
	align-content: flex-start;
	margin-top: 2rem;
}
.share_wrap {
	width: 3rem;
	min-width: 3rem;
	padding-top: 0.5rem;
}
.article_wrap {
	flex-grow: 1;
}

.category_blog_wrap {}
.archive_blog_wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.blog_item {
	width: calc(50% - 2rem);
	margin: 0 1rem 2rem;
}
.blog_img {}
.blog_img img {}
.blog_info {
	margin-top: 1rem;
	position:relative;
}
.blog_item .tag_date {}
.blog_item .tag_date .tag_post {}
.blog_item .tag_date .data_post {}
.blog_name {
	font-size: 1.625rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 1rem;
}
.blog_text {
	font-size: 1.125rem;
	position: relative;
	max-height: 120px;
overflow: hidden;}
.blog_text::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 60px;
	left: 0;
	bottom: 0;
	background: linear-gradient(rgba(255,255,255,0.01), rgba(255,255,255) 85%);
}
.blog_link {
	margin-top: 1rem;
}
.blog_link a {
	color: #0E212F;
	display: inline-block;
}
.blog_link a:before{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	
}
.blog_link a:hover{
	color:#000000;
}
.blog_link a .arr_link {}


.blog_item.el_1 {
	width: 100%;
	display: flex;
}

.blog_item.el_1 .blog_img {
	min-width: calc(50% - 1rem);
	max-width: calc(50% - 1rem);
}

.blog_item.el_1 .blog_info {
	padding-left: 2rem;
	flex-grow: 1;
}
.blog_item.el_1 .blog_text {
	height: 16rem;
	max-width: 460px;
	max-height: unset;
}

.ya-share2__badge, .ya-share2__icon {
	filter: grayscale(1) !important;
	transition: all 250ms ease 0ms;
}
.ya-share2__badge:hover, .ya-share2__icon:hover{filter: grayscale(0) !important;} 

.personal_section {}
.personal_wrap {
	column-count: 2;
	column-gap: 8rem;
	margin: auto;
	max-width: 1124px;
}
.personal_wrap>div{
	overflow: hidden;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	break-inside: avoid-column;
}
.personal_el {
	margin-bottom: 5rem;
}
.personal_slide {}
.personal_img_one {}
.personal_img_one img {
	border-radius: 10px;
}
.personal_info_wrap {
	max-height: 20rem;
	overflow: hidden;
	position:relative;
}
.personal_info_wrap:before{
	position:absolute;
	content:"";
	display:block;
	bottom:0;
	left:0;
	width:100%;
	height:10rem;
	background:linear-gradient(rgba(255,255,255,0.01), #ffffff 75%);
	z-index: 1;
}
.personal_info_wrap.active{max-height:unset;}
.personal_info_wrap.active:before{height:0;}

.personal_info {
	margin-top: 1.25rem;
	position: relative;
}

.see_all, .close_all {
	position: absolute;
	bottom: 0;
	left: 0rem;
	z-index: 2;
	cursor: pointer;
	color: var(--color);
	text-decoration: underline;
}
.active .see_all{display:none;}
.close_all{display:none;}
.active .close_all {
	display: block;
	margin-top: 1rem;
	position: relative;
}

.see_all:hover{
	text-decoration:none;
}
.personal_info.active:before{
	display:none;
}

.personal_name {
	font-weight: bold;
	font-size: 1.5rem;
}
.personal_post {
	font-size: 1.25rem;
	font-weight: 500;
	margin: 0.5rem 0;
}
.personal_text {
	font-size: 1.125rem;
}
.personal_slide .slick-dots {
	bottom: 1rem;
}

.personal_slide .slick-arrow svg {
	display: none;
}
.personal_slide  .slick-arrow {
	width: 1.75rem;
	height: 1.75rem;
	background-color: var(--color);
	opacity: 1;
}

.personal_slide .slick-arrow.slick-next::before {
	position: absolute;
	content: "";
	display: block;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	width: 0.5rem;
	height: 0.5rem;
	transform: rotate(45deg) translate(-50%,-50%);
	left: 0.6rem;
	top: 1rem;
}
.personal_slide .slick-arrow.slick-prev::before {
	position: absolute;
	content: "";
	display: block;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	width: 0.5rem;
	height: 0.5rem;
	transform: rotate(-45deg) translate(-50%,-50%);
	left: 1.1rem;
	top: 0.7rem;
}
.personal_slide.slick-arrow:hover {
	background-color: var(--color);
}

.personal_slide .slick-arrow.slick-next {right: 0.5rem;}
.personal_slide .slick-arrow.slick-prev {left: 0.5rem;}

.page_personal .house_bg {background-image:url(assets/i/personal_bg.jpg);}

.diplom_list {
	margin-top: 3rem;
	width: calc(100% + 2rem);
	margin-left: -1rem;
	margin-right: -1rem;
}
.diplom_list .slick-dots {
	bottom: -2rem;
	max-width: 1440px;
}
.diplom_list a {
	filter: grayscale(1);
	display: block;
	margin: 0 1rem;
}
.diplom_list a:hover {filter: grayscale(0);}

.popup.callBack {
	background-image: url(assets/i/form_bg_1.jpg);
	color: #ffffff;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
}
.popup.callBack.zayavka {background-image: url(assets/i/form_bg_2.jpg);}
.popup.callBack .fancybox-close-small svg {
	fill: #ffffff;
	opacity: 1;
	stroke: #cccccc;
	stroke-width: 1.5;
	transition: stroke .1s;
}
.popup.callBack p {
	font-size: 2rem;
	font-weight: 500;
	margin: 0;
}

.popup.callBack label {
	color: #ffffff;
	margin-bottom: 0.5rem;
}
.popup {
	max-width: 440px;
}

.acceptance-256 {
	color: #ACACAC;
	font-size: 0.875rem;
	margin-top: 0.5rem;
}
.popup.callBack .wpcf7-list-item {
	margin: 0 0 0 0em;
}
.popup.callBack .opf_form .line:nth-child(3) {
	margin-top: 1rem;
	font-size: 0.875rem;
	color: #ACACAC;
}
.popup.callBack .opf_form .line:nth-child(3) a {
	color:#ffffff;
}

.scrollup {
	overflow: hidden;
	border-radius: 50%;
	width: 50px;
	z-index: 10000000;
	box-shadow: unset;
	height: 50px;
	padding: 0;
	background-color: #385870;
}
.scrollup.active {
	display: flex;
	justify-content: center;
	align-items: center;
}
.scrollup svg {
	fill: var(--color);
}
.scrollup:hover {
	width: 50px;
}


.pagination {
	text-align: right;
}
.page-numbers {
	background-color: var(--color-base);
	color: #ffffff;
	display: inline-block;
	text-align: center;
	min-width: 2rem;
	padding: 0.25rem 0;
	transition:all 250ms ease 0ms;
}
.page-numbers.current {
	background-color: var(--color);
}
a.page-numbers:hover {
	background-color: var(--color-accent);
	color: var(--color-base);
}

.tehnology_section {
	max-width: 1100px;
	margin: auto;
}
.tehnology_section .about_text {
	width: 100%;
	max-width: unset;
	flex-grow: 1;
}
.tehnology_img {
	min-width: 50%;
	padding: 0 2rem 0 0;
}
.about_desctiption:nth-child(2n) {}
.about_desctiption:last-child {margin-bottom:0;}
.about_desctiption:nth-child(2n) .tehnology_img {
	order: 3;
	padding: 0 0 0 2rem;
}
.tehnology_img  .video_link span {
	width: 86px;
	height: 86px;
	padding: 1.7rem 1.4rem 1.7rem 2.1rem;
}




.one_content_text_about {
	position: relative;
	overflow: hidden;
	max-height: 40rem;
	margin-bottom: 3rem;
}
.one_content_text_about::before {
	position: absolute;
	content: "";
	display: block;
	bottom: 0;
	width: 100%;
	height: 10rem;
	background: linear-gradient(rgba(255,255,255,0), #edf6fd);
}
.see_all_about, .close_all_about {
	cursor: pointer;
	color: var(--color);
	position: absolute;
	bottom: 1.5rem;
}
.see_all_about {}
.close_all_about {display:none;}

.active>.see_all_about {display:none;}
.active>.close_all_about {display:block;}

.active>.one_content_text_about{max-height: unset;}
.active>.one_content_text_about::before {
	display:none;
	height: 0;
}

.contect_ifarme {
	padding: 0px !important;
	position:relative;
}
.contect_ifarme iframe {
	width:100%;
	height: 100vh;
}
.lid_iframe {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.close_iframe {
	display:none;
	position: absolute;
	background-color: var(--color-base3);
	z-index: 1;
	width: 2rem;
	top: 1rem;
	right: 1rem;
	border-radius: 50%;
	height: 2rem;
	transition: all 250ms ease 0ms;
	overflow:hidden;
}
.close_iframe:hover {
	background-color: var(--color-base);
}
.close_iframe {position:absolute;}
.close_iframe svg {
	fill: #ffffff;
	opacity: 1;
	stroke: #cccccc;
	stroke-width: 1.5;
	transition: stroke .1s;
	cursor: pointer;
	transition: all 250ms ease 0ms;
}
.close_iframe:hover svg {
	stroke: #fff;
}
.close_iframe.active{display:block;}
/* */
body {
/*	background-image: url(assets/i/prod_page.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	/*padding-bottom:100vh;*/
	
	/*background-image: url(assets/i/Maketdpk.jpg);
	background-position: center bottom;
	padding-bottom:3669px;*/
}

.plan_vr {
	/*text-align: center;*/
	display:flex;
	margin-top:1rem;
}
.plan_vr a {
	display: inline-block;
	border: 2px solid var(--color);
	background-color: var(--color);
	color: #ffffff;
	padding: 0.5rem 1rem;
	border-radius: 1rem;
	transition: all 250ms ease 0ms;
	margin: 0 2.5rem 0 0;
	white-space: pre;
	max-height: 2.8rem;
}
.plan_vr a:hover {background-color:#ffffff; color:var(--color-base);}
.plan_vr span {
	display: block;
	font-size: 1rem;
	line-height: 1.2;
}

.one_etap {
	padding: 0 0.5rem;
}
.one_etap img {}
.one_etap_date {
	font-size: 1.25rem;
	margin: 0.5rem 0;
}
.one_etap_text {}

.etap_list_slide .slick-arrow {top: -4rem;}
.etap_list_slide .my_prev {right: 3rem;}
.etap_list_slide .my_next {right: 0;}


/*
============================================================
============================================================
============================================================
Ширины экранов
-- xs	320-499		Смартфоны
-- sm	500-767		Фаблеты
-- md	768-1023	Планшеты
-- ml	1024-1149	Нетбуки
-- lg	1150-1299	Ноутбуки
-- xl	1400		Декстопы
============================================================
============================================================
============================================================
*/

/*@media (min-width: 2500px) {
body {
  zoom: 1.333
}
}
*/

/*
==============================
	xl 1699 - Декстопы	(1600)
==============================
*/
@media (max-width: 1699px) {
}

/*
==============================
	xl 1599 - Декстопы	(1440)
==============================
*/
@media (max-width: 1599px) {
/***********************************/
}


/*
==============================
	lg 1399 - Ноутбуки	(1360)
==============================
*/
@media (max-width: 1399px) {
/* offer */	
#offer {height: 100vh; padding-top: 12rem;}	
.off_text {
	min-height: unset;
}
.text_bigger, .text_big, .text_middle {margin: 1rem 0;}	
.off_text ul {
	margin-bottom: 3rem;
	margin-top: 2rem;
}

.prod_info {padding-top: 0.7rem; padding-bottom: 0.7rem;}
.arch_list .slick-arrow.slick-next {left: 44rem;}

.dream_item {
	width:auto;
	margin: 0 0.5rem;
}
.dream_list .slick-slide {
	opacity:0.5;
	transition:all 500ms ease 0ms;
}
.dream_list .slick-slide.slick-active {
	opacity:1;
}


.prod_slide_imgs {
	width: calc(100vw - 10rem);
}
.prod_slide_imgs .slick-next {
	right: 5rem;
}
.prod_slide_imgs .slick-prev {
	left: 13.5rem;
}
.prod_slide_imgs .slick-prev {
	left: 26%;
}

.plan_text ul li {
	margin-bottom: 0.5rem;
}

.plan_cont .plan_item {
	/*align-items: unset;*/
}

.cont_phones .cont_info {
	background-position: left 0.25rem;
}







/******************************************/	
}


/*
==============================
	lg 1299 - Ноутбуки	(1280)
==============================
*/
@media (max-width: 1299px) {
/* offer */	
.off_text .text_bigger {font-size: 3.5rem;}
.off_text .text_big {font-size: 2.5rem;}
.off_text .text_middle {font-size: 1.5rem;}	
.off_text ul {
	margin-bottom: 2rem;
	margin-top: 1rem;
	font-size: 1rem;
	max-width: 38rem;
}
/* favor */
.favor_cont {right: 1.5rem;}
.favor_wrap {height: 100vh;}

/* prod */
.second_list_info small {display: none;}


/* arch */
.arch_list {width: 60rem;}
.arch_list .slick-arrow.slick-next {left: 35rem;}

/* dir */
.dir_info {
	margin-top: 4.7rem;
}

#house_headding {padding-top: 13rem;}
.house_headding_wrap h1 {margin-top: 0;}
.sort_text {max-width: unset; flex-grow: 1;}
.headding {font-size: 2rem;}
.sort_wrap {font-size: 2rem;}
.prod_slide_text .second_list_info small {
	display: block;
}
.prod_slide_imgs .slick-prev {
	left: 19%;
}
.plan_list {
	margin-top: 1.5rem;
}

.contact_left {
	padding: 4rem 0;
}
.h2 {
	font-size: 2rem;
	line-height: 1.2;
}
.contact_left .h2 {
	margin-bottom: 2rem;
}
.cont_zag {
	font-size: 1.5rem;
	line-height: 1.2;
}
.cont_elem {
	font-size: 1.25rem;
	line-height: 1.2;
	margin-bottom: 2.5rem;
}
.cont_info {
	background-position: left 0.25rem;
}
.contect_form_wrap .h2 {
	margin: 0 auto 2rem;
	max-width: unset;
}


.category_wrap .prod_item {
	width: calc(100%/2 - 1.5rem);
}

.diplom_list .slick-arrow.slick-next {
	right: 0;
}





/*******************************************/	
}
@media (max-width: 1279px) {
/* menu */	
#menu-osnovnoe-menju > li > a {
	font-size: 1.125rem;
}
/* offer */	
#offer {
	height: unset;
	min-height: unset;
}
	
/* cat */	
.cat_text .headding {
	font-size: 1.5rem;
}

/* etap */
.etap_img {min-width: 26rem;}
.etap_text .etap_headding {margin-top: 0;}
.etap_text {font-size: 1.125rem;}

/* prod */
.second_list_info {
	font-size: 1rem;
	letter-spacing: unset;
	line-height: 1.2;
}
.prod_name {
	line-height: 1.1;
}

/* dream */
.dream_ico {
	min-width: 2.4rem;
	height: 2.4rem;
	width: 2.4rem;
	margin-right: 0.75rem;
}
.dream_info p {
	line-height: 1.2;
}
.dream_info strong {
	font-size: 1.125rem;
}
/* team */
.team_left {
	width: 45rem;
	margin-right: 3rem;
}

.prod_slide_imgs .slick-prev {
	left: 22%;
}
.wework_right ul strong {
	font-size: 1.25rem;
}
.wework_right ul li {
	margin-bottom: 1.5rem;
	font-size: 1rem;
}
.wework_right .headding {
	margin-bottom: 1rem;
}
.inprice_cont {
	padding: 3rem;
	min-height: unset;
}
.inprice_btn {
	margin: 0 1rem 0rem 1.6rem;
}
.prod_review_text {
	padding-right: 2rem;
}

.about_text p strong {
	font-size: 2.25rem;
}
.about_desctiption.el_1 .about_img img {
	margin-right: -9.4rem;
}
.about_desctiption.el_2 .about_img img {
	margin-left: -9.4rem;
}
.diplom_list {
	width: calc(100% + 2rem);
	margin-left: -1rem;
	margin-right: -1rem;
}

.personal_wrap {
	column-gap: 2rem;
}
.personal_slide {
	max-width: 500px;
	margin: auto;
}
.personal_info {
	max-width: 500px;
	margin: 1.25rem auto 0;
}
.personal_info_wrap {
	max-width: 500px;
	margin: auto;
}
/***************************************/	
}	

/*
==============================
	ml 1149 - Нетбуки	(1024)
==============================
*/
@media (max-width: 1149px) {
/* header */	
.header_soc {margin-left: 1rem;}
.social {width: 6.6rem;}

h2 {font-size: 1.75rem; margin: 0.5rem 0 1rem;}
/* why */
.why_col_1 {font-size: 1rem;}
.why_col_1 h2 {letter-spacing: unset;}
.why_nums em, .why_nums i {font-size: 4.5rem;}
.why_nums {font-size: 1rem;}

.why_col_1 li::before {font-size: 1.25rem;}
.why_col_1 li {
	padding-left: 1.5rem;
	margin-bottom: 0.5rem;
}
/* cat */
.zag_h2 {font-size: 1.75rem;}
.cat_list {margin-top: 2rem;}
.one_cat {width: calc(100% / 5 - 1rem);}
.cat_text {margin-top: 1rem;}
.cat_text .headding {font-size: 1.25rem;}
.cat_text .cat_price {font-size: 1rem; margin-top: 0;}
.cat_text .btn {margin-top: 1rem;}

/* favor */
.favor_text {
	font-size: 1rem;
	line-height: 1.2;
}
.one_from {
	font-size: 1.75rem;
}
.favor_text h3 {
	font-size: 1.5rem;
	margin-top: 1rem;
}
.favor_note {font-size: 0.85rem;}
.favor_cont {width: 19.5rem;}

/* etap */
#etap {
	padding-bottom: 2rem;
}
#etap .zag_h2 {
	margin: 1rem auto 0;
}
.etap_list {
	margin-top: 2rem;
}
.btn.type_2 {
	font-size: 1rem;
	min-width: 11rem;
}

.etap_text .etap_headding {
	font-size: 1.75rem;
}
.etap_text h3 {
	font-size: 1.75rem;
	margin-top: 1rem;
	letter-spacing: unset;
	margin-bottom: 1rem;
}
.etap_text {
	font-size: 1rem;
}

/* prod */
.prod_name {
	font-size: 1.25rem;
}
.prod_bottom {
	font-size: 1rem;
}
.prod_square {
	font-size: 1.125rem;
}
#prod .btn_wrap {
	text-align: center;
	margin-top: 1rem;
}
#prod .btn_wrap .simple_link {
	font-size: 1.125rem;
}


/* arch */
.arch_left strong {
	font-size: 1.75rem;
}
.arch_left {
	width: 18rem;
	margin-right: 3rem;
}
.btn.type_3 {
	font-size: 1rem;
	padding: 0.8rem 0.8rem;
}
/* dream */
#dream .zag_h2 {
	margin: 0rem auto 0;
	max-width: unset;
	line-height: 1.2;
}
.dream_list {
	margin-top: 2rem;
}
/* dir */
.dir_text {
	font-size: 1.25rem;
}
/* team */
.team_right p strong {
	font-size: 1.5rem;
}
.team_left {
	width: 35rem;
	min-width: unset;
}
.team_item {
	margin: 0 0.25rem;
}
.team_list .slick-arrow.slick-next {
	right: 0rem;
}
.team_list .slick-arrow {
	top: 7rem;
}
.team_post {
	font-size: 0.875rem;
}

.sup_opf_headding {
	font-size: 1.75rem;
}
.sup_opf_text {
	font-size: 1rem;
	line-height: 1.25;
}

/* footer */
.footer_logo_link {
	font-size: 1.5rem;
}
.footer_col_3 {
	padding-top: 0rem;
	min-width: unset;
}
.footer_col_4 {
	min-width: unset;
	padding-top: 0rem;
	margin-left: 3rem;
}
.footer_cont {
	font-size: 1.25rem;
	margin-left: 3.4rem;
	margin-right: 2rem;
	width: unset;
	margin-top: 0rem;
}
.footer_cont .phone-content {
	font-size: 1.125rem;
}
.footer_col_1 .social {
	position: relative;
	bottom: unset;
	left: unset;
	margin-left: unset;
	margin-top: 1rem;
}
#footer {
	padding-top: 3rem;
	padding-bottom: 2.5rem;
}


.prod_slide_wrap .prod_info {
	max-width: 22.5rem;
}
.prod_slide_wrap .second_list {
	margin-bottom: 1rem;
}
.prod_slide_wrap .second_list_info {
	font-size: 1.25rem;
}
.prod_slide_text .second_list_info small {
	display: block;
	margin-top: 0;
}
.prod_slide_wrap .btn {
	margin-top: 0;
}
.plan_text {
	font-size: 1rem;
}
.plan_text ul li span {
	letter-spacing: unset;
}
.wework_left {
	min-width: 25rem;
	max-width: 25rem;
}
.wework_right ul {
	column-gap: 1rem;
}
#inprice {
	padding-top: 0;
}
.like_1 .headding {
	font-size: 1.75rem;
}
.like_2 {
	margin: 0 1rem;
}

.filter_wrap {
	padding: 2rem;
}
.category_wrap {
	padding-top: 1rem;
}
.archive_trigger_left {
	font-size: 2rem;
}
.archive_trigger_right {
	font-size: 1.25rem;
}

.about_text {
	width: 100%;
	max-width: 380px;
	min-width: 380px;
}
.about_img img {
	min-width: calc(100% + 7rem);
}
.one_content_img {
	min-width: 40%;
	max-width: 40%;
}
.one_content_text {
	font-size: 1.125rem;
	padding: 2rem;
}
.diplom_section {
	padding-top: 0;
}

.prod_review_text {margin-top: 0;}
.prod_review_img {
	max-width: 20rem;
	min-width: 20rem;
}
.prod_slide_wrap .second_list_ico {
	margin-top: 0rem;
}
/***********************************/	
}	


/*
==============================
	md 1023 - Планшеты	(768)
==============================
*/
@media (max-width: 1023px) {
.header_btn_wrap {
	flex-grow: 1;
	text-align: right;
	margin-right: 1rem;
}
.header_soc {
	display: none;
}
.header_logo_link b {font-size: 1.5rem;}
.btn.header_btn {
	font-size: 1rem;
	padding: 0.6rem 1rem;
}
.header_logo_link {
	font-size: 0.6rem;
}
.header_phone a {
	font-size: 1.125rem;
}
.header_callback {
	font-size: 1rem;
}
#menu-osnovnoe-menju > li > a {
	font-size: 1rem;
	padding: 0.25rem 0.5rem;
}
.container-fluid {padding: 0 2rem;}
.why_nums em, .why_nums i {font-size: 3rem;}
.why_nums {
	padding: 0;
}
.why_col_1 {padding-right: 1rem;}
.why_col_3 {padding-left: 1rem;}



.cat_text .headding {font-size: 1.125rem;}
.cat_text .btn {padding: 1rem;}
.btn {
	font-size: 0.875rem;
	padding: 1rem 1rem;
}

.favor_wrap {
	height: 74vw;
	padding: 2rem 2rem 2rem;
	background-size: cover;
}
.favor_cont {
	width: 30vw;
}
.favor_cont .favor_item {
	padding: 1.5rem 1.5rem 5rem;
}
.favor_text h3 {
	font-size: 1.25rem;
}

.btn.type_2 {
	min-width: 8rem;
}

.etap_img {
	min-width: 30vw;
	margin-right: 1.5rem;
}
.etap_text .etap_headding {
	font-size: 1.5rem;
}
.etap_text h3 {
	font-size: 1.25rem;
	margin-top: 0;
	margin-bottom: 0;
}

.second_list_info {
	font-size: 0.75rem;
}
.second_list {
	margin-top: 0.25rem;
}
.prod_square {
	font-size: 1rem;
}
.prod_bottom a {
	font-size: 0.75rem;
}
.prod_bottom {
	padding: 0 0rem 1rem;
}
.prod_item {
	padding: 0 1rem;
}
.arch_left strong {
	font-size: 1.5rem;
}
.arch_list {
	width:75vw;
}
.arch_list .slick-arrow.slick-next {
	left: 39vw;
	top: 28.5rem;
}
#dream {
	padding-bottom: 3.6rem;
}
.dream_list {
	margin: 2rem auto;
	max-width: 768px;
}

.dir_wrap {
	max-width: calc(100% - 14.3rem);
	padding-top: 1rem;
}
.dream_img {
	left: -23rem;
	height: 450px;
}

.team_wrap {
	display: block;
	width: 100%;
	padding: 0 9px;
}
.team_left {
	width: 100%;
}
.team_right {
	color: var(--color-base3);
	margin-top: 2rem;
}
.team_right p {
	margin-bottom: 1rem;
}
.team_item {
	margin: 0 auto;
	text-align: center;
}
#sup_opf {
	padding-bottom: 0;
	padding-top: 0;
}
.sup_opf_headding {
	font-size: 1.5rem;
}
.opf_wrap {
	margin-top: 1rem;
}
.footer_cont {
	font-size: 1.125rem;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	width: unset;
	margin-top: 0rem;
	line-height: 1.3;
}

.prod_slide_wrap .prod_info {max-width: 20.5rem;}
.prod_slide_wrap .second_list_info {font-size: 1.125rem;}
.prod_slide_text .second_list_info small {
	display: none;
}
.prod_slide_imgs .slick-next {
	right: 6rem;
}
.level_place {
	font-size: 1.25rem;
}
.level_description {
	font-size: 1rem;
}
.wework_left {
	min-width: 40%;
	max-width: 40%;
}
.wework_right ul li {
	line-height: 1.2;
	margin-bottom: 0;
}
.wework_right ul strong {
	font-size: 1.125rem;
	margin-bottom: 0.5rem;
}
#wework {
	padding-top: 4rem;
	padding-bottom: 1.25rem;
}
.inprice_cont {
	padding: 2rem;
	min-height: unset;
	font-size: 1rem;
}
.inprice_btn {
	min-width: 11rem;
	max-width: 11rem;
}
.like_wrap {
	flex-wrap: wrap;
}
.like_1 {
	max-width: 100%;
	width: 100%;
}
.like_2 {
	margin: 0 1rem 0 0;
}
#like {
	padding: 3rem 0;
	background-color: #EDF6FD;
}
#prod_review {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.prod_review_img {
	min-width: 30%;
}
.review_names {
	margin-top: 1rem;
}
.name_client {
	font-size: 1.25rem;
	margin-bottom: 0;
}
.name_project {
	font-size: 1rem;
	opacity: 0.7;
}
.prod_review_slide .my_next.slick-arrow {
	left: unset;
	right: 0;
}
.prod_review_slide .my_prev.slick-arrow {
	left: unset;
	right: 4rem;
}
.prod_form_wrap {
	padding-top: 4rem;
}
.prod_form_wrap .headding {
	font-size: 1.75rem;
}
.contact_left {
	padding: 3rem 0;
}
.h2 {
	font-size: 1.75rem;
}
.contact_form_section, .uslugi_form_section {
	padding: 3rem 0;
}
.contect_form_wrap .opf_form {
	justify-content: space-between;
}
.contect_form_wrap .opf_form .line {
	margin: 0;
	max-width: calc(100% / 3 - 0.5rem);
	width: 100%;
}

.category_wrap .prod_item {
	width: calc(100%/2 - 1rem);
	margin: 0.5rem;
}
#archive_cont {
	padding-top: 2rem;
}
.archive_trigger_right {
	font-size: 1.125rem;
}

.uslugi_wrap .prod_bottom {
	padding: 0 0rem 1rem;
	display: block;
}

.about_text p strong {
	font-size: 1.5rem;
}
.about_desctiption {
	margin-bottom: 4rem;
}
.tabs {
	margin-top: 1rem;
	font-size: 1.5rem;
}
.tabs_content {
	margin-top: 1rem;
}
.one_content_text {
	font-size: 1rem;
}

.personal_el {
	margin-bottom: 2rem;
}
.personal_name {
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.2;
}

.prod_review_text .see_all_about,.prod_review_text .close_all_about {
	bottom: 0;
}
.second_list {
	align-items: center;
}
/*********************************************/	
}

/* непонятные стили по запросу от технарей */
@media screen and (min-width:768px) {
		.personal_left .personal_el.el_2 {
		display:none;
	}
}

@media screen and (max-width:767px) {
		.personal_right .personal_el.el_2 {
		display:none;
	}
}
/* нокец непонятных стили по запросу от технарей */

/*
==============================
	sm 767 - Фаблеты	(500)
==============================
*/
@media (max-width: 767px) {
	
/*.header_phone {display: none;}	/* сделать иконку */
.header_callback {
	display: none;
}
.header_phone a {
	background-image: url(assets/i/phone-fill.svg);
	background-repeat: no-repeat;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 0;
	background-color: var(--color);
	background-position: center;
	border-radius: 10px;
	margin: 0 0 0 auto;
}

#menu {
	position: fixed;
	z-index: 2;
	padding: 1rem 0px;
	background-color: #ffffff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	display:none;
}
#menu-osnovnoe-menju a, .home #menu-osnovnoe-menju a, .category-proekty #menu-osnovnoe-menju a, .category-vybor-doma #menu-osnovnoe-menju a, .post-template-single-prod #menu-osnovnoe-menju a {
	color: var(--color-base);
}	
#menu-osnovnoe-menju {
	display: block;
}	
#menu-osnovnoe-menju .sub-menu {
	background: unset;
	position: relative;
	pointer-events: unset;
	opacity: 1;
}	
#menu-osnovnoe-menju > li.menu-item-has-children:hover > a {
	background: unset;
}	
	
.off_text .text_bigger {
	font-size: 2.5rem;
	line-height: 1.2;
	letter-spacing: unset;
}	
.off_text .text_big {
	font-size: 2rem;
	margin-top: 0;
}
.off_text .text_bigger {
	font-size: 2.5rem;
	line-height: 1.2;
	letter-spacing: unset;
	margin-bottom: 0;
}
.off_text ul {
	display: block;
	margin-top: 0rem;
}	
.animated.off_text ul li br {display:none;}
.off_text ul li::before {
	top: 0.25rem;
	transform: scale(0.5);
	transform-origin: center top;
}	
.off_text .btn {
	font-size: 1rem;
	padding: 0.5rem 1.3rem;
}
#why {
	padding: 0;
	background: linear-gradient( var(--color-btn) 16rem, var(--color-bg-1)16rem);
	padding-bottom: 2rem;
}	
.why_wrap {
	flex-wrap: wrap;
}	
.why_col_1 {
	padding-right: 0rem;
	width: 100%;
}	
.why_wrap::before {
	display: none;
}	
.why_nums {
	width: 50%;
}	
.why_link {
	margin-top: 1rem;
}	
	
.cat_list {
	flex-wrap: wrap;
}	
	
.one_cat {
	width: calc(100% / 2 - 0.5rem);
	margin-bottom: 1rem;
}	
.cat_text {
	margin-top: 0.5rem;
}
.cat_text .btn {
	padding: 0.7rem;
	margin-top: 0;
}
.favor_wrap {
	margin-bottom: 16rem;
	overflow: unset;
}
.favor_btn {
	position: relative;
	margin-top: -2.2rem;
}	
.favor_cont {
	width: 100%;
	right: 0;
	height: 16rem;
	bottom: unset;
	top: 100%;
	min-height: unset;
}
.favor_cont {
	width: 100%;
	right: 0;
	height: 16rem;
	bottom: unset;
	top: 100%;
	border-radius: 0;
}
.etap_btn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.btn.type_2 {
	min-width: 8rem;
	padding: 0.5rem 1rem;
	margin: 0.25rem;
}

.etap_cont .etap_item {
	display: block;
}
.etap_cont {
	margin-top: 1rem;
	margin-right: 0;
}
.etap_img {
	width: 100%;
	margin-right: 0;
	margin-bottom: 1rem;
}
#prod {
	padding-bottom: 2rem;
}
.prod_item.el_1 {
	width: 100%;
	height: 45vw;
}
.prod_item {
	width: calc(100%/2);
	height: 35vw;
}	
.prod_item .prod_back::before {
	top: -25%;
}
.prod_info {
	display: none !important;
}	
.arch_wrap {
	display: block;
}

.arch_left {
	width: 100%;
	margin-right: 0;
	padding-top: 0;
}
.arch_left .btn_wrap {
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.arch_list {
	width: 100%;
}
.slick-current .arch_item {
	height: 15.5rem;
	margin: 0 0.5rem;
	overflow: hidden;
}
#arch {
	padding-top: 1.6rem;
	padding-bottom: 2rem;
}
.arch_item {
	height: 15.5rem;
	margin: 0 0.5rem;
}
.arch_list .slick-arrow.slick-next {
	left: unset;
	top: calc(50% - 1rem);
	right: 0;
}
.arch_link {
	right: 0;
}
.slick-current .arch_info {
	opacity: 1;
	left: unset;
	right: 0;
	padding: 0.5rem 2.75rem 0.5rem 1rem;
}
.arch_num {
	display: none;
}
.arch_name {
	font-size: 0.875rem;
}

.arch_right {
	position: relative;
	flex-grow: 1;
	height: 18rem;
}

#dir {
	background-color: var(--color-bg-1);
	padding-bottom: 0;
}
.dir_wrap {
	max-width: 100%;
	padding-top: 1rem;
	display: flex;
	flex-wrap: wrap;
}
.dream_img {
	left: unset;
	position: relative;
	order: 3;
	width: 100%;
	text-align: center;
}
.dir_text {
	font-size: 1.125rem;
	width: 100%;
	order: 1;
}
.dir_info {
	margin-top: 0;
	order: 2;
	width: 100%;
	text-align: right;
}
.dream_img {
	left: unset;
	position: relative;
	order: 3;
	width: 100%;
	text-align: center;
	bottom: 0;
	height: unset;
	transform: unset;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.team_list .slick-arrow {
	top: calc(50% - 4rem);
}

.sup_opf_wrap {
	display: block;
	justify-content: space-between;
}
.footer_row {
	flex-wrap: wrap;
}
.footer_col_1 {
	max-width: 50%;
}
.footer_col_2 {
	max-width: 50%;
}
.footer_col_3 {
	margin-top:2rem;
	padding-top: 0rem;
	min-width: 50%;
}
.footer_col_4 {
	margin-top:2rem;
	min-width: 50%;
	padding-top: 0rem;
	margin-left: 0;
}
.one_from {
	font-size: 1.5rem;
}
.favor_text h3 {
	font-size: 1.125rem;
	margin: 0.5rem 0;
}
.favor_text {
	font-size: 0.875rem;
	line-height: 1.2;
}
.favor_note {
	font-size: 0.75rem;
	left: 1.5rem;
}
.home .prod_item, .prod_item,
.home .prod_item.el_1,
.home .prod_item.el_2 {
	width: 100%;
	height: 35vw;
}
.prod_item .prod_back::before {
	top: -25%;
}

.house_headding_wrap h1 {
	font-size: 2rem;
}
#sort {
	padding-top: 1.5rem;
}
.sort_wrap {
	font-size: 1.5rem;
	display: block;
}
.sort_text {
	font-size: 1.5rem !important;
	line-height: 1.2;
	margin-right: 0;
}
.sort_text p {margin-bottom:0;}
.sort_wrap {
	font-size: 1.25rem;
	display: block;
}
.prod_slide_imgs {
	width: 100%;
	margin: 0;
}
.prod_slide_imgs .slick-next {
	right: 1rem;
}
.prod_slide_imgs .slick-prev {left: 1rem;}
#prod_slide {
	padding-top: 0;
	padding-bottom: 1rem;
}
.plan_list {
	margin-top: 0;
}
.plan_item .btn {
	font-size: 1rem;
	padding: 0rem 0rem;
}
.zagolovok {
	font-size: 1.25rem;
}

.plan_cont .plan_item {
	display: block;
}
.plan_img {
	max-width: 100%;
	width: 100%;
}
.plan_text {
	padding-left: 0;
}

.wework_wrap {
	display: block;
}
.wework_left {
	min-width: 100%;
	max-width: 100%;
}
.wework_right {
	padding-left: 0;
	margin-top: 2rem;
}

.wework_right ul li {
	min-height: unset;
	margin-bottom: 2rem;
}
#prod_video {
	padding-bottom: 3rem;
}
.inprice_list {
	margin-top: 1rem;
	display: block;
}

.inprice_btn {
	min-width: 100%;
	max-width: 100%;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.inprice_btn .inprice_item {
	margin: 0.125rem;
}
.inprice_btn .type_2:hover, #inprice .active .btn.type_2, #inprice .btn.type_2 {
	padding: 0.25rem 0.35rem;
	width: unset;
	min-width: unset;
	font-size: 0.9rem;
}
#inprice {
	padding-bottom: 3rem;
}

.like_1 .headding {
	font-size: 1.5rem;
}
.like_2 {
	margin: 0;
	max-width: unset;
}
.prod_review_text {
	padding-right: 0;
	margin-top: 0;
}
.prod_review_wrap {
	flex-wrap: wrap;
}
.prod_review_text {
	padding-right: 0;
	margin-top: 1rem;
	order: 1;
}
.prod_review_img {
	text-align: center;
}
.headding {
	font-size: 1.5rem;
}
.conntact_wrap {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
#map-3 {
	position: relative;
	width: 100vw;
	height: 300px;
	top: 0;
	left: -2rem;
}
.contect_form_wrap .opf_form {
	justify-content: center;
	flex-wrap: wrap;
}
.contect_form_wrap .opf_form .line {
	margin: 0 0.25rem;
	max-width: calc(100% / 2 - 0.5rem);
	width: 100%;
}
.contect_form_wrap .opf_form input.wpcf7-submit {
	margin-top: 1rem;
	padding: 0.85rem 1rem;
}

#blog_page, #uslugi_page {
	padding-top: 2rem;
	padding-bottom: 0;
}
.tag_date {
	font-size: 1rem;
}

.filter_wrap {
	padding: 1rem;
	display: block;
	font-size: 1rem;
}
.filter:nth-child(1) {margin-bottom: 1rem;}
.archive_trigger_wrap {
	display: block;
	padding-bottom: 3rem;
}
.archive_trigger_left {
	font-size: 1.75rem;
	width: 100%;
}
.archive_trigger_right {
	font-size: 1.125rem;
	width: 100%;
	max-width: unset;
}
.archive_trigger_left .btn_wrap {
	position: absolute;
	bottom: 0;
}

.uslugi_wrap .prod_item.el_1,
.uslugi_wrap .prod_item.el_2,
.uslugi_wrap .prod_item.el_3,
.uslugi_wrap .prod_item.el_4,
.uslugi_wrap .prod_item.el_5,
.uslugi_wrap .prod_item.el_6 {
	width: 100%;
	height: 35vw;
}
.uslugi_wrap .wrap23, .uslugi_wrap .wrap45 {
	width: 100%;
}

.about_desctiption {
	display: block;
}
.about_text p strong {
	margin-bottom: 0;
}
.about_desctiption.el_1 .about_img img, .about_desctiption.el_2 .about_img img {
	margin-right: unset;
	margin-left: unset;
	min-width: unset;
	width: 100%;
}
.history_section .tabs {
	font-size: 1.2rem;
}
.history_section  .one_tab {
	width: calc(100% / 3 - 1rem);
	padding-bottom: 0.25rem;
}
.one_content {
	flex-wrap: wrap;
}
.one_content_img {
	min-width: 100%;
	max-width: 100%;
}

.personal_wrap {
	column-count: 1;
}

.open_menu {
	position: absolute;
	height: 4px;
	width: 1.8rem;
	background-color: #fff;
	left: 2rem;
	z-index: 20;
	top: 3.25rem;
}
.open_menu span {
	display: block;
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.header_logo {
	margin-left: 3rem;
}
.open_menu:before, .open_menu:after{
	position:absolute;
	content:"";
	display:block;
	height: 4px;
	width: 1.8rem;
	background-color: #fff;
	left: 0rem;
}
.open_menu:before{top:-0.6rem;}
.open_menu:after{bottom:-0.6rem;}

.open_menu.active, .open_menu.active:before, .open_menu.active:after{
	background-color: var(--color-base);
}
.open_menu.active{
	left:unset;
	right:2rem;
}
#menu.active {display: block;}
.open_menu.active {
	background-color: transparent;
	position:fixed;
}
.open_menu.active:before{
	top: 0;
	transform: rotate(45deg);
}
.open_menu.active:after{
	bottom: 0;
	transform: rotate(-45deg);
}

.tehnology_section {
	padding-bottom: 0;
}
.tehnology_img {
	padding: 0 !important;
	text-align: center;
	margin-bottom: 2rem;
}
.tehnology_img .video_link, .tehnology_img .video_link {
	position: relative;
	display: block;
	max-width: 500px;
	margin: 0 auto 2rem;
}
.prod_slide_wrap .prod_info {
	max-width: unset;
	display: block !important;
	margin-top: 0;
	border-radius: 0 5px 5px 0;
	box-shadow: unset;
}
.prod_slide_text {
	position: relative;
	z-index: 1;
	top: 0;
	left: unset;
	width: 100%;
	order: 1;
}
.prod_slide_text .second_list_info small {
	display: block;
}
.prod_slide_wrap {
	display: flex;
	flex-wrap: wrap;
}



.one_content_text_about {
	position: relative;
	max-height: unset;
	margin-bottom: unset;
}
.one_content_text_about::before {
	display: none;
}
.see_all_about, .close_all_about {
	display:none;
}
.prod_review_img {
	max-width: 100%;
}
	.plan_vr {
	text-align: center;
	display: block;
	}	
	.plan_vr span {
	margin-top: 1rem;
	font-size: 0.875rem;
	}
	
.etap_list_slide .slick-arrow {
	top: -3.5rem;
}	
/*******************************************/
}
@media (max-width: 599px) {
	.category_wrap .prod_item {
		width: 100%;
		margin: 0.5rem;
	}
		.header_btn_wrap {
	display: none;
	}
	.header_phone {
		text-align: right;
		flex-grow: 1;
	}
	
.blog_item {
	width: 100%;
	margin: 0 0rem 2rem;
	display: block !important;
}
.blog_item.el_1 .blog_img {
	min-width: 100%;
	max-width: 100%;
}
.blog_item.el_1 .blog_info {
	padding-left: 0;
	flex-grow: 1;
}
.blog_name {
	font-size: 1.5rem;
}
.blog_item .blog_text {
	height: 7rem !important;
	max-width: unset !important;
	max-height: unset !important;
	font-size: 1rem;
}



/******************************/	
}
@media (max-width: 524px) {
	.contect_form_wrap .opf_form .line {
		max-width: 300px;
	}
}


/*
==============================
	xs 499 - Смартфоны	(360, 414)
==============================
*/
@media (max-width: 499px) {
.header_logo {
	margin-left: 4rem;
}
h2 {font-size: 1.5rem;}	
.zag_h2 {
	font-size: 1.5rem;
}
.one_cat {
	width: 100%;
	margin-bottom: 1rem;
}
.container-fluid {
	padding: 0px 1rem;
}

.header_btn_wrap {
	display: none;
}
.header_logo_link span {
	display: none;
}

#cat {
	padding-bottom: 2rem;
}
.favor_btn .favor_item {
	transform: scale(0.5);
}


.arch_right {
	width: 125%;
}
.arch_list .slick-arrow.slick-next {
	left: calc(100vw - 4rem);
	top: calc(50% - 1rem);
	right: 0;
}
.form_headding {
	font-size: 1.75rem;
}
#opf {
	background: none;
	padding-bottom: 0;
}	
.opf_wrap {
	margin: 1rem -1rem 0;
	box-shadow: unset;
	border-radius: 0;
}
.home #footer {
	margin-top: 0;
}
.footer_col_1 {
	max-width: 100%;
}
.footer_col_1 .social {
	margin-top: 0.5rem;
}
.footer_col_2 {
	max-width: 100%;
}
.footer_cont {
	font-size: 1rem;
	margin-left: 0;
	margin-right: 0;
}
.prod_slide_imgs .slick-dots {
	display: none !important;
}
#opf.prod_opf .opf_wrap {
	margin: 0 -1rem;
	padding: 2rem;
}
.prod_form_wrap {
	padding-top: 4rem;
	padding-bottom: 0;
	margin-bottom: -3rem;
}
.btn_tab {
	min-width: 4.6rem;
	margin-right: 1.5rem;
}

.h2 {
	font-size: 1.5rem;
}
.contact_left .h2 {
	margin-bottom: 1rem;
}
.cont_zag {
	font-size: 1.25rem;
	line-height: 1.2;
	margin-bottom: 0.5rem;
}
.cont_elem {
	font-size: 1.125rem;
	margin-bottom: 1.5rem;
}
#map-3 {
	left: -1rem;
}

#blog_page, #uslugi_page {
	font-size: 1rem;
	line-height: 1.4;
}
.blog_wrap {
	flex-wrap: wrap;
}
.share_wrap {
	width: 100%;
	min-width: 3rem;
	padding-top: 0;
	order: 1;
	text-align: right;
}
.ya-share2__list.ya-share2__list_direction_horizontal {
	margin-top: -2px;
	margin-bottom: 0;
}
.tag_date {
	font-size: 0.875rem;
}
.tag_post {
	margin-right: 1rem;
}

.category_wrap .prod_item {
	width: 100%;
	margin: 0.5rem 1rem;
	height: 60vw;
}

.uslugi_wrap .prod_item.el_1, .uslugi_wrap .prod_item.el_2, .uslugi_wrap .prod_item.el_3, .uslugi_wrap .prod_item.el_4, .uslugi_wrap .prod_item.el_5,  .uslugi_wrap .prod_item {
	width: 100%;
	height: 50vw;
}

.about_text {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
.about_text p {
	font-size: 1rem;
}
.about_text p strong {
	font-size: 1.25rem;
}
.one_content_text {
	font-size: 1rem;
	padding: 1rem;
}

.personal_text {
	font-size: 1rem;
	line-height: 1.2;
}
.blog_name {
	font-size: 1.25rem;
}
.plan_vr a {
	margin: 1rem auto 0;
	white-space: unset;
	max-height: unset;
}
/*********************************************************/	
}

/*
==============================
	xs 359 - Смартфоны	(320)
==============================
*/
@media (max-width: 413px) {
.off_text .text_bigger {
	font-size: 2rem;
}	
.off_text .text_big {
	font-size: 1.75rem;
}	
.off_text .text_middle {
	font-size: 1.5rem;
	margin-top: 0;
}
#why {
	padding-bottom: 0;
}
.why_col_1 h2 {
	letter-spacing: unset;
	margin-top: 1rem;
	font-size: 1.25rem;
	margin-bottom: 1rem;
}
.why_col_1 li {
	line-height: 1.2;
}	
.why_link .arr_link {
	width: 2rem;
}	
.why_col_1 {
	width: 100%;
	padding: 0 1rem 1rem;
}
.why_wrap {
	flex-wrap: wrap;
	align-items: unset;
	margin: 0 -1rem;
}	
.why_nums {
	width: 50%;
	background-color: #edf6fd;
	padding: 1.5rem 0;
}
.zag_h2 {
	font-size: 1.25rem;
}	
.arch_right {
	width: 100%;
}	
.dir_text {
	font-size: 1rem;
}
.dir_name {
	font-size: 1.125rem;
}
#home_team {
	padding-top: 3rem;
}

.opf_wrap {
	padding: 2rem;
}

.wework_right ul {
	column-count: 1;
}
.video_link span {
	transform: translate(-50%,-50%) scale(0.5);
}
.prod_form_wrap .headding {
	font-size: 1.25rem;
}
#opf.prod_opf {
	margin-top: 2rem;
}

.filter_level, .chose_filter.square > .filter_square {
	height: unset;
	min-width: unset;
	padding: 0.125rem 0.5rem;
}
.chose_filter.square {
	flex-grow: 1;
}
.chose_filter.square .filter_square {
	width: 100%;
}
/**********************************/
}


/* wow */
.animated * {
	animation-timing-function: ease; 
	animation-duration: 1000ms; /* время действия */
	animation-delay: 0ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */
}


.animated.off_bg {
   animation-name: zoom_in;
   animation-delay: 0ms; /* время задержки */
   animation-duration: 10000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */
}
.animated.off_text .text_bigger{
   animation-name: fromLeft;
   animation-delay: 0ms; /* время задержки */
   animation-duration: 1000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */
}
.animated.off_text .text_big{
   animation-name: fromLeft;
   animation-delay: 333ms; /* время задержки */
   animation-duration: 1000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */
}
.animated.off_text .text_middle{
   animation-name: fromLeft;
   animation-delay: 666ms; /* время задержки */
   animation-duration: 1000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */
}
.animated.off_text ul li{
   animation-name: fromBottom;
   animation-delay: 0ms; /* время задержки */
   animation-duration: 750ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */
}
.animated.off_text ul li:nth-child(1) {animation-delay: 1100ms; /* время задержки */}
.animated.off_text ul li:nth-child(2) {animation-delay: 1200ms; /* время задержки */}
.animated.off_text ul li:nth-child(3) {animation-delay: 1300ms; /* время задержки */}

.animated.one_cat {
   animation-name: fromTop;
   animation-delay: 0ms; /* время задержки */
   animation-duration: 500ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */
}

.animated.favor_item {
   animation-name: zoom;
   animation-delay: 0ms; /* время задержки */
   animation-duration: 1000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */
}
.animated.favor_item.el_1 {animation-delay: 0ms; /* время задержки */}
.animated.favor_item.el_2 {animation-delay: 250ms; /* время задержки */}
.animated.favor_item.el_3 {animation-delay: 125ms; /* время задержки */}
.animated.favor_item.el_4 {animation-delay: 375ms; /* время задержки */}
.animated.favor_item.el_5 {animation-delay: 250ms; /* время задержки */}
.animated.favor_item.el_6 {animation-delay: 300ms; /* время задержки */}
.animated.favor_item.el_7 {animation-delay: 125ms; /* время задержки */}

.animated.etap_btn .etap_item{
   animation-name: fromLeft;
   animation-delay: 0ms; /* время задержки */
   animation-duration: 1000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */	
}
.animated.etap_btn .etap_item.el_1 {animation-delay: 1000ms; /* время задержки */}
.animated.etap_btn .etap_item.el_2 {animation-delay: 750ms; /* время задержки */}
.animated.etap_btn .etap_item.el_3 {animation-delay: 500ms; /* время задержки */}
.animated.etap_btn .etap_item.el_4 {animation-delay: 250ms; /* время задержки */}
.animated.etap_btn .etap_item.el_5 {animation-delay: 0ms; /* время задержки */}

.animated.etap_cont {
   animation-name: fromTop;
   animation-delay: 1000ms; /* время задержки */
   animation-duration: 1000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */	
}
.animated.arch_right {
   animation-name: fromRight;
   animation-delay: 00ms; /* время задержки */
   animation-duration: 1000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */	
}
.animated.arch_left {
   animation-name: fromLeft;
   animation-delay: 500ms; /* время задержки */
   animation-duration: 1000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */	
}

.animated.dream_img {
	animation-name: fromBottom;
   animation-delay: 1000ms; /* время задержки */
   animation-duration: 1000ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */	
}
.animated.dir_text {
	animation-name: fromRight;
   animation-delay: 0ms; /* время задержки */
   animation-duration: 500ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */	
}
.animated.dir_name {
	animation-name: fromRight;
   animation-delay: 250ms; /* время задержки */
   animation-duration: 500ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */	
}
.animated.dir_post {
	animation-name: fromRight;
   animation-delay: 500ms; /* время задержки */
   animation-duration: 500ms; /* время действия */
   animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
   animation-iteration-count: 1; /* количество повторов */
   animation-direction: normal /* направление анимации */	
}


@keyframes zoom_in {
  0% {
	transform:scale(1.1);
	
  }
  100% {
    transform:scale(1);
  }
}




@keyframes fromLeft {
  0% {
	 opacity:0; 
	 transform:translateX(-16px);
  }
  100% {
	opacity:1; 	
    transform:translateX(0);
  }
}
@keyframes opacity {
  0% {
	 opacity:0; 
  }
  100% {
	opacity:1; 	
  }
}

@keyframes fromRight {
  0% {
	 opacity:0; 
	 transform:translateX(16px);
  }
  100% {
	opacity:1; 	
    transform:translateX(0);
  }
}
@keyframes fromTop {
  0% {
	 opacity:0; 
	 transform:translateY(-16px);
  }
  100% {
	opacity:1; 	
    transform:translateY(0);
  }
}
@keyframes fromBottom {
  0% {
	 opacity:0; 
	 transform:translateY(16px);
  }
  100% {
	opacity:1; 	
    transform:translateY(0);
  }
}

@keyframes fade {
  0% {
	 opacity:0; 
  }
  100% {
	opacity:1; 	
  }
}

@keyframes fadeIn {
  0% {
	 opacity:0; 
	 transform:scale(1.1);
  }
  100% {
	opacity:1; 	
	transform:scale(1);
  }
}

@keyframes zoom {
  0% {
	 opacity:0; 
	 transform:scale(0.8);
  }
  75% {
	 opacity:1; 
	 transform:scale(1.1);
  }
    100% {
	opacity:1; 	
	transform:scale(1);
  }
}
@keyframes rost {
  0% {
	 height:0;
  }
  100% {
	height:144px;
  }
}
@keyframes fadeOutBlur {
  0% {
	 opacity:0; 
	 transform:scale(0.9);
	 filter:blur(5px);
  }
  75% {
	opacity:1; 	
	transform:scale(0.975);
	filter:blur(0px);
  
  }
  100% {
	opacity:1; 	
	transform:scale(1);
	filter:blur(0px);
  }
}
.newbanner {
    background: #48aa6f;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    display: block;
    margin-top: 15px;
    font-size: 14px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 600;
    position: fixed;
    bottom: 0px;
    z-index: 9;
    max-width: 310px;
    cursor: pointer;
    border-radius: 16px;
	margin-left: 25px;
    margin-right: 25px;
}


.ipoteka_form_section {
    padding: 40px 0 50px;
    background-color: #edf6fd;
    margin-bottom: -3rem;
    background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url("../../uploads/kak-podruzhit-rebenka_7.jpg");
    background-position: center;
	    margin-top: 5px;
}
.ipoteka_form_section .h2 {
    margin-bottom: 1.25rem;
    color: #fff;
    text-align: left;
    margin-left: 0px;
    text-transform: uppercase;
}	
.podtext {
text-align: right;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    margin-top: 0px;	
	font-size:35px;
}	
.ipoteka_form_section .h2 {
    text-align: left;
    margin: 0 auto 60px;
    max-width: 710px;
    display: inline-block;
}
.ipotekka_form_wrap .h2 {
    text-align: left;
    margin: 0 auto 60px;
    max-width: 710px;
    display: inline-block;
}	
.formipoteka .opf_form {
    display: flex;
    justify-content: center;
}
.formipoteka .opf_form .line {
    margin: 0 22px;
    max-width: calc(330px);
    width: 100%;
}
.formipoteka .opf_form input.wpcf7-submit {
    margin-top: 2.7rem;
    padding: 0.85rem 1rem;
}	
.ipotekagalochka {
    display: block;
    text-align: center;
    color: #fff;
	margin-top: -1rem;
}
.ipotekagalochka a {
    color: #48aa6f;
}
.wpcf7-response-output {
    background-color: #fff;
    text-align: center;
}


@media (max-width: 1023px) {
.formipoteka .opf_form .line {
    margin: 0;
    max-width: calc(100% / 3 - 0.5rem);
    width: 100%;
}
}
@media (max-width: 1023px) {
.formipoteka .opf_form {
    justify-content: space-between;
}
.ipotekagalochka {
    text-align: center;
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 12px;
}
}
@media (max-width: 767px) {
.formipoteka .opf_form {
    justify-content: center;
    flex-wrap: wrap;
}
.ipotekka_form_wrap .h2 {
    text-align: center;
    margin: 0 auto 30px;
    max-width: 710px;
    display: block;
	line-height: 35px;
}
.podtext {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    display: block;
    float: revert;
    margin-top: 0px;
    font-size: 27px;
	line-height: 35px;
}

}

@media (max-width: 767px) {
.formipoteka .opf_form .line {
    margin: 0 0.25rem;
    max-width: calc(100% / 2 - 0.5rem);
    width: 100%;
}
}

@media (max-width: 524px) {
.formipoteka .opf_form .line {
    max-width: 300px;
}
}


.page-id-738 .newbanner {
    display: none;
}
button.slick-next.slick-arrow {
    right: 0px;
}
.wizLogo {
    border-radius: 30%!important;
    width: 25px;
    display: inline-block;
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
    filter: gray;
    transition: all 500ms ease 0ms;
    vertical-align: middle;
}