@font-face{
    font-family: 'Intro';

    src: url(../fonts/Intro.ttf), url(../fonts/Intro.woff);
}

@font-face{
    font-family: 'ProximaNova';
    font-weight: 300;

    src: url(../fonts/ProximaNovaLight.ttf), url(../fonts/ProximaNovaLight.woff);
}
@font-face{
    font-family: 'ProximaNova';
    font-weight: normal;

    src: url(../fonts/ProximaNovaRegular.ttf), url(../fonts/ProximaNovaRegular.woff);
}
@font-face{
    font-family: 'ProximaNova';
    font-weight: 600;

    src: url(../fonts/ProximaNovaSemibold.ttf), url(../fonts/ProximaNovaSemibold.woff);
}
@font-face{
    font-family: 'ProximaNova';
    font-weight: 700;

    src: url(../fonts/ProximaNovaBold.ttf), url(../fonts/ProximaNovaBold.woff);
}

@font-face{
    font-family: 'OfficinaSerif';
    font-weight: 700;

    src: url(../fonts/OfficinaSerif-Bold.ttf), url(../fonts/OfficinaSerif-Bold.woff);
}

*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:before,
*:after{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

img{
    border: none;
}
textarea{
    overflow: auto;
}
input,
textarea,
input:active,
textarea:active{
         outline: none transparent!important;
    box-shadow: none;

    -moz-outline: none!important;
}
input[type=submit],
button[type=submit]{
    -webkit-border-radius: 0; 

    -webkit-appearance: none;
}
:focus{
    outline: none;
}

/* Общие стили */
.clear{
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}

html{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
    background: #f6f7f9;

    -webkit-text-size-adjust: 100%;
}

.wrap{
    max-width: 1450px;
	min-width: 300px;
    margin: 30px auto;

    background: #fff;

    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: calc(100vh - 60px);

    overflow: hidden;
}
.cont{
    position: relative; 

    max-width: 1330px;
    margin: 0 auto;

    padding: 0 20px;
}


.modal_cont{
    position: relative;
}
.mini_modal{
    display: none;

    position: absolute;
    z-index: 999;
}


.breadcrumbs{
    margin-bottom: 10px;

    font: 300 14px ProximaNova;
}
.breadcrumbs a{
    color: #898993;

    text-decoration: none;

    transition: color .2s linear;
}
.breadcrumbs a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}

.breadcrumbs a:hover{
    color: #212121;
}
.breadcrumbs a:hover span{
    border-color: #e5e5e5;
}
.breadcrumbs .sep{
    margin: 0 5px;
}


.page_title{
    margin-bottom: 35px;

    color: #212121;
    font: 26px/26px Intro;

    text-transform: uppercase;
}


.search_link{
    display: block;

    height: 20px;
    margin-top: 3px;
    padding-left: 35px;

    color: #212121;
    font: 700 15px/20px ProximaNova;

    text-decoration: none;
    text-transform: uppercase;

    background: url(../images/ic_search.png) 0 0 no-repeat;

    transition: all .2s linear;
}
.search_link:hover{
    color: #00C1DA; 

    background-position: 0 -20px;
}


.all{
    display: block;

    position: relative;

    width: 100%;
    height: 80px;

    color: #a8a8a8;
    font: 700 15px/76px ProximaNova;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border: 2px solid #f6f7f9;

    transition: all .2s linear;
}
.all:hover{
    z-index: 2;

    color: #00C1DA;

    border-color: #00C1DA;
}
/* End Общие стили */

/*=============================*/

/* Стили шапки сайта */
header{
    margin-bottom: 25px;
    padding: 60px 0 30px;

    border-bottom: 2px solid #f6f7f9;
}


header .logo{
    /*margin-right: 100px;*/
    margin: 0 auto;
    width: 418px;
    max-width: 100%;
    cursor: default;
}
header .logo{
    display: block;
    margin: 0 auto;
    margin-top: -20px;
    padding-top: 16px;
    padding-left: 110px;

    color: #212121;
    font: 22px/24px Intro;

    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;

    background: url(../images/logo.jpg) 0 0 no-repeat;

    min-height: 92px;
    position: relative;
}
header .logo a{
    text-decoration: none;
    color: #212121;
    
}
header .logo a:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}



header .menu{
    padding: 25px 0 0;
    display: flex;
    justify-content: space-between;
    width: calc(100% + 30px);
    margin-left: -15px;
}
header .menu li{
    font: 700 15px/18px ProximaNova;
    text-transform: uppercase;
    color: #00C1DA;
    display: block;
    padding: 10px 15px 0;
    /*width: 20%;*/
}
header .menu li:last-child{
    width: auto;
}
header .menu li a{
    color: #212121;
    text-decoration: none;
    transition: color .2s linear;
    display: block;
}

header .menu li a:hover,
header .menu li.active a{
    color: #00C1DA;
}
header .menu li.active a,
header .menu li.active{
    cursor:default;
}

.copy{
    display: block;
    padding-top: 14px;
    font:300 14px/20px ProximaNova;
    color:#898993;
    text-align: left;
    clear: left;
}

header .account{
    display: inline-block;

    vertical-align: top;
}

header .account .info{
    padding: 4px 0;

    text-align: right;
}
header .account .name{
    margin-bottom: 3px;

    font: 600 17px ProximaNova;
}
header .account .name a{
    color: #212121;

    text-decoration: none;

    transition: color .2s linear;
}
header .account .name a:hover{
    color: #00C1DA;
}

header .account .links{
    margin-bottom: 10px;

    color: #898993;
    font: 300 14px ProximaNova;
}
header .account .links .sep{
    margin: 0 10px;
}
header .account .links a{
    color: #898993;

    text-decoration: none;

    transition: color .2s linear;
}
header .account .links a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}

header .account .links a:hover{
    color: #212121;
}
header .account .links a:hover span{
    border-color: #e5e5e5;
}

header .account .stats{
    display: inline-block;

    padding-left: 24px;

    color: #898993;
    font: 300 13px/21px ProximaNova;

    vertical-align: top;

    background: url(../images/ic_rating.png) 0 30% no-repeat;
}

header .account .messages{
    display: inline-block;

    margin-left: 21px;
    padding-left: 23px;

    color: #898993;
    font: 300 13px/21px ProximaNova;

    vertical-align: top;
    text-decoration: none;

    background: url(../images/ic_comments.png) 0 50% no-repeat;
}
header .account .messages span{
    display: inline-block;

    height: 21px;
    margin-left: 4px;
    padding: 0 7px;

    color: #fff;
    line-height: 23px;

    vertical-align: top;

    border-radius: 3px;
    background: #ff6f6f;
}

header .account .avatar{
    margin-left: 30px;
}
header .account .avatar img{
    display: block;

    width: 80px;
    height: 80px;

    border-radius: 50%;
}
/* End Стили шапки сайта */

.about_site{
    padding-bottom: 30px;
    /*border-bottom: 2px solid #f6f7f9;*/
    /*margin-bottom: 30px;*/
    font:16px/24px ProximaNova;
}
.about_site__headline{
    font:26px/26px Intro;
    color:#212121;
}
.about_site__text{
    font:22px/24px ProximaNova;
    color:#212121;
    padding-top: 20px;
}
.about_site__text p,
.about_site__add p{
    padding-bottom: 10px;
}
.about_site__text p:last-child,
.about_site__add p:last-child{
    padding-bottom: 0;
}

.company_page--section{
    border-top: 2px solid #f6f7f9;
    padding: 30px 0 30px;
}

.about_site__add{
    padding-top: 10px;
}

/*=============================*/

/* Стили боковой колонки сайта */
aside{
    position: relative;
    z-index: 2;

    width: 300px;
    padding-bottom: 10px;
}

aside .banner{
    margin-bottom: 30px;
}
aside .banner a{
    display: block;

    position: relative;

    text-decoration: none;
}
aside .banner img{
    display: block;

    width: 100%;
}
aside .banner .info{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    padding: 45px 0;

    text-align: center;
}
aside .banner .name{
    margin-bottom: 15px;
    padding: 0 45px;

    color: #fff;
    font: 700 32px/32px OfficinaSerif;
}
aside .banner .price{
    display: inline-block;

    height: 46px;
    padding: 0 15px;

    color: #fff;
    font: 700 26px/46px OfficinaSerif;

    vertical-align: top;

    background: #00C1DA;

    -webkit-transform: skewX(-12deg);
        -ms-transform: skewX(-12deg);
            transform: skewX(-12deg);
}
aside .banner .price span{
    display: inline-block;

    vertical-align: top;

    -webkit-transform: skewX(12deg);
        -ms-transform: skewX(12deg);
            transform: skewX(12deg);
}


aside .journal{
    margin-bottom: 30px;
}
aside .journal .title{
    padding: 26px 35px;

    color: #212121;
    font: 26px/26px Intro;

    border: 2px solid #f6f7f9;
    border-bottom: none;
}
aside .journal .title span{
    color: #eeeff1;
}

aside .journal .item{
    position: relative;
    z-index: 1;

    padding: 26px 35px;

    border: 2px solid #f6f7f9;

    transition: border-color .2s linear;
}
aside .journal .item + .item{
    margin-top: -2px;
}
aside .journal .item:hover{
    z-index: 2;

    border-color: #00C1DA;
}

aside .journal .item .cat{
    margin-bottom: 8px;

    color: #898993;
    font: 300 13px ProximaNova;
}
aside .journal .item .cat a{
    color: #898993;

    text-decoration: none;

    transition: color .2s linear;
}
aside .journal .item .cat a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
aside .journal .item .cat a:hover{
    color: #212121;
}
aside .journal .item .cat a:hover span{
    border-color: #e5e5e5;
}

aside .journal .item .name{
    margin-bottom: 13px;

    color: #212121;
    font: 18px/22px ProximaNova;
}
aside .journal .item .name a{
    color: #212121;

    text-decoration: none;
}
aside .journal .item .name a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
aside .journal .item .name a:hover span{
    border-color: #e5e5e5;
}

aside .journal .item .date{
    display: inline-block;

    padding-left: 25px;

    color: #898993;
    font: 300 13px/16px ProximaNova;

    vertical-align: top;

    background: url(../images/ic_date.png) 0 50% no-repeat;
}

aside .journal .item .comments{
    display: inline-block;

    margin-left: 21px;
    padding-left: 25px;

    color: #898993;
    font: 300 13px/16px ProximaNova;

    vertical-align: top;

    background: url(../images/ic_comments.png) 0 50% no-repeat;
}


aside .experts{
    position: relative;

    margin-bottom: 30px;
    padding-bottom: 15px;

    background: #f6f7f9;
}
aside .experts:before{
    display: block;

    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 40px;

    border: 20px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #eeeff1;
    border-left-color: #eeeff1;

    content: '';
}

aside .experts .title{
    padding: 35px 40px 5px;

    color: #212121;
    font: 26px/26px Intro;

    border-bottom: none;
}
aside .experts .title span{
    color: #eeeff1;
}

aside .experts .item{
    margin: 0 40px;
}
aside .experts .item a{
    display: inline-block;

    width: 100%;
    padding: 20px 0;

    vertical-align: top;
    text-decoration: none;
}
aside .experts .item + .item{
    border-top: 1px solid #eeeff1;
}

aside .experts .item .avatar{
    position: relative;

    width: 80px;
}
aside .experts .item .avatar img{
    display: block;

    width: 100%;

    border-radius: 50%;
}
aside .experts .item .avatar span{
    position: absolute;
    top: 0;
    right: 0;

    width: 24px;
    height: 24px;

    color: #fff;
    font: 600 13px/24px ProximaNova;

    text-align: center;

    border-radius: 50%;
    background: #00C1DA;
}

aside .experts .item .info{
    width: 120px; 
    padding: 5px 0;
}

aside .experts .item .name{
    margin-bottom: 9px;

    color: #212121;
    font: 600 16px ProximaNova;

    transition: color .2s linear;
}
aside .experts .item a:hover .name{
    color: #00C1DA;
}

aside .experts .item .stats{
    padding-left: 24px;

    color: #898993;
    font: 300 13px/21px ProximaNova;

    background: url(../images/ic_rating.png) 0 30% no-repeat;
}

aside .experts .item .comments{
    width: 46px;
    margin-left: 21px;
    padding-left: 23px;

    color: #898993;
    font: 300 13px/21px ProximaNova;

    background: url(../images/ic_comments.png) 0 50% no-repeat;
}


aside .cheating{
    margin-bottom: 30px;
}
aside .cheating a{
    display: block;

    position: relative;

    text-decoration: none;
}
aside .cheating img{
    display: block;

    width: 100%;
}
aside .cheating .title{
    position: absolute;
    top: 113px;
    left: 42px;

    color: #fff;
    font: 22px/24px Intro;

    text-transform: uppercase;
}
aside .cheating .title span{
    color: #00C1DA;
}


aside .company{
    position: relative;

    margin-bottom: 30px;
    padding-bottom: 15px;

    background: #f6f7f9;
}
aside .company:before{
    display: block;

    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 40px;

    border: 20px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #eeeff1;
    border-left-color: #eeeff1;

    content: '';
}

aside .company .title{
    padding: 35px 40px 5px;

    color: #212121;
    font: 26px/26px Intro;

    border-bottom: none;
}
aside .company .title span{
    color: #eeeff1;
}

aside .company .item{
    margin: 0 40px;
    padding: 20px 0;
}
aside .company .item + .item{
    border-top: 1px solid #eeeff1;
}

aside .company .item .name{
    margin-bottom: 5px;

    color: #212121;
    font: 600 16px/16px ProximaNova;
}
aside .company .item .name a{
    color: #212121;

    text-decoration: none;

    transition: color .2s linear;
}
aside .company .item .name a:hover{
    color: #00C1DA;
}

aside .company .item .cat{
    max-width: 190px;
    margin-bottom: 5px;
    padding-left: 22px;

    color: #898993;
    font: 300 13px/24px ProximaNova;

    background: url(../images/ic_cats.png) 0 50% no-repeat;
}
aside .company .item .cat a{
    color: #898993;

    text-decoration: none;

    transition: color .2s linear;
}
aside .company .item .cat a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
aside .company .item .cat a:hover{
    color: #212121;
}
aside .company .item .cat a:hover span{
    border-color: #e5e5e5;
}

aside .company .item .new{
    width: 24px;
    height: 24px;

    color: #fff;
    font: 600 13px/24px ProximaNova;

    text-align: center;

    border-radius: 50%;
    background: #00C1DA;
}

aside .company .item .rating{
    height: 12px;
}
aside .company .item .rating li{
    display: inline-block;

    width: 12px;
    height: 12px;

    list-style: none;

    vertical-align: top;

    background: url(../images/ic_star.png) 0 0 no-repeat;
    background-size: 12px 36px;
}
aside .company .item .rating li + li{
    margin-left: 3px;
}
aside .company .item .rating li.part{
    background-position: 0 -12px;
}
aside .company .item .rating li.active{
    background-position: 0 -24px;
}


aside .cats{
    margin-bottom: 30px;
}
aside .cats li{
    list-style: none;
}
aside .cats li + li{
    margin-top: 2px;
}
aside .cats li a{
    display: table-cell;

    position: relative;

    width: 300px;
    height: 68px;
    padding: 5px 35px 5px 60px;

    color: #212121;
    font: 600 16px ProximaNova;

    vertical-align: middle;
    text-decoration: none;

    background: #f6f7f9;

    transition: all .2s linear;
}

aside .cats li a .icon{
    position: absolute;
    top: 18px;
    left: 14px;

    width: 32px;
    height: 32px;

    opacity: .3;
}

aside .services_cats li a .icon.icon1{
    background: url(../images/ic_services_links1.png) 0 0 no-repeat;
    background-size: 100% 200%;
}
aside .services_cats li a .icon.icon2{
    background: url(../images/ic_services_links2.png) 0 0 no-repeat;
    background-size: 100% 200%;
}
aside .services_cats li a .icon.icon3{
    background: url(../images/ic_services_links3.png) 0 0 no-repeat;
    background-size: 100% 200%;
}
aside .services_cats li a .icon.icon4{
    background: url(../images/ic_services_links4.png) 0 0 no-repeat;
    background-size: 100% 200%;
}
aside .services_cats li a .icon.icon5{
    background: url(../images/ic_services_links5.png) 0 0 no-repeat;
    background-size: 100% 200%;
}
aside .services_cats li a .icon.icon6{
    background: url(../images/ic_services_links6.png) 0 0 no-repeat;
    background-size: 100% 200%;
}

aside .objects_cats li a .icon.icon1{
    background: url(../images/ic_objects_links1.png) 0 0 no-repeat;
    background-size: 100% 200%;
}
aside .objects_cats li a .icon.icon2{
    background: url(../images/ic_objects_links2.png) 0 0 no-repeat;
    background-size: 100% 200%;
}
aside .objects_cats li a .icon.icon3{
    background: url(../images/ic_objects_links3.png) 0 0 no-repeat;
    background-size: 100% 200%;
}
aside .objects_cats li a .icon.icon4{
    background: url(../images/ic_objects_links4.png) 0 0 no-repeat;
    background-size: 100% 200%;
}

aside .cats li a:hover,
aside .cats li a.active{
    color: #fff;

    background: #00C1DA;
}


aside .cats .sub_cats{
    padding: 30px 35px;

    border-right: 2px solid #f6f7f9;
    border-left: 2px solid #f6f7f9;
    background: #fff;
}
aside .cats .sub_cats li + li{
    margin-top: 15px;
}
aside .cats .sub_cats li a{
    display: block;

    position: relative;

    width: 100%;
    height: 100%;
    padding: 0 0 0 25px;

    color: #898993;
    font: 300 15px ProximaNova;

    background: none;
}
aside .cats .sub_cats li a:before{
    display: block;

    position: absolute;
    top: 8px;
    left: 0;

    width: 12px;
    height: 1px;

    background: #d1d2d4;

    content: '';
}

aside .cats .sub_cats li a:hover,
aside .cats .sub_cats li a.active{
    color: #212121; 
    font-weight: 600;
}


aside .useful{
    position: relative;

    margin-bottom: 30px;
    padding: 30px 37px;

    border: 2px solid #f6f7f9;
}
aside .useful .title{
    position: absolute;
    top: -6px;
    left: 25px;

    padding: 0 10px;

    color: #a8a8a8;
    font: 600 12px/12px ProximaNova;

    text-transform: uppercase;

    background: #fff;
}

aside .useful .favorite,
aside .useful .compare{
    margin-top: 10px;
}

aside .useful a{
    display: block;

    width: 100%;
    height: 24px;

    color: #898993;
    font: 300 15px/24px ProximaNova;

    text-decoration: none;
}
aside .useful a span{
    display: inline-block;

    line-height: 15px;

    vertical-align: middle;

    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
aside .useful a:hover{
    color: #212121;
}
aside .useful a:hover span{
    border-color: #dddee0;
}

aside .useful .interests{
    padding-left: 23px;

    background: url(../images/ic_interests.png) 0 50% no-repeat;
}
aside .useful .favorite{
    padding-left: 23px;

    background: url(../images/ic_favorite.png) 1px 50% no-repeat;
}
aside .useful .compare{
    padding-left: 23px;

    background: url(../images/ic_useful_compare.png) 2px 50% no-repeat;
}

aside .useful a div{
    width: 24px;
    height: 24px;

    color: #fff;
    font: 600 13px/24px ProximaNova;

    text-align: center;

    border-radius: 50%;
    background: #eeeff1;
}
aside .useful a div.active{
    background: #00C1DA;
}


aside .objects_filter{
    padding: 35px;

    border-right: 2px solid #f6f7f9;
    border-left: 2px solid #f6f7f9;
}
aside .objects_filter .block + .block{
    margin-top: 30px;
}
aside .objects_filter .title{
    margin-bottom: 12px;

    color: #898993;
    font: 600 14px/14px ProximaNova;
}

aside .objects_filter .line + .line{
    margin-top: 10px;
}
aside .objects_filter input[type=checkbox]{
    display: none;
}
aside .objects_filter label{
    display: block;

    position: relative;

    padding-left: 22px;

    color: #898993;
    font: 300 15px/20px ProximaNova;

    cursor: pointer;
    transition: all .2s linear;
}
aside .objects_filter label:before{
    display: block;

    position: absolute;
    top: 50%;
    left: 0;

    width: 12px;
    height: 12px;
    margin-top: -6px;

    border: 2px solid #d4d4d6;
    border-radius: 4px;
    background: #fff;

    content: '';
    transition: all .2s linear;
}
aside .objects_filter label:hover:before{
    background: #d4d4d6;
}
aside .objects_filter input[type=checkbox]:checked + label{
    color: #212121;
    font-weight: 600;
}
aside .objects_filter input[type=checkbox]:checked + label:before{
    border-color: #00C1DA;
    background: #00C1DA;
}

aside .objects_filter .range{
    padding-top: 5px;
    padding-bottom: 25px;
}


aside .user_menu{
    position: relative;

    margin-bottom: 30px;
    padding: 30px 37px;

    border: 2px solid #f6f7f9;
}
aside .user_menu .title{
    position: absolute;
    top: -6px;
    left: 25px;

    padding: 0 10px;

    color: #a8a8a8;
    font: 600 12px/12px ProximaNova;

    text-transform: uppercase;

    background: #fff;
}

aside .user_menu li{
    list-style: none;
}
aside .user_menu li + li{
    margin-top: 10px;
}

aside .user_menu a{
    display: block;

    width: 100%;
    height: 24px;

    color: #898993;
    font: 300 15px/24px ProximaNova;

    text-decoration: none;

    transition: color .2s linear;
}
aside .user_menu a span{
    display: inline-block;

    line-height: 15px;

    vertical-align: middle;

    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}

aside .user_menu a .icon{
    float: left;

    width: 25px;
    height: 24px;
}
aside .user_menu a .icon.icon1{
    background: url(../images/ic_user_menu1.png) 0 50% no-repeat;
}
aside .user_menu a .icon.icon2{
    background: url(../images/ic_user_menu2.png) 0 50% no-repeat;
}
aside .user_menu a .icon.icon3{
    background: url(../images/ic_comments.png) 0 50% no-repeat;
}
aside .user_menu a .icon.icon4{
    background: url(../images/ic_user_menu4.png) 0 50% no-repeat;
}
aside .user_menu a .icon.icon5{
    background: url(../images/ic_cats.png) 0 50% no-repeat;
}
aside .user_menu a .icon.icon6{
    background: url(../images/ic_user_menu6.png) 0 50% no-repeat;
}

aside .user_menu a div.right{
    width: 24px;
    height: 24px;

    color: #fff;
    font: 600 13px/24px ProximaNova;

    text-align: center;

    border-radius: 50%;
    background: #00C1DA;
}

aside .user_menu a:hover{
    color: #212121;
}
aside .user_menu a:hover span{
    border-color: #dddee0;
}
aside .user_menu a.active{
    color: #212121;
    font-weight: 600;
}
/* End Стили боковой колонки сайта */

/*=============================*/

/* Стили основного блока сайта */
.filter{
    margin-bottom: 30px;
    padding: 0 0 40px;

    border-bottom: 2px solid #f6f7f9;
}

.filter form{
    display: inline-block;

    width: 100%;
    height: 72px;

    text-align: justify;
    vertical-align: top;
}
.filter form:after{
    display: inline-block;

    width: 100%;

    content: '';
}

.filter form .line,
.filter form .submit{
    display: inline-block;

    width: 242px;
    height: 72px;

    vertical-align: top;
}

.filter form .name{
    margin-bottom: 8px;

    color: #898993;
    font: 300 14px/14px ProximaNova;
}

.filter .sbHolder{
    position: relative;

    width: 100%;
    height: 50px;
}
.filter .sbSelector{
    display: block;

    width: 100%;
    height: 100%;
    padding: 0 53px 0 20px;

    color: #212121;
    font: 700 14px/50px ProximaNova;

    text-decoration: none;
    text-transform: uppercase;

    border-bottom: 2px solid #eeeff1;
    border-radius: 4px;
    background: #f6f7f9;
}
.filter .sbToggle{
    display: block;

    position: absolute;
    top: 0;
    right: 0;

    width: 33px;
    height: 50px;

    border-left: 2px solid #fff;
    background: url(../images/ic_select_toggle.png) 50% 50% no-repeat;
}
.filter .sbOptions{
    position: absolute;
    top: 70px !important;
    z-index: 99;

    width: 100%;
    max-height: none !important;
}
.filter .sbOptions:before{
    display: block;

    position: absolute;
    top: -20px;
    left: 50%;

    width: 20px;
    height: 20px;
    margin-left: -10px;

    border: 10px solid transparent;
    border-bottom-color: #323232;
    border-bottom-color: rgba(33,33,33,.92);

    content: '';
}

.filter .sbOptions li{
    list-style: none;
}

.filter .sbOptions li:first-child a{
    border-radius: 4px 4px 0 0;
}
.filter .sbOptions li:last-child a{
    border-radius: 0 0 4px 4px;
}
.filter .sbOptions li a{
    display: block;

    height: 50px;
    padding: 0 50px 0 20px;

    color: #fff;
    font: 600 14px/50px ProximaNova;

    text-decoration: none;
    text-transform: uppercase;

    background: rgba(33,33,33,.92);

    transition: color .2s linear;
}
.filter .sbOptions li:nth-child(2n) a{
    background: rgba(33,33,33,.95);
}
.filter .sbOptions li a:hover{
    color: #00C1DA;
}

.filter .mini_modal_link{
    display: block;

    position: relative;

    width: 100%;
    height: 100%;
    padding: 0 53px 0 20px;

    color: #212121;
    font: 700 14px/50px ProximaNova;

    text-decoration: none;
    text-transform: uppercase;

    border-bottom: 2px solid #eeeff1;
    border-radius: 4px;
    background: #f6f7f9;
}
.filter .mini_modal_link:after{
    display: block;

    position: absolute;
    top: 0;
    right: 0;

    width: 33px;
    height: 50px;

    border-left: 2px solid #fff;
    background: url(../images/ic_select_toggle.png) 50% 50% no-repeat;

    content: '';
}

.filter .mini_modal{
    position: absolute;
    top: 70px !important;
    z-index: 99;

    width: 100%;
    max-height: none !important;
}
.filter .mini_modal:before{
    display: block;

    position: absolute;
    top: -20px;
    left: 50%;

    width: 20px;
    height: 20px;
    margin-left: -10px;

    border: 10px solid transparent;
    border-bottom-color: #323232;
    border-bottom-color: rgba(33,33,33,.92);

    content: '';
}

.filter .mini_modal .line{
    display: block;

    position: relative;

    height: 50px;
    padding: 0 50px 0 20px;

    color: #fff;
    font: 600 14px/50px ProximaNova;

    text-transform: uppercase;

    background: rgba(33,33,33,.92);

    cursor: pointer;
    transition: color .2s linear;
}
.filter .mini_modal .line:first-child{
    border-radius: 4px 4px 0 0;
}
.filter .mini_modal .line:last-child{
    border-radius: 0 0 4px 4px;
}
.filter .mini_modal .line:nth-child(2n){
    background: rgba(33,33,33,.95);
}
.filter .mini_modal .line:hover,
.filter .mini_modal .line.active{
    color: #00C1DA;
}

.filter .mini_modal .line:after{
    display: block;

    position: absolute;
    top: 50%;
    right: 20px;

    width: 10px;
    height: 10px;
    margin-top: -5px;

    border-radius: 50%;
    background: #212121;

    content: '';
    transition: background .2s linear;
}
.filter .mini_modal .line + .line:before{
    display: block;

    position: absolute;
    top: -20px;
    right: 23px;

    width: 4px;
    height: 40px;

    opacity: 0;
    background: #00C1DA;

    content: '';
    transition: opacity .2s linear;
}

.filter .mini_modal .line.active:after{
    background: #00C1DA;
}
.filter .mini_modal .line.active + .line.active:before{
    opacity: 1;
}

.filter form .submit{
    padding-top: 22px;
}
.submit_btn,
button[type=submit].submit_btn,
.filter form .submit_btn{
    display: block;
    padding: 0 10px;

    width: 100%;
    height: 50px;

    color: #fff;
    font: 700 14px/50px ProximaNova;

    text-transform: uppercase;

    border: none;
    border-bottom: 2px solid #0126FF;
    border-radius: 4px;
    background: #00C1DA;

    cursor: pointer;
    transition: background .2s linear;

    -webkit-border-radius: 4px;
}
.filter form .submit_btn img,
.submit_btn img{
    display: inline-block;

    position: relative;
    top: -2px;

    margin-left: 13px;

    vertical-align: middle;
}
.submit_btn:hover,
button[type=submit].submit_btn:hover,
.filter form .submit_btn:hover{
    background: #0126FF;
}

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

.text_field{
    transition: all .2s;
    border: 2px solid #F6F7F9;
    height: 50px;
    line-height: 1;
    font:700 14px/50px ProximaNova;
    color: #212121;
    background: #F6F7F9;
    border-radius: 4px;
    width: 100%;
    padding: 0 20px;
    border-bottom-color:#eeeff1;
}
.text_field:focus{
    border-color: #E1E2E4;
    color: #212121
}

.form_field{
    display: flex;
    margin-bottom: 20px;
    width: calc(100% + 20px);
    margin-left: -10px;
}
.form_field__item{
    width: 100%;
    padding: 0 10px
}
.form_field:last-child{
    margin-bottom: 0;
}
.form_field__item--submit{
    width: auto;
    min-width: 160px;
}

.quike_links{
    margin-bottom: 40px;

    border-bottom: 2px solid #f6f7f9;
}
.quike_links.page{
    margin: 0;

    border: none;
}

.quike_links .tabs li{
    display: inline-block;

    position: relative;
    z-index: 2;

    padding-bottom: 7px;

    list-style-type: none;

    font: 26px/26px Intro;

    vertical-align: top;
    text-transform: uppercase;

    border-bottom: 3px solid #d1d2d4;

    cursor: pointer;
    transition: border-color .2s linear;
}
.quike_links .tabs li + li{
    margin-left: 45px;
}

.quike_links .tabs li a{
    color: #d1d2d4;

    text-decoration: none;

    transition: color .2s linear;
}
.quike_links .tabs li.active{
    border-color: #00C1DA;
}
.quike_links .tabs li.active a{
    color: #212121;
}

.quike_links .tab_content{
    display: none;

    position: relative;
    z-index: 1;

    padding-top: 40px;
}

.quike_links .search_link{
    position: absolute;
    top: -31px;
    right: 0;

    margin-top: 0;
}

.objects_links,
.services_links{
    margin-bottom: -18px; 

    text-align: justify;
}
.objects_links:after,
.services_links:after{
    display: inline-block;

    width: 100%;

    content: '';
}

.quike_links .item{
    display: inline-block;

    position: relative;

    margin-bottom: 42px;
    padding-left: 110px;

    text-align: left;
    vertical-align: top;
}
.quike_links .item .icon{
    position: absolute;
    top: 0;
    left: 0;

    width: 80px;
    height: 80px;
}

.quike_links .item .name{
    margin-bottom: 8px;

    font: 600 22px ProximaNova;
}
.quike_links .item .name a{
    color: #212121;

    text-decoration: none;

    transition: color .2s linear;
}
.quike_links .item .name a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.quike_links .item .name a:hover{
    color: #212121;
}
.quike_links .item .name a:hover span{
    border-color: #e5e5e5;
}


.quike_links .item .links{
    color: #898993;
    font: 300 14px/21px ProximaNova;
}
.quike_links .item .links a{
    color: #898993;

    text-decoration: none;

    transition: color .2s linear;
}
.quike_links .item .links a.more{
    color: #c7c7d1;
}
.quike_links .item .links a:not(:last-child):after{
    display: inline-block;

    width: 3px;
    height: 3px;
    margin: 0 10px 0 13px;

    vertical-align: middle;

    border-radius: 50%;
    background: #d8d8d8;

    content: '';
}
.quike_links .item .links a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.quike_links .item .links a:hover{
    color: #212121;
}
.quike_links .item .links a:hover span{
    border-color: #e5e5e5;
}

.objects_links .item{
    width: 46.5%;
}
.objects_links .item .icon.icon1{
    background: url(../images/ic_objects_links1.png) 0 0 no-repeat;
}
.objects_links .item .icon.icon2{
    background: url(../images/ic_objects_links2.png) 0 0 no-repeat;
}
.objects_links .item .icon.icon3{
    background: url(../images/ic_objects_links3.png) 0 0 no-repeat;
}
.objects_links .item .icon.icon4{
    background: url(../images/ic_objects_links4.png) 0 0 no-repeat;
}

.services_links .item{
    width: 31.7%;
}
.services_links .item .icon.icon1{
    background: url(../images/ic_services_links1.png) 0 0 no-repeat;
}
.services_links .item .icon.icon2{
    background: url(../images/ic_services_links2.png) 0 0 no-repeat;
}
.services_links .item .icon.icon3{
    background: url(../images/ic_services_links3.png) 0 0 no-repeat;
}
.services_links .item .icon.icon4{
    background: url(../images/ic_services_links4.png) 0 0 no-repeat;
}
.services_links .item .icon.icon5{
    background: url(../images/ic_services_links5.png) 0 0 no-repeat;
}
.services_links .item .icon.icon6{
    background: url(../images/ic_services_links6.png) 0 0 no-repeat;
}

.quike_links .item:hover .icon{
    background-position: 0 -80px;
}


.content.right{
    position: relative;
    z-index: 1;

    width: 100%;
    margin: 0 0 0 -300px;
    padding: 0 0 10px 330px;
}
.content.left{
    position: relative;
    z-index: 1;

    width: 100%;
    margin: 0 -300px 0 0;
    padding: 0 330px 10px 0;
}
.content.center{
    position: relative;
    z-index: 1;

    width: 100%;
    margin: 0 -300px;
    padding: 0 330px 10px;
}


.articles{
    margin-bottom: 30px;
}
.articles .main{
    position: relative;

    margin-bottom: 30px;
}
.articles .main img{
    display: block;

    width: 100%;
}
.articles .main:after{
    display: block;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 100%;

    background: url(../images/bg_article_main.png) 0 100% repeat-x;

    content: '';
}

.articles .main .cat{
    display: inline-block;

    position: absolute;
    top: 35px;
    left: 35px;
    z-index: 2;

    height: 49px;
    padding: 0 25px;

    color: #fff;
    font: 600 13px/49px ProximaNova;

    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    border-radius: 35px;
    background: rgba(33,33,33,.4);
}
.articles .main .cat:hover{
    text-decoration: underline;
}

.articles .main .info{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;

    padding: 35px 30px;
}
.articles .main .name{
    font: 30px/32px ProximaNova;
}
.articles .main .name a{
    color: #fff;

    text-decoration: none;
}
.articles .main .name a span{
    border-bottom: 2px solid #00C1DA;

    transition: border-color .2s linear;
}
.articles .main .name a:hover span{
    border-color: transparent;
}

.articles .main .desc{
    margin-top: 13px;

    color: #eeeff1;
    font: 300 16px/22px ProximaNova;
}


.articles .items{
    margin-bottom: -18px; 

    text-align: justify;
}
.articles .items:after{
    display: inline-block;

    width: 100%;

    content: '';
}
.articles .items .item{
    display: inline-block;

    width: 47.62%;
    margin-bottom: 25px;

    text-align: left;
    vertical-align: top;
}

.articles .items .item .thumb{
    margin-bottom: 13px;
}
.articles .items .item .thumb img{
    display: block;

    width: 100%;
}

.articles .items .item .cat{
    font: 600 12px/16px ProximaNova;

    text-transform: uppercase;
}
.articles .items .item .cat a,
.articles .items .item a{
    color: #a8a8a8;

    text-decoration: none;

    transition: color .2s linear;
}
.articles .items .item .cat a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.articles .items .item .cat a:hover{
    color: #212121;
}
.articles .items .item .cat a:hover span{
    border-color: #e5e5e5;
}

.articles .items .item .comments{
    margin-left: 21px;
    padding-left: 23px;

    color: #898993;
    font: 300 13px/16px ProximaNova;

    background: url(../images/ic_comments.png) 0 50% no-repeat;
}

.articles .items .item .likes{
    padding-left: 23px;

    color: #898993;
    font: 300 13px/16px ProximaNova;

    background: url(../images/ic_favorite.png) 0 50% no-repeat;
}

.articles .items .item .name{
    clear: both;

    padding: 9px 0;

    font: 22px/24px ProximaNova;
}
.articles .items .item .name a{
    color: #212121;

    text-decoration: none;
}
.articles .items .item .name a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.articles .items .item .name a:hover span{
    border-color: #e5e5e5;
}

.articles .items .item .desc{
    color: #707070;
    font: 300 16px/24px ProximaNova;
}

.articles .all{
    margin-top: 4px;
}


.news{
    padding: 30px 0 25px;

    border-top: 2px solid #f6f7f9;
}

.news .block_title,
.block_title{
    margin-bottom: 25px;

    color: #212121;
    font: 26px/26px Intro;

    border-bottom: none;
}
.news .block_title span,
.block_title span{
    color: #eeeff1;
}

.img_resp{
    max-width: 40%; 
    float: left;
    padding: 10px 20px 10px 0;
}
.img_resp.right{
    padding: 10px 0 10px 20px;
    float: right;
}

.news .carousel li{
    display: inline-block;

    list-style: none;

    vertical-align: top;
}

.news .item .date{
    display: inline-block;

    margin-bottom: 10px;
    padding-left: 25px;

    color: #898993;
    font: 300 13px/16px ProximaNova;

    vertical-align: top;

    background: url(../images/ic_date.png) 0 50% no-repeat;
}

.news .item .name{
    margin-bottom: 8px;

    font: 22px/24px ProximaNova;
}
.news .item .name a{
    color: #212121;

    text-decoration: none;
}
.news .item .name a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.news .item .name a:hover span{
    border-color: #e5e5e5;
}

.news .item .desc{
    color: #707070;
    font: 300 16px/24px ProximaNova;
}


.company_list{
    margin-bottom: 30px;
}
.company_list .item{
    display: inline-block;

    width: 100%;
    margin-bottom: 30px;
    padding: 23px;

    vertical-align: top;

    border: 2px solid #f6f7f9;

    transition: border-color .2s linear;
}
.company_list .item:hover{
    border-color: #00C1DA;
}

.company_list .item .logo{
    position: relative;
    z-index: 2;

    width: 140px;
    height: 129px;

    line-height: 129px;

    text-align: center;
}
.company_list .item .logo img{
    position: relative;
    top: -1px;

    max-width: 100%;
    max-height: 100%;

    vertical-align: middle;
}

.company_list .item .info{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-left: -140px;
    padding-left: 163px;
}

.company_list .item .name{
    margin-bottom: 12px;

    color: #212121;
    font: 600 22px/22px ProximaNova;
}
.company_list .item .name a{
    color: #212121;

    text-decoration: none;
}
.company_list .item .name a span{
    display: inline-block;

    line-height: 18px;

    vertical-align: middle;

    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.company_list .item .name a:hover span{
    border-color: #e5e5e5;
}

.company_list .item .cats,
.company_info .cats{
    margin-bottom: 10px;
    padding-left: 22px;

    color: #212121;
    font: 300 16px/25px ProximaNova;

    background: url(../images/ic_cats.png) 0 50% no-repeat;
}
.company_list .item .cats a,
.company_info .cats a{
    color: #212121;

    text-decoration: none;
}
.company_list .item .cats a:hover{
    text-decoration: underline;
}

.company_seo{
    color: #707070;
    font: 300 16px/24px ProximaNova;
    padding:15px 0 0;
}
.company_seo p{
    padding-bottom: 10px;
}
.company_seo p:last-child{
    padding-bottom: 0;
}

.company_list .item .adres{
    margin-bottom: 10px;
    padding-left: 22px;

    color: #212121;
    font: 300 16px/25px ProximaNova;

    background: url(../images/ic_adres.png) 0 50% no-repeat;
}

.company_list .item .phone{
    padding-left: 22px;

    color: #212121;
    font: 300 16px/25px ProximaNova;

    background: url(../images/ic_phone.png) 0 50% no-repeat;
}

.company_list .item .rating{
    height: 22px;

    color: #212121;
    font: 700 15px/22px ProximaNova;
}
.company_list .item .rating ul{
    display: inline-block;

    margin-left: 12px;

    vertical-align: top;
}
.company_list .item .rating li{
    display: inline-block;

    width: 19px;
    height: 18px;

    list-style: none;

    vertical-align: top;

    background: url(../images/ic_star.png) 0 0 no-repeat;
}
.company_list .item .rating li + li{
    margin-left: 3px;
}
.company_list .item .rating li.part{
    background-position: 0 -18px;
}
.company_list .item .rating li.active{
    background-position: 0 -36px;
}


.company_page .company_rating{
    height: 22px;
    margin-bottom: 25px;

    color: #d1d2d4;
    font: 700 15px/22px ProximaNova;

    text-transform: uppercase;
}
.company_page .company_rating b{
    margin-left: 12px;

    color: #212121;
}
.company_page .company_rating ul{
    display: inline-block;

    margin-left: 12px;

    vertical-align: top;
}
.company_page .company_rating li{
    display: inline-block;

    width: 19px;
    height: 18px;

    list-style: none;

    vertical-align: top;

    background: url(../images/ic_star.png) 0 0 no-repeat;
}
.company_page .company_rating li + li{
    margin-left: 3px;
}
.company_page .company_rating li.part{
    background-position: 0 -18px;
}
.company_page .company_rating li.active{
    background-position: 0 -36px;
}


.company_page .company_info{
    padding-bottom: 5px;
}
.company_page .company_info .col{
    width: 49%;
    margin-bottom: 30px;
}
.company_page .company_info .block + .block{
    margin-top: 20px;
}
.company_page .company_info .title{
    margin-bottom: 12px;

    color: #898993;
    font: 600 15px/15px ProximaNova;
}

.company_page .company_info .logo{
    position: relative;
    z-index: 2;

    width: 190px;
    height: 190px;

    line-height: 186px;

    text-align: center;

    border: 2px solid #f6f7f9;
}
.company_page .company_info .logo img{
    position: relative;
    top: -1px;

    max-width: 100%;
    max-height: 100%;

    vertical-align: middle;
}

.company_page .company_info .info{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-left: -190px;
    padding-left: 220px;

    color: #212121;
    font: 300 17px/25px ProximaNova;
}
.company_page .company_info .info a{
    color: #212121;

    text-decoration: none;
}
.company_page .company_info .info a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.company_page .company_info .info a:hover span{
    border-color: #e5e5e5;
}

.company_page .company_info .adres{
    margin-bottom: 12px;
    padding-left: 25px;

    background: url(../images/ic_adres.png) 0 50% no-repeat;
}

.company_page .company_info .phone{
    margin-bottom: 12px;
    padding-left: 25px;

    background: url(../images/ic_phone.png) 0 50% no-repeat;
}

.company_page .company_info .site{
    margin-bottom: 12px;
    padding-left: 25px;

    background: url(../images/ic_site.png) 0 50% no-repeat;
}

.company_page .company_info .time{
    padding-left: 25px;

    background: url(../images/ic_date.png) 0 50% no-repeat;
}

.company_page .company_info .experts{
    margin-bottom: -10px; 
    margin-left: -19px;
}
.company_page .company_info .experts .item{
    float: left;

    position: relative;

    width: 68px;
    margin-bottom: 10px;
    margin-left: 19px;
}
.company_page .company_info .experts .item img{
    display: block;

    width: 100%;

    border-radius: 50%;
}

.company_page .company_info .experts .item .info{
    display: none;

    position: absolute;
    top: 82px;
    left: 50%;

    width: 152px;
    margin-left: -76px;
    padding: 12px 17px;

    border-radius: 4px;
    background: #323232;
}
.company_page .company_info .experts .item .info:before{
    display: block;

    position: absolute;
    top: -20px;
    left: 50%;

    width: 20px;
    height: 20px;
    margin-left: -10px;

    border: 10px solid transparent;
    border-bottom-color: #323232;

    content: '';
}
.company_page .company_info .experts .item:hover .info{
    display: block;
}

.company_page .company_info .experts .item .name{
    margin-bottom: 5px;

    color: #fff;
    font: 600 16px ProximaNova;
}
.company_page .company_info .experts .item .stats{
    padding-left: 24px;

    color: #888;
    font: 300 13px/21px ProximaNova;

    background: url(../images/ic_rating2.png) 0 30% no-repeat;
}

.company_page .company_info .experts .item .comments{
    padding-left: 23px;

    color: #888;
    font: 300 13px/21px ProximaNova;

    background: url(../images/ic_comments2.png) 0 50% no-repeat;
}

.company_page .company_info .links{
    margin-bottom: -5px;
    margin-left: -10px;
}
.company_page .company_info .links a{
    display: inline-block;

    height: 38px;
    margin: 0 0 10px 10px;
    padding: 0 15px;

    color: #212121;
    font: 15px/34px ProximaNova;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    border: 2px solid #eeeff1;
    border-radius: 4px;
    background: #fff;

    transition: all .2s linear;
}
.company_page .company_info .links a:hover{
    color: #fff;

    border-color: #00C1DA;
    background: #00C1DA;
}


.reviews{
    padding: 30px 0 25px;

    border-top: 2px solid #f6f7f9;
}
.reviews .block_title{
    margin-bottom: 25px;

    color: #212121;
    font: 26px/26px Intro;

    border-bottom: none;
}
.reviews .block_title span{
    color: #eeeff1;
}
header + .reviews{
    padding-bottom: 30px;
}
.reviews .carousel li,
.reviews .list li{
    display: inline-block;

    list-style: none;

    vertical-align: top;
}
.reviews .item{
    position: relative;

    padding: 35px;

    background: #f6f7f9;
}
.reviews .item:before{
    display: block;

    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 40px;

    border: 20px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #eeeff1;
    border-left-color: #eeeff1;

    content: '';
}

.reviews .item .foto{
    position: relative;
    z-index: 2;

    width: 80px;
}
.reviews .item .foto img{
    display: block;

    width: 100%;

    border-radius: 50%;
}

.reviews .item .info{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-left: -80px;
    padding-left: 102px;
}

.reviews .item .name{
    color: #212121;
    font: 600 17px/32px ProximaNova;
}

.reviews .item .rating{
    height: 32px;

    color: #898993;
    font: 300 13px/32px ProximaNova;
}
.reviews .item .rating b{
    color: #212121;
}
.reviews .item .rating ul{
    display: inline-block;

    height: 32px;
    margin-left: 10px;

    line-height: 26px;

    vertical-align: top;
}
.reviews .item .rating li{
    display: inline-block;

    width: 12px;
    height: 12px;

    list-style: none;

    vertical-align: middle;

    background: url(../images/ic_star.png) 0 0 no-repeat;
    background-size: 12px 36px;
}
.reviews .item .rating li + li{
    margin-left: 3px;
}
.reviews .item .rating li.part{
    background-position: 0 -12px;
}
.reviews .item .rating li.active{
    background-position: 0 -24px;
}

.reviews .item .text{
    clear: both;

    padding: 3px 0 0;

    color: #707070;
    font: 300 16px/26px ProximaNova;
}

.reviews .item .details{
    display: inline-block;

    margin-top: 15px;

    color: #a8a8a8;
    font: 600 12px/14px ProximaNova;

    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    transition: color .2s linear;
}
.reviews .item .details span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}

.reviews .item .details:hover{
    color: #212121;
}
.reviews .item .details:hover span{
    border-color: #e5e5e5;
}

.reviews .all{
    margin-top: 30px;
}

.reviews .list > ul{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -15px;
    margin-bottom: -15px;
}
.reviews .list > ul > li{
    padding: 15px;
    width: 50%;
}

.articles_list{
    padding: 30px 0 0;

    border-top: 2px solid #f6f7f9;
}
.articles_list .block_title{
    margin-bottom: 25px;

    color: #212121;
    font: 26px/26px Intro;

    border-bottom: none;
}
.articles_list .block_title span{
    color: #eeeff1;
}

.articles.articles_list .items{
    margin-bottom: -25px; 
    margin-left: -30px;

    text-align: left;
}
.articles.articles_list .items:after{
    display: none;
}

.articles.articles_list .items .item{
    float: left;

    /*width: 300px;*/
    margin-left: 30px;
    width: calc(25% - 30px);
}


.sorting{
    height: 26px;
    margin-bottom: 25px;

    color: #d1d2d4;
    font: 700 15px/26px ProximaNova;

    text-transform: uppercase;
}
.sorting a{
    color: #212121;

    text-decoration: none;

    transition: color .2s linear;
}
.sorting a:hover,
.sorting a.active{
    color: #00C1DA;
}

.sorting .sort{
    padding-left: 35px;

    background: url(../images/ic_sort.png) 0 50% no-repeat;
}

.sorting .view{
    margin-left: 45px;
}
.sorting .view a{
    display: inline-block;

    position: relative;
    top: -1px;

    width: 18px;
    height: 18px;
    margin-left: 7px;

    vertical-align: middle;

    background: url(../images/ic_views.png) 0 0 no-repeat;
}

.sorting .view a.grid_link{
    background-position: 0 0;
}
.sorting .view a.grid_link.active{
    background-position: 0 -18px;
}

.sorting .view a.list_link{
    background-position: -18px 0;
}
.sorting .view a.list_link.active{
    background-position: -18px -18px;
}


.objects{
    margin: -15px -15px 15px -15px;
}
.objects .item{
    float: left;
    overflow: hidden;

    position: relative;

    /*width: 330px;*/
    /*width: 100%;*/
    height: 400px;


    border: 15px solid transparent;
}

.objects_section .objects .item{
    width: 25%;
}

.objects .item img{
    display: block;
    object-position: top;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.objects .item .info{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.objects .item .info .box{
    /*display: table-cell;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    /*width: 300px;*/
    width: 100%;
    height: 370px;
    padding: 25px 30px;

    vertical-align: bottom;

    background: url(../images/bg_specials_item.png) 0 100% repeat-x;
}

.objects .item .price{
    display: inline-block;

    height: 38px;
    margin-bottom: 12px;
    margin-left: -14px;
    padding: 0 14px;

    color: #fff;
    font: 600 18px/38px ProximaNova;

    vertical-align: top;

    background: rgba(33,33,33,.8);
}

.objects .item .name{
    margin-bottom: 12px;

    font: 24px/26px ProximaNova;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical;

    color: #fff;
}
.objects .item .name a{
    color: #fff;

    text-decoration: none;
}
/*.objects .item .name a:hover{
    text-decoration: underline;
}
*/
.objects .item .name a{
    transition: all .2s
}
.objects .item .name a:hover{
    text-decoration: none;
    color: #00C1DA
}

.objects .item .desc{
    display: none;

    margin-bottom: 12px;

    color: #fff;
    font: 300 17px/25px ProximaNova;


}

.objects .item .company{
    font: 600 16px/24px ProximaNova;
}
.objects .item .company a{
    color: #00C1DA;

    text-decoration: none;
}
.objects .item .company a:hover{
    text-decoration: underline;
}

.objects .item .links a{
    display: inline-block;

    width: 24px;
    height: 24px;

    vertical-align: top;

    border-radius: 50%;

    transition: all .3s linear;
}
.objects .item .links a + a{
    margin-left: 7px;
}
.objects .item .links a.compare_link{
    background: #fff url(../images/ic_compare_link.png) 0 0 no-repeat;
}
.objects .item .links a.favorite_link{
    background: #fff url(../images/ic_favorite_link.png) 0 0 no-repeat;
}

.objects .item .links a:hover,
.objects .item .links a.active{
    background-color: #00C1DA;
    background-position: 0 -24px;
}

.objects .item:hover{
    border: none;
}
.objects .item:hover .info .box{
    /*width: 330px;*/
    width: 100%;
    height: 400px;
    padding: 25px 45px;

    vertical-align: middle;

    background: rgba(0,0,0,.6);
}
.objects .item:hover .desc{
    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    line-clamp: 9;
    box-orient: vertical;
}
.objects .item:hover img{
    -webkit-filter: blur(3px);
       -moz-filter: blur(3px);
            filter: blur(3px);
}
.objects .item:hover .price{
    background: #00C1DA;
}

.objects + .all{
    margin: 0 0 30px;
}


.objects_carousel{
    margin: 0 !important;
    padding: 30px 0 25px;

    border-top: 2px solid #f6f7f9;
}
.objects_carousel .block_title{
    margin-bottom: 15px;

    color: #212121;
    font: 26px/26px Intro;

    border-bottom: none;
}
.objects_carousel .block_title span{
    color: #eeeff1;
}

.objects_carousel .carousel{
    max-width: 1320px;
    width: calc(100% + 30px);
    margin-left: -15px;
}
.objects_carousel .carousel li{
    display: inline-block;

    list-style: none;

    vertical-align: top;
}


.object_info .block{
    margin-bottom: 30px;
}
.object_info .title{
    margin-bottom: 12px;

    color: #212121;
    font: 600 22px/22px ProximaNova;
}

.object_info .slider{
    position: relative;
}
.object_info .slider .bg{
    display: block;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;

    width: 100%;
    height: 100%;

    background: url(../images/bg_slider.png) 0 100% repeat-x;
}
.object_info .slider li{
    list-style: none;
}
.object_info .slider li img{
    display: block;

    width: 100%;
}

.object_info .slider .links{
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 100;
}
.object_info .slider .links a{
    display: inline-block;

    position: relative;

    width: 38px;
    height: 38px;

    vertical-align: top;

    border-radius: 50%;
    background: #fff;

    transition: background-color .2s linear;
}
.object_info .slider .links a + a{
    margin-left: 7px;
}
.object_info .slider .links a.compare_link:after{
    display: block;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;

    background: url(../images/ic_compare_link.png) 0 0 no-repeat;

    content: '';
    transition: background-position .2s linear;
}
.object_info .slider .links a.favorite_link:after{
    display: block;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;

    background: url(../images/ic_favorite_link.png) 0 0 no-repeat;

    content: '';
    transition: background-position .2s linear;
}

.object_info .slider .links a:hover,
.object_info .slider .links a.active{
    background-color: #00C1DA;
}

.object_info .slider .links a:hover:after,
.object_info .slider .links a.active:after{
    background-position: 0 -24px;
}

.object_info .description{
    color: #707070;
    font: 300 18px/32px ProximaNova;
}
.object_info .description p{
    margin-bottom: 20px;
}
.object_info .description p:last-child{
    margin-bottom: 0;
}
.object_info .description b{
    color: #212121; 
    font-weight: 400;
}

.object_info .features .line{
    display: inline-block;

    position: relative;

    width: 100%;

    color: #707070;
    font: 300 18px/32px ProximaNova;

    vertical-align: top;
}
.object_info .features .line + .line{
    margin-top: 10px;
}
.object_info .features .line:before{
    display: block;

    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 1px;

    background: #eeeff1;

    content: '';
}

.object_info .features .line > .left{
    position: relative;
    z-index: 2;

    padding-right: 12px;

    background: #fff;
}
.object_info .features .line > .right{
    position: relative;
    z-index: 2;

    padding-left: 12px;

    color: #212121;
    font-weight: 400;

    background: #fff;
}

.object_info .plans .items{
    margin-left: -20px;
}
.object_info .plans a{
    display: block;
    float: left;

    width: 306px;
    margin: 0 0 0 20px;
}
.object_info .plans a img{
    display: block;

    width: 100%;
}


.object_info .info{
    position: relative;

    margin-bottom: 30px;
    padding: 37px;

    background: #f6f7f9;
}
.object_info .info:before{
    display: block;

    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 40px;

    border: 20px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #eeeff1;
    border-left-color: #eeeff1;

    content: '';
}

.object_info .info .item{
    padding-bottom: 15px;

    color: #212121;
    font: 17px ProximaNova;
}
.object_info .info .item + .item{
    padding-top: 15px;

    border-top: 1px solid #eeeff1;
}
.object_info .info .item a{
    color: #212121;

    text-decoration: none;

    transition: color .2s linear;
}
.object_info .info .item a:hover{
    color: #00C1DA;

    text-decoration: underline;
}

.object_info .info .item .name{
    margin-bottom: 3px;

    color: #898993;
    font: 300 13px ProximaNova;
}

.object_info .info .item .price{
    font-size: 24px;
    line-height: 26px;
}

.object_info .info .order_link{
    display: block;

    width: 100%;
    height: 50px;
    margin-top: 15px;

    color: #fff;
    font: 700 14px/50px ProximaNova;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border-bottom: 2px solid #0126FF;
    border-radius: 4px;
    background: #00C1DA;

    transition: background .2s linear;
}
.object_info .info .order_link:hover{
    background: #0126FF;
}


.user_info{
    position: relative;

    margin-bottom: 30px;

    background: #f6f7f9;
}
.user_info:before{
    display: block;

    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 40px;

    border: 20px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #eeeff1;
    border-left-color: #eeeff1;

    content: '';
}

.user_info .block{
    padding: 35px 80px 35px 40px;
}
.user_info .block + .block{
    border-top: 2px solid #fff;
}

.user_info .title{
    margin-bottom: 12px;

    color: #898993;
    font: 600 15px/15px ProximaNova;
}

.user_info .foto{
    position: relative;
    z-index: 2;

    width: 190px;
    height: 190px;
}
.user_info .foto img{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;
}

.user_info .info{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-left: -190px;
    padding-left: 215px;

    color: #212121;
    font: 300 17px/25px ProximaNova;
}

.user_info .info .name{
    margin-bottom: 10px;

    color: #212121;
    font: 600 22px/40px ProximaNova;
}

.user_info .info a{
    color: #898993;

    text-decoration: none;

    transition: color .2s linear;
}
.user_info .info a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.user_info .info a:hover{
    color: #212121;
}
.user_info .info a:hover span{
    border-color: #e5e5e5;
}

.user_info .info .rating{
    margin-bottom: 15px;
    padding-left: 25px;

    background: url(../images/ic_rating.png) 0 50% no-repeat;
}

.user_info .info .reg_date{
    margin-bottom: 15px;
    padding-left: 25px;

    background: url(../images/ic_date.png) 0 50% no-repeat;
}

.user_info .info .comments{
    margin-bottom: 15px;
    padding-left: 25px;

    background: url(../images/ic_comments.png) 0 50% no-repeat;
}

.user_info .info .adres{
    padding-left: 25px;

    background: url(../images/ic_adres.png) 0 50% no-repeat;
}


.user_info .info .contacts{
    line-height: 30px;
}
.user_info .info .contacts .icon{
    float: left;
    overflow: hidden;

    position: relative;

    width: 30px;
    height: 30px;
    margin-right: 10px;

    border-radius: 50%;
    background: #eeeff1;

    transition: background .2s linear;
}
.user_info .info .contacts div + div{
    margin-top: 20px;
}

.user_info .info .contacts a.feedback_link .icon:after{
    display: block;

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../images/ic_user_feedback.png) 0 0 no-repeat;

    content: '';
    transition: background-position .3s linear;
}
.user_info .info .contacts a.freind_link .icon:after{
    display: block;

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../images/ic_user_friend.png) 0 0 no-repeat;

    content: '';
    transition: background-position .3s linear;
}
.user_info .info .contacts a.invite_link .icon:after{
    display: block;

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../images/ic_user_invite.png) 0 0 no-repeat;

    content: '';
    transition: background-position .3s linear;
}

.user_info .info .contacts a:hover .icon{
    background: #00C1DA;
}
.user_info .info .contacts a:hover .icon:after{
    background-position: 0 -30px;
}


.user_info .related_users{
    margin-top: 25px;
}
.user_info .related_users .items{
    margin-bottom: -10px; 
    margin-left: -19px;
}
.user_info .related_users .item{
    float: left;

    position: relative;

    width: 68px;
    margin-bottom: 10px;
    margin-left: 19px;
}
.user_info .related_users .item img{
    display: block;

    width: 100%;

    border-radius: 50%;
}

.user_info .related_users .item .info{
    display: none;

    position: absolute;
    top: 82px;
    left: 50%;
    z-index: 99;

    width: 152px;
    margin-left: -76px;
    padding: 12px 17px;

    border-radius: 4px;
    background: #323232;
}
.user_info .related_users .item .info:before{
    display: block;

    position: absolute;
    top: -20px;
    left: 50%;

    width: 20px;
    height: 20px;
    margin-left: -10px;

    border: 10px solid transparent;
    border-bottom-color: #323232;

    content: '';
}
.user_info .related_users .item:hover .info{
    display: block;
}

.user_info .related_users .item .name{
    margin-bottom: 5px;

    color: #fff;
    font: 600 16px ProximaNova;
}
.user_info .related_users .item .stats{
    padding-left: 24px;

    color: #888;
    font: 300 13px/21px ProximaNova;

    background: url(../images/ic_rating2.png) 0 30% no-repeat;
}

.user_info .related_users .item .comments{
    margin-bottom: 0;
    padding-left: 23px;

    color: #888;
    font: 300 13px/21px ProximaNova;

    background: url(../images/ic_comments2.png) 0 50% no-repeat;
}

.user_info .links{
    margin-bottom: -5px;
    margin-left: -10px;
}
.user_info .links a{
    display: inline-block;

    height: 38px;
    margin: 0 0 10px 10px;
    padding: 0 15px;

    color: #212121;
    font: 15px/34px ProximaNova;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    border: 2px solid #eeeff1;
    border-radius: 4px;
    background: #fff;

    transition: all .2s linear;
}
.user_info .links a:hover{
    color: #fff;

    border-color: #00C1DA;
    background: #00C1DA;
}


.user_tabs{
    margin-bottom: 30px;
}
.user_tabs .tabs{
    display: table;

    width: 100%;
}
.user_tabs .tabs li{
    display: table-cell;

    position: relative;
    position: relative;
    z-index: 2;

    width: 25%;
    height: 60px;

    list-style-type: none;

    font: 700 15px ProximaNova;

    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;

    background: #f6f7f9;

    cursor: pointer;
    transition: background .2s linear;
}
.user_tabs .tabs li + li{
    border-left: 2px solid #fff;
}

.user_tabs .tabs li a{
    color: #212121;

    text-decoration: none;

    transition: color .2s linear;
}
.user_tabs .tabs li a span{
    color: #a8a8a8;

    transition: color .2s linear;
}

.user_tabs .tabs li.active{
    background: #00C1DA;
}
.user_tabs .tabs li.active a,
.user_tabs .tabs li.active a span{
    color: #fff;
}

.user_tabs .tab_content{
    display: none;

    position: relative;
    z-index: 1;
}

.user_tabs .entry{
    position: relative;
    z-index: 1;

    padding: 26px 35px;

    border: 2px solid #f6f7f9;
}
.user_tabs .entry + .entry{
    margin-top: -2px;
}
.user_tabs .entry:hover{
    z-index: 2;

    border-color: #00C1DA;
}

.user_tabs .entry .cat{
    padding-left: 22px;

    color: #898993;
    font: 300 13px ProximaNova;

    background: url(../images/ic_cats.png) 0 20% no-repeat;
}
.user_tabs .entry .cat a{
    color: #898993;

    text-decoration: none;
}
.user_tabs .entry .cat a span{
    display: inline-block;

    line-height: 14px;

    vertical-align: middle;

    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.user_tabs .entry .cat a:hover{
    color: #212121;
}
.user_tabs .entry .cat a:hover span{
    border-color: #e5e5e5;
}

.user_tabs .entry .date{
    display: inline-block;

    margin-left: 21px;
    padding-left: 22px;

    color: #898993;
    font: 300 13px/16px ProximaNova;

    vertical-align: top;

    background: url(../images/ic_date.png) 0 50% no-repeat;
}

.user_tabs .entry .comments{
    display: inline-block;

    margin-left: 21px;
    padding-left: 25px;

    color: #898993;
    font: 300 13px/16px ProximaNova;

    vertical-align: top;

    background: url(../images/ic_comments.png) 0 50% no-repeat;
}

.user_tabs .entry .name{
    margin-top: 10px;
    margin-bottom: 12px;

    color: #212121;
    font: 22px/22px ProximaNova;
}
.user_tabs .entry .name a{
    color: #212121;

    text-decoration: none;
}
.user_tabs .entry .name a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.user_tabs .entry .name a:hover span{
    border-color: #e5e5e5;
}

.user_tabs .entry .desc{
    color: #707070;
    font: 300 17px/27px ProximaNova;
}

.user_tabs .all{
    margin-top: -2px;
}


.expert_page .expert_rating{
    height: 22px;
    margin-bottom: 25px;

    color: #d1d2d4;
    font: 700 15px/22px ProximaNova;

    text-transform: uppercase;
}
.expert_page .expert_rating b{
    margin-left: 12px;

    color: #212121;
}
.expert_page .expert_rating ul{
    display: inline-block;

    margin-left: 12px;

    vertical-align: top;
}
.expert_page .expert_rating li{
    display: inline-block;

    width: 19px;
    height: 18px;

    list-style: none;

    vertical-align: top;

    background: url(../images/ic_star.png) 0 0 no-repeat;
}
.expert_page .expert_rating li + li{
    margin-left: 3px;
}
.expert_page .expert_rating li.part{
    background-position: 0 -18px;
}
.expert_page .expert_rating li.active{
    background-position: 0 -36px;
}


.expert_page .expert_answers{
    height: 22px;
    margin-right: 25px;
    margin-bottom: 25px;

    color: #d1d2d4;
    font: 700 15px/22px ProximaNova;

    text-transform: uppercase;
}
.expert_page .expert_answers b{
    margin-left: 3px;

    color: #212121;
}


.expert_page .expert_info .col{
    width: 835px;
    margin-bottom: 30px;
}
.expert_page .expert_info .block + .block{
    margin-top: 20px;
}
.expert_page .expert_info .title{
    margin-bottom: 12px;

    color: #898993;
    font: 600 15px/15px ProximaNova;
}

.expert_page .expert_info .foto{
    position: relative;
    z-index: 2;

    width: 190px;
    height: 190px;
}
.expert_page .expert_info .foto img{
    display: block;

    width: 100%;

    border-radius: 50%;
}

.expert_page .expert_info .info{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-left: -190px;
    padding-left: 220px;

    color: #212121;
    font: 300 17px/27px ProximaNova;
}

.expert_page .expert_info .links{
    margin-bottom: -5px;
    margin-left: -10px;
}
.expert_page .expert_info .links a{
    display: inline-block;

    height: 38px;
    margin: 0 0 10px 10px;
    padding: 0 15px;

    color: #212121;
    font: 15px/34px ProximaNova;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    border: 2px solid #eeeff1;
    border-radius: 4px;
    background: #fff;

    transition: all .2s linear;
}
.expert_page .expert_info .links a:hover{
    color: #fff;

    border-color: #00C1DA;
    background: #00C1DA;
}


.expert_page .job{
    position: relative;

    width: 410px;
    margin-bottom: 30px;
    padding: 30px 35px;

    border: 2px solid #f6f7f9;
}
.expert_page .job .title{
    position: absolute;
    top: -6px;
    left: 25px;

    padding: 0 10px;

    color: #a8a8a8;
    font: 600 12px/12px ProximaNova;

    text-transform: uppercase;

    background: #fff;
}

.expert_page .job .logo{
    position: relative;
    z-index: 2;

    width: 115px;

    text-align: center;
}
.expert_page .job .logo img{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}

.expert_page .job .data{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-left: -115px;
    padding-left: 135px;
}

.expert_page .job .name{
    margin-bottom: 5px;

    color: #212121;
    font: 600 17px ProximaNova;
}
.expert_page .job .name a{
    color: #212121;

    text-decoration: none;
}
.expert_page .job .name a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.expert_page .job .name a:hover span{
    border-color: #e5e5e5;
}

.expert_page .job .rating{
    margin-bottom: 15px;

    color: #898993;
    font: 300 13px/14px ProximaNova;
}
.expert_page .job .rating b{
    color: #212121;
}
.expert_page .job .rating ul{
    display: inline-block;

    position: relative;
    top: -2px;

    margin-left: 10px;

    vertical-align: top;
}
.expert_page .job .rating li{
    display: inline-block;

    width: 12px;
    height: 12px;

    list-style: none;

    vertical-align: middle;

    background: url(../images/ic_star.png) 0 0 no-repeat;
    background-size: 12px 36px;
}
.expert_page .job .rating li + li{
    margin-left: 3px;
}
.expert_page .job .rating li.part{
    background-position: 0 -12px;
}
.expert_page .job .rating li.active{
    background-position: 0 -24px;
}

.expert_page .job .adres{
    margin-bottom: 12px;
    padding-left: 25px;

    color: #212121;
    font: 300 16px ProximaNova;

    background: url(../images/ic_adres.png) 0 3px no-repeat;
}

.expert_page .job .phone{
    padding-left: 25px;

    color: #212121;
    font: 300 16px ProximaNova;

    background: url(../images/ic_phone.png) 0 50% no-repeat;
}


.expert_reviews{
    padding: 30px 0 25px;

    border-top: 2px solid #f6f7f9;
}
.expert_reviews .block_title{
    margin-bottom: 25px;

    color: #212121;
    font: 26px/26px Intro;

    border-bottom: none;
}
.expert_reviews .block_title span{
    color: #eeeff1;
}

.expert_reviews .item{
    margin-bottom: 30px;
}
.expert_reviews .item + .item{
    padding-top: 30px; 

    border-top: 2px solid #f6f7f9;
}

.expert_reviews .item .foto{
    width: 80px;
}
.expert_reviews .item .foto img{
    display: block;

    width: 100%;

    border-radius: 50%;
}

.expert_reviews .item .info{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-left: -80px;
    padding-left: 110px;
}
.expert_reviews .item .cat{
    padding-left: 22px;

    color: #898993;
    font: 300 13px ProximaNova;

    background: url(../images/ic_cats.png) 0 20% no-repeat;
}
.expert_reviews .item .cat a{
    color: #898993;

    text-decoration: none;

    transition: color .2s linear;
}
.expert_reviews .item .cat a span{
    display: inline-block;

    line-height: 14px;

    vertical-align: middle;

    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.expert_reviews .item .cat a:hover{
    color: #212121;
}
.expert_reviews .item .cat a:hover span{
    border-color: #e5e5e5;
}

.expert_reviews .item .date{
    display: inline-block;

    margin-left: 21px;
    padding-left: 22px;

    color: #898993;
    font: 300 13px/16px ProximaNova;

    vertical-align: top;

    background: url(../images/ic_date.png) 0 50% no-repeat;
}

.expert_reviews .item .comments{
    display: inline-block;

    margin-left: 21px;
    padding-left: 25px;

    color: #898993;
    font: 300 13px/16px ProximaNova;

    vertical-align: top;

    background: url(../images/ic_comments.png) 0 50% no-repeat;
}

.expert_reviews .item .name{
    margin-top: 10px;
    margin-bottom: 15px;

    color: #212121;
    font: 22px/22px ProximaNova;
}
.expert_reviews .item .name a{
    color: #212121;

    text-decoration: none;
}
.expert_reviews .item .name a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.expert_reviews .item .name a:hover span{
    border-color: #e5e5e5;
}

.expert_reviews .item .desc{
    color: #707070;
    font: 300 17px/27px ProximaNova;
}
.expert_reviews .item .desc .title{
    margin-bottom: 5px;

    color: #00C1DA;
    font: 600 15px ProximaNova;
}


.services{
    margin-bottom: 30px;
}
.services .item{
    display: inline-block;

    width: 100%;
    margin-bottom: 30px;
    padding: 25px 25px 25px 0;

    vertical-align: top;

    border: 2px solid #f6f7f9;

    transition: border-color .2s linear;
}
.services .item:hover{
    border-color: #00C1DA;
}

.services .item .icon{
    position: relative;
    z-index: 2;

    width: 148px;
}
.services .item .icon div{
    overflow: hidden;

    width: 80px;
    height: 80px;
    margin: 5px auto 0;
}
.services .item .icon div img{
    display: block;

    width: 100%;
}

.services .item .info{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-left: -148px;
    padding-left: 148px;
}

.services .item .name{
    margin-bottom: 5px;

    color: #212121;
    font: 600 22px/28px ProximaNova;
}
.services .item .name a{
    color: #212121;

    text-decoration: none;
}
.services .item .name a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
.services .item .name a:hover span{
    border-color: #e5e5e5;
}

.services .item .add_favorite{
    display: block;

    margin-left: 21px;
    padding-left: 22px;

    color: #898993;
    font: 300 15px/28px ProximaNova;

    text-decoration: none;

    opacity: 0;
    background: url(../images/ic_favorite.png) 0 55% no-repeat;

    transition: opacity .2s linear;
}
.services .item .add_favorite span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}

.services .item .add_favorite:hover{
    color: #212121;
}
.services .item .add_favorite:hover span{
    border-color: #e5e5e5;
}
.services .item:hover .add_favorite{
    opacity: 1;
}

.services .item .favorite.active{
    position: relative;

    width: 28px;
    height: 28px;
    margin-left: 15px;

    border-radius: 50%;
    background: #00C1DA;
}
.services .item .favorite.active:before{
    display: block;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;

    background: url(../images/ic_favorite_link.png) 0 -24px;

    content: '';
}

.services .item .suggestions{
    color: #00C1DA;
    font: 600 16px/28px ProximaNova;
}

.services .item .desc{
    clear: both;

    color: #707070;
    font: 300 16px/24px ProximaNova;
}


.service_info{
    margin-bottom: 30px;
}
.service_info .head{
    display: inline-block;

    position: relative;

    width: 100%;
    padding: 25px 25px 25px 0;

    vertical-align: top;

    background: #f6f7f9;
}
.service_info .head:before{
    display: block;

    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 40px;

    border: 20px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #eeeff1;
    border-left-color: #eeeff1;

    content: '';
}

.service_info .head .icon{
    position: relative;
    z-index: 2;

    width: 148px;
}
.service_info .head .icon div{
    overflow: hidden;

    width: 80px;
    height: 80px;
    margin: 5px auto 0;
}
.service_info .head .icon div img{
    display: block;

    width: 100%;
}

.service_info .head .info{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-left: -148px;
    padding-left: 148px;
}

.service_info .head .name{
    margin-bottom: 5px;

    color: #212121;
    font: 600 22px/28px ProximaNova;
}

.service_info .head .add_favorite{
    display: block;

    margin-left: 21px;
    padding-left: 22px;

    color: #898993;
    font: 300 15px/28px ProximaNova;

    text-decoration: none;

    background: url(../images/ic_favorite.png) 0 55% no-repeat;
}
.service_info .head .add_favorite span{
    border-bottom: 1px solid transparent;
}

.service_info .head .add_favorite:hover{
    color: #212121;
}
.service_info .head .add_favorite:hover span{
    border-color: #e5e5e5;
}

.service_info .head .favorite.active{
    position: relative;

    width: 28px;
    height: 28px;
    margin-left: 15px;

    border-radius: 50%;
    background: #00C1DA;
}
.service_info .head .favorite.active:before{
    display: block;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;

    background: url(../images/ic_favorite_link.png) 0 -24px;

    content: '';
}

.service_info .head .desc{
    clear: both;

    color: #707070;
    font: 300 16px/24px ProximaNova;
}

.service_info .suggestions{
    border-right: 2px solid #f6f7f9;
    border-left: 2px solid #f6f7f9;
}
.service_info .suggestions .item{
    display: inline-block;

    width: 100%;
    padding: 11px 11px 11px 35px;

    vertical-align: top;

    transition: background .2s linear;
}
.service_info .suggestions .item + .item{
    border-top: 2px solid #f6f7f9;
}
.service_info .suggestions .item:hover{
    background: #f6f7f9;
}

.service_info .suggestions .item .name{
    color: #212121;
    font: 600 18px/50px ProximaNova;
}
.service_info .suggestions .item .name a{
    color: #212121;

    text-decoration: none;
}
.service_info .suggestions .item .name a:hover{
    color: #00C1DA;

    text-decoration: underline;
}

.service_info .suggestions .rating{
    height: 50px;

    color: #d1d2d4;
    font: 700 15px/50px ProximaNova;

    text-transform: uppercase;
}
.service_info .suggestions .rating span{
    display: none;
}
.service_info .suggestions .item:hover .rating span{
    display: inline-block;
}
.service_info .suggestions .rating b{
    margin-left: 12px;

    color: #212121;
}
.service_info .suggestions .rating ul{
    display: inline-block;

    margin-left: 12px;

    vertical-align: top;
}
.service_info .suggestions .rating li{
    display: inline-block;

    position: relative;
    top: -2px;

    width: 19px;
    height: 18px;

    list-style: none;

    vertical-align: middle;

    background: url(../images/ic_star.png) 0 0 no-repeat;
}
.service_info .suggestions .rating li + li{
    margin-left: 3px;
}
.service_info .suggestions .rating li.part{
    background-position: 0 -18px;
}
.service_info .suggestions .rating li.active{
    background-position: 0 -36px;
}

.service_info .suggestions .order_link{
    display: none;

    width: 190px;
    height: 50px;
    margin-left: 27px;

    color: #fff;
    font: 700 14px/50px ProximaNova;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border-bottom: 2px solid #0126FF;
    border-radius: 4px;
    background: #00C1DA;

    transition: background .2s linear;
}
.service_info .suggestions .order_link:hover{
    background: #0126FF;
}
.service_info .suggestions .item:hover .order_link{
    display: block;
}


.iframe_video,
.map_wrap{
    position: relative;
}
.iframe_video:before,
.map_wrap:before{
    content: '';
    display: block;
    padding-top: 56.272%;
}
.iframe_video iframe,
.map_wrap iframe{
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
}
.map_wrap{
    cursor: help;
    overflow: hidden;
}
.map_title {
    position: absolute;
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px;
    display: none;
    padding: 5px 20px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    font: 600 20px/22px ProximaNova;
}

/*.video_section,*/
.map_section,
.callback_section{
    padding-bottom: 30px;
    padding-top: 30px;
}
.callback_section{
    /*padding-bottom: 30px;*/
    /*margin-top: 30px;*/
    border-top: 2px solid #f6f7f9;
}

/* End Стили основного блока сайта */

/*=============================*/


header + div,
header + section{
    padding-top: 0 !important;
    border-top: none !important;
}


/* Стили подвала сайта */
.bottom_links{
    padding: 35px 0 30px;

    border-top: 2px solid #f6f7f9;
    background: #fcfdfd;
}

.bottom_links .items{
    margin-bottom: -18px; 

    text-align: justify;
}
.bottom_links .items:after{
    display: inline-block;

    width: 100%;

    content: '';
}
.bottom_links .col{
    display: inline-block;

    max-width: 185px;

    vertical-align: top;
}
.bottom_links .col .title{
    margin-bottom: 20px;

    color: #212121;
    font: 600 22px/22px ProximaNova;
}

.bottom_links .col li{
    list-style: none;

    font: 300 15px ProximaNova;
}
.bottom_links .col li + li{
    margin-top: 12px;
}
.bottom_links .col li a{
    color: #898993;

    text-decoration: none;

    transition: color .2s linear;
}
.bottom_links .col li a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}

.bottom_links .col li a:hover{
    color: #212121;
}
.bottom_links .col li a:hover span{
    border-color: #e5e5e5;
}


footer{
    padding: 35px 0 40px;

    text-align: center;

    border-top: 2px solid #f6f7f9;
    background: #fafbfc;
}

footer .cont{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .logo{
    min-width: 330px;
}

footer .logo img{
    display: block;
}

footer .logo > a:first-child{
    display: table;
}


footer .menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
    padding: 9px 0;

    vertical-align: top;

    text-align: right;
    margin-right: -20px;
}
footer .menu li{
    display: inline-block;

    position: relative;

    padding: 10px 20px;
    margin: 0;

    list-style: none;

    color: #898993;
    font: 300 15px/20px ProximaNova;

    vertical-align: top;

}
/*footer .menu li:last-child{
    padding-right: 0;
}*/
footer .menu li + li:before{
    display: block;

    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 12px;
    margin-top: -6px;

    background: #d1d1d9;

    /*content: '';*/
}
/*
footer .menu li:nth-child(4):before{
    display: none;
}*/

footer .menu li a{
    color: #898993;

    text-decoration: none;

    transition: color .2s linear;
}
footer .menu li a span{
    border-bottom: 1px solid transparent;

    transition: border-color .2s linear;
}
footer .menu li.active{
    cursor: default;
}
footer .menu li a:hover,
footer .menu li,
footer .menu li .active{
    color: #212121;
}
footer .menu li a:hover span{
    border-color: #e5e5e5;
}


footer .creator{
    padding: 9px 0;
}
footer .creator a{
    display: inline-block;

    padding-right: 130px;

    color: #898993;
    font: 300 13px/18px ProximaNova;

    text-align: right;
    vertical-align: middle;
    text-decoration: none;

    background: url(../images/creator_logo.png) 100% 50% no-repeat;
}
/* End Стили подвала сайта */

/*=============================*/

.bx-wrapper .bx-pager{
    position: relative;
    top: auto;
    right: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bx-wrapper .bx-controls-direction a.bx-prev{
    right: auto;
    left: 0;
    top: 0;
}
.bx-wrapper .bx-controls-direction a.bx-next{
    right: 0;
    top: 0;
}
.carousel .bx-controls{
    position: absolute;
    top: -46px;
    right: 0;
    z-index: 99;
    min-height: 18px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    justify-content: center;
}

.news .bx-wrapper .bx-pager, .reviews .bx-wrapper .bx-pager{
    top: auto;
}

.objects_carousel .bx-controls{
    right: 15px;
    top: -36px;
}

@media (max-width: 1500px) {
    .wrap{
        margin:10px auto;
        min-height: calc(100vh - 20px);
        width: calc(100% - 20px);
    }

    
}
/*end 1500*/
@media (max-width: 1300px) {
    /*.objects_section .objects .item{
        width: 33.333%;
    }*/

    header .menu li{
        font: 700 14px/18px ProximaNova;
    }
}
/*end 1300*/

@media (max-width: 1250px) {
    header{
        padding: 40px 0 30px;
    }
    header .menu li{
        min-width: 240px;
        width: 240px;
        padding: 10px 15px;
        background: #F6F7F9;
        border-left: 2px solid #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        /*font: 700 14px/18px ProximaNova;*/
    }
    header .menu li:first-child{
        border-left: none;
    }
    header .menu{
        overflow: auto;
        margin-bottom: -10px;
        margin-left: -20px;
        width: calc(100% + 40px);
    }

    footer{
        padding: 25px 0 30px;
    }

    .page_title{
        margin-bottom: 25px;
    }
}
/*end 1250*/

@media (max-width: 1000px) {
    header .menu li{
        min-width: 235px;
        width: 235px;
        font: 700 14px/18px ProximaNova;
    }

    header .logo{
        font: 20px/22px Intro;
        /*width: 358px;
        padding-left: 165px;*/
        /*padding-top: 26px;*/
        background-size: auto 100%;
        min-height: 80px
        width: 392px;
        padding-left: 110px;
    }

    .about_site__headline,
    .page_title{
        font: 23px/24px Intro;
    }



    .block_title{
        font: 23px/24px Intro !important;
    }

    .about_site__text{
        font: 19px/22px ProximaNova;
    }



    footer .menu li{
        padding: 6px 20px
    }

    .reviews .list > ul > li{
        width: 100%;
    }

    .objects_section .objects .item{
        width: 33.333%;
    }

    .articles.articles_list .items .item{
        width: calc(33.333% - 30px);
    }

   .objects_section  .objects .item .info .box{
    padding: 24px
   }
}
/*end 1000*/
@media (max-width: 760px) {
    footer .cont{
        flex-direction: column-reverse;
    }
    footer .menu{
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: auto;
        justify-content: center;
        padding-bottom: 24px;
        padding-top: 0;
    }
    footer .menu li{
        text-align: center;
    }
    footer .logo{
        min-width: 0;
        text-align: center;
    }
    footer .logo img{
        margin:0 auto;
    }
    footer .logo > a:first-child{
        margin:0 auto;
    }

    .copy{
        text-align: center;
    }

    .form_field__item--submit{
        min-width: 116px
    }
    .form_field__item{
        padding: 0 5px
    }
    .form_field {
        width: calc(100% + 10px);
        margin-left: -5px;
    }
    .text_field{
        padding: 0 10px;
    }

    .bx-wrapper{
        display: flex;
        flex-direction: column;
    }
    .carousel .bx-controls{
        position: relative;
        top: auto;
        margin: 16px auto 0;
        display: inline-flex;
        width: 100%;
    }
    .objects_carousel .carousel .bx-controls{
        margin-top: 0px;
    }

    .articles.articles_list .items .item{
        width: calc(50% - 30px);
    }

    .objects_carousel .bx-controls{
        width: calc( 100% - 30px);
        left: 0
    }

    .objects_section .objects .item{
        width: 50%;
    }
}
/*end 760*/

@media (max-width: 660px) {
    
    .objects .item:hover .info .box{
        padding: 25px 30px;
    }
    .objects .item .info .box{
        padding:  25px 20px;
    }

    header .logo {
        font: 18px/20px Intro;
/*        width: 315px;
        padding-left: 142px;*/
        background-size: auto 92%;
        min-height: 80px;
        background-position: 0;

            width: 348px;
    padding-left: 92px;
    }

}
/*end 660*/

@media (max-width: 540px) {
    .form_field{
        flex-wrap: wrap;
    }
    .form_field__item{
        padding-bottom: 10px;
    }
    .form_field__item:last-child{
        padding-bottom: 0;
    }
    .form_field__item--submit{
        width: 100%;
    }

    /*.company_page .company_info .logo{
        width: 80px;
        height: 80px;
        line-height: 76px;
    }
    .company_page .company_info .info{
        margin-left: -80px;
        padding-left: 100px;
    }*/

    .company_page .company_info .logo{
        width: 100%;
        height: 140px;
        line-height: 136px;
        margin-bottom: 20px;
    }
    .company_page .company_info .info{
        margin-left: 0;
        padding-left: 0;
    }

    .reviews .item{
        padding: 25px;
    }
    .reviews .item .info{
        margin-left: 0px;
        padding-left: 0px;
    }
    .reviews .item .foto{
        margin-bottom: 10px;
    }

    .articles.articles_list .items .item{
        width: calc(100% - 30px);
    }

    .objects_section .objects .item{
        width: 100%;
    }
}
/*540*/

@media (max-width: 420px) {
/*    header .logo {
        font: 18px/20px Intro;
        width: 315px;
        padding-left: 142px;
        background-size: auto 92%;
        min-height: 80px;
        background-position: 0;
    }*/
    .cont{
        padding: 0 16px;
    }
    .about_site__headline, .page_title {
        font: 22px/24px Intro;
    }
    .block_title{
        font: 22px/24px Intro !important;
    }
    .about_site__text {
        font: 18px/22px ProximaNova;
    }

    /*.company_page .company_info .logo{
        width: 60px;
        height: 60px;
        line-height: 56px;
    }
    .company_page .company_info .info{
        margin-left: -60px;
        padding-left: 70px;
    }*/
    
    .reviews .item{
        padding: 20px;
    }

    header .logo {
       font: 14px/18px Intro;
        background-size: auto 92%;
        min-height: 80px;
        background-position: 0;
        width: 290px;
        padding-left: 90px;
    }
}
/*420*/
@media (max-width: 370px) {
    header .logo{
        /*font: 16px/18px Intro;*/
        /*width: 266px;
        padding-left: 113px;*/
        font: 14px/18px Intro;
        padding-top: 20px;
        background-size: auto 78%;
        min-height: 70px;
        background-position: 0 78%;

            width: 266px;
    padding-left: 70px;
    }
    header {
        padding: 30px 0 30px;
    }

    header .menu li{
        min-width: 230px;
        width: 230px;
        font: 700 13px/16px ProximaNova;
    }


}
/*end 370*/