/*@import url(https://fonts.googleapis.com/css?family=Roboto:100,300italic,300,400,500,500italic,400italic,700,700italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,cyrillic,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400italic&subset=cyrillic);*/
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,300,500,600,700,900&subset=latin,cyrillic);

@font-face {
    font-family: 'PFDinDisplayPro-Light';
    src: url('fonts/PFDinDisplayPro-Light.eot');
    src: url('fonts/PFDinDisplayPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFDinDisplayPro-Light.woff') format('woff'),
        url('fonts/PFDinDisplayPro-Light.ttf') format('truetype'),
        url('fonts/PFDinDisplayPro-Light.svg#PFDinDisplayPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RUBSN';
    src: url('fonts/RUBSN.eot');
    src: url('fonts/PRUBSN.eot?#iefix') format('embedded-opentype'),
        url('fonts/RUBSN.woff') format('woff'),
        url('fonts/RUBSN.ttf') format('truetype'),
        url('fonts/RUBSN.svg#RUBSN') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
		font-family: 'PFDinDisplayPro-Reg';
		src: url('fonts/PFDinDisplayPro-Reg.eot');
		src: url('fonts/PFDinDisplayPro-Reg.eot?#iefix') format('embedded-opentype'),
				 url('fonts/PFDinDisplayPro-Reg.woff') format('woff'),
				 url('fonts/PFDinDisplayPro-Reg.ttf') format('truetype'),
				 url('fonts/PFDinDisplayPro-Reg.svg#PFDinDisplayPro-Reg') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'PFDinDisplayPro-Bold';
		src: url('fonts/PFDinDisplayPro-Bold.eot');
		src: url('fonts/PFDinDisplayPro-Bold.eot?#iefix') format('embedded-opentype'),
				 url('fonts/PFDinDisplayPro-Bold.woff') format('woff'),
				 url('fonts/PFDinDisplayPro-Bold.ttf') format('truetype'),
				 url('fonts/PFDinDisplayPro-Bold.svg#PFDinDisplayPro-Bold') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'PFDinDisplayPro-Medium';
		src: url('fonts/PFDinDisplayPro-Med.eot');
		src: url('fonts/PFDinDisplayPro-Med.eot?#iefix') format('embedded-opentype'),
				 url('fonts/PFDinDisplayPro-Med.woff') format('woff'),
				 url('fonts/PFDinDisplayPro-Med.ttf') format('truetype'),
				 url('fonts/PFDinDisplayPro-Med.svg#PFDinDisplayPro-Med') format('svg');
		font-weight: normal;
		font-style: normal;
}


*/


html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



/* =============================================================================
	 Template Styles
========================================================================== */

body {
    height: 100%;
    padding: 0;
    min-height: 100%;
    min-height: 720px;
}

html {
    height: 100%;
    padding: 0;
    font-family: "Exo 2";
    font-weight: 400;
    background: #fff;
}

a {
    color: #005baa;
    outline: none;
}

.lt-ie8 html {
    min-height: 720px;
}

#body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding: 0;
    background: #fff;
    /*background: url(../img/template.jpg) top center no-repeat;*/
    min-width: 1000px;

    overflow: hidden;
    position: relative;
    z-index: 99;
}

.load #body {
    visibility: hidden;
}

/*#body.profile {
	background: url(../img/profile-bg.jpg) #dfdad7 repeat-x;
}*/

#body_margin {
    padding-top: 75px;
}

.width {
    min-width: 980px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 1px 10px 1px 10px;
}

.fixed-content {
    margin: 0 auto;
    padding: 1px 0px;
    width: 960px;
    position: relative;
}

.seo-content {
    margin: 0 auto;
    padding: 1px 0px;
    width: 960px;
    padding-bottom: 60px;
}

.clr {
    clear: both;
    display: block;
}

.half {
    width: 48%;
    float: right;
    margin: 0;
    padding: 1px 0 0 0;
}

.half:first-child {
    float: left;
}



.third {
    width: 33%;
    float: left;
    margin: 0;
    padding: 1px 0 0 0;
}

.third:first-child {
    width: 34%;
}

.ie7 .third:first-child {
    width: 33%;
}

.fourth {
    width: 25%;
    float: left;
    margin: 0;
    padding: 1px 0 0 0;
}

/* ==================
	HEADER
================== */
header {
    height: 88px;
    background: #e8e8e8 url(../img/shadow-header.png) left bottom repeat-x;
}

header .width {
    position: relative;
    height: 86px;
}

header .logo {
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -35px 0 0 0;
    width: 180px;
    height: 70px;
    background: url(../img/logo.png) center center no-repeat;
    text-decoration: none;
    outline: none;
}

header .logo:after {
    display: none;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -45px;
    right: -200px;
    width: 150px;
    height: 89px;
    background-image: url(../img/30-years.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

header .right {
    margin: 23px 0 0 300px;
    padding: 0;
    height: 40px;
}

header .right a.contacts {
    display: block;
    float: right;
    margin: 0 0 0 30px;
    padding: 0 20px;
    height: 40px;
    background: #005baa;
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
}

header .right a.news {
    display: block;
    float: right;
    margin: 0 0 0 19px;
    padding: 0 20px;
    height: 40px;
    background: #4db748;
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
}

header .right .phone {
    display: block;
    float: right;
    margin: 0 0 0 30px;
    padding: 0 0 0 37px;
    height: 40px;
    background: url(../img/ico-phone.png) 0 center no-repeat;
    color: #1e4aa7;
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
}

header .right .phone a {
    color: #1e4aa7;
}

header .right .phone strong {
    font-weight: 500;
}

nav {
    background: #fff;
    height: 44px;
    border-bottom: 8px solid #a4c7ff;
}

nav .width {
    padding-top: 0;
    padding-bottom: 0;
}

nav a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    width: 16%;
    height: 44px;
    font-family: 'PFDinDisplayPro-Light';
    font-size: 17px;
    line-height: 44px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #005baa;
    border-bottom: 8px solid transparent;
    text-align: center;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

nav a:first-child {
    width: 20%;
}

nav.notmain a {
    width: 33.3333%;
}


nav a:hover {
    color: #309900;
}

nav a.active {
    cursor: default;
    color: #309900;
    border-color: #4db848;
    outline: none;
}

.subnav-wrapper {
    position: relative;
    z-index: 200;
    height: 44px;
    background: #005baa;
    margin: 0;
    padding: 0;
}

.subnav-wrapper .shadow {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 7px;
    background: url(../img/shadow-subnav.png) 0 0 repeat;
    z-index: 200;
}

.subnav-wrapper .subnav {
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 1px 0;
}

.subnav-wrapper .subnav.hide {
    display: none;
}

.subnav-wrapper .subnav a {
    display: block;
    float: left;
    position: relative;
    height: 24px;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    outline: none;
    text-decoration: none;
    text-align: center;
}

.subnav-wrapper .subnav.slide0 a {
    width: 20%;
}

.subnav-wrapper .subnav.slide1 a {
    width: 100%;
}

.subnav-wrapper .subnav.slide2 a {
    width: 50%;
}

.subnav-wrapper .subnav.slide4 a {
    /*padding: 0 16px;*/
    width: 25%;
}


.subnav-wrapper .subnav a i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #0670cb;
}

.subnav-wrapper .subnav a:first-child i {
    display: none;
}

.subnav-wrapper .subnav a span {
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.subnav-wrapper .subnav a:hover span {
    border-color: #fff;
}

.subnav-wrapper .subnav a.active {
    cursor: default;
}

.subnav-wrapper .subnav a.active span {
    border-bottom-color: #fff;
}

/* ==================
	ГЛАВНАЯ
================== */
.index-slider-wrapper {
    height: 600px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #fff;
}

.index-slider-wrapper .pagination {
    display: block;
    position: absolute;
    height: 13px;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0;
    text-align: center;
    z-index: 5;
}

.index-slider-wrapper .pagination a {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 9px;
    height: 9px;
    background: transparent;
    border: 2px solid #fff;
    outline: none;
    text-decoration: none;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.lt-ie8 .index-slider-wrapper .pagination a {
    display: inline;
    zoom: 1;
}

.index-slider-wrapper .pagination a:hover {
    background: #fff;
}

.index-slider-wrapper .pagination a.active {
    background: #fff;
    cursor: default;
}

.index-slider-wrapper .pagination .divide {
    display: inline-block;
    width: 26px;
    height: 13px;
    margin: 0;
    padding: 0;
    background: url(../img/ico-punktir.png) center center no-repeat;
}

.lt-ie8 .index-slider-wrapper .pagination .divide {
    display: inline;
    zoom: 1;
}


.index-slider-wrapper .pagination.dark a {
    border-color: #005baa;
}

.index-slider-wrapper .pagination.dark a:hover {
    background: #005baa;
}

.index-slider-wrapper .pagination.dark a.active {
    background: #005baa;
}

.index-slider-wrapper .pagination.dark .divide {
    background-image: url(/img/ico-punktir_dark.png);
}


.indes-slider-wrapper .index-slider {
    height: 600px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
    overflow: hidden;
}

.indes-slider-wrapper .index-slider {
    height: 600px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
    overflow: hidden;
}
.index_slider2-nav.prev{    
    display: block;
    position: absolute;
    left: 50px;
    width: 40px;
    height: 100px;
    border-radius: 10px;
    top: 50%;
    margin: 0;
    outline: none;
    text-decoration: none;
    z-index: 5;
    background-color: rgba(255,255,255,.8);
}
.index_slider2-nav.prev i{
    display: block;
    width: 14px;
    height: 34px;
    position: absolute;
    top: 50%;
    left: 30%;
    margin: -17px 0 0 0;
    background: url(../img/arrow-main-slider.png) no-repeat;
}
.index_slider2-nav.next{    
    display: block;
    position: absolute;
    right: 50px;
    width: 40px;
    height: 100px;
    border-radius: 10px;
    top: 50%;
    margin: 0;
    outline: none;
    text-decoration: none;
    z-index: 5;
    background-color: rgba(255,255,255,.8);
}
.index_slider2-nav.next i{
    display: block;
    width: 14px;
    height: 34px;
    position: absolute;
    top: 50%;
    left: 35%;
    margin: -17px 0 0 0;
    background: url(../img/arrow-main-slider.png) no-repeat;
    background-position: -14px 0;
}

.index-slider-wrapper .swiper-wrapper {
    height: 600px;
    margin: 0;
    padding: 0;
}

.index-slider-wrapper .swiper-slide {
    margin: 0;
    padding: 0;
    height: 600px;
    width: 100%;
}

.index-slider-wrapper .slide-flats {
    height: 600px;
    position: relative;
    z-index: 4;
}

.index-slider-wrapper .slide-flats .bg {
    display: block;
    /*background: url(../img/index-slide1-bg.jpg) center center no-repeat;*/
    background: url(/new/img/bg-new18.jpg) center center no-repeat;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    outline: none;
    text-decoration: none;
}

.index-slider-wrapper .slide-flats .volgar {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin: 0 0 0 -485px;
    width: 147px;
    height: 147px;
    background: url(../img/img-volgar.png) no-repeat;
    background-size: contain;
    outline: none;
    z-index: 4;
}

.index-slider-wrapper .form-wrapper {
    display: block;
    position: absolute;
    background: #fff;
    z-index: 4;
    width: 370px;
    height: 430px;
    left: 50%;
    top: 50%;
    margin: -215px 0 0 110px;
    -webkit-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.index-slider-wrapper .form-wrapper.hide {
    display: none;
}

.index-slider-wrapper .form-wrapper .form {
    margin: 0 40px 0 40px;
    padding: 10px 0;
}

.index-slider-wrapper .form-wrapper .form .field {
    margin: 20px 0;
    padding: 0;
}

.index-slider-wrapper .form-wrapper .form .field p.label {
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #005baa;
    text-transform: uppercase;
}

.index-slider-wrapper .form-wrapper .form .field .checkbox-wrapper {
    margin: 15px 0 0 0;
    padding: 0;
}

.index-slider-wrapper .form-wrapper .form .field .checkbox-wrapper .square {
    float: left;
    margin: 0 0 0 0;
    width: 56px;
    height: 56px;
    background: #e9ebec;
    border-right: 1px solid #fff;
    border-bottom: 2px solid #bfbfc0;
    overflow: hidden;
    cursor: pointer;
    -moz-transition: border-color 0.4s ease;
    -o-transition: border-color 0.4s ease;
    -webkit-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
}

.index-slider-wrapper .form-wrapper .form .field .checkbox-wrapper .square:hover {
    border-bottom-color: #034a87;
}

.index-slider-wrapper .form-wrapper .form .field .checkbox-wrapper .square.checked {
    background: #005baa;
    border-bottom-color: #034a87;
}

.index-slider-wrapper .form-wrapper .form .field .checkbox-wrapper .square span {
    display: block;
    height: 56px;
    margin: 0;
    font-size: 35px;
    line-height: 56px;
    font-weight: 400;
    color: #005baa;
    text-align: center;
}

.index-slider-wrapper .form-wrapper .form .field .checkbox-wrapper .square.checked span {
    color: #fff;
}

.index-slider-wrapper .form-wrapper .form .field .checkbox-wrapper .square input.checkbox {
    display: none;
}

.index-slider-wrapper .form-wrapper .form .field .slider-wrapper {
    margin: 15px 0 0 0;
    padding: 1px 0;
    height: 22px;
}

.index-slider-wrapper .form-wrapper .form .field .slider-range {
    position: relative;
    margin: 10px 0 0 0;
    height: 15px;
}

.index-slider-wrapper .form-wrapper .form .field .slider-range p.label-slider {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #adadae;
}

.index-slider-wrapper .form-wrapper .form .field .slider-range p.label-slider.min {
    left: 0;
}

.index-slider-wrapper .form-wrapper .form .field .slider-range p.label-slider.max {
    right: 0;
}

.index-slider-wrapper .form-wrapper .form .field .slider-range p.label-slider span:not(.ruble) {
    display: inline-block;
    margin: 0;
    /*width: 20px;*/
    text-align: center;
}

.lt-ie8 .index-slider-wrapper .form-wrapper .form .field .slider-range p.label-slider span {
    display: inline;
    zoom: 1;
}

.index-slider-wrapper .form-wrapper .form .field .slider-range.big p.label-slider span {
    width: 75px;
}


.index-slider-wrapper .form-wrapper .form input.submit {
    display: block;
    width: 196px;
    height: 57px;
    margin: 25px 0 0 0;
    padding: 0 0 0 62px;
    background: #4db848 url(../img/ico-search.png) 32px center no-repeat;
    border: none;
    border-bottom: 3px solid #2f9500;
    font-size: 17px;
    line-height: 57px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.index-slider-wrapper .form-wrapper .form input.submit:hover {
    background-color: #2f9500;
}

.index-slider-wrapper .slide-office {
    max-width: 1880px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}

.index-slider-wrapper .third {
    display: block;
    float: left;
    width: 33%;
    height: 600px;
    margin: 0;
    padding: 0;
}

.index-slider-wrapper .third:first-child {
    width: 33%;
}

.index-slider-wrapper .third.center {
    width: 34%;
}

.index-slider-wrapper .third .object {
    display: block;
    height: 600px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    outline: none;
}

.index-slider-wrapper .third .object.left {
    /*background-position: left center;*/
}

.index-slider-wrapper .third .object.right {
    /*background-position: right center;*/
}

.index-slider-wrapper .third.center .object {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.index-slider-wrapper .third .object .pxl {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 196px;
    background: url(../img/gradient-black.png) repeat;
    z-index: 1;
}

.index-slider-wrapper .third .object .info {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 0px;
    padding: 10px 25px;
    background: #005baa;
    margin: 0;
    z-index: 4;
}

.index-slider-wrapper .third .object .info .name {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #4db848;
}

.index-slider-wrapper .third .object .info .name {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #4db848;
}

.index-slider-wrapper .third .object .info .district {
    display: block;
    height: 20px;
    background: url(../img/ico-map.png) 0 center no-repeat;
    margin: 0;
    padding: 0 0 0 13px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    text-transform: none;
}

.index-slider-wrapper .slide-office .third {
    display: block;
    float: left;
    width: 50%;
    height: 600px;
    margin: 0;
    padding: 0;
}

.index-slider-wrapper .slide-office .third:first-child {
    width: 50%;
}

.index-slider-wrapper .slide-office .third.center {
    width: 34%;
}

.index-slider-wrapper .slide-office .third .object {
    display: block;
    height: 600px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    outline: none;
}

.index-slider-wrapper .slide-office .third .object.left {
    /*background-position: left center;*/
}

.index-slider-wrapper .slide-office .third .object.right {
    /*background-position: right center;*/
}

.index-slider-wrapper .slide-office .third.center .object {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.index-slider-wrapper .slide-office .third .object .pxl {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 196px;
    background: url(../img/gradient-black.png) repeat;
    z-index: 1;
}

.index-slider-wrapper .slide-office .third .object .info {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 0px;
    padding: 10px 25px;
    background: #005baa;
    margin: 0;
    z-index: 4;
}

.index-slider-wrapper .slide-office .third .object .info .name {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #4db848;
}

.index-slider-wrapper .slide-office .third .object .info .name {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #4db848;
}

.index-slider-wrapper .slide-office .third .object .info .district {
    display: block;
    height: 20px;
    background: url(../img/ico-map.png) 0 center no-repeat;
    margin: 0;
    padding: 0 0 0 13px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    text-transform: none;
}

.index-slider-wrapper .slide-garage {
    max-width: 1880px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}

.index-slider-wrapper .slide-roads {
    height: 600px;
    position: relative;
    z-index: 4;
}

.index-slider-wrapper .slide-roads a {
    text-decoration: none;
}

.index-slider-wrapper .slide-roads a .blue {
    margin: 0 auto;
    min-width: 980px;
    max-width: 1180px;
}

.index-slider-wrapper .slide-roads .bg {
    display: block;
    background: url(../img/index-slide4-bg.jpg) center center no-repeat;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    outline: none;
    text-decoration: none;
}

.index-slider-wrapper .slide-roads .info {
    display: block;
    position: absolute;
    ;
    /*top: 380px;*/
    bottom: 60px;
    padding: 5px 25px;
    z-index: 4;
    background: #005baa;
    left: 50%;
    width: 380px;
    height: 260px;
    margin-left: -590px;
}

.index-slider-wrapper .slide-roads .info .link {
    margin: 0;
    font-size: 16px;
    line-height: 50px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #4db848;
}

.index-slider-wrapper .slide-roads .info .name {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #4db848;
}

.index-slider-wrapper .slide-roads .info .description {
    display: block;
    height: 125px;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    text-transform: none;
    padding-top: 20px;
}

.index-slider-wrapper .slide-about {
    height: 600px;
    position: relative;
    z-index: 4;
}

.index-slider-wrapper .slide-about .bg {
    display: block;
    background: url(../img/index-slide-about-bg.jpg) center center no-repeat;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    outline: none;
    text-decoration: none;
}

.index-slider-wrapper .slide-about .bg.pxl {
    background: url(../img/pxl-blue-90.png) repeat;
    z-index: 2;
}

.index-slider-wrapper .slide-about .about-infographic {
    margin: 0 auto;
    padding: 100px 0 0 0;
    width: 880px;
    position: relative;
    z-index: 4;
}

.index-slider-wrapper .slide-about .about-infographic .info {
    display: block;
    position: relative;
    float: left;
    width: 205px;
    margin: 60px 0 0 5px;
    padding: 0 0 0 85px;
}

.index-slider-wrapper .slide-about .about-infographic .info.i1,
.index-slider-wrapper .slide-about .about-infographic .info.i4 {
    margin-left: 0;
}

.index-slider-wrapper .slide-about .about-infographic .info .ico {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 70px;
    height: 70px;
    background: url(../img/about-ico-sprite.png) no-repeat;
}

.index-slider-wrapper .slide-about .about-infographic .info.i1 .ico {
    background-position: 0 0;
}

.index-slider-wrapper .slide-about .about-infographic .info.i2 .ico {
    background-position: -70px 0;
}

.index-slider-wrapper .slide-about .about-infographic .info.i3 .ico {
    background-position: -140px 0;
}

.index-slider-wrapper .slide-about .about-infographic .info.i4 .ico {
    background-position: -210px 0;
}

.index-slider-wrapper .slide-about .about-infographic .info.i5 .ico {
    background-position: -280px 0;
}

.index-slider-wrapper .slide-about .about-infographic .info.i6 .ico {
    background-position: -350px 0;
}

.index-slider-wrapper .slide-about .about-infographic .info p.title {
    margin: 0;
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    color: #fff;
}

.index-slider-wrapper .slide-about .about-infographic .info p.title strong {
    font-size: 52px;
    line-height: 52px;
}

.index-slider-wrapper .slide-about .about-infographic .info p.text {
    margin: 0 0 0 0;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
}

.index-slider-wrapper .slide-sales {
    display: block;
    height: 600px;
    position: relative;
    z-index: 4;
    outline: none;
    text-decoration: none;
    background: url(/new/img/index-slide1-2000.jpg) center center no-repeat;
    /*background: url(/img/amond_novogodnyaya.jpg) center center no-repeat;*/
    /*background: url(/img/bg-sales575.jpg) center center no-repeat;*/
    background-size: cover;
}

.index-stock {
    display: inline-block;
    position: relative;
    width: 230px;
    height: 200px;
    overflow: hidden;
    margin: 39px 0 0 0;
    padding: 0 13px 0 328px;
    background: #fff;
    outline: none !important;
    text-decoration: none;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top;
}

.index-stock .img {
    display: block;
    position: absolute;
    width: 292px;
    height: 200px;
    left: 0;
    top: 0px;
    margin: 0;
}

.index-stock .img img {
    max-width: 100%;
    min-height: 100%;
}

.index-stock .title {
    display: block;
    margin: 15px 0 0 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #309900;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
}

.index-stock .title:hover {
    text-decoration: underline;
}

.index-stock .name {
    display: block;
    margin: 14px 0 0 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: #164ba0;
    text-decoration: none;
    outline: none;
}

.index-stock .name:hover {
    text-decoration: underline;
}

.index-stock .desc {
    display: block;
    max-height: 30px;
    margin: 8px 0 0 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 300;
    color: #000000;
    overflow: hidden;
    ;
}

.index-stock .date {
    display: block;
    position: absolute;
    background: url(../img/ico-clock.png) 0 center no-repeat;
    height: 20px;
    left: 328px;
    bottom: 15px;
    margin: 0;
    padding: 0 0 0 18px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #adadae;
}

.index-news-wrapper {
    position: relative;
    margin: 30px 0 39px 0;
}

.index-news-wrapper .news {
    display: block;
    position: relative;
    margin: 0 0 0 385px;
    height: 200px;
    outline: none !important;
    text-decoration: none;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.index-news-wrapper .news .img {
    display: block;
    position: absolute;
    width: 292px;
    height: 200px;
    left: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    z-index: 5;
    outline: none;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.index-news-wrapper .news .img img {
    max-width: 100%;
    min-height: 100%;
}

.index-news-wrapper .news .text {
    display: block;
    position: relative;
    height: 198px;
    background: #fff;
    margin: 0 0 0 292px;
    padding: 1px 40px;
    z-index: 3;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.index-news-wrapper .news .text .title {
    display: block;
    margin: 15px 0 0 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #309900;
    text-transform: uppercase;
    outline: none;
    text-decoration: none;
}

.index-news-wrapper .news .text .title:hover {
    text-decoration: underline;
}

.index-news-wrapper .news .text .name {
    display: block;
    margin: 15px 0 0 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #164ba0;
    max-height: 100px;
    overflow: hidden;
    outline: none;
    text-decoration: none;
}

.index-news-wrapper .news .text .name:hover {
    text-decoration: underline;
}

.index-news-wrapper .news .text .date {
    display: block;
    position: absolute;
    background: url(../img/ico-clock.png) 0 center no-repeat;
    height: 20px;
    left: 40px;
    bottom: 15px;
    margin: 0;
    padding: 0 0 0 18px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #adadae;
}

.index-news-wrapper .mortgage-link {
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    width: 356px;
    height: 200px;
    background: #4db848 url(../img/ico-calc.png) center 30px no-repeat;
    outline: none !important;
    text-decoration: none;
    -moz-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    transition: all 0.1s linear;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-size: 82px;
}

.index-news-wrapper .mortgage-link:hover {
    background-color: #2f9500;
    background-size: 88px;
}

.index-news-wrapper .mortgage-link span {
    display: block;
    position: absolute;
    top: 135px;
    left: 0;
    right: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -moz-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
}

/* ==================
	Контентные стили
================== */
.white-wrapper {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    z-index: 5;
}

.white-wrapper.shadow {
    z-index: 10;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
}

.dark-wrapper {
    position: relative;
    z-index: 5;
    margin: 0;
    padding: 0;
    background: #e8e8e8;
}

.gray-wrapper {
    position: relative;
    z-index: 5;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pt30 {
    padding-top: 30px;
}

.pb30 {
    padding-bottom: 30px;
}

h1,
.h1 {
    margin: 35px 0;
    padding: 0;
    font-size: 26px;
    line-height: 28px;
    font-weight: 400;
    color: #005baa;
    text-align: center;
    text-transform: uppercase;
}

.content h1,
.content .h1 {
    font-weight: 600;
    text-align: left;
    margin-bottom: 25px;
}

h2,
.h2 {
    margin: 35px 0 20px 0;
    padding: 0;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: #005baa;
    text-align: left;
    text-transform: uppercase;
}

h3,
.h3 {
    color: #005baa;
    font-weight: 400;
    text-transform: uppercase;
}

p {
    margin: 20px 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    color: #000000;
}

p.title-ul {
    margin: 40px 0 15px 0;
    color: #005baa;
    font-weight: 400;
    text-transform: uppercase;
}

p.left {
    margin: 35px 0;
    padding: 0;
    font-size: 26px;
    line-height: 28px;
    font-weight: 400;
    color: #005baa;
    text-align: center;
    text-transform: uppercase;

}

.content p.left {
    font-weight: 600;
    text-align: left;
    margin-bottom: 25px;
}

ul,
ol {
    display: block;
    padding: 0;
    margin: 15px 0;
}

ul li {
    display: block;
    margin: 15px 0;
    padding: 0 0 0 20px;
    background: url(../img/ul-bg.png) 0 5px no-repeat;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    color: #000000;
}

ol li {
    display: block;
    margin: 15px 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    color: #000000;
}

ol li span {
    color: #4faf45;
    font-weight: 500;
    padding: 0px 10px 0 0;
}

ul li span.caps {
    text-transform: uppercase;
}

.infographic {
    margin: 35px 0;
}

.infographic .info {
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0;
    padding: 110px 0 0 0;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #1047a2;
}

.main-price .infographic .info {
    position: relative;
}

.howroom1 {
    position: absolute;
    width: 92px;
    height: 86px;
    top: 0;
    background: #fcf9c2;
    color: #2a53a7;
    font-size: 50px;
    border-radius: 45px;
    padding-top: 6px;
    left: 117px;
}


.howroom2 {
    position: absolute;
    width: 92px;
    height: 86px;
    top: 0;
    background: #f6aace;
    color: #2a53a7;
    font-size: 50px;
    border-radius: 45px;
    padding-top: 6px;
    left: 117px;
}


.howroom3 {
    position: absolute;
    width: 92px;
    height: 86px;
    top: 0;
    background: #b2e0ed;
    color: #2a53a7;
    font-size: 50px;
    border-radius: 45px;
    padding-top: 6px;
    left: 117px;
}

.infographic .info.i1 {
    background-image: url(../img/ico-round-1.png);
}

.infographic .info.i2 {
    background-image: url(../img/ico-round-2.png);
}

.infographic .info.i3 {
    background-image: url(../img/ico-round-3.png);
}

.infographic .info.i4 {
    background-image: url(../img/rooms.png);
}

.infographic .info.i5 {
    background-image: url(../img/structure.png);
}

.infographic .info.i6 {
    background-image: url(../img/percentage.png);
}

.infographic .info.i7 {
    background-image: url(../img/30let.png);
}

.infographic .info.i8 {
    background-image: url(../img/base.png);
}

.infographic .info.i9 {
    background-image: url(../img/zastroika.png);
}

.infographic .info.i10 {
    background-image: url(../img/calendar.png);
}



.infographic .info p.title {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: #164ba0;
}

.infographic p.desc {
    margin: 8px 0 0 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 300;
    color: #000000;
    text-align: center;
}

.slider-projects-wrapper {
    margin: 35px 0;
    padding: 1px 0;
    height: 295px;
    position: relative;
    z-index: 5;
}

.slider-projects-wrapper h2,
.slider-projects-wrapper .h2 {
    position: relative;
    z-index: 5;
}

.slider-projects-wrapper .bg {
    width: 1075px;
    height: 295px;
    background: #fff;
    left: 50%;
    top: 0;
    margin: 0 0 0 -537px;
    padding: 0;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    /*-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.26);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.26);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.26);*/
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.slider-projects-wrapper .slider-projects {
    position: relative;
    z-index: 5;
    height: 160px;
    overflow: hidden;
}

.slider-projects-wrapper .slider-projects .swiper-wrapper {
    height: 160px;
    margin: 0;
    padding: 0;
}

.slider-projects-wrapper .slider-projects .swiper-slide {
    margin: 0;
    padding: 0;
    height: 160px;
}

.slider-projects-wrapper .slider-projects .project {
    display: block;
    position: relative;
    z-index: 5;
    height: 160px;
    border-right: 1px solid #fff;
    text-decoration: none;
    outline: none;
    overflow: hidden;
}

.slider-projects-wrapper .slider-projects .project .img {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0;
    height: 160px;
}

.slider-projects-wrapper .slider-projects .project .img img {
    max-width: 100%;
    max-height: 100%;
}

.slider-projects-wrapper .slider-projects .project .info {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 50px;
    margin: -6px 0 0 0;
    padding: 1px 20px 1px 20px;
    height: 50px;
    background: #4db848;
    z-index: 5;
    -moz-transition: margin-top 0.4s ease;
    -o-transition: margin-top 0.4s ease;
    -webkit-transition: margin-top 0.4s ease;
    transition: margin-top 0.4s ease;
}

.slider-projects-wrapper .slider-projects .project:hover .info {
    margin-top: -52px;
}

.slider-projects-wrapper .slider-projects .project .info .name {
    display: block;
    height: 16px;
    margin: 9px 0 0 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
}

.slider-projects-wrapper .slider-projects .project .info .district {
    display: block;
    margin: 1px 0 0 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: none;
    text-align: left;
}

.slider-projects-wrapper .slider-projects .project .pxl {
    display: none;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../img/pxl-black-15.png) repeat;
}

.slider-projects-wrapper .slider-projects .project:hover .pxl {
    display: block;
}

.slider-projects-wrapper .projects-nav {
    display: block;
    position: absolute;
    width: 30px;
    height: 160px;
    top: 78px;
    margin: 0;
    outline: none;
    text-decoration: none;
    z-index: 5;
}

.slider-projects-wrapper .projects-nav.prev {
    left: -30px;
}

.slider-projects-wrapper .projects-nav.next {
    right: -30px;
}

.slider-projects-wrapper .projects-nav i {
    display: block;
    width: 14px;
    height: 34px;
    position: absolute;
    top: 50%;
    margin: -17px 0 0 0;
    background: url(../img/arrow-projects-slider.png) no-repeat;
}

.slider-projects-wrapper .projects-nav.prev i {
    left: 0;
    background-position: 0 0;
}

.slider-projects-wrapper .projects-nav.next i {
    right: 0;
    background-position: -14px 0;
}

/* ==================
	ВНУТРЕННИЕ СТРАНИЦЫ
================== */

/*ВСЕ ОБЪЕКТЫ*/
.content .flat-info {
    margin: 50px 0 20px 0;
    padding: 0;
}

.content .flat-info .flat {
    position: relative;
    float: left;
    width: 255px;
    height: 70px;
    margin: 0;
    padding: 0;
}

.content .flat-info .flat .type {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 66px;
    height: 66px;
    border: 2px solid #c8c9ce;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.content .flat-info .flat .type p {
    margin: 7px 0 0 0;
    font-size: 10px;
    line-height: 10px;
    font-weight: 600;
    color: #005baa;
}

.content .flat-info .flat .type p strong {
    display: block;
    margin: 0;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
}

.content .flat-info .flat .info {
    display: block;
    margin: 0 0 0 83px;
    padding: 1px 0 0 0;
}

.content .flat-info .flat .info p.price {
    margin: 15px 0 0 0;
    font-size: 17px;
    line-height: 17px;
    font-weight: 600;
    color: #005baa;
}

.content .flat-info .flat .info p.area {
    margin: 4px 0 0 0;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    color: #adadae;
}

.content .search-form-wrapper {
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.content .search-form-wrapper.shadow {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
}

.content .search-form-wrapper .top {
    background: #fff;
    margin: 0;
    padding: 0;
}

.content .search-form-wrapper.gray .top {
    padding-top: 15px;
    background: #e8e8e8;
}

.content .search-form-wrapper .top .title {
    display: block;
    height: 58px;
    border-bottom: 1px solid #e8e8e8;
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 58px;
    font-weight: 600;
    color: #005baa;
    text-align: left;
    text-transform: uppercase;
}

.content .search-form-wrapper .form-wrapper {
    display: block;
    margin: 25px 0 30px 0;
}

.content .search-form-wrapper .form-wrapper .form {
    margin: 0 0px 0 0px;
    padding: 10px 0;
}

.content .search-form-wrapper .form-wrapper .form .field {
    display: block;
    float: left;
    margin: 0px 0 0 45px;
    padding: 0;
    width: 290px;
}

.content .search-form-wrapper.compact .form-wrapper .form .field {
    width: 220px;
}

.content .search-form-wrapper .form-wrapper .form .field.field-checkbox {
    width: auto;
    margin-left: 15px;
    position: relative;
}

.content .search-form-wrapper .form-wrapper .form .field p.label {
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #005baa;
    text-transform: uppercase;
}

.content .search-form-wrapper .form-wrapper .form .field .checkbox-wrapper {
    margin: 15px 0 0 0;
    padding: 0;
    overflow: hidden;
}

.content .search-form-wrapper .form-wrapper .form .field .checkbox-wrapper .square {
    float: left;
    margin: 0 0 0 0;
    width: 56px;
    height: 56px;
    background: #e9ebec;
    border-right: 1px solid #fff;
    border-bottom: 2px solid #bfbfc0;
    overflow: hidden;
    cursor: pointer;
    -moz-transition: border-color 0.4s ease;
    -o-transition: border-color 0.4s ease;
    -webkit-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
}

.content .search-form-wrapper .form-wrapper .form .field .checkbox-wrapper .square:hover {
    border-bottom-color: #034a87;
}

.content .search-form-wrapper .form-wrapper .form .field .checkbox-wrapper .square.checked {
    background: #005baa;
    border-bottom-color: #034a87;
}

.content .search-form-wrapper .form-wrapper .form .field .checkbox-wrapper .square span {
    display: block;
    height: 56px;
    margin: 0;
    font-size: 35px;
    line-height: 56px;
    font-weight: 400;
    color: #005baa;
    text-align: center;
}

.content .search-form-wrapper .form-wrapper .form .field .checkbox-wrapper .square.checked span {
    color: #fff;
}

.content .search-form-wrapper .form-wrapper .form .field .checkbox-wrapper .square input.checkbox {
    display: none;
}

.content .search-form-wrapper .form-wrapper .form .field .slider-wrapper {
    margin: 30px 0 0 0;
    padding: 1px 0;
    height: 22px;
}

.content .search-form-wrapper .form-wrapper .form .field .slider-range {
    position: relative;
    margin: 5px 0 0 0;
    height: 15px;
}

.content .search-form-wrapper .form-wrapper .form .field .slider-range p.label-slider {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #adadae;
}

.content .search-form-wrapper .form-wrapper .form .field .slider-range p.label-slider.min {
    left: 0;
}

.content .search-form-wrapper .form-wrapper .form .field .slider-range p.label-slider.max {
    right: 0;
}

.content .search-form-wrapper .form-wrapper .form .field .slider-range p.label-slider span {
    display: inline-block;
    margin: 0;
    width: 20px;
    text-align: center;
}

.content .search-form-wrapper .form-wrapper .form .field .slider-range p.label-slider span {
    display: inline;
    zoom: 1;
}

.content .search-form-wrapper .form-wrapper .form .field .slider-range.big p.label-slider span {
    width: 75px;
}

.content .search-form-wrapper .form-wrapper .form input.submit {
    display: block;

    width: 196px;
    height: 57px;
    margin: 40px auto 0px auto;
    padding: 0 0 0 62px;
    background: #4db848 url(../img/ico-search.png) 32px center no-repeat;
    border: none;
    border-bottom: 3px solid #2f9500;
    font-size: 17px;
    line-height: 57px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.content .search-form-wrapper .form-wrapper .form input.submit:hover {
    background-color: #2f9500;
}

.content .search-form-wrapper.compact .form-wrapper .form input.submit {
    float: left;
    margin: 25px 0 0 40px;
}

.content .search-top {
    position: relative;
    margin: 15px 10px 0 0;
    padding: 0;
    height: 40px;
    border-bottom: 1px solid #d4d5d9;
}

.content .search-top .type {
    margin: 0 140px 0 0;
    padding: 0;
}

.content .search-top .type .link {
    display: block;
    float: left;
    margin: 0 0 0 45px;
    height: 38px;
    border-top: 2px solid transparent;
    font-size: 18px;
    line-height: 38px;
    font-weight: 400;
    color: #9d9fa1;
    outline: none;
    text-decoration: none;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.content .search-top .type .link:first-child {
    margin-left: 0;
}

.content .search-top .type .link:hover {
    color: #4db848;
}

.content .search-top .type .link.active {
    border-color: #4db848;
}

.content .search-top .count {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    color: #9d9fa1;
}


.content .search-control {
    position: relative;
    margin: 10px 10px -10px 0;
    padding: 0;
    height: 40px;
}

.content .search-control .sort {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 16px;
    line-height: 40px;
    color: #000000;
    text-align: left;
    cursor: pointer;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.content .search-control .sort:hover {
    opacity: 0.7;
}

.content .search-control .sort i {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -7px 0 0 0;
    width: 12px;
    height: 15px;
    background: url(../img/search-sprite.png) no-repeat;
}

.content .search-control .sort.asc i {
    background-position: 0 0;
}

.content .search-control .sort.desc i {
    background-position: 0 -15px;
}

.content .search-control .type-view {
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin: -10px 0 0 0;
    height: 20px;
}

.content .search-control .type-view .view {
    display: block;
    float: left;
    margin: 0 0 0 2px;
    width: 20px;
    height: 20px;
    background: url(../img/search-sprite.png) no-repeat;
    cursor: pointer;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.content .search-control .type-view .view:hover {
    opacity: 0.7;
}

.content .search-control .type-view .view.active {
    cursor: default;
    opacity: 1;
}

.content .search-control .type-view .view.table {
    background-position: -12px -30px;
}

.content .search-control .type-view .view.table.active {
    background-position: -12px -50px;
}

.content .search-control .type-view .view.tile {
    background-position: -32px -30px;
}

.content .search-control .type-view .view.tile.active {
    background-position: -32px -50px;
}

.content .search-results {
    margin: 0;
    padding: 10px 0;
    min-height: 500px;
}

.content .search-results .search-item {
    display: block;
    position: relative;
    float: left;
    margin: 10px 10px 10px 0;
    width: 230px;
    height: 440px;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.content .search-results .table-view .search-item {
    height: 60px;
    float: none;
    width: auto;
    margin-bottom: 20px;
}

.content .search-results .search-item .img {
    display: block;
    height: 220px;
    margin: 0;
    padding: 5px 0 4px 0;
    /*border-bottom: 1px solid #e8e8e8;*/
    border: none;
    outline: none;
    text-decoration: none;
    text-align: center;
}

.content .search-results .table-view .search-item .img {
    position: absolute;
    top: 0;
    right: 3px;
    width: 80px;
    height: 50px;
    text-align: center;

}

.content .search-results .search-item .img img {
    max-width: 100%;
    max-height: 100%;
}



.content .search-results .search-item .info-flat {
    position: relative;
    height: 62px;
    border-top: 1px solid #e8e8e8;
    margin: 0;
    padding: 0;
}

.content .search-results .table-view .search-item .info-flat {
    float: left;
    height: 60px;
    border-top: none;
    width: 245px;
}

.content .search-results .search-item .info-flat .room {
    display: block;
    position: absolute;
    left: 8px;
    top: 50%;
    margin: -20px 0 0 0;
    background: #c7dcff;
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 38px;
    font-weight: 600;
    color: #005baa;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.content .search-results .table-view .search-item .info-flat .room {
    left: 15px;
}

.content .search-results .search-item .info-flat .area {
    display: block;
    position: absolute;
    left: 57px;
    top: 15px;
    margin: 0;
    width: 60px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #005baa;
}

.content .search-results .table-view .search-item .info-flat .area {
    left: 65px;
}

.content .search-results .search-item .info-flat .area sup {
    font-size: 10px;
}

.content .search-results .search-item .info-flat .price {
    display: block;
    position: absolute;
    left: 125px;
    top: 15px;
    right: 5px;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #4db848;
}

.content .search-results .table-view .search-item .info-flat .price {
    left: 140px;
}

.content .search-results .search-item .info-flat .price strong {
    font-size: 18px;
    font-weight: 600;
}

.content .search-results .search-item .info-flat .price sup {
    font-size: 10px;
}

.content .search-results .search-item .deadline,
.content .search-results .search-item .decoration {
    position: relative;
    height: 17px;
    border-top: 1px solid #e8e8e8;
    margin: 0;
    padding: 0 8px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    color: #adadae;
}

.content .search-results .table-view .search-item .deadline {
    height: 30px;
    border-top: none;
    margin-left: 712px;
    padding: 0 0 0 15px;
    width: 135px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    line-height: 30px;
}

.content .search-results .table-view .search-item .decoration {
    height: 29px;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    margin-left: 712px;
    padding: 0 0 0 15px;
    width: 135px;

    line-height: 30px;
}


.content .search-results .search-item .decoration {
    border-bottom: 1px solid #e8e8e8;
}

.content .search-results .search-item .deadline strong,
.content .search-results .search-item .decoration strong {
    font-weight: 400;
}

.content .search-results .search-item .deadline strong.green,
.content .search-results .search-item .decoration strong.green {
    color: #4db848;
}

.content .search-results .search-item .deadline strong.blue {
    color: #005baa;
}

.content .search-results .search-item .info-house {
    height: 43px;
    border-top: 1px solid #e8e8e8;
    /*border-bottom: 1px solid #e8e8e8;*/
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.content .search-results .table-view .search-item .info-house {
    float: left;
    width: 240px;
    height: 60px;
    border-top: none;
    border-right: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
}

.content .search-results .search-item .info-house table {
    width: 100%;
    height: 43px;
}

.content .search-results .table-view .search-item .info-house table {
    height: 60px;
}

.content .search-results .search-item .info-house table tr td {
    width: 24%;
    height: 43px;
    border-left: 1px solid #e8e8e8;
    vertical-align: middle;
    text-align: center;
}

.content .search-results .table-view .search-item .info-house table tr td {
    height: 60px;
}

.content .search-results .search-item .info-house table tr td:first-child {
    border-color: transparent;
}

.content .search-results .search-item .info-house table tr td p.label {
    margin: 0 3px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #adadae;
}

.content .search-results .search-item .info-house table tr td a {
    text-decoration: none;
    outline: none;
}

.content .search-results .search-item .info-house table tr td a p.label {
    color: #005baa;
}

.content .search-results .search-item .info-house table tr td p.value {
    margin: 0 3px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #005baa;
}

.content .search-results .search-item .info-house table tr td a p.value {
    color: #005baa;
    text-decoration: underline;
}

.content .search-results .search-item .info-house table tr td p a {
    color: #005baa;
    text-decoration: underline;
    outline: none;
}

.content .search-results .search-item .info-house table tr td a:hover p.value,
.content .search-results .search-item .info-house table tr td p a:hover {
    text-decoration: none;
}

.content .search-results .search-item .jk-name {
    margin: 0 10px;
    padding: 1px 0;
    height: 60px;
    overflow: hidden;
}

.content .search-results .table-view .search-item .jk-name {
    float: left;
    height: 58px;
    width: 210px;
    position: relative;
    margin-right: 5px;
    margin-left: 15px;
    margin-right: 0;
}

.content .search-results .table-view .search-item .jk-name .special_action {
    position: absolute;
    top: 0;
    left: 0;
    background-color: red;
    color: #fff;
    border: 1px solid red;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
    font-size: 13px;
    margin: 0;
}

.content .search-results .search-item .jk-name p {
    margin: 5px 0 0 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #005baa;
}

.content .search-results .search-item .jk-name p.name {
    margin-top: 10px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #005baa;
}

.content .search-results .search-item .jk-name p.name a {
    color: #005baa;
    text-decoration: none;
    outline: none;
    border-bottom: 1px solid #a4c7ff;
    -moz-transition: border-color 0.4s ease;
    -o-transition: border-color 0.4s ease;
    -webkit-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
}

.content .search-results .search-item .jk-name p.name a:hover {
    border-color: #005baa;
}

/*новостройки/построенные объекты*/
.content .objects-list {
    margin: -5px 0 0 0;
    padding: 1px 0;
}

.content .objects-list .object {
    display: block;
    position: relative;
    margin: 25px 0;
    padding: 0;
    height: 225px;
    overflow: hidden;
    /*  -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.07);
	box-shadow: 0px 3px 6px rgba(0,0,0,0.07);*/
    -webkit-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.55);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.content .objects-list .object:first-child {
    margin-top: 0;
}

.content .objects-list .object .img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 391px;
    height: 225px;
}

.content .objects-list .object .img img {
    max-width: 100%;
    max-height: 100%;
}

.content .objects-list .object .info {
    margin: 0 0 0 393px;
    padding: 0;
    height: 225px;
}

.content .objects-list .object .info .top {
    margin: 0;
    padding: 1px 0;
    height: 154px;
    background: #fff;
    overflow: hidden;
}

.content .objects-list .object .info .top p {
    margin: 15px 50px 15px 20px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #8a8e92;
}

.content .objects-list .object .info .top p.name {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #005baa;
}

.content .objects-list .object .info .top p.name a {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #005baa;
    text-decoration: none;
}

.content .objects-list .object .info .bottom {
    position: relative;
    margin: 2px 0 0 0;
    padding: 0;
    width: 100%;
    height: 67px;
}

.content .objects-list .object .info .bottom .deadline {
    position: absolute;
    left: 0;
    top: 0;

    width: 312px;
    height: 67px;
    margin: 0;
    padding: 0;
    background: #fff;
}

.content .objects-list .object .info .bottom .deadline p {
    display: block;
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #005baa;
}

.content .objects-list .object .info .bottom .deadline p strong {
    display: block;
    margin: 0;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}

.content .objects-list .object .info .bottom .link {
    position: absolute;
    right: 0;
    top: 0;
    width: 253px;
    height: 67px;
    margin: 0;
    padding: 0;
    background: #fff;
}

.content .objects-list .object .info .bottom .link a {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: url(../img/ico-arrow.png) 95% center no-repeat;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #4db848;
    text-decoration: none;
    outline: none;
    -moz-transition: background-position 0.4s ease;
    -o-transition: background-position 0.4s ease;
    -webkit-transition: background-position 0.4s ease;
    transition: background-position 0.4s ease;
}

.content .objects-list .object .info .bottom .link a:hover {
    background-position: right center;
}

/*контакты*/
.contacts-wrapper {
    display: block;
    position: relative;
    margin: 0;
    background: #e8e8e8;
}

.contacts-wrapper .shadow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: url(../img/shadow-subnav.png) 0 0 repeat;
    z-index: 200;
}

.contacts-wrapper .contacts-block {
    margin: 0;
    padding: 1px 0;
}

.contacts-wrapper .contacts-block .third.w20 {
    width: 20%;
    margin-left: 4%;
}

.contacts-wrapper .contacts-block p {
    margin: 10px 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #000;
}

.contacts-wrapper .contacts-block p strong {
    font-weight: 400;
}

.contacts-wrapper .contacts-block p strong.big {
    font-size: 20px;
    padding-left: 5px;
}

.contacts-wrapper .contacts-block p.subtitle {
    margin: 30px 0 0 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #005baa;
    text-transform: uppercase;
}

.contacts-wrapper .contacts-block .route-tabs {
    margin: 10px 0;
    padding: 0;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav {
    margin: 0;
    padding: 0;
    height: 38px;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a {
    position: relative;
    display: block;
    float: left;
    height: 38px;
    margin: 0 20px 0 0;
    padding: 0 0 0 44px;
    color: #309900;
    font-size: 16px;
    line-height: 38px;
    font-weight: 400;
    text-decoration: none;
    outline: none;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    background: url(../img/ico-route.png) no-repeat;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a.t1 i {
    background-position: 0 0;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a.t1.active i {
    background-position: 0 -38px;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a.t2 i {
    background-position: -38px 0;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a.t2.active i {
    background-position: -38px -38px;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a.t4 i {
    background-position: -76px 0;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a.t4.active i {
    background-position: -76px -38px;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a.t3 i {
    background-position: -114px 0;
}

.contacts-wrapper .contacts-block .route-tabs .tabs-nav a.t3.active i {
    background-position: -114px -38px;
}

.contacts-wrapper .contacts-block .route-tabs .tabs {
    margin: 10px 0;
}

.contacts-wrapper .contacts-block .route-tabs .tabs .tab {
    margin: 0;
    padding: 0;
    display: none;
}

.contacts-wrapper .contacts-block .route-tabs .tabs .tab.active {
    display: block;
}

.contacts-wrapper .contacts-block .route-tabs .tabs .tab p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
}

.contacts-wrapper .contacts-block .route-tabs .tabs .tab p span.divide {
    color: #ababab;
    padding: 0 5px;
}

.contacts-wrapper .map {
    display: block;
    margin: 30px 0 0 0;
    position: relative;
    height: 600px;

    background: #fff;
    z-index: 198;
}

/*ипотека*/
.content .mortgage-calc-wrapper {
    position: relative;
    z-index: 5;
    margin: 0;
    padding: 0 0 25px 0;
    /*height: 554px;*/
    background: #e8e8e8 url(../img/mortgage-calc-bg.jpg) center top no-repeat;
}

.content .mortgage-calc-wrapper .pxl {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 554px;
    background: url(../img/pxl-blue-76.png) repeat;
    z-index: 1;
}

.content .mortgage-calc-wrapper .fixed-content {
    position: relative;
    z-index: 5;
}

.content .mortgage-calc-wrapper .title {
    margin: 14px 0 0 0;
    font-size: 26px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
}

.content .mortgage-calc-wrapper .mortgage-calc {
    background: #fff;
    margin: 30px 0 0 0;
    padding: 0 0 20px 0;
    /*height: 365px;*/
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.content .mortgage-calc-wrapper .mortgage-calc .field-wrapper {
    margin: 0 40px;
    padding: 0;
}

.content .mortgage-calc-wrapper .mortgage-calc .field-wrapper .col {
    margin: 0;
    padding: 1px 0;
    float: right;
    width: 420px;
}

.content .mortgage-calc-wrapper .mortgage-calc .field-wrapper .col:first-child {
    float: left;
}

.content .mortgage-calc-wrapper .mortgage-calc .field {
    position: relative;
    margin: 20px 0;
    padding: 0;
}

.content .mortgage-calc-wrapper .mortgage-calc .field p.label {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #005baa;
    text-transform: uppercase;
}

.content .mortgage-calc-wrapper .mortgage-calc .field p.label span {
    text-transform: none;
    color: #000;
    padding-left: 10px;
    font-weight: 500;
}

.content .mortgage-calc-wrapper .mortgage-calc .field p.label span.rub {
    /*font-family: "RUBSN";*/
    padding-left: 5px;
    font-size: 14px;
    position: relative;
    top: 0px;
    font-weight: 300;
}

.content .mortgage-calc-wrapper .mortgage-calc .field .slider-wrapper {
    margin: 25px 135px 0 0;
    padding: 1px 0;
    height: 22px;
}

.content .mortgage-calc-wrapper .mortgage-calc .field .slider-range {
    position: relative;
    margin: 10px 135px 0 0;
    height: 15px;
}

.content .mortgage-calc-wrapper .mortgage-calc .field .slider-range p.label-slider {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #adadae;
}

.content .mortgage-calc-wrapper .mortgage-calc .field .slider-range p.label-slider.min {
    left: 0;
}

.content .mortgage-calc-wrapper .mortgage-calc .field .slider-range p.label-slider.max {
    right: 0;
}

.content .mortgage-calc-wrapper .mortgage-calc .field .slider-range p.label-slider span.rub {
    /*font-family: "RUBSN";*/
    font-weight: 300;
    text-transform: none;
}

.content .mortgage-calc-wrapper .mortgage-calc .field .input-wrapper {
    display: block;
    position: absolute;
    right: 0;
    top: 29px;
    margin: 0;
    padding: 0;
    width: 110px;
    z-index: 5;
}

.content .mortgage-calc-wrapper .mortgage-calc .field .input-wrapper input.text {
    margin: 0;
    padding: 0 25px 0 10px;
    width: 75px;
    height: 38px;
    position: relative;
    z-index: 1;
    font-size: 15px;
    line-height: 38px;
    font-weight: 400;
    color: #000;
    background: #f6f6f6;
    border: none;
    outline: none;
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.26);
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.26);
}

.content .mortgage-calc-wrapper .mortgage-calc .field .input-wrapper span {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    height: 38px;
    z-index: 5;
    font-size: 15px;
    line-height: 38px;
    font-weight: 400;
    color: #adadae;
    text-transform: uppercase;
    top: -2px;
}

.content .mortgage-calc-wrapper .mortgage-calc .field .input-wrapper span.rub {
    /*font-family: "RUBSN";*/
    font-weight: 300;
    text-transform: none;
    top: -1px;
}

.content .mortgage-calc-wrapper .mortgage-calc .resume {
    border-top: 1px solid #d4d5d9;
    margin: 0;
    padding: 1px 40px;
    position: relative;
}

.lt-ie8 .content .mortgage-calc-wrapper .mortgage-calc .resume {
    margin-bottom: 20px;
}

.content .mortgage-calc-wrapper .mortgage-calc .resume .submit {
    display: block;
    width: 196px;
    height: 57px;
    margin: 19px 0 0 0;
    padding: 0 0 0 0;
    background: #4db848;
    border: none;
    border-bottom: 3px solid #2f9500;
    font-family: "PFDinDisplayPro-Light";
    font-size: 17px;
    line-height: 60px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.content .mortgage-calc-wrapper .mortgage-calc .resume .submit:hover {
    background-color: #2f9500;
}

.lt-ie8 .content .mortgage-calc-wrapper .mortgage-calc .resume .submit {
    position: relative;
    top: 20px;
}

.content .mortgage-calc-wrapper .mortgage-calc .resume p.text {
    display: block;
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 257px;
    margin: 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #adadae;
}

.lt-ie8 .content .mortgage-calc-wrapper .mortgage-calc .resume p.text {
    word-wrap: break-word;
}

.content .mortgage-calc-wrapper .mortgage-calc .resume p.text a {
    color: #005baa;
    text-decoration: underline;
    outline: none;
}

.content .mortgage-calc-wrapper .mortgage-calc .resume p.text a:hover {
    text-decoration: none;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper {
    display: none;
    margin: 20px 0px 0 40px;
    padding: 1px 0;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper p.title {
    margin: 20px 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #005baa;
    text-transform: uppercase;
    text-align: left;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .results {
    margin: 20px 0;
    padding: 0;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .column-label {
    display: block;
    float: left;
    margin: 0;
    width: 178px;
    position: relative;
    z-index: 1;
    border: 1px solid #d4d5d9;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .row {
    position: relative;
    z-index: 5;
    height: 38px;
    border: none;
    border-top: 1px solid #d4d5d9;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .column.current .row {
    border-top: 1px solid #4db848;
    background: #4db848;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .row:first-child {
    border-top: 1px solid transparent;
}



.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .row p {
    margin: 0 0 0 12px;
    font-size: 15px;
    line-height: 38px;
    color: #000;
    text-transform: none;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .column-label .row p {
    color: #adadae;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .current .row p {
    color: #fff;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .row p span.rub {
    /*font-family: "RUBSN";*/
    font-weight: 300;
    text-transform: none;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .row p strong {
    font-weight: 500;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .calc-results {
    float: left;
    width: 720px;
    margin: 0;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .column {
    display: block;
    float: left;
    margin: 0 0 0 -1px;
    width: 138px;
    position: relative;
    z-index: 5;
    border: 1px solid #d4d5d9;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .column.current {
    border-color: #4db848;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .row .remove {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 50%;
    margin: -4px 0 0 0;
    width: 8px;
    height: 8px;
    background: url(../img/ico-close.png) 0 0 no-repeat;
    opacity: 1;
    outline: none;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .current .row .remove {
    background-position: 0 -8px;
}

.content .mortgage-calc-wrapper .mortgage-calc .calc-results-wrapper .row .remove:hover {
    opacity: 0.8;
}

/*
.content .mortgage-calc-wrapper .mortgage-calc .resume p {
	margin: 25px 0 0 0;
	font-size: 15px;
	line-height: 15px;
	font-weight: 400;
	text-transform: uppercase;
}
.content .mortgage-calc-wrapper .mortgage-calc .resume p strong {
	font-size: 46px;
	line-height: 46px;
	font-weight: 400;
	color: #4db848;
}
.content .mortgage-calc-wrapper .mortgage-calc .resume p span {
	/*font-family: "RUBSN";*/
font-size: 24px;
line-height: 24px;
color: #4db848;
text-transform: none;
}

*/ .content .bank-tabs-nav {
    margin: 50px 0 0 0;
    padding: 0;
    border-bottom: 1px solid #d4d5d9;
}

.content .bank-tabs-nav a {
    display: block;
    position: relative;
    float: left;
    margin: 0 0 0 47px;
    padding: 0;
    height: 50px;
    color: #9b9c9f;
    font-family: "PFDinDisplayPro-Light";
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    padding-top: 10px;
    outline: none;
    text-decoration: none;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.content .bank-tabs-nav a:first-child {
    margin-left: 0;
}

.content .bank-tabs-nav a:hover {
    color: #005baa;
}

.content .bank-tabs-nav a.active {
    color: #005baa;
    cursor: default;
}

.content .bank-tabs-nav a i {
    display: block;
    position: absolute;
    background: transparent;
    top: 0;
    left: 0;
    margin: 0;
    width: 26px;
    height: 2px;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.content .bank-tabs-nav a.active i {
    background: #005baa;
}

.content .bank-tabs {
    margin: 20px 0 0 0;
    padding: 0;
}

.content .bank-tabs .tab {
    display: none;
    margin: 0;
    padding: 1px 0;
}

.content .bank-tabs .tab.active {
    display: block;
}

.content table {
    width: 100%;
    margin: 0;
}

.content table tr th {
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: left;
    border-bottom: 2px solid #d4d5d9;
}

.content table tr th p {
    margin: 10px 10px 10px 50px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #005baa;
}

.content table tr th:first-child p {
    margin-left: 0;
}

.content table tr td {
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #d4d5d9;
}

.content table tr td p {
    margin: 20px 10px 20px 50px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    color: #000;
}

.content table tr td:first-child p {
    margin-left: 0;
}

.content table tr td p span {
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.content .show-more {
    display: block;
    margin: 40px auto 40px auto;
    width: 158px;
    height: 38px;
    border: 1px solid #4db848;
    color: #4db848;
    font-size: 14px;
    line-height: 38px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.content .show-more:hover {
    color: #2f9500;
    border-color: #2f9500;
}

.content .show-more.load {
    background: url(../img/load.GIF) center center no-repeat;
    border-color: transparent;
    color: transparent;
    cursor: default;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    -webkit-transition: all 0s ease;
    transition: all 0s ease;
}

/* ==================
	FOOTER
================== */
footer {
    border-top: 8px solid #a5c8ff;
    background: #fff;
    position: relative;
    z-index: 200;
    height: 67px;
    min-width: 1000px;
    margin: -75px 0 0 0;
}

iframe {
    display: none;
}

footer .width {
    position: relative;
    height: 65px;
}

footer .copyright {
    display: block;
    margin: 17px 0 0 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #005baa;
}

footer .nav {
    display: block;
    position: absolute;
    left: 210px;
    top: 50%;
    margin: -15px 0 0 0;
    width: 250px;
    height: 31px;
    text-align: center;
}

footer .nav a,
footer .copyright a {
    display: inline-block;
    height: 31px;
    margin: 0 10px;
    padding: 0;
    font-size: 12px;
    line-height: 30px;
    font-weight: 300;
    color: #005baa;
    text-decoration: underline;
    outline: none;
}

footer .nav a:hover,
footer .copyright a:hover {
    text-decoration: none;
}

.lt-ie8 footer .nav a {
    display: inline;
    zoom: 1;
}

footer .search {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -15px 370px 0 0;
    padding: 0;
    height: 31px;
}

footer .search input.text {
    margin: 0;
    padding: 0 10px 0 40px;
    width: 190px;
    height: 31px;
    background: #e8e8e8 url(../img/ico-search-gray.png) 15px center no-repeat;
    font-size: 14px;
    line-height: 31px;
    font-weight: 300;
    color: #005baa;
    outline: none;
    border: none;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.35);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

@media (max-width:1000px) {
    footer .search input.text {
        width: 155px;
    }
}

footer .search input.submit {
    display: none;
    width: 0;
    height: 0;
    outline: none;
}

footer .search .label-top {
    display: none !important;
}

footer .internetlab {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -15px 0 0 0;
    padding: 0;
    width: 30px;
    height: 30px;
    background: url(../img/internetlab.png) center center no-repeat;
    outline: none;
    text-decoration: none;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

footer .internetlab:hover {
    opacity: 0.8;
}

footer .social {
    display: block;
    position: absolute;
    right: 50px;
    top: 50%;
    margin: -15px 0 0 0;
    width: 310px;
    height: 31px;
    text-align: right;
}

footer .social a {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 31px;
    height: 31px;
    background: url(../img/ico-social-new2.png) no-repeat;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.lt-ie8 footer .social a {
    display: inline;
    zoom: 1;
}

footer .social a:hover {
    opacity: 0.8;
}

footer .social a.vk {
    background-position: 0 0;
}

footer .social a.fb {
    background-position: -82px 0;
}

footer .social a.youtube {
    background-position: -41px 0;
}

footer .social a.insta {
    background-position: -123px 0;
}

footer .social a.ok {
    background-position: -164px 0;
}

footer .social a.telega {
    background-position: -205px 0;
}

footer .social a.twitter {
    background-position: -246px 0;
}

/* ==================
	МОДАЛЬНЫЕ ОКНА
================== */
#fade {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 90;
    background: url(../img/pxl-brown-50.png) repeat;
}



.preloader {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: #000;
}

.load .preloader {
    display: block;
}

.hidden {
    opacity: 0;
}

.visible {
    opacity: 1;
}

.field {
    position: relative;
}

.label-top {
    display: none;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    margin: 4px 0 0 22px;
    font-size: 11px;
    line-height: 13px;
    font-weight: 300;
    color: #757575;
}


/* ==========================================================================
	 Media Queries
	 ========================================================================== */
@media only screen and (max-width: 1200px) {

    .subnav-wrapper .subnav.slide4 a {
        padding: 0 10px;
        font-size: 14px;
        width: 22%;
    }

    .ecograd .screen2 {
        background-size: 52% !important;
    }

    .ecograd .screen5 .tab-eco {
        padding-right: 0 !important;
    }

    .ecograd .screen4 {
        height: inherit !important;
        width: 100% !important;
    }

    .ecograd .screen4 .ecograd-img {
        width: 33% !important;
        height: inherit !important;
    }

    .ecograd .screen7 {
        width: 100% !important;
    }

    .ecograd .screen7 .tab {
        width: 25% !important;
    }

    .ecograd .screen7 .tab1 {
        background-position: 10% top !important;
    }

    .ecograd .screen7 .tab2 {
        background-position: 30% top !important;
    }

    .ecograd .screen7 .tab3 {
        background-position: 50% top !important;
    }

    .ecograd .screen7 .tab4 {
        background-position: 70% top !important;
    }

    .ecograd .screen7 .tab5 {
        background-position: 90% top !important;
    }

    .road-wrap .screen2 {
        background-size: 56% !important;
    }

    .road-wrap .screen4 {
        width: 100% !important;
    }

    .road-wrap .screen4 .tab1 {
        background-position: 10% top !important;
    }

    .road-wrap .screen4 .tab2 {
        background-position: 30% top !important;
    }

    .road-wrap .screen4 .tab3 {
        background-position: 50% top !important;
    }

    .road-wrap .screen4 .tab4 {
        background-position: 70% top !important;
    }

    .road-wrap .screen4 .tab5 {
        background-position: 90% top !important;
    }

    .road-wrap .screen4 .tab-content {
        height: inherit !important;
    }

    .road-wrap .screen4 .tab1 .bg img {
        width: 100%;
    }

    .road-wrap .screen4 .tab1 .bg {
        right: -83px !important;
        bottom: 46px !important;
    }

    .content table tr td p img {
        width: 100%;
    }

    .index-slider-wrapper .slide-sales {
        background-size: 160%;
    }

}


/* ==========================================================================
	 Print styles
	 ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ("attr(href) ")";
    }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



/*
text-shadow: rgba(30,31,34,0.8) 1px 1px 1px;

-webkit-box-shadow: 0px 9px 16px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 9px 16px rgba(0,0,0,0.75);
	box-shadow: 0px 9px 16px rgba(0,0,0,0.75);


filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;


	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;

		-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
*/

.ruble {
    /*font-family: 'RUBSN';*/
    width: 0;
}


/*-----------------------------------------
Дорожное строительство
------------------------------------------*/
/*section#content {
	top: 0;
	padding-top: 10px;
	background: #fff;
    position: relative;
    z-index: 1;
    padding: 43px 0 0;
    min-width: 980px;
    max-width: 1200px;
    -webkit-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	font: 14px/1.2 'Exo 2', sans-serif;
}*/
/*section#content.radius-5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}*/
/*.road-wrap {
	width: 1200px;
}*/

.road-wrap {
    top: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    min-width: 980px;
    max-width: 1200px;
    -webkit-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    font: 14px/1.2 'Exo 2', sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.road-wrap .screen1 img {
    border-radius: 5px 5px 0 0;
}

.road-wrap .screen2 {
    background: url('/img/road/map.png') #fff left top no-repeat;
    width: 1200px;
    height: 600px;
}

.road-wrap .screen2 .text {
    position: absolute;
    width: 314px;
    right: 50px;
    margin-top: 30px;
    text-transform: uppercase;
    color: #0073bc;
}

.road-wrap .screen2 .text .header {
    font: 24px/1.2 'Exo 2', sans-serif;
    font-weight: 400;
    margin: 0;
    /*padding-bottom: 30px;*/
    color: #0073bc;
}

.road-wrap .screen2 .text .header b {
    font-weight: 700;
}

.road-wrap .screen2 .text ul {
    padding-left: 20px;
}

.road-wrap .screen2 .text ul li {
    color: #000;
    text-transform: none;
    padding: 15px 0 0 0;
    font: 14px/1.2 'Exo 2', sans-serif;
    margin: 0;
    display: list-item;
    background: none;
}

.road-wrap .screen2 .text ul li:first-child {
    padding-top: 0px;
}

.road-wrap .screen2 .text ul li ul {
    margin: 0;
    padding-left: 0;
}

.road-wrap .screen2 .text ul li ul li {
    padding: 0;
    list-style-type: none;
}

.road-wrap .screen2 .text ul li ul li:before {
    content: '– ';
}

.road-wrap .screen3 {
    padding: 0;
    width: 1200px;
    height: 600px;
}

.road-wrap .screen3 .roads-img {
    width: 400px;
    height: 300px;
    display: inline-block;
    margin-right: -3px;
}

.road-wrap .screen4 {
    width: 1200px;
}

.road-wrap .screen4 .tab {
    width: 20%;
    height: 100px;
    background-color: #6cc6ff;
    display: inline-block;
    margin-right: -3px;
    text-decoration: none;
    outline: none;
}


.road-wrap .screen4 #tab1 {
    background-image: url('/img/road/screen4/icons/tab-1.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.road-wrap .screen4 #tab2 {
    background-image: url('/img/road/screen4/icons/tab-2.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.road-wrap .screen4 #tab3 {
    background-image: url('/img/road/screen4/icons/tab-3.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.road-wrap .screen4 #tab4 {
    background-image: url('/img/road/screen4/icons/tab-4.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.road-wrap .screen4 #tab5 {
    background-image: url('/img/road/screen4/icons/tab-5.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.road-wrap .screen4 .active {
    background-color: #0073bc;
}

.road-wrap .screen4 .tab-content {
    height: 600px;
    padding-left: 31px;
    background-image: url('/img/road/screen4/current.png');
    background-repeat: no-repeat;
}

.road-wrap .screen4 .tab1 {
    background-position: 110px top;
    display: block;
}

.road-wrap .screen4 .tab2 {
    background-position: 350px top;
    display: none;
}

.road-wrap .screen4 .tab3 {
    background-position: 590px top;
    display: none;
}

.road-wrap .screen4 .tab4 {
    background-position: 830px top;
    display: none;
}

.road-wrap .screen4 .tab5 {
    background-position: 1070px top;
    display: none;
    height: 100% !important;

}

.road-wrap .screen4 .tab1 .header,
.road-wrap .screen4 .tab2 .header,
.road-wrap .screen4 .tab3 .header,
.road-wrap .screen4 .tab4 .header,
.road-wrap .screen4 .tab5 .header {
    width: 569px;
    font: 32px/1.2 'Exo 2', sans-serif;
    font-weight: 400;
    margin: 0;
    padding-top: 24px;
    text-transform: uppercase;
    color: #0073bc;
}

.road-wrap .screen4 .tab3 .header {
    width: 380px;
}

.road-wrap .screen4 .tab4 .header {
    width: 300px;
}

.road-wrap .screen4 .tab5 .header {
    width: 906px;
}

.road-wrap .screen4 .tab1 .bg {
    position: absolute;
    right: 0;
    bottom: 96px;
    padding: 0;
    margin: 0;
    z-index: -1;
}

.road-wrap .screen4 .tab1 .text,
.road-wrap .screen4 .tab2 .text,
.road-wrap .screen4 .tab3 .text,
.road-wrap .screen4 .tab4 .text,
.road-wrap .screen4 .tab5 .text {
    color: #000;
    margin-left: 20px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.road-wrap .screen4 .tab1 .text {
    width: 532px;
}

.road-wrap .screen4 .tab4 .text {
    margin-left: 0;
    width: 895px;
}

.road-wrap .screen4 .tab1 .text li,
.road-wrap .screen4 .tab2 .text li,
.road-wrap .screen4 .tab3 .text li,
.road-wrap .screen4 .tab4 .text li,
.road-wrap .screen4 .tab5 .text li {
    padding: 15px 0 0 0;
    font: 14px/1.2 'Exo 2', sans-serif;
    margin: 0;
    display: list-item;
    background: none;
}

.road-wrap .screen4 .tab2 .text li {
    padding: 0;
}

.road-wrap .screen4 .tab2 .image-left {
    font-size: 14px;
    display: inline-block;
    margin: 0;
    margin-right: -3px;
}

.road-wrap .screen4 .tab2 .images-right {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.road-wrap .screen4 .tab2 .image-left img,
.road-wrap .screen4 .tab3 .image-left img {
    vertical-align: inherit;
    margin-bottom: 1px;
}

.road-wrap .screen4 .tab2 .images-right img:not(:first-child) {
    padding-bottom: 219px;
}

.road-wrap .screen4 .tab3 .image-left {
    left: 410px;
    bottom: 173px;
    position: relative;
    display: inline-block;
    margin-right: -3px;
}

.road-wrap .screen4 .tab3 .images-right {
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
    left: 410px;
    bottom: 295px;
}

.road-wrap .screen4 .tab3 .text {
    width: 269px;
}

.road-wrap .screen4 .tab3 .text li:not(:first-child) {
    padding-top: 15px;
}

.road-wrap .screen4 .tab4 .tech,
.road-wrap .screen4 .tab4 .images {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.road-wrap .screen4 .tab4 .images img {
    margin-right: -3px;
}

.road-wrap .screen4 .tab5 .text {
    display: inline-table;
}

.road-wrap .screen4 .tab5 .text li:not(:first-child) {
    padding-top: 15px;
}

.road-wrap .screen4 .tab5 .col-1,
.road-wrap .screen4 .tab5 .col-2,
.road-wrap .screen4 .tab5 .col-3 {
    width: 360px;
}

.road-wrap .download {
    width: 1200px;
    height: 40px;
    margin-top: 20px;
    text-align: center;
    padding-top: 20px;
}

.road-wrap .download a {
    font: 17px/1.1 'Exo 2', sans-serif;
    font-weight: 600;
    text-decoration: none;
    color: #0073bc;
}

.road-wrap .download a img {
    position: relative;
    left: -5px;
    top: -5px;
}

/*----------------------------------------
END
----------------------------------------*/


/*-----------------------------------------
	ЭкоГрад Волгарь
------------------------------------------*/

.ecograd {
    top: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    min-width: 980px;
    max-width: 1200px;
    -webkit-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.75);
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    font: 14px/1.2 'Exo 2', sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.ecograd .breadcrumbs {
    margin: 10px 30px 20px;
    color: #005baa;
    padding-top: 20px;
}

.ecograd .breadcrumbs a {
    color: #005baa;
    outline: none;
}

.ecograd .screen1 {
    height: 600px;
}

.ecograd .screen1 img {
    border-radius: 5px 5px 0 0;
}

.ecograd .screen2 {
    background: url('/img/ecograd/map.jpg') #4db848 left top no-repeat;
    width: 1200px;
    height: 600px;
}

.ecograd .screen2 .text {
    position: absolute;
    width: 314px;
    right: 40px;
    margin-top: 30px;
    text-transform: uppercase;
    /*color: #0073bc;*/
}

.ecograd .screen2 .text .header {
    font: 32px/1.2 'Exo 2', sans-serif;
    margin: 0;
    /*width: 239px;*/
    color: #fff;
    font-weight: 700;
}

.ecograd .screen2 .text .abzac {
    font: 16px/1.2 'Exo 2', sans-serif;
    color: #fff;
    text-transform: none;
    margin-top: 5px;
    margin-bottom: 12px;
    width: 275px;
}

.ecograd .screen3 {
    height: 300px;
}

.ecograd .screen3 .header {
    font: 32px/1.2 'Exo 2', sans-serif;
    font-weight: 700;
    color: #005baa;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.ecograd .screen3 .partners {
    margin: 30px auto;
    width: 920px;
}

.ecograd .screen3 .partners a {
    text-decoration: none;
    outline: none;
}

.ecograd .screen3 .partners .col {
    float: left;
    margin: 0;
    padding: 1px 0;
    text-align: left;
}

.ecograd .screen3 .partners .col.right {
    text-align: right;
}

.ecograd .screen3 .partners .col.w33 {
    width: 33%;
}

.ecograd .screen3 .partners .col.w33:first-child {
    width: 34%;
}

.ecograd .screen3 .partners .col.w25 {
    width: 25%;
}

.ecograd .screen3 .partners .logo {
    height: 94px;
}

.ecograd .screen3 .partners .name {
    margin: 29px 0 0 0;
    padding: 0;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: #005baa;
    text-transform: uppercase;
}

.ecograd .screen4 {
    padding: 0;
    width: 1200px;
    height: 600px;
}

.ecograd .screen4 .ecograd-img {
    width: 400px;
    height: 300px;
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
}

.ecograd .screen4 .ecograd-img>img {
    max-width: 100%;
}

.ecograd .screen5 {
    height: 600px;
}

.ecograd .screen5 .tabs-eco {
    display: block;
    font: 32px/32px 'Exo 2', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
}

.ecograd .screen5 .tab-eco {
    height: 85px;
    width: 33%;
    display: block;
    float: left;
    text-decoration: none;
    padding-left: 17px;
    padding-right: 5px;
    padding-top: 15px;
    margin-right: -21px;
    vertical-align: middle;
    color: #fff;
    outline: none;
}

.ecograd .screen5 .tabs-eco #tabs-eco1 {
    background-color: #7cc245;
}

.ecograd .screen5 .tabs-eco #tabs-eco2 {
    background-color: #369544;
}

.ecograd .screen5 .tabs-eco #tabs-eco3 {
    background-color: #206833;
}

.ecograd .screen5 .tab-eco-content {
    height: 500px;
}

.ecograd .screen5 .tabs-eco1 {
    background-color: #7cc245;
    background-image: url('/img/ecograd/screen5/tab1-bg.png');
    background-position: 97% bottom;
    background-repeat: no-repeat;
    display: block;
}

.ecograd .screen5 .tabs-eco2 {
    background-color: #369544;
    background-image: url('/img/ecograd/screen5/tab2-bg.png');
    background-position: 95% bottom;
    background-repeat: no-repeat;
    display: none;
}

.ecograd .screen5 .tabs-eco3 {
    background-color: #206833;
    background-image: url('/img/ecograd/screen5/tab3-bg.png');
    background-position: 93% bottom;
    background-repeat: no-repeat;
    display: none;
}

.ecograd .screen5 .col {
    float: left;
    width: 270px;
    margin: 0 0 0 23px;
    padding: 20px 0 0 0;
}

.ecograd .screen5 .tabs-eco1 .text,
.ecograd .screen5 .tabs-eco2 .text,
.ecograd .screen5 .tabs-eco3 .text {

    width: 900px;
    height: 460px;

}

.ecograd .screen5 .tabs-eco1 .text p:first-child,
.ecograd .screen5 .tabs-eco2 .text p:first-child,
.ecograd .screen5 .tabs-eco3 .text p:first-child {
    /*padding: 34px 0 0 0;*/
    margin-top: -20px;

}

.ecograd .screen5 .tabs-eco1 .text p,
.ecograd .screen5 .tabs-eco2 .text p,
.ecograd .screen5 .tabs-eco3 .text p {
    color: #fff;
    font: 16px/18px 'Exo 2', sans-serif;
    margin-top: 0px;
    margin-bottom: 15px;
}

.ecograd .screen5 .tabs-eco3 .text p {
    font: 16px/1.1 'Exo 2', sans-serif;
}



.ecograd .screen5 .tabs-eco1 .text ul {
    padding: 0;
    margin: -13px 0 15px 3px;
}

.ecograd .screen5 .tabs-eco2 .text ul {
    padding: 0;
    margin: -5px 0 14px 0;
}

.ecograd .screen5 .tabs-eco1 .text ul li,
.ecograd .screen5 .tabs-eco2 .text ul li {
    padding: 0;
    font: 16px/1.2 'Exo 2', sans-serif;
    margin: 0 0 0 16px;
    color: #fff;
    display: list-item;
    background: none;
}

/*.ecograd .screen5 .tab-eco-content .text ul li:first-child{
	padding: 0;
}*/


.ecograd .screen6 {
    height: 1450px;
    background: url('/img/ecograd/screen6/01.png') left top no-repeat;
}

.ecograd .screen6 .tabs-eco1 {
    display: block;
}

.ecograd .screen6 .tabs-eco2 {
    display: none;
}

.ecograd .screen6 .tabs-eco3 {
    display: none;
}

.ecograd .screen6 .map-menu {
    color: #369544;
    font: 16px/1.2 'Exo 2', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 2860px;
    left: 30px;
    background: url('/img/ecograd/screen6/link-bg.jpg') left top no-repeat;
}

.ecograd .screen6 .map-menu div {
    width: 270px;
    height: 50px;
    padding: 0 0 0 40px;
    margin-top: 1px;
    display: block;
    cursor: pointer;
}

.ecograd .screen6 .map-menu div.active {
    color: #fff;
    padding-top: 10px;
    cursor: default;
}

.ecograd .screen6 .tabs-eco1 .map-menu div.active {
    background: url('/img/ecograd/screen6/link1-active.png') left center no-repeat;
    margin-top: -6px;
}

.ecograd .screen6 .tabs-eco2 .map-menu div.active {
    background: url('/img/ecograd/screen6/link2-active.png') left center no-repeat;
    margin-top: -6px;
}

.ecograd .screen6 .tabs-eco3 .map-menu div.active {
    background: url('/img/ecograd/screen6/link3-active.png') left center no-repeat;
    margin-top: -7px;
}

.ecograd .screen7 {
    width: 1200px;
}

.ecograd .screen7 .tabs {
    height: 100px;
}

.ecograd .screen7 .tab {
    width: 25%;
    height: 100px;
    background-color: #4db848;
    display: block;
    float: left;
    text-decoration: none;
    outline: none;
}

.ecograd .screen7 #tab1 {
    background-image: url('/img/ecograd/screen7/icons/tab-1.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.ecograd .screen7 #tab2 {
    background-image: url('/img/ecograd/screen7/icons/tab-2.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.ecograd .screen7 #tab3 {
    background-image: url('/img/ecograd/screen7/icons/tab-3.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.ecograd .screen7 #tab4 {
    background-image: url('/img/ecograd/screen7/icons/tab-4.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.ecograd .screen7 #tab5 {
    background-image: url('/img/ecograd/screen7/icons/tab-5.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.ecograd .screen7 .active {
    background-color: #369544;
}

.ecograd .screen7 .tab-content {
    height: 650px;
    padding-left: 31px;
    background-image: url('/img/ecograd/screen7/current.png');
    background-repeat: no-repeat;
    overflow: hidden;
}
.ecograd .screen7 .tab-content.tab1{
    min-height: 1402px!important;
}

.ecograd .screen7 .col {
    float: left;
    width: 289px;
    margin: 0;
    padding: 1px 0;
}

.ecograd .screen7 .text p {
    margin-right: 15px;
}

.ecograd .screen7 .tab1 {
    background-position: 110px top;
    display: block;
}

.ecograd .screen7 .tab2 {
    background-position: 350px top;
    height: 660px;
    display: none;
}

.ecograd .screen7 .tab3 {
    background-position: 590px top;
    display: none;
    height: 630px;
}

.ecograd .screen7 .tab4 {
    background-position: 830px top;
    display: none;
}

.ecograd .screen7 .tab5 {
    background-position: 1070px top;
    display: none;
    height: 630px;
}

.ecograd .screen7 .tab1 .header,
.ecograd .screen7 .tab2 .header,
.ecograd .screen7 .tab3 .header,
.ecograd .screen7 .tab4 .header,
.ecograd .screen7 .tab5 .header {
    font: 32px/32px 'Exo 2', sans-serif;
    font-weight: 700;
    margin: 0;
    padding-top: 24px;
    text-transform: uppercase;
    color: #4db848;
}

.ecograd .screen7 .tab1 .header {
    width: 569px;
}

.ecograd .screen7 .tab2 .header {
    width: 239px;
    margin: 0px 0 11px 0;
}

.ecograd .screen7 .tab3 .header {
    width: 380px;
}

.ecograd .screen7 .tab4 .header {
    width: 120px;
}

.ecograd .screen7 .tab5 .header {
    width: 252px;
}

.ecograd .screen7 .tab1 .images {
    position: relative;
    left: 300px;
    bottom: 470px;
}

.ecograd .screen7 .tab1 .img-title {
    color: #fff;
    font: 15px/1.2 'Exo 2', sans-serif;
    width: 92px;
    position: absolute;
    right: 60px;
    z-index: 1;
}

.ecograd .screen7 .tab1 .img2 {
    bottom: 320px;
}

.ecograd .screen7 .tab1 .img4 {
    bottom: 70px;
}

.ecograd .screen7 .tab1 .text,
.ecograd .screen7 .tab2 .text,
/*.ecograd .screen7 .tab3 .text,*/
.ecograd .screen7 .tab4 .text,
.ecograd .screen7 .tab5 .text {
    color: #000;
    margin-left: 20px;
    font: 16px/1.2 'Exo 2', sans-serif;
    /*font-weight: 400;*/
}

.ecograd .screen7 .tab1 .text {
    padding: 0;
    margin: 0 20px;
}

.ecograd .screen7 .tab1 .text-second {
    width: 289px;
    padding: 0;
    margin: 0;
    font: 16px/1.2 'Exo 2', sans-serif;
}

.ecograd .screen7 .tab1 .text-head {
    width: 291px;
    padding: 24px 0 7px 0;
    margin: 0;
    border-bottom: 1px solid #369544;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
}

.ecograd .screen7 .tab1 .second {
    margin-top: 61px;
}

.ecograd .screen7 .tab2 .text {
    /*padding-left: 23px;*/
    /*padding-top: 23px;*/
    margin: 0;
    width: 582px;
    height: 518px;

}

.ecograd .screen7 .tab2 .text p {
    /*color: #fff;*/
    font: 16px/1.2 'Exo 2', sans-serif;

    margin-top: 0px;
    margin-bottom: 11px;
}

.ecograd .screen7 .tab2 .text p:first-child {}


.ecograd .screen7 .tab3 .text {
    margin-left: 0;
}

.ecograd .screen7 .tab3 p {
    font: 16px/1.2 'Exo 2', sans-serif;
    font-weight: 400;
}

/*.ecograd .screen7 .tab4 .text {
	margin-left: 0;
	width: 895px;
}*/

.ecograd .screen7 .tab1 .text li,
.ecograd .screen7 .tab3 .text li,
.ecograd .screen7 .tab4 .text li,
.ecograd .screen7 .tab5 .text li {
    padding: 15px 0 0 0;
    font: 16px/1.2 'Exo 2', sans-serif;
    margin: 0;
    display: list-item;
    background: none;
}

.ecograd .screen7 .tab1 .text li {
    padding: 0;
}

.ecograd .screen7 .tab2 .images {
    font-size: 14px;
    /*display: inline-table;*/
    margin: 0;
    position: relative;
    bottom: 529px;
    left: 585px;
    width: 560px;
}

/* 31.01.22 - park + erica */

.ecograd .screen7 .images.park{
    margin: 20px 0;
    left:341px;
    width: 838px;
}

.park-header{
    display: inline-block !important;
    width: 75% !important;
    text-align: end !important;
    margin: 0 !important;
    line-height: 100px !important;
    color: black !important;
    font-size: 18px !important;
}

.ecograd .screen7 .images.park .park-image{
    max-width: 47%;
}

.ecograd .screen7 .images.park .park-image-big{
    max-width: 96.4%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ecograd .screen7 .images img {
    display: block;
    float: left;
}

.ecograd .screen7 .tab3 .images-right {
    position: relative;
    bottom: 283px;
    left: 410px;
}

.ecograd .screen7 .tab3 .images-right .image-vert {
    position: relative;
    bottom: 35px;
    right: 115px;
}

.ecograd .screen7 .tab3 .images-right .images {
    position: relative;
    bottom: 535px;
    left: 175px;
}

.ecograd .screen7 .tab3 .text {
    width: 269px;
}

.ecograd .screen7 .tab3 .quot .image-quot {
    position: absolute;
    top: 0px;
}

.ecograd .screen7 .tab3 .quot {
    position: absolute;
    background: url('/img/ecograd/screen7/tab3-quot-bg.png') right center no-repeat;
    width: 407px;
    margin-top: 20px;
    z-index: 1;
}

.ecograd .screen7 .tab3 .quot .quot-text {
    color: #fff;
    margin-left: 141px;
    margin-top: 17px;
    width: 225px;
    font: 16px/1.2 'Exo 2', sans-serif;
}

.ecograd .screen7 .tab3 .quot .quot-author {
    color: #fff;
    margin-left: 251px;
    margin-top: -9px;
    font: 16px/1.2 'Exo 2', sans-serif;
}

.ecograd .screen7 .tab3 .quot .left {
    float: left;
    padding-right: 5px;
    margin-top: -3px;
    margin-left: 108px;
}

.ecograd .screen7 .tab3 .quot .right {
    float: right;
    padding-right: 10px;
    margin-top: -97px;
}

.ecograd .screen7 .tab3 .quot .simb b {
    font: 48px/1.2 'Exo 2', sans-serif;
    font-weight: 500;
    color: #fff;
}


.ecograd .screen7 .tab4 .text {
    /*padding-left: 23px;*/
    padding-top: 22px;
    margin: 0;
    /*width: 560px;*/
    height: 457px;

}

.ecograd .screen7 .tab4 .text p {
    /*color: #fff;*/
    font: 16px/1.1 'Exo 2', sans-serif;

    /*margin-top: 15px;*/
    margin-bottom: 0;
    padding-bottom: 0;
}

.ecograd .screen7 .tab4 .text p:first-child {
    padding-top: 0;
    margin-top: 0;
}

.ecograd .screen7 .tab4 .images {
    padding: 0;
    margin: 0;
    position: relative;
    bottom: 500px;
    left: 570px;
    width: 560px;
}

.ecograd .screen7 .tab5 .text {
    /*padding-left: 23px;*/
    padding-top: 22px;
    margin: 0;
    /*width: 539px;*/
    height: 489px;
}

.ecograd .screen7 .tab5 .text p {
    /*color: #fff;*/
    font: 16px/1.1 'Exo 2', sans-serif;

    /*margin-top: 15px;*/
    margin-bottom: 0;
    padding-bottom: 0;
}

.ecograd .screen7 .tab5 .text p:first-child {
    padding-top: 0;
    margin-top: 0;
}

.ecograd .screen7 .tab5 .images {
    padding: 0;
    margin: 0;
    position: relative;
    bottom: 481px;
    left: 578px;
    width: 564px;
    font-size: 4px;
}

.ecograd .download {
    width: 1200px;
    height: 40px;
    margin: 20px 0;
    text-align: center;
}

.ecograd .download p {
    margin: 0;
    text-align: center;
}

.ecograd .download a {
    font: 17px/1.1 'Exo 2', sans-serif;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    color: #4db848;
}

.ecograd .download a img {
    position: relative;
    left: -5px;
    top: -5px;
}

/*----------------------------------------
END
----------------------------------------*/

.jk-name .star {
    position: absolute;
    right: 0px;
    top: 0px;
}

.table-view .jk-name .star {
    position: absolute;
    left: 150px;
    top: 0px;
    height: 60px;
}

.ytp-thumbnail-overlay-image {
    background-size: 300px 268px;
}


.otd .slider-for {
    width: 713px;
    height: 447px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.otd .slider-nav {
    display: inline-block;
    width: 240px;
    vertical-align: top;
}

.otd .slider-nav .slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
}


.otd .slider-for .slick-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.otd:not('.gorizontal_slider_page') .slider-nav.slick-initialized .slick-slide {
    width: 90px !important;
    height: 91px !important;
    margin: 0 10px;
    text-align: center;
    padding: 5px;
}

.otd .slider-nav.slick-initialized .slick-slide.slick-current {
    border: 1px solid #4db848;
    padding: 4px;
}

.otd .slider-for .slick-prev {

    height: 50px;
    width: 45px;
    z-index: 104;
    bottom: -25px;
    top: inherit;
    left: inherit;
    right: 91px;
}

.otd .slider-for .slide-navig {
    height: 50px;
    width: 136px;
    z-index: 99;
    bottom: 0px;
    top: inherit;
    left: inherit;
    right: 0px;
    position: absolute;
    pointer-events: none;
}

.otd .slider-for .slick-next {
    height: 50px;
    width: 45px;
    z-index: 100;
    bottom: -25px;
    top: inherit;
    left: inherit;
    right: 50px;
}

.otd .slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 0;
}

.otd .slick-prev:before,
.slick-next:before {
    opacity: 0;
}


/*---Горизонтальный слайдер----*/

.gorizontal_slider_page.otd .slider-for {
    width: 100%;
    height: 550px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.gorizontal_slider_page.otd .slider-nav {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    vertical-align: top;
}
.gorizontal_slider_page.otd .slider-nav .slick-slide {
    margin: 0 10px;
    text-align: center;
    padding: 5px;
    height: 100px !important;
    max-width: 108px;
}
.gorizontal_slider_page.otd .slider-nav .slick-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*--END-Горизонтальный слайдер----*/

nav.notmain a {
    width: 33.3333%;
}


.components {
    padding-top: 56px;
    /*padding-bottom: 60px;*/
}

.components .item {
    display: inline-block;
    width: 49%;
    margin-bottom: 35px;
    vertical-align: top;
    zoom: 1;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
}


.components .item .img {
    display: inline-block;
    width: 60px;
    vertical-align: top;
}


.components .item .about {
    display: inline-block;
    width: 385px;
    padding-left: 16px;
    vertical-align: top;
}


.components .item .about .title {
    color: #005baa;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 18px;
}


.components .item .about .text {}

.components .item:nth-child(even) {
    margin-left: 22px;
    width: 48%;
}

.components .item:nth-child(even) .about {
    width: 370px;
}

:focus {
    outline: none;
}



.left-comf {
    width: 730px;
    display: inline-block;
    vertical-align: top;
    /*padding-bottom: 60px;*/
}

.left-comf .mimg {
    /*width: 713px;*/
    min-height: 475px;
    position: relative;
}

.left-comf .mimg img {
    width: 100%;
}

.right-comf {
    width: 217px;
    display: inline-block;
    vertical-align: top;
    padding-left: 29px;
    padding-top: 22px;
    margin-top: -1px;
    position: absolute;
    border: 1px solid #005baa;
    margin-top: 0px;
    margin-left: 15px;
    height: 387px;
    overflow-y: scroll;
}

.right-comf .items {}


.right-comf .items .item {
    height: 30px;
    position: relative;
    width: 100%;
    margin-bottom: 16px;
    cursor: pointer;
}

.right-comf .items .item .img {
    width: 33px;
    height: 32px;
    float: left;
    background-color: #005baa;
}

.right-comf .items .item .text {
    float: left;
    margin-top: 3px;
    margin-left: 8px;
    font-size: 14px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #000;
}


.right-comf .items .item.active .text {
    color: #4db848;
    border-bottom: 1px dashed #4db848;
}




.right-comf .items .item.active .img {
    background-color: #4db848;
}

.right-comf .items .item .img img {}

.right-comf .items .item:hover .text {
    color: #4db848;
    border-bottom: 1px solid #4db848;
}




.right-comf .items .item:hover .img {
    background-color: #4db848;
}



.boxes .slider-for {
    width: 713px;

    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.boxes .slider-nav {
    margin-top: 16px;
}

.boxes .slider-nav .slick-slide img {
    display: block;
    width: 60px;
    height: 60px;
}


.boxes .slider-for .slick-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: 475px;
    margin: auto;
}

.boxes .slider-nav.slick-initialized .slick-slide {
    width: 207px !important;
    height: 60px !important;
    margin: 0;
    text-align: center;
    margin-right: 26px;
    padding: 5px;
    position: relative;
    cursor: pointer;
}

.boxes .slider-nav.slick-initialized .slick-slide.slick-current {
    border: 1px solid #4db848;
    padding: 4px;
}

.boxes .slider-for .slick-prev {

    height: 50px;
    width: 45px;
    z-index: 104;
    bottom: -25px;
    top: inherit;
    left: inherit;
    right: 91px;
}

.boxes .slider-for .slide-navig {
    height: 50px;
    width: 136px;
    z-index: 99;
    bottom: 0px;
    top: inherit;
    left: inherit;
    right: 0px;
    position: absolute;
    pointer-events: none;
}

.boxes .slider-for .slick-next {
    height: 50px;
    width: 45px;
    z-index: 100;
    bottom: -25px;
    top: inherit;
    left: inherit;
    right: 50px;
}

.box .abs {
    position: absolute;
    top: 0;
    left: 0;
}

.slick-slide {
    position: relative;
}

.boxes .slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 0;
}

.boxes .slick-prev:before,
.slick-next:before {
    opacity: 0;
}

.boxes .slider-nav .slick-slide .text {
    position: absolute;
    top: 23px;
    left: 50px;
}

.boxes .slider-nav .slick-track {
    width: 100% !important;
}

.boxes .konstr {
    position: relative;
    width: 730px;
}

.boxes .konstr img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.boxes .b1,
.boxes .b2,
.boxes .b3 {
    padding-top: 430px;
}

.boxes .konstrb {
    position: relative;
    width: 100%;
    height: 80px;
}

.boxes .konstrb>div {
    position: relative;
    float: left;
    width: 232px;
    padding: 5px;
    cursor: pointer;
}

.boxes .konstrb>div>img {
    display: block;
    width: 60px;
    height: 60px;
}

.boxes .konstrb>div .text {
    position: absolute;
    top: 23px;
    left: 79px;
}

.boxes .konstrb>div.active {
    border: 1px solid #4db848;
    padding: 4px;
}







.boxes .slider .slick-prev {

    height: 50px;
    width: 45px;
    z-index: 104;
    bottom: -25px;
    top: inherit;
    left: inherit;
    right: 91px;
}

.boxes .slider .slide-navig {
    height: 50px;
    width: 136px;
    z-index: 99;
    bottom: 0px;
    top: inherit;
    left: inherit;
    right: 0px;
    position: absolute;
    pointer-events: none;
}

.boxes .slider .slick-next {
    height: 50px;
    width: 45px;
    z-index: 100;
    bottom: -25px;
    top: inherit;
    left: inherit;
    right: 50px;
}

.boxes .slider .slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 0;
}

.boxes .slider .slick-prev:before,
.slick-next:before {
    opacity: 0;
}






.cons-titl {
    color: #005baa;
    font-size: 24px;
    margin-bottom: 28px;
}

.right-comf .items .cconf.item.active {
    height: 85px;
}

.right-comf .items .item .konstrb {
    position: absolute;
    top: 45px;
    width: 175px;
    border: 1px solid #005baa;
    left: 0px;
    overflow: hidden;
    z-index: 99;
    display: none;
    background: #fff;
}

.right-comf .items .item .konstrb:after {
    content: "";
    background: url(../img/constr-arr.png);
    position: absolute;
    right: 8px;
    top: 17px;
    width: 14px;
    height: 7px;
    pointer-events: none;
}

.right-comf .items .item .konstrb.open:after {
    -moz-transform: rotate(180deg);
    /* Для Firefox */
    -ms-transform: rotate(180deg);
    /* Для IE */
    -webkit-transform: rotate(180deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg);
    /* Для Opera */
    transform: rotate(180deg);
}

.right-comf .items .item .konstrb.close {
    height: 38px;
    overflow: hidden;
}



.right-comf .items .item .konstrb .select {
    padding: 8px 9px;
    font-size: 14px;
    height: 22px;
    margin-bottom: 4px;
}

.right-comf .items .item.active .konstrb {
    display: block;
}

.right-comf .items .item .konstrb div {
    color: #000;
    height: 20px;
    padding: 10px 0;
    padding-left: 12px;
}

.right-comf .items .item .konstrb div .text {
    color: #000;
    border-bottom: none;
    padding: 0;
    margin: 0;
    margin-left: 8px;
}

.right-comf .items .item .konstrb div img {
    float: left;
    height: 20px;
}



.right-comf .items .item .konstrb2 {
    position: absolute;
    top: 45px;
    width: 175px;
    border: 1px solid #005baa;
    left: 0px;
    overflow: hidden;
    z-index: 99;
    display: none;
    background: #fff;
}

.right-comf .items .item .konstrb2:after {
    content: "";
    background: url(../img/constr-arr.png);
    position: absolute;
    right: 8px;
    top: 17px;
    width: 14px;
    height: 7px;
    pointer-events: none;
}

.right-comf .items .item .konstrb2.open:after {
    -moz-transform: rotate(180deg);
    /* Для Firefox */
    -ms-transform: rotate(180deg);
    /* Для IE */
    -webkit-transform: rotate(180deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg);
    /* Для Opera */
    transform: rotate(180deg);
}

.right-comf .items .item .konstrb2.close {
    height: 38px;
    overflow: hidden;
}



.right-comf .items .item .konstrb2 .select {
    padding: 8px 9px;
    font-size: 14px;
    height: 22px;
    margin-bottom: 4px;
}

.right-comf .items .item.active .konstrb2 {
    display: block;
}

.right-comf .items .item .konstrb2 div {
    color: #000;
    height: 20px;
    padding: 10px 0;
    padding-left: 12px;
}

.right-comf .items .item .konstrb2 div .text {
    color: #000;
    border-bottom: none;
    padding: 0;
    margin: 0;
    margin-left: 8px;
}

.right-comf .items .item .konstrb2 div img {
    float: left;
    height: 20px;
}



.ask {
    position: fixed;
    height: 52px;
    background: #4d4d4d;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.ask .width {
    position: relative;
}

.ask .str {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 100;
    padding: 15px 0px 0 0px;
    position: relative;
}

.ask button {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 100;
    border: none;
    margin-left: 19px;
    position: relative;
    margin-top: -17px;
    top: 0px;
    padding: 11px 12px;
    background: #4db748;
    margin-right: 20px;
}

.ask .close {
    float: right;
    width: 29px;
    height: 29px;
    background: url(/img/close-mod.png);
    position: absolute;
    top: 11px;
    cursor: pointer;
    right: 0;
}






.modal-form {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -270px 0 0 -213px;
    width: 420px;
    height: 540px;
    /*background: #fff;*/
    background-image: url(/img/formbg.jpg);
    background-size: cover;
    z-index: 9999;
    border-radius: 5px;
}

.modal-form .wrapper {
    margin: 0 auto;
    padding: 30px 0;
    width: 360px;
}

.modal-form .wrapper .title {
    margin: 0 50px;
    text-align: center;
    font-size: 26px;
    line-height: 38px;
    font-weight: 600;
    /*color: #005baa;*/
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 28px;
}

.modal-form .wrapper .success {
    display: none;
    margin: 140px 35px 0 35px;
    text-align: center;
    font-size: 42px;
    line-height: 46px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}

.modal-form .close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0px -59px 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 30px;
    background: url(/img/close-mod.png) right center no-repeat;
    text-decoration: none;
    outline: none;
    opacity: 0.5;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.modal-form .close:hover {
    opacity: 1;
}

.modal-form .wrapper .form {
    display: block;
    margin: 11px 0 0 0;
    padding: 1px 0;
}


.modal-form .wrapper .form .field {
    margin: 0;
    padding: 1px 0;
    position: relative;
    height: 57px;
    margin: 0px 0 6px 0;
}

.modal-form .wrapper .form .field.textarea {
    height: auto;
}

.modal-form .wrapper .form .field input.text {
    display: block;
    width: 338px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #262626;
    margin: 0px 0 0 0;
    padding: 16px 6px 12px 14px;
    border: 1px solid #005baa;
    outline: none;
    -moz-transition: border-color 0.4s ease;
    -o-transition: border-color 0.4s ease;
    -webkit-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
}


.modal-form .wrapper .form .field input.text:focus {
    border: 1px solid #4db748;
}

textarea#message_question:focus {
    border: 1px solid #4db748;
}

.modal-form .wrapper .form .field.error input.text {
    border-color: #cc0000;
}

.modal-form .wrapper .form input.submit {
    display: block;
    width: 360px;
    height: 50px;
    background: #4db748;
    font-size: 14px;
    line-height: 49px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border: none;
    outline: none;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
    margin-top: 30px;
}

.modal-form .wrapper .form input.submit:hover {
    background: #005baa;
}

.modal-form .wrapper .form .label-top {
    display: none;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    margin: 6px 0 0 15px;
    font-size: 12px;
    line-height: 13px;
    font-weight: 100;
    color: #bcbcbc;
}

#fade {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.61);
    z-index: 9998;
}

textarea#message_question {
    display: block;
    width: 337px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 100;
    color: #504b46;
    margin: 0px 0 0 0;
    padding: 15px 6px 14px 15px;
    border: 1px solid #005baa;
    outline: none;
    -moz-transition: border-color 0.4s ease;
    -o-transition: border-color 0.4s ease;
    -webkit-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
    height: 69px;
}

.modal-form .wrapper .form .field.error textarea#message_question {
    border-color: #cc0000;
}


#media-banner {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 356px;
    height: 200px;
    overflow: hidden;
    margin: 39px 0 0 0;
    background: url(/img/media-banner.jpg) center no-repeat;
    outline: none !important;
    text-decoration: none;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-right: 27px;
    vertical-align: top;
}

#media-banner span {
    display: block;
    position: absolute;
    top: 135px;
    left: 0;
    right: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -moz-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    z-index: 8;
    transition: 0.1s linear;
}

#media-banner img.ico {
    z-index: 8;
    position: relative;
    left: 137px;
    top: 39px;
    width: 82px;
    -moz-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
}

#media-banner:hover .bg {
    background: rgba(0, 0, 0, 0.54);
    z-index: 7;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}


#media-banner:hover img.ico {
    z-index: 8;
    position: relative;
    left: 133px;
    top: 35px;
    width: 90px;
}



.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom,
.checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
    font-size: 14px;
}

.checkbox-custom+.checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #005baa;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    /*margin-right: 10px;*/
    text-align: center;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\2713\0020";
    /*background: #005baa;
    color: #fff;*/
    background: #fff;
    color: #005baa;
}



.checkbox-custom:focus+.checkbox-custom-label {
    outline: 1px solid #ddd;
    /* focus style */
}

input#nc_captcha_code {
    display: inline-block;
    width: 172px;
    text-align: center;
    padding: 16px 6px 12px 6px;
}

.captcha img {
    vertical-align: top;
}

.captcha .textt {
    margin-bottom: 6px;
    color: #fff;
}

.error .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #cc0000;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    /*margin-right: 10px;*/
    text-align: center;
}

.ask.second {
    background: none;
    position: inherit;
}

.ask.second button.ascop {
    position: fixed;
    z-index: 999;
    bottom: 0px;
    top: inherit;
    right: 10%;
}

@media (max-width: 1060px) {
    header .right .phone {
        font-size: 14px;
        line-height: 20px;
    }
}

.new_check_label {
    margin: 5px 0 5px 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    outline: none;
}

.delta {
    border: 1px solid #999999;
    border-radius: 5px;
    box-sizing: border-box;
    background: #fff;
    display: block;
    padding: 15px;
    outline: none;
    width: 183px;
}

.delta:hover {
    background-color: rgba(242, 242, 242, 0.6);
    outline: none;
}

.delta .delta-caption {
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ff0000;
    padding: 10px 0px 0px 27px;
}

.modal-cite-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: none;
}

.modal-cite-out {
    padding: 20px;
    box-sizing: border-box;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -240px;
    margin-left: -173px;
    width: 480px;
    height: 306px;
    text-align: center;
    overflow: hidden;
    z-index: 9999;
    border-radius: 5px;
    position: absolute;
    background-color: #fff;
}

.out-title {
    padding: 30px 0 30px 0px;
    font-size: 26px;
    text-transform: uppercase;
    color: #015ba7;
    font-weight: 600;
}

.out-message {
    padding: 0px 0 20px 0;
    font-size: 18px;
    font-weight: 500;
}

.out-buttons {
    padding: 29px;
    text-transform: uppercase;
    line-height: 60px;
    font-size: 15px;
}

a.out-yes {
    height: 50px;
    background-color: #4db748;
    color: white;
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    width: 100px;
    margin-right: 15px;
}

a.out-yes:hover {
    background-color: #4fca54;
}

a.out-close {
    background-color: #acacac;
    height: 50px;
    color: white;
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    width: 100px;
    margin-left: 15px;
}

a.out-close:hover {
    background-color: #c5c5c5;
}

span.out-colored {
    color: #2b75b6;
}


/*Новый блок на главную*/


.expand__wrapper {
    padding: 15px 0 40px 0;
}

.expand__h2 {
    text-align: center;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 40px;
}

/*.expand__wrapper .row {
    position: relative;
    width: 960px;
    margin: 0 auto;
}*/

.expand__wrapper .col {
    float: left;
    width: 16.666667%;

}

.expand__card {
    padding-left: 15px;
    padding-right: 15px;
}

.expand__icon {
    cursor: pointer;
    width: 130px;
    height: 130px;
    background-color: #0c5da8;
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 92px 92px;
}

.expand__icon.ico1 {
    background-image: url(/new/img/expand/otdelka.png);
}

.expand__icon.ico2 {
    background-image: url(/new/img/expand/ipoteka_bez.png);
}

.expand__icon.ico3 {
    background-image: url(/new/img/expand/ipoteka.png);
}

.expand__icon.ico4 {
    background-image: url(/new/img/expand/bezprocent.png);
}

.expand__icon.ico5 {
    background-image: url(/new/img/expand/obmen.png);
}

.expand__icon.ico6 {
    background-image: url(/new/img/expand/consult.png);
}

.expand__text {
    text-align: center;
    color: #0c5da8;
    cursor: pointer;
}

.expand__text span {
    color: #fff;
    background-color: #52b74f;
    border-radius: 3px;
    padding: 1px 2px 1px 2px;
    font-weight: 600;
    display: inline-block;
}

.expand__card a,
.expand__card a:hover,
.expand__card a:visited {
    display: block;
    text-decoration: none;
    outline: none;
}

/*21.12.17*/
.fixed-content-1160 {
    width: 1160px;
}

.rooms-picker {
    position: absolute;
    top: 35px;
    right: 30px;
    font-size: 0;
}

.rooms-picker .rooms-picker--text {
    display: inline-block;
    color: #000000;
    font-family: "Exo 2", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 15px;
}

.rooms-picker .rooms-picker--btns {
    display: inline-block;
}

.rooms-picker .rooms-picker--btns .picker-btn {
    width: 46px;
    height: 30px;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #aecbe5;
    background-color: #ffffff;
    outline: none;
    cursor: pointer;
    color: #000000;
    font-family: "Exo 2", sans-serif;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: 100ms;
    -o-transition: 100ms;
    transition: 100ms;
}

.rooms-picker .rooms-picker--btns .picker-btn:not(:last-child) {
    margin-right: 4px;
}

.rooms-picker .rooms-picker--btns .picker-btn.active {
    background-color: #0c5da8;
    color: #fff;
}

.objects-item {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0;
}

.objects-item.hide {
    display: none;
}

.objects-item .objects-item--header table {
    border-spacing: 0;
    width: 100%;
}

.objects-item .objects-item--header table td {
    height: 76px;
    font-size: 0;
    vertical-align: middle;
}

.objects-item .objects-item--header table .table-img {
    display: inline-block;
    width: 70px;
    height: 40px;
    border: 1px solid #e8e8e8;
    vertical-align: middle;
    margin-right: 30px;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.objects-item .objects-item--header table .table-text {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.objects-item .objects-item--header table .table-text .title {
    color: #0c5da8;
    font-family: "Exo 2", sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.objects-item .objects-item--header table .table-text .desc {
    color: #aaaaaa;
    font-family: "Exo 2", sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
}

.objects-item .objects-item--header table .td-left {
    padding-left: 25px;
}

.objects-item .objects-item--header table .td-right {
    width: 175px;
    border-left: 1px solid #e8e8e8;
}

.objects-item .objects-item--header table .td-right a {
    display: block;
    color: #51b74e;
    font-family: "Exo 2", sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 0 45px;
    text-align: center;
    text-decoration: none;
}

.objects-item .objects-item--table {
    width: 100%;
    border-spacing: 0;
}

.objects-item .objects-item--table tr.gray {
    background-color: #f1f3f8;
}

.objects-item .objects-item--table tr.hidden {
    display: none;
}

.objects-item .objects-item--table .th {
    height: 100px;
    background-color: #005baa;
    color: #fff;
    border: none;
    border-right: 1px solid #6cace3;
    color: #ffffff;
    font-family: "Exo 2", sans-serif;
    font-size: 14px;
    font-weight: 700;
    width: 11.11111%;
    text-align: center;
    vertical-align: middle;
    padding: 0 20px;
}

.objects-item .objects-item--table .th.hidden {
    display: none;
}

.objects-item .objects-item--table .th:nth-child(2n+2) {
    background-color: #176ab2;
}

.objects-item .objects-item--table .th:last-child {
    border: none;
}

.objects-item .objects-item--table .td {
    color: #4a4a4a;
    font-family: "Exo 2", sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 60px;
    width: 11.11111%;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    border: none;
    border-right: 1px solid #d9dde5;
    padding: 0 10px;
}

.objects-item .objects-item--table .td:last-child {
    border: none;
}

.objects-item .objects-item--table .td.nothing {
    border-top: 1px solid #d9dde5;
    display: none;
    text-align: center;
}

.objects-item .objects-item--table .td.nothing.active {
    display: table-cell;
}

.objects-item .objects-item--table .table-img {
    width: 40px;
    height: 30px;
    background-color: #fff;
    margin: auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.header-new {
    height: 88px;
    background: #e8e8e8 url(../img/shadow-header.png) left bottom repeat-x;
    width: 100%;
    position: fixed;
    z-index: 201;
    top:0;
    border-bottom: 1px solid #005baa;
}

.nav-new {
    margin-top: 88px;
}

#button-totop {
    display: none;
    position: fixed;
    bottom: 200px;
    right: 20px;
    border: 1px solid #e9eaec;
    background: #fff url(/img//button-totop.png);
    background-position: center center;
    height: 50px;
    background-repeat: no-repeat;
    background-color: #005baa;
    width: 50px;
    background-size: 20px;
    z-index: 999;
    cursor: pointer;
}

.controlls-v2 {
    text-align: left;
    font-size: 0;
    padding: 29px 0 0 0;
}

.controlls-v2 .item {
    text-align: center;
    margin-right: 15px;
    display: inline-block;
    background-color: #fff;
    width: 175px;
    line-height: 42px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #aecbe5;
    color: #010101;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.96px;
    -webkit-box-shadow: 0 0 10px rgba(166, 205, 232, 0.2);
    box-shadow: 0 0 10px rgba(166, 205, 232, 0.2);
    -webkit-transition: 100ms;
    -o-transition: 100ms;
    transition: 100ms;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.controlls-v2 .item.active {
    background-color: #0c5da8;
    color: #fff;
}

.content .search-results .search-item .info-flat .area.new {
    top: 20px;
}

.content .search-results .table-view .search-item .info-flat .price.new {
    top: 20px;
}

.content .search-results .search-item.hidden {
    display: none;
}

.content .search-results.new {
    padding: 0;
    min-height: 160px;
}

.content .search-results .table-view .search-item.new {
    margin: 20px auto;
}

.content .search-results .search-item .jk-name .street-name {
    font-size: 16px;
    margin-top: 20px;
}

.rooms-picker.new {
    right: 0;
}


#popup2 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

#popup2 .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#popup2 .popup-content .close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0px -59px 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 30px;
    background: url(/img/close-mod.png) right center no-repeat;
    text-decoration: none;
    outline: none;
    opacity: 0.5;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    cursor: pointer;
}

#popup2 .popup-content .close:hover {
    opacity: 1;
}

#popu2p .popup-content .popup-link {
    display: inline-block;
}

#popup2 .popup-content .popup-link img {
    display: block;
}

.menu-new {
    display: block;
    width: 100%;
    height: 44px;
    margin-top: 88px;
    padding: 0;
    background: #fff;
    border-bottom: 8px solid #a4c7ff;
}

.menu-new ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    text-align: center;
}

.menu-new ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 50px;
    font-weight: 500;
    background: none;
    width:16.6666667%;
    text-decoration: none;
}

.menu-new .link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 60px;
    height: 44px;
    background: transparent;
    font-size: 17px;
    line-height: 44px;
    color: #005baa;
    font-family: 'PFDinDisplayPro-Light';
    letter-spacing: 1px;
    border-bottom: 8px solid transparent;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 1;
    transition: 0.2s;
}

.menu-new .link:hover {
    color: #309900;
    border-color: #4db848;
}

.menu-new .link.active {
    cursor: default;
    color: #309900;
    border-color: #4db848;
    /* outline: none; */
}

.menu-new ul li:hover .submenu-new{
	display: block;
}

.submenu-new {
    display: none;
     left: 0;
    right: 0;
    top: 140px;
    width: 100%;
    position: absolute;
    background: #005baa;
    z-index: 999;
    transition: 0.2s;
}

.subitem {
    display: inline-block;
}

.subitem a {
    color: #fff;
    padding: 0 60px;
    text-decoration: none;
    box-sizing: border-box;
    display: inline-block;
    transition: 0.2s;
}
.subitem a:hover{
	text-decoration: underline;
}

@media (max-width: 1190px){
	.subitem a{
		padding:0 40px;
	}
	
}

.slider_link_new{
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 4;
}

.index-slider-wrapper .form-wrapper{
	background-color: rgba(255, 255, 255, 0.6);
	box-shadow: none;
}

.index-slider-wrapper .form-wrapper .form .field p.label{
	font-weight: bold;
}


.index-slider-wrapper .form-wrapper .form .field .slider-range p.label-slider{
	font-weight: bold;
	color:#6c6c6d; 
}

.interesting-wrapper * {
    box-sizing: border-box
}

.interesting-wrapper {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.67);
    z-index: 9999;
    height: 100%;
}

.modal-room-interesting {
    position: relative;
    margin-top: 20px;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.modal-room-wrapper {
    background-color: #fff;
}

.interesting-wrapper .room-image {
    position: relative;
    height: 580px;
    overflow: hidden;
}

.interesting-wrapper .room-image img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 10px 30px;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.interesting-wrapper form.interesting-form {
    padding: 0 30px 25px 30px;
}

.interesting-wrapper .row {
    margin: 0 -10px;
}

.interesting-wrapper .row .col {
    display: block;
    float: left;
    padding: 0 10px;
    width: 100%;
}

.interesting-wrapper .row .col.w50 {
    width: 50%;
}

.interesting-wrapper .row:before,
.row:after {
    content: '';
    display: table;
    clear: both;
}

.interesting-wrapper .input-field {
    position: relative;
    margin: 10px 0;
    display: block;
}

.interesting-wrapper .input-field.error input {
    border-color: red;
}

.interesting-wrapper .input-field.success input {
    border-color: green;
}

.interesting-wrapper .input-field .label {
    position: absolute;
    top: 5px;
    left: 20px;
    transition: all .2s ease;
    font-size: 12px;
}

.interesting-wrapper .input-field.empty .label {
    font-size: 18px;
    top: 10px;
}

.interesting-wrapper input.modal-input {
    width: 100%;
    height: 50px;
    border: 1px solid #d5d7e3;
    padding: 25px 10px 10px 18px;
    font-size: 18px;
    color: #000;
    border-radius: 3px;
}

.interesting-wrapper p.interesting-info {
    margin: 0;
    font-size: 12px;
    line-height: 19px;
}

.interesting-wrapper .button {
    display: block;
    text-transform: uppercase;
    line-height: 48px;
    height: 48px;
    color: #fff;
    width: 100%;
    border: none;
    border-radius: 3px;
    background-color: #005ca9;
    cursor: pointer;
    transition: opacity .2s ease-in-out;
}

.interesting-wrapper .button:hover {
    opacity: .8;
}

.interesting-wrapper .close {
    position: absolute;
    right: -36px;
    top: 0;
    width: 25px;
    height: 25px;
    background-image: url(/img/close-mod.png);
    background-size: cover;
    cursor: pointer;
}

.succsess-interesting {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    background-color: #fff;
}

.succsess-interesting p {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    color: #005baa;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -10px;
}

.photogallery {
    display: block;
    position: absolute;
    z-index: 10;
    left: 30px;
    right: 30px;
    top: 20px;
    bottom: 20px;
}


.photogallery .photo-slider {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 96px;
}

.photogallery .photo-slider .slider {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.photogallery .photo-slider .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.photogallery .photo-slider .photo {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 0%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.photogallery .photo-slider img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.photogallery .preview-slider {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 85px;
}

.photogallery .preview-slider .slider {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.photogallery .preview-slider .swiper-slide {
    display: block;
    position: relative;
    width: 125px;
}

.photogallery .preview-slider .photo {
    display: block;
    position: relative;
    margin: 0;
    width: 113px;
    height: 87px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
}

.photogallery .preview-slider .photo:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: #007fff;*/
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.photogallery .preview-slider .photo.active:before {
    opacity: .5;
}

.photogallery .photo-slider .switch {
    display: block;
    position: absolute;
    z-index: 999;
    top: 50%;
    margin: -25px 0 0 0;
    width: 50px;
   
    height: 50px;
    /*background: rgba(0, 0, 0, 0.8);*/
    color: #989898;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

.photogallery .photo-slider .switch:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px; 
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
}

.photogallery .photo-slider .switch:hover {
    color: #fff;
}

.photogallery .photo-slider .switch.prev {
    left: -40px;
}

.photogallery .photo-slider .switch.next {
    right: -40px;
}

.photogallery .photo-slider .switch.prev:before {
     background-image: url('/new/css/images/arrow-left.png');
}

.photogallery .photo-slider .switch.next:before {
    background-image: url('/new/css/images/arrow-right.png');
}

.photogallery .photo-slider .switch.disable {
    opacity: .2;
    color: #989898;
    cursor: default;
}

/* ipoteka */

.gradient-ipoteka {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 25%;
    position: absolute;
}

.content .h1-ipoteka {
    margin-bottom:0;
    color:#fff;
    font-weight: 700;
}

.content .mortgage-calc-wrapper .p-ipoteka {
    font-weight: 500;
    margin-top: 14px;
}

.info-ipoteka {
    position: absolute;
    top: 40px;
    left: 256px;
    font-weight: 700;
    color: red;
}

/* end ipoteka */

/* footer */

.bottom-line .laba {
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -20px;
    font-size: 30px;
    color: #fff;
    text-decoration: none;
}

.bottom-line .copyright {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-right: 150px;
    color: #005baa;
}

.bottom-line .container {
    position: relative;
}

.container.fluid {
    max-width: 1920px;
    padding: 1px 0px;
}

.container {
    margin: auto;
}

.bottom-line {
    padding: 0px 0px 12px 10px;
    margin: 0 auto;
}

.contacts-wrapper .contacts-block .third.w30 {
    width: 30%;
    margin-left: 3%;
}

.pride-small {
	display: inline-block;
    margin-top: 1rem;
    margin-right: 1rem;
}

.pride-small-block {
    display: inline-block;
	position: relative;
	width: 417px;
}

.pride-small-img {
    width: 100%;
    max-height: 310px;
}

.pride-big-img {
    width: 100%;
    max-height: 515px;
}

.pride-small-text {
	position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.pride-big-block {
    display: inline-block;
	position: relative;
	width: 850px;
}

.gradient-pride-text {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 100%);
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 0;
}

.ecograd .screen5 {
    height: 750px;
}

.ecograd .screen5 .tab-eco-content {
    height: 650px;
}

.ecograd .screen6 .map-menu {
    top: 3010px;
}

/*TIMER*/
.countdown {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.countdown-wrapper {
    width: auto;
    padding: 15px 44px;
    background-color: #0c5da8;
    border-radius: 8px;
    margin: 16px 0 32px;
}
.countdown .countdown-title {
    color: white;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}
.countdown .position {
    height: 85px;
}

.countdown .desc {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 2px;
    letter-spacing: 1px;
    font-weight: 400;
}
.countdown .digit.static {
    background: transparent;
    box-shadow: none;
    color: white;
    font-size: 64px;
    font-weight: 100;
    width: 100%;
    left: 0;
}

.countdown .countItem {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 86px;
    max-width: 86px;
}
.countdown .countDiv:before, .countdown .countDiv:after {
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    margin-left: 0;
    top: 0.5em;
    box-shadow: none;
    content: '';
    margin-left: -3px;
}
.countdown .countDiv:after {
    top: 0.9em;
}
.countdownHolder {
    display: flex;
    width: auto !important;
    align-items: center;
}
.swiper-slide {
    position: relative;
}
.new-year-bg {
    display: block;
    /*background: url(../img/index-slide1-bg.jpg) center center no-repeat;*/
    background: url(/new/img/new-year-bg.png) center center no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    outline: none;
    text-decoration: none;
}

.new-year-block {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    z-index: 44;
    padding-top: 40px;
}
.new-year-block .left {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.new-year-block .left .title {
    color: #0d5da9;
    font-size: 68px;
    line-height: 72px;
    width: 100%;
}
.new-year-block .left .link {
    display: inline-block;
    background-color: #52b74e;
    border-radius: 7px;
    color: white;
    font-size: 20px;
    font-weight: 700;
    padding: 24px 29px;
    text-decoration: none;
    margin-bottom: 15px;
    transition: 0.1s ease;
}
@media screen and (min-width: 1000px) {
    .new-year-block .left .link:hover {
        background-color: #489545;
    }
}
.new-year-block .left .text {
    color: #005baa;
    font-size: 16px;
    font-weight: 400;
}
.new-year-block .left .subtitle {
    color: #005baa;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 5px;
}
.new-year-block .right {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.new-year-block .right img {

}
.new-year-block .right .text {
    color: #0c5da9;
    line-height: 32px;
    font-size: 23px;
    font-weight: 400;
    text-align: center;
    margin-top: 5px;
}
.countdown .position {
    display: flex;
    justify-content: center;
    overflow: visible;
    width: 50%;
}
.countItem.countDays {
    display: flex;
    justify-content: center;
    width: 60px;
    max-width: 60px;
    min-width: 60px;
}
.countItem {
    justify-content: center;
}
.countItem.countDays .position:first-child{
    display: none !important;
}

@media screen and (min-width: 1000px) and (max-width: 1400px) {
    .new-year-block .left .title {
        font-size: 56px;
        line-height: 64px;
    }
    .new-year-block .left .link {
        font-size: 18px;
        padding: 22px;
        margin-bottom: 15px;
    }
    .new-year-block .left .text {
        font-size: 14px;
    }
    .new-year-block .left .subtitle {
        font-size: 18px;
    }
    .new-year-block .right .text {
        line-height: 24px;
        font-size: 19px;
    }
}
/*END - TIMER*/

/* 3.11.21 */

.no-overflow{
    overflow: unset !important;
}

/* 6.12.21 - 6 taba */

.screen4 .tabs{
    display:flex;
}

.road-wrap .screen4 .tab{
    width: calc(100% / 6);
    margin-right: unset;
}

.road-wrap .screen4 #tab6{
    background-image: url('/img/road/screen4/icons/tab-6.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30%;
}

.road-wrap .screen4 .tab1{
    background-position: 95px top;
}

.road-wrap .screen4 .tab2 {
    background-position: 290px top;
}

.road-wrap .screen4 .tab3 {
    background-position: 490px top;
}

.road-wrap .screen4 .tab4 {
    background-position: 690px top;
}

.road-wrap .screen4 .tab5 {
    background-position: 890px top;
}

.road-wrap .screen4 .tab6 {
    background-position: 1090px top;
    display: none;
}

.road-wrap .screen4 .tab6 .header {
    width: 569px;
    font: 32px/1.2 'Exo 2', sans-serif;
    font-weight: 400;
    margin: 0;
    padding-top: 24px;
    text-transform: uppercase;
    color: #0073bc;
}

/* 14.01.21 */

.text-pad{
    padding-top:23px;
}

.text-left{
    text-align: left;
    padding-left: 15px;
}

.fix-flex{
    display: flex;
    justify-content: space-between;
    width: 635px;
}

.padding-off{
    padding: 0;
}
/*  */