@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{box-sizing: border-box; margin:0; padding:0; outline: none}

body{
	font: 16px/24px "Exo 2", Arial, sans-serif;
	background:#f7f7f8;
	width:100%;
	height:100%;
	color:#333;
	font-size: 16px;
	line-height: 22px;
}

.mainer p{margin:0 0 20px 0}
.mainer ul{margin:0 0 20px 0; list-style:inside}
a{text-decoration:none; transition:all .3s; color:#5baa00;}
a:hover{}
img{max-width:100%;  height: auto;}
.wrapper{margin:0 auto; width:1240px}

h1 {font-size: 34px; line-height: 34px;}
h2{padding:0 0 15px 0}

.mainer{background:#fff; border: 1px solid #ebeef1; padding:40px 0 100px 0}

.mainmenu{position: relative; background: #509600;}
.mainmenu .menu{display:flex;}
.mainmenu .menu>li.menu-item{position:relative; list-style:none; position:relative}
.mainmenu .menu>li.menu-item a{display:block; height:75px; line-height:75px; color:#fff; font-size: 16px; font-weight: 700; padding:0 20px; text-transform:uppercase; letter-spacing:1px;}
.mainmenu .menu>li.menu-item a:hover,
.mainmenu .menu>li.menu-item a.is-active{background: #5baa00}
.mainmenu .menu>li.menu-item.menu-item--expanded>a:after{content:''; display:inline-block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    margin: 0px 0px 4px 11px;}


.mainmenu .menu>li.menu-item+li{border-left: 1px solid rgba(255,255,255,0.1)}
.mainmenu .menu>li.menu-item ul{display:none; position:absolute; top:100%; left:0; background:#fff; flex-direction:column; z-index:99}
.mainmenu .menu>li.menu-item:hover ul{display:block; min-width:100%}
.mainmenu .menu>li.menu-item ul a{color: #333; font-weight:600; font-size: 16px; line-height:1.5em; height:auto; padding: 9px 25px 11px 13px; text-transform:none; white-space:nowrap}
.mainmenu .menu>li.menu-item ul li+li a{border-top: 1px solid #f3f3f3;}
.mainmenu .menu>li.menu-item ul a:hover{color:#fff; background:#509600;}
.11mainmenu .menu>li.menu-item.menu-item--expanded>a[href="/catalog"]+ul{columns:2}



.top{padding: 20px 0 40px 0;}
.breadcrumb ul{color: #777777; font-size: 14px; display:flex;list-style:none; margin:0 0 10px 0}
.breadcrumb li+li:before{content:'-'; padding:0 10px}
.breadcrumb ul a{color: #777777}
.breadcrumb ul a:hover{color: #5baa00}
.catalog .view-header{border: 3px solid #66be00; margin: 0 0 50px 0; padding: 20px 30px; border-radius: 3px;}
.catalog .view-content{display:flex; justify-content:space-between; flex-wrap:wrap}
.catalog .view-content>div{width:calc(33.333% - 30px); box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 15%); border-radius:3px; overflow:hidden; margin:0 0 40px 0}
.catalog .view-content .text{padding: 16px 20px 0px; display:block}
.catalog .view-content .text .info, .catalog .view-content .text .subb{display:flex; justify-content:space-between; padding:0 0 15px 0; align-items: center}
.catalog .view-content .text .ttl{font-size: 20px; line-height: 24px;}
.catalog .view-content .text .ttl a{color:#111; font-weight:600}
.catalog .view-content .text .ttl a:hover{opacity:.7; color:#5baa00;}
.catalog .view-content .text .cat{color: #85878b; font-size: 14px; line-height: 18px;}
.catalog .view-content .text .sqr{padding: 8px 10px 10px; font-size: 20px; border-radius: 2px; background-color: #5baa00; color:#fff}
.catalog .view-content .text .price{font-size: 20px; font-weight: 600; color:#5baa00;}
.catalog .view-content .image{overflow:hidden; position:relative}
.catalog .view-content .image:after {
    background: #fff;
    content: "";
    height: 400px;
    left: -50%;
    opacity: .2;
    position: absolute;
    top: -50%;
    transform: rotate(35deg);
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 120px;
z-index: 10;}
.catalog .view-content>div:hover .image:after {
    left: 120%; top:0;
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  
.object .objectline{display:flex; justify-content:space-between; }
.object .leftcol{flex-basis:63%; overflow: hidden; position:relative}
.object .rightcol{flex-basis:34%; }
.object .rightcol .objectline{align-items: center}

.object .chars table{border:none; width:100%; border-collapse: collapse;}
.object .chars table td{border-bottom:1px solid #eee; padding:5px}
.object .chars table tr td:last-child{text-align:right}
.object .chars h3{padding:40px 0 20px 0}
.object .sqr{padding: 8px 10px 10px; font-size: 28px; line-height:34px; border-radius: 2px; background-color: #5baa00; color:#fff}
.object .floor{font-size: 26px; font-weight: 600; line-height: 18px;}
.object .price{ padding:30px 0 0 0; font-weight:600; position:relative}
.object .price .subttl{padding: 8px 10px 10px; font-size: 28px; line-height:34px; border-radius: 2px; background-color: #5baa00; color:#fff; text-align:center; margin:10px 0 0 0}
.object .price .quest+div{display:none}
.object .price .quest {transition:all .3s;
    background: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    bottom: 14px;
    left: 20px;
    font-weight: 600;
    cursor: pointer;}
.object .price .quest:hover{box-shadow: 0 0 5px #fff;}
.object .price .quest:hover+div{display:block; position:absolute; top:0; right:100%; border-radius: 2px; background:#fff; padding:20px; z-index:99;
    border:2px solid #5baa00; white-space: nowrap; font-weight: 300;}
	
.object .price.mini{display:flex; justify-content:space-between; }	
.object .price.mini .subttl{font-size: 23px; line-height: 23px; font-weight:400; align-items: center; margin:0 0 0 30px; white-space:nowrap}

.object .plans {padding: 50px 0 0 0;}

.object .bigbtn{border-radius: 2px;
    border: 2px solid #5baa00;
    color: #5baa00;
    display: block;
    margin: 50px 0 0 0;
    height: 60px;
    line-height: 56px;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px; position:relative; overflow:hidden}
.object .bigbtn:after {
    background: #8bf315;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 1000ms;
    width: 50px;
    z-index: 0;
  }
.object .bigbtn:hover:after {
    left: 110%;
    transition: all 1000ms;
}

.gallery .arr{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); cursor:pointer; position:absolute; top:50%; z-index:99; text-align:center; transition:all .3s;
height: 64px;
    width: 52px;
   top:calc(50% - 32px);}
.gallery .arr:before{content:''; display:inline-block; border-top:2px solid #fff; border-right:2px solid #fff; width:10px; height:10px; }	
.gallery .arr.next{right:0;    padding: 20px 5px 0 0px;}	
.gallery .arr.next:before{transform:rotate(45deg)}
.gallery .arr.prev{left:0;     padding: 20px 0px 0 5px;}	
.gallery .arr.prev:before{transform:rotate(-135deg)}
.gallery .arr:hover{background: #5baa00;}
.gallery a, .plans a{position:relative; transition:all .3s;display: block;}
.gallery a:before, .plans a:before{opacity:0}
.gallery a:hover:before, .plans a:hover:before{opacity:.8; content:'+'; cursor:pointer; position:absolute; height: 64px; width: 64px; background: #5baa00; border-radius:100%; cursor:pointer; color:#fff; 
text-align:center; line-height:55px; top:calc(50% - 32px); left:calc(50% - 32px); z-index:99; font-size:50px;}


.views-exposed-form{border: 1px solid #e7e8ea; margin:0 0 50px 0; padding:30px; border-radius:none}
.views-exposed-form .form--inline{display:flex; justify-content:space-between;}
.views-exposed-form fieldset{border:none; position:relative}
.views-exposed-form fieldset label{display:none}
.views-exposed-form fieldset .form-checkboxes label{display:inline-block}
.views-exposed-form .fieldset-legend{font-weight:600}
.views-exposed-form .bef-slider{background: #bbc2c8; border:none; height:5px; border-radius:none}
.views-exposed-form .ui-slider-range{background: #5baa00;}
.views-exposed-form .ui-widget-content .ui-state-default{
    top: -6px;
    width: 17px;
    height: 17px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    background: #fff;
    border-radius: 16px;
    border: 4px solid #5baa00;
}
.views-exposed-form .ui-widget-content .ui-state-default:hover{border-color:#777}
.views-exposed-form .form-text{border: 1px solid #bbc2c8;
    border-radius: 2px;
    box-shadow: none;
    color: #333333;
    height: 30px;
    font-size: 13px;
    padding: 5px 13px 4px; width: 40%; margin:10px 0 20px 0}
	
.views-exposed-form .form-item:last-child .form-text{position:absolute; top:0; right:0}

.views-exposed-form .form-submit{text-transform: uppercase;
    border: 1px solid;
    border-radius: 4px;
    font-size: 12px; height: 30px; cursor:pointer;
    padding: 6px 12px 7px; margin:30px 0 0 0; 
    background-color: #5baa00;
    border-color: #5baa00;
color: #ffffff !important;}
.views-exposed-form .form-submit:hover{background:#66be00}

.views-exposed-form .js-form-type-select label{display:block; font-weight:600}
.views-exposed-form .js-form-type-select select{border: 1px solid #bbc2c8;
    border-radius: 2px; height: 30px;
    font-size: 13px;
    padding: 5px 13px 4px; margin:10px 0 0 0; width:100%}
	
	
.header{background:#fff}	
.header .wrapper{display:flex; justify-content:space-between; align-items:center; padding:10px 0}
.header #block-slogan{color: #95979a; text-transform:uppercase; font-size: 16px; line-height: 16px;}
.header #block-logo img{height:80px; width:auto}
.header p{margin:0 0}
.header #block-telefony{font-weight: 600; font-size: 21px; line-height:30px; background:url(../img/phone1.png) left center no-repeat; padding: 0 0 0 40px;}

.header #block-pochta{color:#95979a; text-align:center}
.header #block-pochta a, #block-pochta-2 a, a.greenlink{padding: 6px 20px;
    border: 2px solid #509600;
    color: #509600;
    background: transparent;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 0 0;
    border-width: 2px;
    font-weight: 600;
    border-radius: 30px;
    font-size: 14px;}
.header #block-pochta a:hover, #block-pochta-2 a:hover, a.greenlink:hover{background:#509600; color:#fff}

.view-footer{text-align:right}

footer{background: #111111; color:#fff; padding:50px 0}
footer .wrapper{display:flex; justify-content:space-between;}
footer h2{font-weight: 600; margin-top: 16px; text-transform: uppercase; margin:0 0 15px 0}
footer li{list-style:none; line-height:27px}
footer li a{color:#babcbe; }
footer li a:hover{color: #66be00}
#block-telefony-2{font-weight: 600; font-size: 21px; line-height:30px; background:url(../img/phone2.png) left top 7px no-repeat; padding: 0 0 0 55px;}
#block-pochta-2{text-align:center}
#block-adres img{height: 20px; width: auto; margin: 0 10px -5px 0;}

.pager ul{list-style:none; display:flex}
.pager ul li a{color:#5baa00; display:block; padding: 8px 10px 10px; margin:0 10px 0 0;
    font-size: 20px;
    border-radius: 2px;}
	.pager ul li.is-active a{color:#fff; background:#5baa00}
.pager ul .pager__item--first, .pager ul .pager__item--previous, .pager ul .pager__item--next, .pager ul .pager__item--last{display:none}

.mainer ol {list-style: none; }
.mainer ol li {padding: 0px 0 10px 60px; position: relative; counter-increment:numcount}
.mainer ol li::before {
  content: counter(numcount) ".";
  color: #5baa00;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0; display:block; width:40px; height:40px; line-height:40px; text-align:center;
  border-radius: 5px;
  text-align: center;
  box-shadow: 1px 1px 0 #ddd;
}

.portfolio .line{
    display: flex;
    justify-content: space-between;
}
.portfolio .line .descr{width:40%; padding:0 20px 0 0}
.portfolio .line .obj{display: flex; flex-wrap: wrap; width:60%}

.portfolio .view-content .obj a {
    width:calc(33% - 20px);
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 15%);
    border-radius: 3px;
    overflow: hidden;
    margin: 0 0 20px 20px;
}
.portfolio .view-content .obj img{display:block;}
.portfolio .view-content>div+div{border-top:1px solid #ccc; margin:10px 0 0 0; padding:30px 0 0 0 }

#block-webform{background: #5baa00; color:#fff; padding:50px 50px}
#block-webform h2{text-align:center; padding:0 0 30px 0; text-transform:uppercase; font-weight:600;}
#block-webform .webform-submission-form{position:relative} 
#block-webform .form-item{width:100%}
#block-webform .form-item legend{font-weight: 700;
    font-size: 19px;
    letter-spacing: 1px;
    display: block;
    padding: 0 0 10px 0;}

#block-webform .form-item.webform-type-radios{margin:0 0 30px 0; padding:0 0 30px 0}
#block-webform .form-item.webform-type-radios .js-form-item{width:100%}

#block-webform .form-item.js-form-type-textfield,
#block-webform .form-item.js-form-type-email,
#block-webform .form-item.webform-actions{width:30%; margin:0 0 30px 0} 

#block-webform .progress-step{list-style:none}
#block-webform .progress-marker::before{height:24px; width:26px}
#block-webform .progress-step.is-active .progress-marker::before {background-color: #fff; color:#5baa00; font-weight:#fff}
#block-webform .webform-progress-tracker .progress-step.is-active .progress-text{color:#fff}
#block-webform .form-wrapper[id*="shag-7"]{display: flex; flex-wrap: wrap; justify-content: space-between;}


#edit-kakoy-dom-vy-khotite-postroit---2:checked+label:after{background:url('../img/calc1.jpg')}
#edit-kakoy-dom-vy-khotite-postroit---3:checked+label:after{background:url('../img/calc2.jpg')}
#edit-kakoy-dom-vy-khotite-postroit---4:checked+label:after{background:url('../img/calc3.jpg')}
#edit-kakoy-dom-vy-khotite-postroit---5:checked+label:after{background:url('../img/calc4.jpg')}
#edit-kakoy-dom-vy-khotite-postroit---6:checked+label:after{background:url('../img/calc5.jpg')}

#block-webform .js-webform-radios[id*="skolko-etazhey-vam-nuzhno"]>div:nth-child(1) input:checked+label:after{background:url('../img/calc21.jpg') center; background-size:cover;}
#block-webform .js-webform-radios[id*="skolko-etazhey-vam-nuzhno"]>div:nth-child(2) input:checked+label:after{background:url('../img/calc22.jpg') center; background-size:cover;}
#block-webform .js-webform-radios[id*="skolko-etazhey-vam-nuzhno"]>div:nth-child(3) input:checked+label:after{background:url('../img/calc23.jpg') center; background-size:cover;}
#block-webform .js-webform-radios[id*="skolko-etazhey-vam-nuzhno"]>div:nth-child(4) input:checked+label:after{background:url('../img/calc24.jpg') center; background-size:cover;}

#block-webform .js-webform-radios[id*="edit-kakoy-podarok-dlya"]>div:nth-child(1) input:checked+label:after{background:url('../img/calc31.jpg') center; background-size:cover;}
#block-webform .js-webform-radios[id*="edit-kakoy-podarok-dlya"]>div:nth-child(2) input:checked+label:after{background:url('../img/calc32.jpg') center; background-size:cover;}
#block-webform .js-webform-radios[id*="edit-kakoy-podarok-dlya"]>div:nth-child(3) input:checked+label:after{background:url('../img/calc33.jpg') top center; background-size:cover;}


#block-webform .js-form-type-radio input+label:after{content:''; display:block; width: 300px; height: 200px; position: absolute; top: 80px; right:150px; background-size:cover; background-position:center}
#block-webform .fieldset-legend{max-width:550px}

.webform-submission-form .form-item .form-text, .webform-submission-form .form-item .form-email{border-radius:3px; border:2px solid #ccc; padding:0 20px; height:40px; line-height:40px; width:100%; font-size: 15px;}
.webform-submission-form .form-item textarea{border-radius:3px; border:2px solid #ccc; padding:10px 20px; height:100px; width:100%; margin:20px 0 0 0}
.webform-submission-form .form-actions .form-submit{background: #5baa00; border-radius:3px; border:2px solid #fff; color:#fff; padding:0 20px; 
height:40px; line-height:40px; text-transform:uppercase; font-weight:600; cursor:pointer; transition:all .3s}
.webform-submission-form .form-actions .form-submit:hover{background:#fff; color:#5baa00;}

.webform-confirmation{width: 100%; text-align: center;}

#block-webform-2 .form-item, #block-vebforma .form-item{margin:0 0 30px 0;}
#block-webform-2 .form-submit, #block-vebforma .form-submit{width:100%} 

.slider{position:relative}
.slider img{width:100%; height:auto}
.slider .arr{position:absolute; width:25px; height:25px; border-top:2px solid #fff; border-right:2px solid #fff; top:calc(50% - 25px); z-index:10; cursor:pointer}
.slider .arr.prev{left:30px; transform:rotate(-135deg)}
.slider .arr.next{right:30px; transform:rotate(45deg)}

#block-preimuschestva .field ul{list-style:none; display: flex; justify-content: space-between;}
#block-preimuschestva .field ul li{width:25%;  text-align:center}
#block-preimuschestva .field ul li strong{text-transform:uppercase; font-weight:400; font-size:19px;}
#block-preimuschestva .field ul li img{width:auto; height:90px; display:inline-block; margin:0 0 5px 0}

.reviews .view-content{position:relative; padding:0 50px}
.reviews .image{float:left; margin: 0 50px 50px 0}
.reviews .image img{border-radius:100%}
.reviews .ttl{font-size:19px; font-weight:600}

.reviews .arr{position:absolute; width:25px; height:25px; border-top:2px solid #434343; border-right:2px solid #434343; top:calc(50% - 25px); z-index:10; cursor:pointer}
.reviews .arr.prev{left:0px; transform:rotate(-135deg)}
.reviews .arr.next{right:0px; transform:rotate(45deg)}


#block-views-block-reviews-block-1{margin:50px 0 0 0}
#block-napisatotzyv{margin:0 0 50px 0; text-align:right}
#block-doma-content, #block-views-block-catalog-block-1{margin:50px 0}
#block-views-block-reviews-block-1 h2, #block-doma-content h2, #block-views-block-catalog-block-1 h2{padding:0 0 30px 0; text-transform:uppercase; font-weight:600;}

#block-myvsocsetyakh .field{text-align:center}
#block-myvsocsetyakh .field a{margin:0 5px}
.burger{display:none}

#edit-prikrepit-proekt--description{display:none}



@media(max-width:480px){
	
	
	.mainmenu{display:none}
	
	.wrapper{width:100%; padding:0 20px}
	
	footer .wrapper,
	#block-webform .webform-submission-form,
	#block-preimuschestva .field ul,
	.header .wrapper,
	.views-exposed-form .form--inline, .mainmenu .menu, .object .objectline:not(.objectline .objectline), .portfolio .line{flex-direction:column;}
	footer .wrapper>div{margin:30px 0 0 0}
	#block-telefony-2{padding:0; background:none}
	footer h2{margin:0 0 0 0}
	#block-webform .form-item,
	#block-preimuschestva .field ul li,
	.catalog .view-content>div{width: 100%; margin:0 0 20px 0}
	.reviews .view-content {padding: 0 30px;}
	
	.bef-exposed-form .form--inline .form-item{margin:0 0 20px 0; text-align:left}
	.reviews .image {float: none;  margin: 0 0px 30px 0; text-align:center}
	.reviews .image img{display:inline-block}
	p{text-align:justify}
	
	.header .wrapper>div{margin:0 0 10px 0; }
	.header .wrapper>div *, footer .wrapper *{text-align:center}
	.slider{margin: -20px -20px -39px -20px;}
	.slider .arr {top: calc(50% - 15px);}
	.node-162 h2{text-align:center}
	#block-views-block-reviews-block-1, #block-doma-content, #block-views-block-catalog-block-1 {margin: 30px 0;}
	
	.burger {display:block; color:#5baa00; position:absolute; top:35px; left:35px; font-size:50px;}
	.mainmenu.open{display:block; position:absolute; top:95px; width:100%; z-index:99; }
	.mainmenu.open .wrapper{padding:0 0}
	.mainmenu .menu>li.menu-item a{height:50px; line-height:50px}
	.mainmenu .menu>li.menu-item ul{position:relative}
	
	.portfolio .view-content .obj a {width: calc(50% - 10px); margin: 0 0 20px 0;}
	.portfolio .view-content>div+div {margin: 0px 0 0 0; padding: 20px 0 0 0;}
	.mainer {padding: 40px 0 50px 0;}
	
	#block-webform .form-item.js-form-type-textfield, #block-webform .form-item.js-form-type-email, #block-webform .form-item.webform-actions{width:100%}
	#block-webform .js-form-type-radio input+label:after{display:none}
	

	.portfolio .line .descr{width:100%; padding:0 0 20px 0}
	.portfolio .line .obj{width:100%}

	.portfolio .view-content .obj a {
    width:calc(50% - 20px);
    margin: 10px;}


	
}