@font-face {
    font-family: 'OranienbaumRegular';
    src: url('../files/fonts/OranienbaumRegular.eot');
    src: url('../files/fonts/OranienbaumRegular.eot') format('embedded-opentype'),
         url('../files/fonts/OranienbaumRegular.woff') format('woff'),
         url('../files/fonts/OranienbaumRegular.ttf') format('truetype'),
         url('../files/fonts/OranienbaumRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans';
    src: url('../files/fonts/PTSans.eot');
    src: url('../files/fonts/PTSans.eot') format('embedded-opentype'),
    url('../files/fonts/PTSans.woff') format('woff'),
    url('../files/fonts/PTSans.ttf') format('truetype'),
    url('../files/fonts/PTSans.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

*, a:focus {
	outline: none;
}
img {
	display:block;
}
a {
	color: inherit;
}
a:hover {
	text-decoration: none;
}
.mobile * {
	-webkit-backface-visibility: hidden;
}
h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 110%;
}
ul, ol {
	padding-left: 20px;
}
.jspPane>div>*:first-child {
	margin-top: 0;
}
html {
	width: 100%;
	height: 100%;
}
body {
	font-family: 'PTSans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	position: relative;
	background: #A99763;
	color: #ffffff;
	min-width: 1250px;
	min-height: 650px;
	width: 100%;
	height: 100%;
}
.test {
	border: 1px solid #F00;
}
.upper {
	text-transform: uppercase;
}
.z-1 {
	z-index: 1;
}
.events-none {
	pointer-events: none;
}
.css_ani {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#body_frame, #centrer1, #centrer2, .bg_img, .load_frame, .scroll_frame, #bg_video, #preloader_frame, .rotate_help_frame, .pano_place.off:after, .map_place, .popup_overlay, .plans_map_cont, .plans_map, .floor_frame, .floor_map_cont, .floor_map, .apart_img, .korp_det_val, .div_100, .to_drag {
	position:absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
#body_frame, .load_frame {
	overflow: hidden;
}
#bg_video {
	display: none;
}
#bg_video, #bg_video>* {
	width: 100% !important;
	height: 100% !important;
}
#preloader_frame, #svg_preloader_frame {
	z-index: 10000;
	background: url('../i/blank.gif');
	display: none;
}
.preloader_img, #fancybox-loading {
	position: absolute;
	width: 31px;
	height: 31px;
	padding: 10px;
	margin: -26px;
	top: 50%;
	left: 50%;
	border-radius: 5px;
    background: #A99763 url('/assets/i/ajax-loader.gif') no-repeat center center;
}
.preloader_img {
	background-image: none;
}
.popup_overlay, .fancybox-default-overlay, .gallery_popup_frame {
	background-color: rgba(10, 5, 0, 0.81);
}
.popup_overlay, .gallery_popup_frame {
	display: none;
	z-index: 8010;
}
.v-align {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    white-space: nowrap;
    font-size: 0;
}
.v-align_gallery {
    top: -164px;
}
.v-align>div, .center>.jspContainer .jspPane>div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
    white-space: normal;
}
.v-align:before, .center>.jspContainer .jspPane:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.center>.jspContainer .jspPane {
    height: 100%;
}
.jspScrollable.center .jspPane {
    height: auto;
}
.shadow {
	position: absolute;
	width: 100%;
	height: 234px;
	bottom: 0;
	background: url('../i/bottom_shadow.png') repeat-x;
	left: 0;
}

.top-shadow {
    position: absolute;
    width: 100%;
    height: 234px;
    top: 0;
    left: 0;
    background: url('../i/top_shadow.png');
}

.left-shadow {
    position: absolute;
    width: 300px;
    height: 100%;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(10, 5, 0, 0.55) 0%, rgba(10, 5, 0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(10, 5, 0, 0.55) 0%,rgba(10, 5, 0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(10, 5, 0,0.55) 0%,rgba(10, 5, 0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

#centrer1 .page404_frame {
	background: #fff;
}
.page404_frame h1 {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -30px;
	font-size: 25px;
	line-height: 30px;
	color: #000;
}
.rotate_help_frame {
	z-index: 50000;
	background: url('../i/px080.png');
	cursor: pointer;
	display: none;
}
.rotate_help {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -300px;
}
.close_btn, a.fancybox-close {
	position: absolute;
	width: 36px;
	height: 36px;
	top: 10%;
	right: 3%;
	margin: -40px -25px 0 0;
	z-index: 1;
	cursor: pointer;
	background: url('../i/sprite.png?v6') -405px -193px;
}

.search_bg .close_btn {
    top: 40px;
    margin-top: 0;
}

.pano_close {
    top: 35px;
    right: 35px;
    margin: 0;
}

.page-close {
    top: 48px;
    right: 5%;
    margin: 0;
}

.close_btn.dark {
    background-position: -405px -244px;
}

.small_close {
	width: 33px;
	height: 33px;
	background-position: -824px -5px;
}
.open_feedback {
	margin-top: 40px;
	cursor: pointer;
}
.open_feedback+.open_feedback {
	margin-top: 10px;
}

.video_popup_center {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video_close {
	margin: 0;
	top: -70px;
	right: -70px;
}

.blur {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation='3'/></filter></svg>#blur");
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3);
}

.brown-overlay, .dark-brown-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(93, 75, 22, 0.20);
}

.dark-brown-overlay {
    background-color: rgba(60, 49, 0, 0.4);
}

.left-border {
    position: absolute;
    width: 86px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #A99763;
}

.left-border.grey {
    background-color: #4E4E46;
}

.horizontal-line-block {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.horizontal-line-block:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 86px;
    left: 0;
    background-color: #A99763;
}

.horizontal-line-block.dir1 {
    padding-top: 86px;
}

.horizontal-line-block.dir-1:after {
    bottom: 0;
}

.horizontal-line-block.dir1:after {
    bottom: 100%;
}

.logo {
    position: absolute;
    width: 203px;
    height: 147px;
    top: 25px;
    left: 50%;
    z-index: 20;
    margin-left: -101px;
    background: url('../i/sprite.png?v6') -53px -5px;
    /*-webkit-transition: -webkit-transform .5s ease-in-out, opacity .5s ease-in-out;*/
    /*-moz-transition: -moz-transform .5s ease-in-out, opacity .5s ease-in-out;*/
    /*-ms-transition: -ms-transform .5s ease-in-out, opacity .5s ease-in-out;*/
    /*-o-transition: -o-transform .5s ease-in-out, opacity .5s ease-in-out;*/
    /*transition: transform .5s ease-in-out, opacity .5s ease-in-out;*/
    -webkit-transition: margin-left .5s ease-in-out, left .5s ease-in-out;
    -moz-transition: margin-left .5s ease-in-out, left .5s ease-in-out;
    -ms-transition: margin-left .5s ease-in-out, left .5s ease-in-out;
    -o-transition: margin-left .5s ease-in-out, left .5s ease-in-out;
    transition: margin-left .5s ease-in-out, left .5s ease-in-out;
}

.logo.dark {
    background-position: -53px -157px;
}

.page-content {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    /*-webkit-transition: -webkit-transform .5s ease-in-out, opacity .5s ease-in-out;*/
    /*-moz-transition: -moz-transform .5s ease-in-out, opacity .5s ease-in-out;*/
    /*-ms-transition: -ms-transform .5s ease-in-out, opacity .5s ease-in-out;*/
    /*-o-transition: -o-transform .5s ease-in-out, opacity .5s ease-in-out;*/
    /*transition: transform .5s ease-in-out, opacity .5s ease-in-out;*/
    -webkit-transition: right .5s ease-in-out;
    -moz-transition: right .5s ease-in-out;
    -ms-transition: right .5s ease-in-out;
    -o-transition: right .5s ease-in-out;
    transition: right .5s ease-in-out;
}

/*.x-500 {*/
    /*opacity: 0.3;*/
    /*-webkit-transform: translateX(-500px);*/
    /*-moz-transform: translateX(-500px);*/
    /*-ms-transform: translateX(-500px);*/
    /*-o-transform: translateX(-500px);*/
    /*transform: translateX(-500px);*/
/*}*/

.page-content.x-500 {
    right: 500px;
}

.logo.x-500 {
    margin-left: -350px
}
.logo.x-28p {
    left: 36%;
}

.under-construction {
    cursor: default !important;
}

.mobile .under-construction {
    cursor: pointer !important;
}

.under-construction__popup {
    display: none;
    position: absolute;
    width: 200px;
    z-index: 30;
    padding: 10px 0 10px;
    margin: -60px 0 0 -100px;
    background-color: #ffffff;
    border: 1px solid #3C3100;
    font-size: 18px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-align: center;
    color: #3C3100;
}

.under-construction__popup:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 16px;
    top: 100%;
    left: 50%;
    margin: -8px 0 0 -8px;
    background: url('../i/sprite.png?v6') -618px -104px;
}

.webcam_btn_frame {
    text-align: center;
}

.webcam_btn_frame>div {
    display: inline-block;
    background: #000;
    padding: 6px 12px;
    cursor: pointer;
    text-decoration: underline;
}

.webcam_btn_frame>div.active {
    cursor: default;
}

.webcam_btn_frame>div.active, .webcam_btn_frame>div:hover {
    text-decoration: none;
}

/* МЕНЮ */

.menu__button {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 40px;
    left: 18px;
    z-index: 22;
    cursor: pointer;
    /*background-color: rgba(0, 0, 0, 0.5);*/
}

.menu__button-help, .menu__button-help2 {
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50px;
    margin-top: -13px;
    padding-left: 10px;
    opacity: 0;
    font-size: 15px;
    line-height: 0.9em;
    color: #ffffff;
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu__button-help2 {
    visibility: visible;
    width: 100%;
    top: auto;
    bottom: 100%;
    left: 0;
    margin: 0;
    padding: 0 0 6px 0;
    opacity: 1;
    text-align: center;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.complete-dark .menu__button-help, .complete-dark .menu__button-help2 {
    color: #3c3100;
}

.menu__button.active .menu__button-help {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.menu__button.active .menu__button-help2 {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, -8px);
    -moz-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

/*.menu__button-icon-1 {*/
    /*position: absolute;*/
    /*width: 48px;*/
    /*height: 29px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin: -15px 0 0 -24px;*/
    /*-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;*/
    /*-moz-transition: opacity .3s ease-in-out, -moz-transform .3s ease-in-out;*/
    /*-ms-transition: opacity .3s ease-in-out, -ms-transform .3s ease-in-out;*/
    /*-o-transition: opacity .3s ease-in-out, -o-transform .3s ease-in-out;*/
    /*transition: opacity .3s ease-in-out, transform .3s ease-in-out;*/
/*}*/

/*.menu__button.active .menu__button-icon-1 {*/
    /*opacity: 0.5;*/
    /*-webkit-transform: rotate(-45deg);*/
    /*-moz-transform: rotate(-45deg);*/
    /*-ms-transform: rotate(-45deg);*/
    /*-o-transform: rotate(-45deg);*/
    /*transform: rotate(-45deg);*/
/*}*/

/*.menu__button-icon-1:before, .menu__button-icon-1:after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*width: 48px;*/
    /*height: 1px;*/
    /*left: 0;*/
    /*background-color: #ffffff;*/
    /*-webkit-transition: -webkit-transform .3s ease-in-out;*/
    /*-moz-transition: -moz-transform .3s ease-in-out;*/
    /*-ms-transition: -ms-transform .3s ease-in-out;*/
    /*-o-transition: -o-transform .3s ease-in-out;*/
    /*transition: transform .3s ease-in-out;*/
/*}*/

/*.complete-dark .menu__button-icon-1:before, .complete-dark .menu__button-icon-1:after {*/
    /*background-color: #3c3100;*/
/*}*/

/*.menu__button-icon-1:before {*/
    /*top: 0;*/
/*}*/

/*.menu__button.active .menu__button-icon-1:before {*/
    /*-webkit-transform: translateY(11px);*/
    /*-moz-transform: translateY(11px);*/
    /*-ms-transform: translateY(11px);*/
    /*-o-transform: translateY(11px);*/
    /*transform: translateY(11px);*/
/*}*/

/*.menu__button-icon-1:after {*/
    /*bottom: 0;*/
/*}*/

/*.menu__button.active .menu__button-icon-1:after {*/
    /*-webkit-transform: translateY(-11px);*/
    /*-moz-transform: translateY(-11px);*/
    /*-ms-transform: translateY(-11px);*/
    /*-o-transform: translateY(-11px);*/
    /*transform: translateY(-11px);*/
/*}*/

.menu__button-icon-2 {
    position: absolute;
    width: 48px;
    height: 3px;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -24px;
    background-color: #ffffff;
    -webkit-transition: background-color .1s .4s;
    -moz-transition: background-color .1s .4s;
    -ms-transition: background-color .1s .4s;
    -o-transition: background-color .1s .4s;
    transition: background-color .1s .4s;
}


.menu__button-icon-2:before, .menu__button-icon-2:after {
    content: '';
    position: absolute;
    width: 48px;
    height: 3px;
    left: 0;
    background-color: #ffffff;
}


.complete-dark .menu__button-icon-2, .complete-dark .menu__button-icon-2:before, .complete-dark .menu__button-icon-2:after {
    background-color: #3c3100;
}

.menu__button-icon-2:before {
    top: -13px;
    -webkit-transition: top .4s ease-in-out .5s, -webkit-transform .4s ease-in-out;
    -moz-transition: top .4s ease-in-out .5s, -moz-transform .4s ease-in-out;
    -ms-transition: top .4s ease-in-out .5s, -ms-transform .4s ease-in-out;
    -o-transition: top .4s ease-in-out .5s, -o-transform .4s ease-in-out;
    transition: top .4s ease-in-out .5s, transform .4s ease-in-out;
}

.menu__button-icon-2:after {
    bottom: -13px;
    -webkit-transition: bottom .4s ease-in-out .5s, -webkit-transform .4s ease-in-out;
    -moz-transition: bottom .4s ease-in-out .5s, -moz-transform .4s ease-in-out;
    -ms-transition: bottom .4s ease-in-out .5s, -ms-transform .4s ease-in-out;
    -o-transition: bottom .4s ease-in-out .5s, -o-transform .4s ease-in-out;
    transition: bottom .4s ease-in-out .5s, transform .4s ease-in-out;
}

.menu__button.active .menu__button-icon-2 {
    background-color: rgba(255, 255, 255, 0);
}

.menu__button.active .menu__button-icon-2:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top .4s ease-in-out, -webkit-transform .4s ease-in-out .5s;
    -moz-transition: top .4s ease-in-out, -moz-transform .4s ease-in-out .5s;
    -ms-transition: top .4s ease-in-out, -ms-transform .4s ease-in-out .5s;
    -o-transition: top .4s ease-in-out, -o-transform .4s ease-in-out .5s;
    transition: top .4s ease-in-out, transform .4s ease-in-out .5s;
}
.menu__button.active .menu__button-icon-2:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom .4s ease-in-out, -webkit-transform .4s ease-in-out .5s;
    -moz-transition: bottom .4s ease-in-out, -moz-transform .4s ease-in-out .5s;
    -ms-transition: bottom .4s ease-in-out, -ms-transform .4s ease-in-out .5s;
    -o-transition: bottom .4s ease-in-out, -o-transform .4s ease-in-out .5s;
    transition: bottom .4s ease-in-out, transform .4s ease-in-out .5s;
}

.menu__frame {
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    z-index: 21;
    opacity: 0;
    background-color: #A99763;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: visibility .5s ease-in-out, top .5s ease-in-out, opacity .5s ease-in-out;
    -moz-transition: visibility .5s ease-in-out, top .5s ease-in-out, opacity .5s ease-in-out;
    -ms-transition: visibility .5s ease-in-out, top .5s ease-in-out, opacity .5s ease-in-out;
    -o-transition: visibility .5s ease-in-out, top .5s ease-in-out, opacity .5s ease-in-out;
    transition: visibility .5s ease-in-out, top .5s ease-in-out, opacity .5s ease-in-out;
}

.menu__frame.opened {
    visibility: visible;
    top: 0;
    opacity: 1;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.menu__title {
    position: absolute;
    width: 400px;
    top: 35px;
    left: 50%;
    margin-left: -200px;
    font-size: 75px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-align: center;
    text-transform: uppercase;
    line-height: 0.95em;
    color: #ffffff;
}

.menu__title:after {
    content: '';
    display: block;
    width: 193px;
    height: 27px;
    margin: 13px auto 0;
    background: url('../i/sprite.png?v6') -261px -5px;
}

.menu__list {
    position: absolute;
    top: 120px;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0;
    white-space: nowrap;
}

.menu__list:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.menu__center {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle;
}

.menu__item {
    position: relative;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    color: #3c3100;
}

.menu__link {
    display: block;
    padding: 15px 0;
    font-size: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.menu__item:hover {
    background-color: #BAAA7B;
}

.menu__link.active {
    background-color: #C5B689 !important;
}

.menu__link>span {
    position: relative;
}

.menu__link.active>span:before, .menu__link.active>span:after {
    content: '';
    position: absolute;
    width: 64px;
    height: 27px;
    top: 50%;
    margin-top: -15px;
    background: url('../i/sprite.png?v6');
}

.menu__link.active>span:before {
    left: -80px;
    background-position: -525px -5px;
}
.menu__link.active>span:after {
    right: -80px;
    background-position: -525px -37px;
}

.menu__submenu {
    visibility: hidden;
    position: relative;
    height: 0;
    overflow: hidden;
    opacity: 0;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: visibility .4s ease-in-out, height .4s ease-in-out, opacity .4s ease-in-out;
    -moz-transition: visibility .4s ease-in-out, height .4s ease-in-out, opacity .4s ease-in-out;
    -ms-transition: visibility .4s ease-in-out, height .4s ease-in-out, opacity .4s ease-in-out;
    -o-transition: visibility .4s ease-in-out, height .4s ease-in-out, opacity .4s ease-in-out;
    transition: visibility .4s ease-in-out, height .4s ease-in-out, opacity .4s ease-in-out;
}

.menu__submenu-item {
    display: inline-block;
    position: relative;
    padding: 5px;
    vertical-align: top;
    font-size: 19px;
    text-decoration: none;
    text-transform: uppercase;
}

.menu__submenu-item.active {
    cursor: default;
    text-decoration: underline;
}

.menu__submenu-item:hover {
    text-decoration: underline;
}

.menu__item:hover .menu__submenu, .menu__link.active+.menu__submenu {
    visibility: visible;
    height: 40px;
    opacity: 1;
}

.menu__link.active+.menu__submenu {
    background-color: #C5B689;
}

.menu__submenu-item+.menu__submenu-item {
    margin-left: 50px;
}

.menu__submenu-item+.menu__submenu-item:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: -30px;
    margin-top: -6px;
    background-color: #3C3100;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}



.menu__left-line {
    position: absolute;
    width: 1px;
    height: 55%;
    top: 81px;
    left: 41px;
    z-index: 20;
    border-right: 1px dotted #ffffff;
    -webkit-transition: height .5s ease-in-out, opacity .5s ease-in-out;
    -moz-transition: height .5s ease-in-out, opacity .5s ease-in-out;
    -ms-transition: height .5s ease-in-out, opacity .5s ease-in-out;
    -o-transition: height .5s ease-in-out, opacity .5s ease-in-out;
    transition: height .5s ease-in-out, opacity .5s ease-in-out;
}

.menu__left-line.hidden {
    display: none;
}

.menu__left-line.short {
    height: 35%;
}

.complete-dark.menu__left-line {
    border-color: #3C3000;
}

.menu__left-line.folded {
    height: 1px;
    opacity: 0;
}

.menu__left-line-item {
    position: absolute;
    width: 15px;
    height: 15px;
    z-index: 1;
    margin: -7px 0 0 -7px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.menu__left-line-item.n7, .menu__left-line.short .menu__left-line-item.n2 {
    top: 100%;
}

.menu__left-line-item.n6, .menu__left-line.short .menu__left-line-item.n1 {
    top: 92%;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.menu__left-line-item.n5, .menu__left-line.short .menu__left-line-item.n0 {
    top: 84%;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.menu__left-line-item.n4 {
    top: 76%;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.menu__left-line-item.n3 {
    top: 68%;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.menu__left-line-item.n2 {
    top: 60%;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.menu__left-line-item.n1 {
    top: 52%;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.menu__left-line-item.n0 {
    top: 44%;
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -ms-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}

.menu__left-line>.menu__left-line-item.n0.top {
    top: 25%;
}
.menu__left-line>.menu__left-line-item.n1.top {
    top: 33%;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}
.menu__left-line>.menu__left-line-item.n2.top {
    top: 41%;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.menu__left-line.short .menu__left-line-item.n2.top {
    top: 100%;
}

.menu__left-line>.menu__left-line-item.n3.top {
    top: 49%;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.menu__left-line>.menu__left-line-item.n4.top {
    top: 57%;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.menu__left-line>.menu__left-line-item.n5.top {
    top: 65%;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.menu__left-line>.menu__left-line-item.n6.top {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.menu__left-line-item:before{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    background-color: #A99763;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.dark .menu__left-line-item:before,
.complete-dark .menu__left-line-item:before {
    background-color: #3C3100;
}

.menu__left-line-item.active:before {
    background-color: #ffffff;
    -webkit-transform: rotate(45deg) scale(1.25);
    -moz-transform: rotate(45deg) scale(1.25);
    -ms-transform: rotate(45deg) scale(1.25);
    -o-transform: rotate(45deg) scale(1.25);
    transform: rotate(45deg) scale(1.25);
}

.menu__left-line-item:hover:before {
    -webkit-transform: rotate(45deg) scale(1.15);
    -moz-transform: rotate(45deg) scale(1.15);
    -ms-transform: rotate(45deg) scale(1.15);
    -o-transform: rotate(45deg) scale(1.15);
    transform: rotate(45deg) scale(1.15);
}

.menu__left-line-item>div {
    visibility: hidden;
    position: absolute;
    height: 30px;
    top: 50%;
    left: 15px;
    margin-top: -15px;
    padding-left: 12px;
    opacity: 0;
    font-size: 0;
    text-align: left;
    white-space: nowrap;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu__left-line-item:hover>div, .home .menu__left-line-item>div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.menu__left-line-item>div:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.menu__left-line-item>div>span{
    background-color: #A99763;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    /*line-height: 0.9em;*/
    line-height: 22px;
    padding: 0 7px 0 3px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
}

.dark .menu__left-line-item>div>span,
.complete-dark .menu__left-line-item>div>span{
    background-color: #3c3100;
}

.home .menu__left-line-item>div>span{
    background-color: transparent;
}

.menu__left-line-item>div>span:before{
    border: 11px solid transparent;
    border-right-color: #A99763;
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
}

.dark .menu__left-line-item>div>span:before,
.complete-dark .menu__left-line-item>div>span:before{
    border-right-color: #3c3100;
}

.home .menu__left-line-item>div>span:before{
    border-color: transparent;
}

.menu__left-line-item.active>div>span,
.dark .menu__left-line-item.active>div>span{
    background-color: #fff;
    color: #3C3100;
}

.complete-dark .menu__left-line-item.active>div>span{
    background-color: #A99763;
    color: #fff;
}

.menu__left-line-item.active>div>span:before{
    border-right-color: #fff;
}

.complete-dark .menu__left-line-item.active>div>span:before{
    border-right-color: #A99763;
}

.complete-dark .menu__left-line-item.active:before{
    background-color: #A99763;
}

.home .menu__left-line-item.active>div>span{
    background-color: transparent;
    color: #fff;
}

.home .menu__left-line-item.active>div>span:before{
    border-right-color: transparent;
}

/*.complete-dark .menu__left-line-item>div>span {*/
    /*color: #3C3100;*/
/*}*/

.menu__link.inactive, .menu__submenu-item.inactive {
    color: rgba(60, 49, 0, 0.45);
}

/* конец МЕНЮ */

/* Указатели */

.pointer-bottom, .pointer-top {
    position: absolute;
    width: 40px;
    height: 46px;
    bottom: 3%;
    left: 50%;
    margin: 0 0 70px -20px;
    cursor: pointer;
    background: url('../i/sprite.png?v6') -5px -20px;
}

.pointer-bottom.cream {
    background-position: -261px -290px;
}


.pointer-top {
    background-position: -717px -290px;
}

.pointer-right {
    position: absolute;
    width: 52px;
    height: 46px;
    top: 50%;
    right: 2%;
    z-index: 1;
    margin: -23px 20px 0 0;
    background: url('../i/sprite.png?v6') -595px -5px;
}

.pointer-left {
    position: absolute;
    width: 52px;
    height: 46px;
    top: 50%;
    left: 2%;
    z-index: 1;
    margin-left: 50px;
    background: url('../i/sprite.png?v6') -780px -133px;
}

.prev-page, .plans_close {
    position: absolute;
    width: 75px;
    height: 149px;
    top: 50%;
    left: 0;
    z-index: 1;
    cursor: pointer;
    background: url('../i/sprite.png?v6') -835px -228px;
}

.plans_close {
    background-position: -124px -309px;
}

.prev-page>.pointer-left, .plans_close>.pointer-left {
    width: 45px;
    height: 40px;
    left: 15px;
    margin: -20px 0 0 0;
    background-position: -924px -244px;
}

/* конец Указатели */


/* ФУТЕР */

.footer {
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 20;
    font-size: 11px;
    text-transform: uppercase;
    color: #a99763;
}

.footer.cream{color: #EBE5C1;}
.footer.dark{color: #3C3100;}

.footer.cream:before{
    background-color: #A99763;
    bottom: 0;
    content: "";
    display: block;
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
}

.footer__offer {
    position: absolute;
    width: 100%;
    bottom: 3px;
    opacity: 0.6;
    font-size: 11px;
    text-align: center;
    text-transform: none;
    color: #FFFFFF;
}

.footer__left, .footer__right, .footer__center {
    position: absolute;
    height: 32px;
    bottom: 22px;
    white-space: nowrap;
}

.footer__left {
    left: 110px;
    -webkit-transition: left .5s ease-in-out .5s;
    -moz-transition: left .5s ease-in-out .5s;
    -ms-transition: left .5s ease-in-out .5s;
    -o-transition: left .5s ease-in-out .5s;
    transition: left .5s ease-in-out .5s;
}

.footer__right {
    right: 24px;
    -webkit-transition: right .5s ease-in-out;
    -moz-transition: right .5s ease-in-out;
    -ms-transition: right .5s ease-in-out;
    -o-transition: right .5s ease-in-out;
    transition: right .5s ease-in-out;
}

.footer__center {
    bottom: 30px;
    left: 50%;
    margin-left: -122px;
}

.footer__left:after, .footer__right:before, .footer__center:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.footer__social {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background: url('../i/sprite.png?v6?v1');
}

.footer__social+.footer__social {
    margin-left: 10px;
}

.footer__social.ig {
    background-position: -5px -72px;
}
.footer__social.tw {
    background-position: -5px -109px;
}
.footer__social.fb {
    background-position: -5px -146px;
}

.footer.cream .footer__social.ig{
    background-position: -5px -183px;
}
.footer.cream .footer__social.tw{
    background-position: -5px -220px;
}
.footer.cream .footer__social.fb{
    background-position: -5px -257px;
}

.footer.dark .footer__social.ig{
    background-position: -5px -650px;
}

.footer.dark .footer__social.tw{
    background-position: -5px -687px;
}

.footer.dark .footer__social.fb{
    background-position: -5px -724px;
}

.footer__copyright, .footer__pd {
    display: inline-block;
    vertical-align: middle;
}

.footer__copyright {
    margin-left: 20px;
}

.footer__pd {
    margin-left: 10px;
}

.footer__phone {
    display: inline-block;
    vertical-align: middle;
    font-size: 35px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    color: #ffffff;
}

.footer.dark-phone .footer__phone, .footer.dark-phone .footer__offer {
    color: #3C3100;
}

.footer__callback-button {
    display: inline-block;
    margin: -2px 0 0 20px;
    padding: 10px 15px 11px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ed1c24;
    font-size: 13px;
    /*text-decoration: underline;*/
    /*color: #90815c;*/
    color: #ffffff;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.footer__callback-button:hover {
    background-color: #db1b21;
}

/*.footer.dark .footer__callback-button{color: #3C3100;}*/

.footer.cream .footer__phone/*, .footer.cream .footer__callback-button*/ {
    color: #EBE5C1;
}

.footer__art3d {
    display: inline-block;
    width: 43px;
    height: 10px;
    vertical-align: middle;
    background: url('../i/sprite.png?v6?v1') -5px -5px;
}

.footer.cream .footer__art3d {
    background-position: -5px -294px;
}

/* конец ФУТЕР */

/* Подменю справа */

.right-submenu__frame {
    position: absolute;
    width: 500px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    padding-left: 90px;
    background-color: #A99763;
    -webkit-transform: translateX(500px);
    -moz-transform: translateX(500px);
    -ms-transform: translateX(500px);
    -o-transform: translateX(500px);
    transform: translateX(500px);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.right-submenu__frame.grey {
    background-color: #4E4E46;
}

.right-submenu__frame:hover {
    z-index: 21;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.right-submenu__frame.inactive {
    -webkit-transform: translateX(500px) !important;
    -moz-transform: translateX(500px) !important;
    -ms-transform: translateX(500px) !important;
    -o-transform: translateX(500px) !important;
    transform: translateX(500px) !important;
}


.right-submenu__item {
    display: block;
    position: relative;
    width: 500px;
    height: 33.3%;
    z-index: 1;
    cursor: pointer;
    background: center center;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
}

.right-submenu__item.middle {
    z-index: 0;
}

.right-submenu__item>.v-align {
    background-color: rgba(0, 0, 0, 0.4);
}

.right-submenu__item.middle>.v-align {
    background: none;
}


.right-submenu__item.middle {
    -webkit-transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    -ms-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out;
}

.right-submenu__frame:hover .right-submenu__item.middle {
    background-color: #4F4E46;
    -webkit-transition: background-color .4s ease-in-out .6s;
    -moz-transition: background-color .4s ease-in-out .6s;
    -ms-transition: background-color .4s ease-in-out .6s;
    -o-transition: background-color .4s ease-in-out .6s;
    transition: background-color .4s ease-in-out .6s;
}

.right-submenu__item.video-button {
    background-image: url('../images/right-menu/video.jpg');
}
.right-submenu__item.plans-button {
    background-image: url('../images/right-menu/plans.jpg');
}
.right-submenu__item.search-button {
    background-image: url('../images/right-menu/search.jpg');
}
.right-submenu__item.vtour-button {
    background-image: url('../images/right-menu/vtour.jpg');
}
.right-submenu__item.around-button {
    background-image: url('../images/right-menu/placement.jpg');
}
.right-submenu__item.gallery-button {
    background-image: url('../images/right-menu/gallery.jpg');
}
.right-submenu__item.construction-button {
    background-image: url('../images/right-menu/construction.jpg');
}
.right-submenu__item.team-button {
    background-image: url('../images/right-menu/team.jpg');
}
.right-submenu__item.advantages-button {
     background-image: url('../images/right-menu/advantages.jpg');
}
.right-submenu__item.news-archive-button {
    background-image: url('../images/right-menu/news-archive.jpg');
}
.right-submenu__item.offers-button {
    background-image: url('../images/right-menu/offers.jpg');
}

.right-submenu__item-icon {
    position: absolute;
    width: 90px;
    height: 100%;
    top: 0;
    right: 100%;
}

.right-submenu__item-icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: url('../i/sprite.png?v6');
    opacity: 0.4;
    /*-webkit-transition: opacity .3s ease-in-out;*/
    /*-moz-transition: opacity .3s ease-in-out;*/
    /*-ms-transition: opacity .3s ease-in-out;*/
    /*-o-transition: opacity .3s ease-in-out;*/
    /*transition: opacity .3s ease-in-out;*/
}

.right-submenu__item.video-button .right-submenu__item-icon:after {
    width: 53px;
    height: 53px;
    margin: -26px 0 0 -26px;
    background-position: -261px -37px;
}

.right-submenu__item.search-button .right-submenu__item-icon:after {
    width: 43px;
    height: 40px;
    margin: -20px 0 0 -21px;
    background-position: -657px -56px;
}

.grey .right-submenu__item.search-button .right-submenu__item-icon:after {
    background-position: -382px -376px;
}

.right-submenu__item.plans-button .right-submenu__item-icon:after {
    width: 52px;
    height: 52px;
    margin: -26px 0 0 -26px;
    background-position: -321px -368px;
}

.grey .right-submenu__item.plans-button .right-submenu__item-icon:after {
    background-position: -331px -228px;
}

.right-submenu__item.gallery-button .right-submenu__item-icon:after {
    width: 65px;
    height: 47px;
    margin: -23px 0 0 -33px;
    background-position: -930px -101px;
}

.grey .right-submenu__item.gallery-button .right-submenu__item-icon:after {
    background-position: -67px -562px;
}

.right-submenu__item.construction-button .right-submenu__item-icon:after {
    width: 62px;
    height: 62px;
    margin: -31px 0 0 -31px;
    background-position: -191px -562px;
}

.right-submenu__item.around-button .right-submenu__item-icon:after {
    width: 55px;
    height: 56px;
    margin: -28px 0 0 -27px;
    background-position: -868px -101px;
}

.grey .right-submenu__item.around-button .right-submenu__item-icon:after {
    background-position: -5px -562px;
}

.right-submenu__item.vtour-button .right-submenu__item-icon:after {
    width: 47px;
    height: 73px;
    margin: -36px 0 0 -23px;
    background-position: -752px -341px;
}

.grey .right-submenu__item.vtour-button .right-submenu__item-icon:after {
    background-position: -138px -562px;
}

.right-submenu__item.advantages-button .right-submenu__item-icon:after {
    width: 55px;
    height: 45px;
    margin: -23px 0 0 -27px;
    background-position: -261px -96px;
}

.right-submenu__item.team-button .right-submenu__item-icon:after {
    width: 56px;
    height: 55px;
    margin: -28px 0 0 -27px;
    background-position: -321px -96px;
}

.right-submenu__item.news-archive-button .right-submenu__item-icon:after {
    width: 56px;
    height: 54px;
    margin: -27px 0 0 -28px;
    background-position: -321px -309px;
}

.right-submenu__item.offers-button .right-submenu__item-icon:after {
    width: 62px;
    height: 62px;
    margin: -31px 0 0 -31px;
    background-position: -382px -309px;
}

.right-submenu__item:hover .right-submenu__item-icon:after {
    opacity: 1;
}

.right-submenu__item-title {
    position: relative;
    width: auto !important;
    font-size: 35px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-transform: uppercase;
    line-height: 0.95em;
    color: #ece5c2;
}

.right-submenu__item:hover .right-submenu__item-title {
    color: #ffffff;
}

.right-submenu__item-title:before, .right-submenu__item-title:after {
    content: '';
    position: absolute;
    width: 64px;
    height: 27px;
    top: 50%;
    margin-top: -13px;
    background: url('../i/sprite.png?v6');
}

.right-submenu__item-title:before {
    left: -80px;
    background-position: -797px -72px;
}

.right-submenu__item:hover .right-submenu__item-title:before {
    background-position: -723px -72px;
}

.right-submenu__item-title:after {
    right: -80px;
    background-position: -797px -104px;
}

.right-submenu__item:hover .right-submenu__item-title:after {
    background-position: -723px -104px;
}

.right-submenu__item-inner {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    background-color: #A99763;
    -webkit-transition: background-color .4s ease-in-out 0s;
    -moz-transition: background-color .4s ease-in-out 0s;
    -ms-transition: background-color .4s ease-in-out 0s;
    -o-transition: background-color .4s ease-in-out 0s;
    transition: background-color .4s ease-in-out 0s;
}

.right-submenu__frame:hover .right-submenu__item-inner {
    background-color: #ECE5C2;
    -webkit-transition: background-color .4s ease-in-out .8s;
    -moz-transition: background-color .4s ease-in-out .8s;
    -ms-transition: background-color .4s ease-in-out .8s;
    -o-transition: background-color .4s ease-in-out .8s;
    transition: background-color .4s ease-in-out .8s;
}

.right-submenu__item-inner-title {
    position: absolute;
    width: 100%;
    height: 90px;
    top: 50%;
    left: 0;
    z-index: 1;
    margin-top: -45px;
    font-size: 0;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg) translate3d(0, -295px, 0);
    -moz-transform: rotate(-90deg) translate3d(0, -295px, 0);
    -ms-transform: rotate(-90deg) translate3d(0, -295px, 0);
    -o-transform: rotate(-90deg) translate3d(0, -295px, 0);
    transform: rotate(-90deg) translate3d(0, -295px, 0);
    -webkit-transition: -webkit-transform .7s ease-in-out .6s, top .5s ease-in-out;
    -moz-transition: -moz-transform .7s ease-in-out .6s, top .5s ease-in-out;
    -ms-transition: -ms-transform .7s ease-in-out .6s, top .5s ease-in-out;
    -o-transition: -o-transform .7s ease-in-out .6s, top .5s ease-in-out;
    transition: transform .7s ease-in-out .6s, top .5s ease-in-out;
}

.right-submenu__frame.inactive .right-submenu__item-inner-title {
    top: 50% !important;
    -webkit-transform: rotate(-90deg) translate3d(0, -295px, 0) !important;
    -moz-transform: rotate(-90deg) translate3d(0, -295px, 0) !important;
    -ms-transform: rotate(-90deg) translate3d(0, -295px, 0) !important;
    -o-transform: rotate(-90deg) translate3d(0, -295px, 0) !important;
    transform: rotate(-90deg) translate3d(0, -295px, 0) !important;
}

.right-submenu__frame:hover .right-submenu__item-inner-title {
    top: 25%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .5s ease-in-out, top .5s ease-in-out .6s;
    -moz-transition: -moz-transform .5s ease-in-out, top .5s ease-in-out .6s;
    -ms-transition: -ms-transform .5s ease-in-out, top .5s ease-in-out .6s;
    -o-transition: -o-transform .5s ease-in-out, top .5s ease-in-out .6s;
    transition: transform .5s ease-in-out, top .5s ease-in-out .6s;
}

.right-submenu__item-inner-title:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.right-submenu__item-inner-title>span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 36px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-transform: uppercase;
    line-height: 0.95em;
    color: #3c3100;
    animation: colorDarkBrownToCream linear 3s;
    animation-iteration-count: infinite;
    -webkit-animation: colorDarkBrownToCream linear 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: colorDarkBrownToCream linear 3s;
    -moz-animation-iteration-count: infinite;
    -o-animation: colorDarkBrownToCream linear 3s;
    -o-animation-iteration-count: infinite;
    -ms-animation: colorDarkBrownToCream linear 3s;
    -ms-animation-iteration-count: infinite;
}


.grey .right-submenu__item-inner-title>span {
    color: #C5B689;
    -webkit-animation: colorCreamToWhite linear 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: colorCreamToWhite linear 3s;
    -moz-animation-iteration-count: infinite;
    -o-animation: colorCreamToWhite linear 3s;
    -o-animation-iteration-count: infinite;
    -ms-animation: colorCreamToWhite linear 3s;
    -ms-animation-iteration-count: infinite;
}

.right-submenu__frame:hover  .right-submenu__item-inner-title>span {
    color: #3c3100;
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
}

.right-submenu__item-inner-title>span:before, .right-submenu__item-inner-title>span:after {
    content: '';
    position: absolute;
    width: 64px;
    height: 27px;
    top: 50%;
    margin-top: -15px;
    background: url('../i/sprite.png?v6');
}

.right-submenu__item-inner-title>span:before {
    left: -80px;
    background-position: -797px -72px;
}

.right-submenu__item-inner-title>span:after {
    right: -80px;
    background-position: -797px -104px;
}

.right-submenu__item-inner-text {
    position: absolute;
    width: 100%;
    top: 25%;
    left: 0;
    margin-top: 45px;
    opacity: 0;
    font-size: 15px;
    color: #a99763;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.right-submenu__frame:hover .right-submenu__item-inner-text {
    opacity: 1;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.right-submenu__item-inner-more {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    color: #A99763;
}

.right-submenu__item-inner-more:after {
    content: '';
    display: block;
    width: 61px;
    height: 16px;
    margin: 20px auto 0;
    background: url('../i/sprite.png?v6') -659px -104px;
}

.right-submenu__item:hover .right-submenu__item-inner-more, .right-submenu__item:hover .right-submenu__item-inner-text {

    color: #3f3404;
}

.right-submenu__item:hover .right-submenu__item-inner-more:after {
    background-position: -595px -104px;
}

/* конец Подменю справа */

/* Главная */

.home__slogans {
    position: absolute;
    width: 70%;
    /*top: 180px;*/
    top: 160px;
    bottom: 90px;
    left: 15%;
    text-align: center;
    color: #ffffff;
}

.home__slogan {
    display: none;
}

.home__slogan.n0 {
    display: block;
}

.home__slogan-title {
    position: relative;
    font-size: 75px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-transform: uppercase;
    line-height: 0.96em;
}

.home__slogan-title:after {
    content: '';
    display: block;
    width: 193px;
    height: 27px;
    margin: 10px auto 15px;
    background: url('../i/sprite.png?v6') -261px -5px;
}

.svg .home__slogan-title:after {
    background-image: url('../i/sprite.svg?v6');
}

.home__slogan-text {
    font-size: 21px;
    text-transform: uppercase;
}

/* Заголовки */

.pattern-title>span {
    display: inline-block;
    position: relative;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    line-height: 0.9em;
}

.pattern-title>span:before, .pattern-title>span:after {
    content: '';
    position: absolute;
    width: 64px;
    height: 27px;
    top: 50%;
    margin-top: -16px;
    background: url('../i/sprite.png?v6');
}

.svg .pattern-title>span:before, .svg .pattern-title>span:after {
    background-image: url('../i/sprite.svg?v6');
}

.pattern-title>span:before {
    left: -80px;
    background-position: -723px -72px;
}

.pattern-title>span:after {
    right: -80px;
    background-position: -723px -104px;
}

.pattern-title.cream>span:before {
    background-position: -797px -72px;
}

.pattern-title.cream>span:after {
    background-position: -797px -104px;
}

.pattern-title.brown>span:before {
    background-position: -525px -5px;
}

.pattern-title.brown>span:after {
    background-position: -525px -37px;
}

/* Галерея */

.gallery__text-block {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 86px;
    background-color: #3c3100;
    text-align: center;
}

.gallery__title {
    font-size: 75px;
    text-transform: uppercase;
    color: #c5b688;
}

.gallery__text {
    margin-top: 30px;
    padding: 0 20%;
    font-size: 15px;
    color: #a99763;
}

.gallery__open-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    cursor: pointer;
    background-color: rgba(60, 46, 6, 0.3);
    -webkit-transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    -ms-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out;
}

.gallery__open-block:hover {
    background-color: rgba(60, 46, 6, 0.44);
}

.gallery__open-button {
    position: absolute;
    width: 89px;
    height: 89px;
    top: 50%;
    left: 50%;
    margin: -44px 0 0 -44px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.gallery__open-block:hover .gallery__open-button {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.gallery__open-button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(236, 229, 194, 0.39);
    border: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gallery__open-button:after {
    content: '';
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -22px;
    background: url('../i/sprite.png?v6') -368px -37px;
    /*-webkit-transition: -webkit-transform .8s ease-in-out;*/
    /*-moz-transition: -moz-transform .8s ease-in-out;*/
    /*-ms-transition: -ms-transform .8s ease-in-out;*/
    /*-o-transition: -o-transform .8s ease-in-out;*/
    /*transition: transform .8s ease-in-out;*/
}

/*.gallery__open-block:hover .gallery__open-button:after {*/
    /*-webkit-transform: rotate(540deg);*/
    /*-moz-transform: rotate(540deg);*/
    /*-ms-transform: rotate(540deg);*/
    /*-o-transform: rotate(540deg);*/
    /*transform: rotate(540deg);*/
/*}*/

.gallery__close {
    display: none;
    top: 5%;
    right: 7%;
    margin: 0 -65px 0 0;
}

.gallery__korpus-button {
    position: absolute;
    width: 37px;
    height: 37px;
    z-index: 1;
    margin: -18px 0 0 -18px;
    cursor: pointer;
}

.gallery__korpus-button:before {
    content: '';
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -22px;
    background-color: rgba(169, 151, 99, 0.71);
    border: 1px solid rgba(169, 151, 99, 0.71);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
}

.gallery__korpus-button:hover:before {
    background-color: #a99763;
    border-color: #6E5F2D;
}

.gallery__korpus-button:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -14px;
    background: url('../i/sprite.png?v6') -261px -228px;
}

.gallery__korpus-button>div {
    visibility: hidden;
    position: absolute;
    height: 27px;
    top: 50%;
    left: 55px;
    margin-top: -13px;
    padding-left: 14px;
    opacity: 0;
    -webkit-transform: rotate(-75deg);
    -moz-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    -o-transform: rotate(-75deg);
    transform: rotate(-75deg);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    -o-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
}

.gallery__korpus-button:hover>div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.gallery__korpus-button span {
    display: block;
    position: relative;
    padding: 0 10px;
    background-color: #C5B689;
    font-size: 15px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    line-height: 27px;
    white-space: nowrap;
    color: #3c3100;
}


.gallery__korpus-button span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-style: solid;
    border-width: 14px 13px 13.5px 0;
    border-color: transparent #C5B689 transparent transparent;
    -webkit-transition: border-width .3s ease-in-out;
    -moz-transition: border-width .3s ease-in-out;
    -ms-transition: border-width .3s ease-in-out;
    -o-transition: border-width .3s ease-in-out;
    transition: border-width .3s ease-in-out;
}

/* конец Галерея */

/* О проекте */

.about_frame {
    background-color: #ECE5C2;
}

.about_frame .shadow, .advantages_frame .shadow, .advantage_frame .shadow,
.news-archive_frame .shadow, .news-article_frame .shadow {
    display: none;
}

.about__content-block {
    position: absolute;
    width: 100%;
    height: 80%;
    min-height: 590px;
    top: 0;
    right: 0;
    left: 0;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
}

.about__content-block.text_scroll {
    width: 860px;
    height: auto;
    min-height: 0;
    max-height: none;
    top: 25%;
    bottom: 120px;
    left: 50%;
    margin-left: -430px;
}

.about__content-block:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.about__content-block.text_scroll:before {
    display: none;
}

.about__center {
    display: inline-block;
    position: relative;
    width: 820px;
    margin-top: 185px;
    vertical-align: middle;
    white-space: normal;
}

.about__title {
    font-size: 55px;
    text-transform: uppercase;
    color: #3c3100;
}


.about__text {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5em;
    color: #716f64;
}

.company_frame .about__title {
    color: #ffffff;
}

.infrastructure-text_frame .about__title {
    color: #ece5c2;
}

.company_frame .about__text {
    color: #cccccc;
}

.infrastructure-text_frame .about__text {
    color: #ece5c2;
}

.company_frame .about__text a {
    color: #ffffff;
}

.company_frame .about__text strong {
    font-size: 21px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.about__video-button {
    display: inline-block;
    position: relative;
    margin-top: 30px;
    padding-top: 120px;
    cursor: pointer;
    font-size: 19px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #3c3100
}

.about__video-button:before {
    content: '';
    position: absolute;
    width: 87px;
    height: 87px;
    top: 0;
    left: 50%;
    margin-left: -44px;
    border: 1px solid #3c3100;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.about__video-button:after {
    content: '';
    position: absolute;
    width: 53px;
    height: 53px;
    top: 19px;
    left: 50%;
    margin-left: -23px;
    background: url('../i/sprite.png?v6') -382px -96px;
    -webkit-transform-origin: 22px center;
    -moz-transform-origin: 22px center;
    -ms-transform-origin: 22px center;
    -o-transform-origin: 22px center;
    transform-origin: 22px center;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.about__video-button:hover:after {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.browser_scroll {
    overflow: auto;
}


/* конец О проекте */


/* Преимущества */

.advantages_frame, .news-archive_frame, .news-article_frame, .advantage_frame {
    background-color: #F9F7ED;
}

/* конец Преимущества */

/* динамика строительства */

.construction__text-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    background-color: #EBE5C1;
    text-align: center;
}

.construction__title {
    font-size: 75px;
    text-transform: uppercase;
    line-height: 0.95em;
    color: #3c3100;
}

.construction__text {
    margin-top: 30px;
    padding: 0 20%;
    font-size: 15px;
    color: #3c3100;
}

.construction__open-block {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 86px;
    cursor: pointer;
    background-color: rgba(60, 46, 6, 0.3);
    -webkit-transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    -ms-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out;
}

.construction__open-block:hover {
    background-color: rgba(60, 46, 6, 0.44);
}

.construction__open-button {
    position: absolute;
    width: 89px;
    height: 89px;
    top: 50%;
    left: 50%;
    margin: -44px 0 0 -44px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.construction__open-block:hover .construction__open-button {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.construction__open-button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(236, 229, 194, 0.39);
    border: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.construction__open-button:after {
    content: '';
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -22px;
    background: url('../i/sprite.png?v6') -368px -37px;
}

.construction__korpus-button {
    /*display: none;*/
    position: absolute;
    width: 55px;
    height: 55px;
    z-index: 1;
    margin: -27px 0 0 -27px;
    cursor: pointer;
    font-size: 0;
    text-align: center;
}

.construction__korpus-button:hover {
    z-index: 2;
}

.construction__korpus-button:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.construction__korpus-button:after {
    content: '';
    position: absolute;
    width: 43px;
    height: 43px;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -21px;
    background-color: #4f4e46;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.construction__korpus-button:hover:after {
    -webkit-transform: rotate(45deg) scale(1.45);
    -moz-transform: rotate(45deg) scale(1.45);
    -ms-transform: rotate(45deg) scale(1.45);
    -o-transform: rotate(45deg) scale(1.45);
    transform: rotate(45deg) scale(1.45);
}

.construction__korpus-button>span {
    display: inline-block;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    font-size: 35px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    color: #FFFFFF;
}

.construction__korpus-button-icon {
    position: absolute;
    width: 61px;
    height: 61px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    background-color: #a99763;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.construction__korpus-button-icon:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border: 2px solid #4f4e46;
}

.construction__korpus-button-img {
    visibility: hidden;
    position: absolute;
    width: 101px;
    height: 101px;
    top: 50%;
    left: 98px;
    margin-top: -50px;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: visibility .4s ease-in-out, opacity .4s ease-in-out;
    -moz-transition: visibility .4s ease-in-out, opacity .4s ease-in-out;
    -ms-transition: visibility .4s ease-in-out, opacity .4s ease-in-out;
    -o-transition: visibility .4s ease-in-out, opacity .4s ease-in-out;
    transition: visibility .4s ease-in-out, opacity .4s ease-in-out;
}

.construction__korpus-button:hover .construction__korpus-button-img {
    visibility: visible;
    opacity: 1;
}

.construction__korpus-button-img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 3px solid #4f4e46;
}

.construction__korpus-button-img>img {
    position: absolute;
    width: 143px;
    height: 143px;
    top: 50%;
    left: 50%;
    margin: -71px 0 0 -71px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.construction__filters {
    position: relative;
    width: 207px;
    margin: 30px auto 0;
}

.construction__filter {
    position: relative;
}

.construction__filter.opened {
    z-index: 1;
}

.construction__filter+.construction__filter {
    margin-top: 15px;
}

.construction__filter-active {
    position: relative;
    width: 207px;
    height: 27px;
    cursor: pointer;
    background: url('../i/sprite.png?v6') -623px -257px;
    font-size: 0;
    text-align: center;
}

.construction__filter-active:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.construction__filter-active:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 13px;
    top: 50%;
    right: 30px;
    margin-top: -7px;
    background: url('../i/sprite.png?v6') -820px -5px;
}

.construction__filter.opened .construction__filter-active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.construction__filter.visible .construction__filter-active:after {
    display: none;
}


.construction__filter-active>span {
    display: inline-block;
    margin-top: 2px;
    vertical-align: middle;
    font-size: 21px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    color: #3c3100;
}

.construction__filter-list {
    display: none;
    position: absolute;
    width: 150px;
    top: 25px;
    left: 50%;
    margin-left: -77px;
    padding: 10px 0;
    background-color: #C5B689;
    border: 2px solid #3C3100;
}

.construction__filter.opened .construction__filter-list, .construction__filter.visible .construction__filter-list {
    display: block;
}

.construction__list-item {
    position: relative;
    padding: 5px 0;
    cursor: pointer;
    font-size: 18px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    color: #3c3100;
}

.construction__list-item:hover {
    background-color: #3c3100;
    color: #C5B689;
}

.construction__months.hidden {
    display: none;
}

.carousel_frame {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 0;
}
.carousel_over {
	position: absolute;
	width: 1080px;
	overflow: hidden;
	margin: -133px 0 0 -540px;
	top: 0;
	left: 50%;
}
.carousel_line {
	position: relative;
	overflow: hidden;
	left: 0;
	width: 100000px;
}
.carousel_item {
	position: relative;
	float: left;
	display: block;
	text-decoration: none;
	width: 260px;
	margin: 0 20px;
	padding: 20px 30px 20px;
	background: #fff;
	color: #000;
	cursor: pointer;
}
.carousel_arrow, .g_btn, a.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 52px;
	height: 46px;
	cursor: pointer;
	margin: -23px -63px;
	background: url('../i/sprite.png?v6');
}
.carousel_arrow.left, .g_btn.left, a.fancybox-prev span {
	left: 7%;
	background-position: -780px -133px;
}
.carousel_arrow.right, .g_btn.right, a.fancybox-next span {
	right: 7%;
	background-position: -723px -133px;
}

.gallery_frame .g_btn.left {
    margin-left: 33px;
}

.gallery_frame .g_btn {
   display: none;
}

.carousel_arrow {
	opacity: 0.5;
}
.carousel_arrow.active {
	opacity: 1;
}

/* Преимущества */

.carousel__frame {
    position: absolute;
    width: 100%;
    top: 35%;
    bottom: 15%;
    left: 0;
}

.carousel__over {
    position: absolute;
    height: 100%;
    top: 0;
    right: 100px;
    left: 100px;
    overflow: hidden;
}

.carousel__line {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    font-size: 0;
    white-space: nowrap;
}

.carousel__item {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.carousel__arrow {
    display: none;
    position: absolute;
    width: 52px;
    height: 46px;
    top: 50%;
    z-index: 1;
    margin: -23px 0 0;
    cursor: pointer;
    background: url('../i/sprite.png?v6');
}

.offers_frame .carousel__arrow {
    display: none !important;
}

.carousel__arrow.active {
    display: block;
}

.carousel__arrow.right {
    right: 20px;
    background-position: -595px -5px;
}

.offers_frame .carousel__arrow.right {
    background-position: -723px -133px;
}

.carousel__arrow.left {
    left: 20px;
    background-position: -780px -133px;
}

.carousel__dots-frame {
    position: absolute;
    width: 270px;
    height: 12px;
    top: 100%;
    left: 50%;
    margin: 30px 0 0 -135px;
}

.carousel__dots-frame:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    margin-top: -1px;
    border-bottom: 1px dotted #7F7E76;
}

.offers_frame .carousel__dots-frame:before {
    border-color: #ffffff;
}

.carousel__dot {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    left: 0;
    margin-left: -7px;
    cursor: pointer;
    background-color: #a99763;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.carousel__dot:hover {
    -webkit-transform: rotate(45deg) scale(1.1);
    -moz-transform: rotate(45deg) scale(1.1);
    -ms-transform: rotate(45deg) scale(1.1);
    -o-transform: rotate(45deg) scale(1.1);
    transform: rotate(45deg) scale(1.1);
}

.carousel__dot.active {
    cursor: default;
    -webkit-transform: rotate(45deg) scale(1.1);
    -moz-transform: rotate(45deg) scale(1.1);
    -ms-transform: rotate(45deg) scale(1.1);
    -o-transform: rotate(45deg) scale(1.1);
    transform: rotate(45deg) scale(1.1);
    background-color: #3C3100;
}

.offers_frame .carousel__dot.active {
    background-color: #ffffff;
}

.advantages__title {
    position: absolute;
    width: 100%;
    top: 21%;
    left: 0;
    margin-top: 30px;
    font-size: 45px;
    text-align: center;
    text-transform: uppercase;
    color: #3c3100;
}

.advantages__item {
    width: 33.33%;
    height: 100%;
}

/*.advantages__item:after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*width: 2px;*/
    /*height: 100%;*/
    /*top: 0;*/
    /*left: 100%;*/
    /*background-color: #3C3100;*/
/*}*/

.advantages__item-inner {
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: 10%;
}

.advantages__item-image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.advantages__item-image>img {
    display: block;
    width: 100%;
}

.advantages__item-plus {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    background-color: rgba(60, 49, 0, 0);
    -webkit-transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    -ms-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out;
}

.advantages__item-plus:hover {
    background-color: rgba(60, 49, 0, 0.4);
}

.advantages__item-plus:before, .advantages__item-plus:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
}

.advantages__item-plus:before {
    width: 53px;
    height: 53px;
    margin: -27px 0 0 -27px;
    background-color: rgba(236, 229, 194, 0.4);
    border: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.advantages__item-plus:hover:before {
    -webkit-transform: rotate(45deg) scale(1.1);
    -moz-transform: rotate(45deg) scale(1.1);
    -ms-transform: rotate(45deg) scale(1.1);
    -o-transform: rotate(45deg) scale(1.1);
    transform: rotate(45deg) scale(1.1);
}

.advantages__item-plus:after {
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
    background: url('../i/sprite.png?v6') -475px -290px;
}

.advantages__item-content {
    position: absolute;
    top: 0;
    margin-top: 52%;
    bottom: 0;
    white-space: normal;
    color: #4f4e46;
}

.advantages__item-title {
    font-size: 21px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
}

.advantages__item-text {
    font-size: 15px;
}



/* конец Преимущества */

/* Видеоролик о проекте */

.video__title {
    position: absolute;
    width: 100%;
    top: 20%;
    left: 0;
    margin-top: 90px;
    text-align: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.video__title.hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
}

.video__title>span {
    font-size: 45px;
    text-transform: uppercase;
    line-height: 0.9em;
    color: #ece5c2;
}

.video__start-button {
    position: absolute;
    width: 86px;
    height: 86px;
    top: 40%;
    left: 50%;
    z-index: 1;
    margin: 80px 0 0 -44px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out .1s;
    -moz-transition: all .5s ease-in-out .1s;
    -ms-transition: all .5s ease-in-out .1s;
    -o-transition: all .5s ease-in-out .1s;
    transition: all .5s ease-in-out .1s;
}

.video__start-button.hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
}

.video__start-button:before {
    content: '';
    position: absolute;
    width: 86px;
    height: 86px;
    top: 50%;
    left: 50%;
    margin: -44px 0 0 -44px;
    background-color: rgba(236, 229, 194, 0);
    border: 1px solid #ece5c2;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.video__start-button:hover:before {
    background-color: rgba(236, 229, 194, 0.1);
}

.video__start-button:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -8px;
    background: url('../i/sprite.png?v6') -761px -187px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.video__start-button:hover:after {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.video__controls {
    position: absolute;
    height: 80px;
    bottom: 5%;
    right: 15px;
    left: 15px;
    z-index: 1;
    margin-bottom: 50px;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: all .5s ease-in-out .4s;
    -moz-transition: all .5s ease-in-out .4s;
    -ms-transition: all .5s ease-in-out .4s;
    -o-transition: all .5s ease-in-out .4s;
    transition: all .5s ease-in-out .4s;
}

.video__controls.hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
}

.video__controls-buttons {
    position: relative;
}

.video__controls-buttons>div {
    display: inline-block;
    margin: 0 20px;
    vertical-align: top;
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.video__controls-buttons>div:hover {
    opacity: 1;
}

.video__controls-back, .video__controls-forward {
    width: 42px;
    height: 39px;
}

.video__controls-back {
    background: url('../i/sprite.png?v6') -623px -290px;
}

.video__controls-forward {
    background: url('../i/sprite.png?v6') -670px -290px;
}

.video__controls-stop {
    width: 39px;
    height: 39px;
    background: #A99763;
}

.video__controls-play {
    width: 19px;
    height: 39px;
    background: url('../i/sprite.png?v6') -797px -187px;
}

.video__controls-play.pause {
    background-position: -820px -187px;
}

.video__controls-timeline {
    position: absolute;
    height: 19px;
    right: 0;
    left: 86px;
    bottom: 0;
    cursor: pointer;
}

.video__controls-timeline:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    background-color: #C5B689;
}

.video__controls-current-time, .video__controls-current-time-temp {
    position: absolute;
    width: 19px;
    height: 19px;
    top: 50%;
    left: 0;
    margin: -9px 0 0 -9px;
}

.video__controls-current-time-temp {
    display: none;
}

.video__controls-current-time:before, .video__controls-current-time-temp:before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    background-color: #C5B689;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.video__controls-current-time-temp:before {
    background-color: rgba(197, 182, 137, 0.6);
}

/* Новости */

.carousel__frame.news__carousel {
    top: 40%;
}

.news__frame {
    background-color: #EBE5C1;
}

.news__title {
    position: absolute;
    width: 100%;
    top: 8%;
    left: 0;
    margin-top: 150px;
    text-align: center;
}

.news__title>span {
    position: relative;
    font-size: 55px;
    text-transform: uppercase;
    color: #3C3100;
}

.news__item {
    display: none;
    width: 33.33%;
    height: 100%;
    white-space: normal;
    color: #4f4e46;
}

.news__item.visible {
    display: inline-block;
}

.news__item-inner {
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: 10%;
}

.news__item-date {
    font-size: 18px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
}

.news__item-title {
    margin-top: 10px;
    font-size: 28px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-transform: uppercase;
}

.news__text .news__item-title {
    margin-bottom: 20px;
}

.news__item-text {
    font-size: 18px;
}

.news__item-more {
    display: inline-block;
    margin-top: 10px;
    font-size: 15px;
}

.news__years {
    position: absolute;
    width: 180px;
    top: 8%;
    right: 15%;
    z-index: 1;
    margin-top: 150px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-align: center;
    color: #3c3100;
}

.news__years-active {
    position: relative;
    cursor: pointer;
    font-size: 45px;
}

.news__years-active:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 13px;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    background: url('../i/sprite.png?v6') -820px -5px;
}

.news__years.opened .news__years-active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news__years-list {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    padding: 5px 0;
    background-color: #F9F7ED;
}

.news__years.opened .news__years-list {
    display: block;
}

.news__years-item {
    display: block;
    position: relative;
    padding: 3px 0;
    cursor: pointer;
    font-size: 26px;
}

.news__years-item.active {
    cursor: default;
    text-decoration: none;
    color: #A99864;
}

.news__text {
    position: absolute;
    width: 800px;
    top: 20%;
    bottom: 12%;
    left: 50%;
    margin: 150px 0 0 -400px;
    text-align: center;
    color: #3C3100;
}

.news__text p img {
    max-width: 100%;
    margin: 10px auto;
}

.news-article .menu__left-frame, .offers-article .menu__left-frame, .documents .menu__left-frame, .korpus .menu__left-frame,
.advantage .menu__left-frame, .favorites .menu__left-frame {
    display: none;
}

.news_img_tmb_frame {
    position: relative;
    font-size: 0;
}

.news_img_tmb {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    cursor: pointer;
}

/* Вторичная недвижимость */

.resale__frame {
    background-color: #EBE5C1;
}

.resale .logo, .resale_items .logo {
    display: none;
}

.resale__title, .resale__nav {
    position: absolute;
    width: 100%;
    top: 8%;
    left: 0;
    margin-top: 120px;
    text-align: center;
}

.resale__title {
    top: 0;
}

.resale__title>span, .resale__nav>span {
    position: relative;
    font-size: 55px;
    text-transform: uppercase;
    color: #3C3100;
}

.resale__nav, .resale__nav>a, .resale__nav>span, .resale__item-title  {
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    color: #3C3100;
}

.resale__nav>a:hover, .resale__nav>a.active {
    text-decoration: none;
}

.resale__cards, .resale__info {
    position: absolute;
    top: 27%;
    left: 7%;
    right: 5%;
    bottom: 10%;
    height: auto;
}

.resale__item {
    display: inline-block;
    width: 23%;
    color: #4f4e46;
    margin:1%;
}

.resale__item-inner {
    display: inline-grid;
    width: 100%;
}

.resale__item-inner a {
    text-decoration: none;
}

.resale__item-title {
    margin-top: 10px;
    margin-bottom: 0;
    /*height: 60px;*/
}

.resale__item-image {
    height: 25vh;
    overflow: hidden;
}

.resale__item-img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.resale__item img, .resale__pic-more-image img{
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.resale__item img:hover, .resale__pic-more-image img:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
}

/* resale_items */

.resale_items p {
    margin-top: 0;
    margin-bottom: 15px;
}

.resale_items .menu__left-line {
    display: none;
}

.resale__info {
    top: 10%;
    right: 15%;
}

.resale__pic, .resale__text {
    position: absolute;
    height: 100%;
}
.resale__pic {
    left: 0;
    width: 55%;
}
.resale__pic-plan {
    height: 75%;
}
.resale__pic-plan-f {
    position: absolute;
    top: 0;
    bottom: 30%;
    left: 5%;
    right: 5%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
}
.resale__pic-more {
    bottom: 0;
    height: 20%;
    width: 100%;
    position: absolute;
    text-align: center;
}
.resale__pic-more-image {
    display: inline-block;
    height: 90%;
    width: 29%;
    margin: 0 1%;
    overflow: hidden;
}
.resale__pic-more-image:hover {
    cursor: pointer;
}
.resale__pic-more-image .picture {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.resale__pic-more-image img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.resale_items .picture {
    cursor: pointer;
}

.resale__text {
    left: 55%;
    width: 45%;
}

.resale__text-title {
    min-height: 10%;  
    height: auto;
    display: inline-block;  
}

.resale__text-title h1 {
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    color: #3C3100;
    padding: 0 20px 10px;
    font-size: 4.6vh;
    text-transform: uppercase;
}

.resale__text-number {
    height: 20%;
    text-align: left;
    font-size: 0;
}

.resale__text-number:before, .resale__right-price:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.resale__text-center, .resale__right-center {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0 20px;
}

.resale__text-item {
    display: inline-block;
    position: relative;
    width: 49.99%;
    vertical-align: top;
    font-size: 16px;
    text-transform: uppercase;
    color: #3C3100;
    text-align: center;
}
.resale__text-item:only-child {
    width: 99.9%;
}

.resale__text-item>.val {
    width: 68px;
    height: 68px;
    margin: 0px 20px 10px;
    border: 2px solid #3C3100;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 1.2rem;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-align: center;
    text-transform: none;
    line-height: 68px;
    color: #3C3100;
}

.resale__text-desc {
    height: 59%;
    color: #3C3100;
    font-size: 1.2em;
}

.resale__text-desc .description {
    margin: 20px;
    height: 100%;
    width: 80%;
}

.resale__text-desc>span {
    font-weight: bold;
}

.resale__right {
    position: absolute;
    height: 100%;
    width: 15%;
    right: 0;
    bottom: 0;
    background-color: #4e4e46;
}

.resale__right-close {
    height: 10%;
    background-color: #EBE5C1;
}

.resale__right-closed {
    display: inline-block;
    top: 3%;
    right: 10%;
    margin: 0; 
}

.resale__right-closed.close_btn {
    background: url(../i/sprite.png?v6?v7) -405px -245px;
}

.resale__right-item {
    position: relative;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #ece5c2;
}

.resale__right-item>.val {
    font-size: 4vh;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
}
.resale__right-item>.val span {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.resale__right-price {
    height: 35%;
    text-align: center;    
    white-space: nowrap;
}

.resale__right-send {
    height: 65%;
    text-align: center;
}

.resale_items .plans__button:before {
    border: 1px solid #ece5c2;
}

.resale_items .plans__button.resale:after {
    background-position: -489px -261px;
}
.plans__button.resale:after {
    width: 31px;
    height: 21px;
    margin: -10px 0 0 -15px;
    background-position: -446px -244px;
}

.resale_items .plans__button-text>span {
    color: #ece5c2;
    line-height: 1.5em;
    font-size: 16px;
}
.resale_items .g_btn.right, .resale_items .g_btn.left, .resale_items .popup_gallery_close {  
    background-color: rgba(0,0,0,.3);
    border-radius: 50%;
}
.resale_items .g_btn.right {
    right: 5%;  
}
.resale_items .g_btn.left {
    left: 5%   
}

.resale_items .g_btn {
    width: 68px;
    height: 68px;
    background: none;
}
.resale_items .g_btn:after {
    content: '';
    display: block;
    position: relative;
    background: url(../i/sprite.png?v6?v8?v8);
    width: 52px;
    height: 46px;
    margin: 11px auto;
    z-index: 3;
}
.resale_items .g_btn.left:after {
    background-position: -780px -133px;
}
.resale_items .g_btn.right:after {
    background-position: -723px -133px;
}

.resale_items table {
    width: 100%;
}
.resale_items th, .resale_items td {
    padding: 1vh 2vh;
}
.resale_items tr th, .resale_items tr td {
    font-weight: bold;
    font-size: 18px;
}
.resale_items tr th {
    font-weight: normal;
    border-bottom: 1px solid #a99763;
    font-family: inherit;
    text-align: left;
    background: #ebe5c1;
}
.resale_items tr:nth-child(odd) {
    background: #cabe92;
}
.resale_items tr:nth-child(even) {
    background: #a99763;
}
.resale_items tr:hover {
    background: #ebe5c1;
}
.resale_items .feedback_bg {
    background: #4e4e46;
}

/* Акции и скидки */

.offers_frame .news__title>span, .offers-article_frame .news__title>span, .offers-article_frame .news__text {
    color: #ffffff;
}

.offers_frame .news__item {
    color: #ece5c2;
}

.offers_frame .news__item-more {
    color: #ffffff;
}


/* документы */

.documents__text {
    position: absolute;
    top: 20%;
    right: 20%;
    bottom: 12%;
    left: 20%;
    margin-top: 150px;
    text-align: center;
    color: #3C3100;
}

.documents__title {
    margin: 40px 0 30px;
    font-size: 24px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-transform: uppercase;
}

.documents__title:first-child {
    margin-top: 0;
}

.documents__list {
    position: relative;
}

.documents__list a {
    display: inline-block;
    position: relative;
    width: 26.4%;
    margin: 20px 3.33%;
    padding-top: 70px;
    vertical-align: top;
    font-size: 18px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
}

.documents__list a:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 30px;
    top: 10px;
    left: 50%;
    margin-left: -12px;
    background: url('../i/sprite.png?v6') -446px -305px;
}

.svg .documents__list a:after {
    background-image: url('../i/sprite.svg?v6');
}

.documents__list a:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 50%;
    margin: 0 0 0 -25px;
    border: 1px solid #3C3100;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* параллакс */

.p_item .div_100 {
	width: 110%;
	height: 110%;
	left: -5%;
	top: -5%;
}

/* маршрут */


.route_adr_frame {
    display: none;
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 360px;
    left: 0;
    z-index: 1;
    background-color: rgba(169, 151, 99, 0.6);
}
.route_adr_input {
    position: absolute;
    width: 480px;
    height: 18px;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -265px;
    padding: 10px 25px 8px;
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    font-size: 18px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-align: center;
    line-height: 1.1em;
    color: #3c3100;
}
.route_adr_title {
	position: absolute;
	top: 0;
	left: 32px;
	line-height: 40px;
	font-size: 17px;
	color: #fff;
}
.route_adr_close {
	right: -33px;
	top: -33px;
	margin: 0;
}
.route_adr_btn {
	position: absolute;
	width: 44px;
	height: 44px;
	left: 50%;
    top: 50%;
    z-index: 1;
    margin: -22px 0 0 246px;
	cursor: pointer;
	background: url('../i/sprite.png?v6') -873px -164px;
}

/* Виртуальный тур */


.vtour__pano-button {
    position: absolute;
    width: 30px;
    height: 46px;
    z-index: 1;
    margin: -42px 0 0 -15px;
    cursor: pointer;
    background: url('../i/sprite.png?v6') -204px -309px;
}

.vtour__pano-button:hover {
    z-index: 2;
    background-position: -204px -360px;
}


.vtour__pano-button>div {
    visibility: hidden;
    position: absolute;
    height: 27px;
    top: 50%;
    left: 40px;
    margin-top: -13px;
    padding-left: 14px;
    opacity: 0;
    -webkit-transform: rotate(-75deg);
    -moz-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    -o-transform: rotate(-75deg);
    transform: rotate(-75deg);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    -o-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
}

.vtour__pano-button:hover>div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.vtour__pano-button span {
    display: block;
    position: relative;
    padding: 0 10px;
    background-color: #C5B689;
    font-size: 15px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    line-height: 27px;
    white-space: nowrap;
    color: #3c3100;
}


.vtour__pano-button span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-style: solid;
    border-width: 14px 13px 13.5px 0;
    border-color: transparent #C5B689 transparent transparent;
    -webkit-transition: border-width .3s ease-in-out;
    -moz-transition: border-width .3s ease-in-out;
    -ms-transition: border-width .3s ease-in-out;
    -o-transition: border-width .3s ease-in-out;
    transition: border-width .3s ease-in-out;
}

.vtour__minimap-block {
    display: none;
    position: absolute;
    width: 275px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 21;
    background-color: rgba(0, 0, 0, 0.49);
}

.vtour__minimap {
    position: absolute;
    width: 194px;
    height: 376px;
    top: 50%;
    left: 50%;
    margin: -188px 0 0 -97px;
    background: url('../i/sprite.png?v6') -261px -562px;
}

.vtour__minimap-point {
    position: absolute;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    cursor: pointer;
}

.vtour__minimap-point.active {
    cursor: default;
}

.vtour__minimap-point:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    background-color: #A99763;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.vtour__minimap-point.active:before, .vtour__minimap-point:hover:before {
    background-color: #ffffff;
}

.pano_screen, .pano_place .shadow, .pano_place .top-shadow {
	z-index: 1;
}

.pano_place {
    z-index: 20;
}

.pano_place.off:after {
	content: '';
	background: url('../i/blank.gif');
	display: block;
	z-index: 1;
}
.pano_place {
	display: none;
	background: #000;
}
.pano_help {
	position: absolute;
	width: 99px;
	height: 134px;
	top: 50%;
	left: 50%;
	margin: -67px 0 0 -50px;
	background: url('../i/sprite.png?v6') -508px -290px;
	display: none;
	z-index: 2;
}

/* квартиры */

.flats__buttons {
    position: relative;
    /*width: 320px;*/
    width: 480px;
    height: 89px;
    margin: 50px auto 30px;
}

.rhombus-button {
    position: absolute;
    width: 89px;
    height: 89px;
    top: 0;
    cursor: pointer;
    text-decoration: none;
}

.flats__search-button {
    left: 0;
}

.flats__parking-button {
    left: 200px;
}

.flats__plans-button {
    right: 0;
}

.gallery__video-button {
    top: 240px;
    left: 0;
    right: 0;
    margin: 0 auto;
    /*left: 45%;*/
}

.gallery__video-button-icon {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.gallery__video-button:hover .gallery__video-button-icon:before {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.gallery__video-button-icon:before {
    content: '';
    position: absolute;
    width: 52px;
    height: 54px;
    top: 0px;
    left: 4px;
    background: url('../i/sprite.png?v6?v2?v2') -382px -96px;
    -webkit-transform-origin: 20px 20px;
    -moz-transform-origin: 20px 20px;
    -ms-transform-origin: 20px 20px;
    -o-transform-origin: 20px 20px;
    transform-origin: 20px 20px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.gallery__video-button:hover .gallery__video-button-icon:before {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}


.rhombus-button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rhombus-button_gallery:before {
    border: 1px solid #c5b688;
}

.flats__button-text {
    position: absolute;
    height: 100%;
    top: 0;
    font-size: 0;
    white-space: nowrap;
}

.flats__button-text.flats__button-text_gallery>span{
    color: #c5b688;
}

.flats__button-text.left {
    right: 100%;
    padding-right: 40px;
    text-align: right;
    -webkit-transition: right .3s ease-in-out;
    -moz-transition: right .3s ease-in-out;
    -ms-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
}

.flats__button-text.right {
    left: 100%;
    padding-left: 40px;
    text-align: left;
    -webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -ms-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
}
.flats__button-text.bottom {
    top: 120px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    /*padding-left: 40px;*/
    text-align: center;
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -ms-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
}

.rhombus-button:hover .flats__button-text.left {
    right: 85%;
}
.rhombus-button:hover .flats__button-text.right {
    left: 85%;
}
.rhombus-button:hover .flats__button-text.bottom {
    top: 96px;
}

.flats__button-text>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-transform: uppercase;
    line-height: 0.95em;
    color: #ffffff;
}

.flats__button-text:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.flats__search-button-icon {
    position: absolute;
    width: 53px;
    height: 49px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -26px;
    overflow: hidden;
}

.flats__search-button-line {
    position: absolute;
    width: 86px;
    height: 11px;
    background: url('../i/sprite.png?v6') -595px -141px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.flats__search-button-line.n1 {
    top: 0;
    left: -26px;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
.flats__search-button-line.n2 {
    top: 18px;
    left: -5px;
}
.flats__search-button-line.n3 {
    top: 35px;
    left: -17px;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.flats__search-button:hover .flats__search-button-line.n1 {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px);
}

.flats__search-button:hover .flats__search-button-line.n2 {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
}

.flats__search-button:hover .flats__search-button-line.n3 {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    -ms-transform: translateX(12px);
    -o-transform: translateX(12px);
    transform: translateX(12px);
}


.flats__parking-button-icon {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.flats__parking-button:hover .flats__parking-button-icon:before {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.flats__parking-button-icon:before {
    content: '';
    position: absolute;
    width: 52px;
    height: 52px;
    top: 14px;
    left: -9px;
    background: url('../i/sprite.png?v6') -611px -578px;
    -webkit-transform-origin: 40px 40px;
    -moz-transform-origin: 40px 40px;
    -ms-transform-origin: 40px 40px;
    -o-transform-origin: 40px 40px;
    transform-origin: 40px 40px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.flats__parking-button:hover .flats__parking-button-icon:before {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.flats__parking-button-icon:after {
    content: '';
    position: absolute;
    width: 22px;
    height: 57px;
    top: -4px;
    left: 35px;
    background: url('../i/sprite.png?v6') -668px -560px;
}


.flats__plans-button-icon {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.flats__plans-button-icon:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 15px;
    top: 13px;
    left: 15px;
    background: url('../i/sprite.png?v6') -505px -96px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.flats__plans-button:hover .flats__plans-button-icon:before {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.flats__plans-button-icon:after {
    content: '';
    position: absolute;
    width: 52px;
    height: 52px;
    top: 1px;
    left: 1px;
    background: url('../i/sprite.png?v6') -448px -96px;
    -webkit-transform-origin: 20px 20px;
    -moz-transform-origin: 20px 20px;
    -ms-transform-origin: 20px 20px;
    -o-transform-origin: 20px 20px;
    transform-origin: 20px 20px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.flats__plans-button:hover .flats__plans-button-icon:after {
    -webkit-transform: scale(1.1) rotate(-15deg);
    -moz-transform: scale(1.1) rotate(-15deg);
    -ms-transform: scale(1.1) rotate(-15deg);
    -o-transform: scale(1.1) rotate(-15deg);
    transform: scale(1.1) rotate(-15deg);
}


.plans__bottom-menu {
    display: none;
    position: absolute;
    width: 240px;
    height: 14px;
    bottom: 5%;
    left: 50%;
    z-index: 10;
    margin: 0 0 40px -120px;
}

.plans .plans__bottom-menu, .korpus .plans__bottom-menu {
    display: block;
}

.plans__bottom-menu:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    margin-top: -1px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
}

.plans__bottom-menu-item {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    margin-left: -7px;
    cursor: pointer;
    color: #ffffff;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.plans__bottom-menu-item:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.plans__bottom-menu-item.inactive {
    cursor: default;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.plans__bottom-menu-item.active {
    cursor: default;
}

.plans__bottom-menu-item.n0 {
    left: 0;
}
.plans__bottom-menu-item.n1 {
    left: 33.3%;
}
.plans__bottom-menu-item.n2 {
    left: 66.6%;
}
.plans__bottom-menu-item.n3 {
    left: 100%;
}

.plans__bottom-menu-item:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    background-color: #3C3100;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease-in-out, transform .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, transform .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out, transform .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, transform .3s ease-in-out;
    transition: background-color .3s ease-in-out, transform .3s ease-in-out;
}

.plans__bottom-menu-item.inactive:before {
    background-color: #A99763;
}
.plans__bottom-menu-item.active:before {
    background-color: #ffffff;
}

.plans__bottom-menu-item:hover:before, .plans__bottom-menu-item.active:before {
    -webkit-transform: rotate(45deg) scale(1.1);
    -moz-transform: rotate(45deg) scale(1.1);
    -ms-transform: rotate(45deg) scale(1.1);
    -o-transform: rotate(45deg) scale(1.1);
    transform: rotate(45deg) scale(1.1);
}

.plans__bottom-menu-item>span {
    position: absolute;
    width: 60px;
    bottom: 15px;
    left: 50%;
    margin-left: -30px;
    padding-bottom: 15px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

.plans__text {
    position: absolute;
    top: 8%;
    right: 5%;
    z-index: 1;
    margin-right: 135px;
    text-align: center;
}

.plans__title {
    position: relative;
    font-size: 45px;
    text-transform: uppercase;
    line-height: 1em;
    color: #ffffff;
}

.parking__floor .plans__title>span{font-size: 0.75em;}

.plans__buttons {
    position: absolute;
    height: 50px;
    right: 140px;
    bottom: 70px;
    z-index: 1;
    white-space: nowrap;
}

.korpus__right-panel .plans__buttons {
    right: 0;
    left: 0;
    text-align: center;
}

.korpus__minimap-block {
    position: absolute;
    width: 200px;
    height: 120px;
    top: 25%;
    left: 10%;
    z-index: 1;
    margin: -55px 0 0 10px;
}

.korpus__minimap-block:before, .korpus__minimap-block:after {
    position: absolute;
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #3C3100;
}

.korpus__minimap-block:before {
    content: 'ул. Обручева';
    top: 45px;
    left: -60px;
    -webkit-transform: rotate(-78deg);
    -moz-transform: rotate(-78deg);
    -ms-transform: rotate(-78deg);
    -o-transform: rotate(-78deg);
    transform: rotate(-78deg);
}

.korpus__minimap-block:after {
    content: '38-й Юго-Западный квартал';
    bottom: -16px;
    left: 3px;
}

.korpus__minimap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.plans__button {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    vertical-align: top;
    cursor: pointer;
}

.apart__favorite-button {
    position: absolute;
    top: 55px;
    right: 90px;
}

.plans__button + .plans__button {
    margin-left: 30px;
}

.plans__button:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    border: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.apart__favorite-button:before {
    border-color: #3c3100;
}

.plans__button:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url('../i/sprite.png?v6');
}

.plans__button.search:after {
    width: 30px;
    height: 27px;
    margin: -13px 0 0 -15px;
    background-position: -405px -157px;
}

.plans__button.vtour:after {
    width: 23px;
    height: 36px;
    margin: -18px 0 0 -11px;
    background-position: -446px -193px;
}

.plans__button.reserve:after {
    width: 31px;
    height: 21px;
    margin: -10px 0 0 -15px;
    background-position: -446px -244px;
}

.plans__button.pdf:after {
    width: 24px;
    height: 30px;
    margin: -15px 0 0 -12px;
    background-position: -446px -270px;
}

.plans__button.design:after {
    width: 29px;
    height: 29px;
    margin: -14.5px 0 0 -14.5px;
    background-position: -446px -418px;
}

.apart__favorite-button:after {
    width: 27px;
    height: 25px;
    margin: -12.5px 0 0 -12.5px;
    background-position: -4px -794px;
}

.apart__favorite-button.active:after {
    background-position: -4px -764px;
}

.plans__button.hidden{display: none;}

.plans__button.parking:after {
    width: 36px;
    height: 25px;
    margin: -12px 0 0 -18px;
    background: url('../i/sprite.png?v6') -752px -419px;
}

.plans__button.zoom:after{
    background: url(../i/sprite.png?v6) -446px -341px;
    content: "";
    display: block;
    height: 32px;
    margin: -16px 0 0 -16px;
    /*-webkit-transition: all 300ms linear;*/
    /*-moz-transition: all 300ms linear;*/
    /*-ms-transition: all 300ms linear;*/
    /*-o-transition: all 300ms linear;*/
    /*transition: all 300ms linear;*/
    width: 32px;
}

.plans__button.zoom.active:after{
    background-position: -444px -380px;
    /*-webkit-transform: rotate(90deg);*/
    /*-moz-transform: rotate(90deg);*/
    /*-ms-transform: rotate(90deg);*/
    /*-o-transform: rotate(90deg);*/
    /*transform: rotate(90deg);*/
}

.plans__button-text {
    position: absolute;
    height: 100%;
    top: 0;
    font-size: 0;
    white-space: nowrap;
}

.apart__favorite-button .plans__button-text > span {
    color: #3c3100;
}

.plans__button-text.bottom {
    height: auto;
    top: 70px;
    left: 50%;
    padding-top: 10px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -ms-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
}

.plans__button-text.left {
    right: 100%;
    padding-right: 40px;
    text-align: right;
    -webkit-transition: right .3s ease-in-out;
    -moz-transition: right .3s ease-in-out;
    -ms-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
}

.plans__button-text.right {
    left: 100%;
    padding-left: 40px;
    text-align: left;
    -webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -ms-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
}

.plans__button:hover .plans__button-text.left {
    right: 85%;
}
.plans__button:hover .plans__button-text.right {
    left: 85%;
}
.plans__button:hover .plans__button-text.bottom  {
    top: 63px;
}

.plans__button-text:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.plans__button-text>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 0.95em;
    color: #ffffff;
}

.plans__windrose {
    position: absolute;
    width: 90px;
    height: 91px;
    left: 140px;
    top: 7%;
    z-index: 1;
    margin: 60px 0 0 0;
    background: url('../i/sprite.png?v6') -503px -164px;
}

.plans__windrose:after {
    content: '';
    position: absolute;
    width: 62px;
    height: 66px;
    top: 50%;
    left: 50%;
    margin: -33px 0 0 -31px;
    background: url('../i/sprite.png?v6') -623px -157px;
    -webkit-animation: rose-rotate 3.2s ease-in-out .3s;
    -moz-animation: rose-rotate 3.2s ease-in-out .3s;
    -ms-animation: rose-rotate 3.2s ease-in-out .3s;
    -o-animation: rose-rotate 3.2s ease-in-out .3s;
    animation: rose-rotate 3.2s ease-in-out .3s;
}

.floor_frame .plans__windrose, .parking_frame .plans__windrose {
    top: auto;
    bottom: 9%;
    margin-left: 49px;
}

@-webkit-keyframes rose-rotate {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(120deg); }
    60% { -webkit-transform: rotate(-45deg); }
    86% { -webkit-transform: rotate(10deg); }
    96% { -webkit-transform: rotate(-3deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes rose-rotate {
    0% { -moz-transform: rotate(0deg); }
    25% { -moz-transform: rotate(120deg); }
    60% { -moz-transform: rotate(-45deg); }
    86% { -moz-transform: rotate(10deg); }
    96% { -moz-transform: rotate(-3deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-ms-keyframes rose-rotate {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(120deg); }
    60% { -ms-transform: rotate(-45deg); }
    86% { -ms-transform: rotate(10deg); }
    96% { -ms-transform: rotate(-3deg); }
    100% { -ms-transform: rotate(0deg); }
}
@-o-keyframes rose-rotate {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(120deg); }
    60% { -o-transform: rotate(-45deg); }
    86% { -o-transform: rotate(10deg); }
    96% { -o-transform: rotate(-3deg); }
    100% { -o-transform: rotate(0deg); }
}
@keyframes rose-rotate {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(120deg); }
    60% { transform: rotate(-45deg); }
    86% { transform: rotate(10deg); }
    96% { transform: rotate(-3deg); }
    100% { transform: rotate(0deg); }
}


.plans_map_svg {
	z-index: 1;
}
.blur_bg, .floor_frame, .parking__floor {
	z-index: 10;
	display: none;
}
.opened_floor .blur_bg, .opened_floor .floor_frame, .opened_flat .blur_bg, .opened_flat .floor_frame{
	display: block;
}
.plan_frame {
    position: absolute;
    top: 220px;
    bottom: 20%;
    left: 40%;
    right: 15%;
}

.parking__floor .plan_frame{
    top: 190px;
    right: 5%;
    bottom: 60px;
    left: 340px;
}

.plan_frame_centrer {
	position: absolute;
	top: 50%;
	left: 50%;
	background: url('../i/blank.gif');
}
/*.plan_frame_centrer.apart_zoom {*/
	/*overflow: hidden;	*/
/*}*/
/*.plan_frame_centrer.apart_zoom:after {*/
	/*content: '';*/
	/*display: block;*/
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	/*right: 0;*/
	/*bottom: 0;*/
	/*border: 1px solid #fff;*/
/*}*/

.plan_frame_centrer.apart_zoom {
    overflow: hidden;
}

.plan_frame_centrer.apart_zoom:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #fff;
}

.apart_zoom_frame {
    border: 2px solid #4E4E46;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: none;
    height: 300px;
    margin: -152px;
    overflow: hidden;
    position: absolute;
    width: 300px;
}

.plan_frame_centrer.apart_zoom_lens .apart_zoom_frame {
    display: block;
}

.apart_zoom_img {
    position: absolute;
    margin: 50%;
}


.korpus__right-panel {
    position: absolute;
    width: 28%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: #4E4E46;
}

.korpus__right-panel .plans__text {
    width: 100%;
    right: auto;
    left: 0;
    margin: 0;
}

.korpus__info-block {
    position: absolute;
    top: 180px;
    right: 20px;
    bottom: 170px;
    left: 20px;
    font-size: 0;
    text-align: center;
}

.korpus__info-block:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.korpus__info-center {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.korpus__info-item {
    display: inline-block;
    position: relative;
    width: 50%;
    margin: 20px 0;
    vertical-align: top;
    font-size: 13px;
    text-transform: uppercase;
    color: #ece5c2;
    -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    -ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.update-data.hidden {
    visibility: hidden;
    opacity: 0;
}

.update-data.visible {
    visibility: visible;
    opacity: 1;
}

.korpus__info-item-price, .korpus__info-item-bron {
    position: relative;
    margin-top: 20px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #ece5c2;
}

.korpus__info-item>.val {
    width: 65px;
    height: 65px;
    margin: 0 auto 10px;
    border: 2px solid #A99763;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    font-size: 31px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-align: center;
    text-transform: none;
    line-height: 65px;
    color: #ece5c2;
}

.korpus__info-item-price>.val, .korpus__info-item-bron {
    font-size: 27px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
}

.korpus__info-item-price>.val>.old-price, .korpus__info-item-bron {
    text-decoration: line-through;
    color: #f5474d;
}
.korpus__info-item-bron {
    text-decoration: none;
}

.korpus__info-arrow {
    position: absolute;
    width: 13px;
    height: 20px;
    top: 25px;
    left: 50%;
    cursor: pointer;
    background-image: url('../i/sprite.png?v6');
}

.korpus__info-arrow.left {
    margin-left: -53px;
    background-position: -261px -261px;
}

.korpus__info-arrow.right {
    margin-left: 40px;
    background-position: -281px -261px;
}


.korp_det {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 10%;
	top: 50%;
	margin: -50px;
	background: #fff;
}
.korp_det.n0 {
	top: 40%;
	z-index: 10;
	margin-top: -90px;
}
.korp_det.n0.low-z {
	z-index: 1;
}
.korp_det.n1 {
	margin-top: -10px;
}
.korp_det.n2 {
	top: 60%;
	margin-top: 70px;
}
.korp_det_val {
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	color: #000;
}
.korp_det_val>div {
	font-size: 60px;
	line-height: 50px;
	padding-top: 15px;
}

.korpus_popup {
    position: absolute;
	display: block;
    width: 60px;
    height: 60px;
    z-index: 1;
    margin: -31px 0 0 -31px;
    cursor: pointer;
    pointer-events: auto;
}

.korpus_popup.hover, .korpus_popup:hover {
    z-index: 2;
}

.korpus_popup.sold, .korpus_popup.ready {
    cursor: default;
}

.korpus_popup:before {
    content: '';
    position: absolute;
    width: 69px;
    height: 69px;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    background-color: #A99763;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.korpus_popup:hover:before, .korpus_popup.hover:before {
    background-color: #ECE5C2;
}

.korpus_popup.sold:before {
    background-color: #4F4E46 !important;
}

.korpus_popup.ready:before {
    background-color: #A99763 !important;
}

.korpus_popup.ready:after {
    content: '';
    position: absolute;
    width: 62px;
    height: 62px;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    border: 4px solid #ECE5C2;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

.korpus_popup_floors {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -7px;
    padding: 5px 15px;
    background-color: #4f4e46;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
    color: #FFFFFF;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.korpus_popup.hover .korpus_popup_floors, .korpus_popup:hover .korpus_popup_floors {
    -webkit-transform: translate(-50%, 60%);
    -moz-transform: translate(-50%, 60%);
    -ms-transform: translate(-50%, 60%);
    -o-transform: translate(-50%, 60%);
    transform: translate(-50%, 60%);
}

.korpus_popup .floor_popup_det.n1 {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin: -31px 0 0 -31px;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #4f4e46;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
}

.korpus_popup .floor_popup_det.n1:before {
    content: '';
    position: absolute;
    width: 38px;
    height: 38px;
    top: 50%;
    left: 50%;
    margin: -19px 0 0 -19px;
    background-color: #4f4e46;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.korpus_popup:hover .floor_popup_det.n1:before, .korpus_popup.hover .floor_popup_det.n1:before {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
}


.korpus_popup.ready:hover .floor_popup_det.n1:before, .korpus_popup.ready.hover .floor_popup_det.n1:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.korpus_popup .floor_popup_det.n1:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.korpus_popup .floor_popup_det.n1>div {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 3px;
    vertical-align: middle;
    font-size: 35px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    color: #ffffff;
}

.korpus_popup .floor_popup_det.n2 {
	visibility: hidden;
    position: absolute;
    height: 44px;
    top: 50%;
    left: 70px;
    margin-top: -22px;
    padding-left: 25px;
    opacity: 0;
    -webkit-transform: rotate(-75deg);
    -moz-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    -o-transform: rotate(-75deg);
    transform: rotate(-75deg);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    -o-transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
}

.korpus_popup:hover .floor_popup_det.n2, .korpus_popup.hover .floor_popup_det.n2 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.korpus_popup .floor_popup_det.n2>div {
    position: relative;
    height: 44px;
    padding: 0 10px 0 5px;
    background-color: #3C3100;
    font-size: 0;
    white-space: nowrap;
}

.korpus_popup .floor_popup_det.n2>div:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.korpus_popup .floor_popup_det.n2>div:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-style: solid;
    border-width: 22px 25px 22px 0;
    border-color: transparent #3c3100 transparent transparent;
}

.korpus_popup .floor_popup_det.n2>div>span {
    display: inline-block;
    vertical-align: middle;
    color: #ece5c2;
}

.korpus_popup .floor_popup_det.n2>div>.n1 {
    font-size: 31px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
}

.korpus_popup .floor_popup_det.n2>div>.n2 {
    margin-left: 10px;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.2em;
}

.korpus_popup.ready .floor_popup_det.n2>div>.n2, .korpus_popup.sold .floor_popup_det.n2>div>.n2 {
    margin-left: 0;
}


.floor__levels {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 1;
    margin: 42px 0 0 60px;
}

.floor__levels.hidden {
    display: none !important;
}

.floor__level {
    display: none;
    position: relative;
    width: 65px;
    height: 65px;
    cursor: pointer;
    border: 2px solid #4E4E46;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    opacity: 0.8;
    font-size: 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    color: #4E4E46;
    -webkit-transform: opacity .3s ease-in-out;
    -moz-transform: opacity .3s ease-in-out;
    -ms-transform: opacity .3s ease-in-out;
    -o-transform: opacity .3s ease-in-out;
    transform: opacity .3s ease-in-out;
}

.floor__level.active {
    display: block;
    cursor: default;
    /*background-color: #ECE5C2;*/
}

.floor__level.active, .floor__level:hover {
    opacity: 1;
}

.floor__level:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.floor__level>div:first-child {
    display: inline-block;
    vertical-align: middle;
    font-size: 31px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    line-height: 30px;
}

.floor__level>span {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    padding-top: 10px;
    font-size: 12px;
    text-align: center;
}

/*.floor__level+.floor__level {*/
    /*margin-top: 5px;*/
/*}*/

.floor__level-up, .floor__level-down {
    position: absolute;
    width: 13px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
}

.floor__level-up {
    left: 100%;
    margin-left: 10px;
    background: url('../i/sprite.png?v6') -944px -386px;
}

.floor__level-down {
    right: 100%;
    margin-right: 10px;
    background: url('../i/sprite.png?v6') -924px -386px;
}

.floor__invest-apart {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 1;
    margin: 0 0 0 86px;
    padding-left: 25px;
    font-size: 12px;
    text-transform: uppercase;
    color: #4E4E46;
}

.floor__invest-apart:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background-color: #A99763;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.floor_popup {
    display: none;
    position: absolute;
    height: 44px;
    z-index: 2;
    margin: -22px 0 0 50px;
    padding: 0 15px 0 10px;
    background-color: #3c3100;
    font-size: 0;
    white-space: nowrap;
}

.floor_popup:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.floor_popup:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-style: solid;
    border-width: 22px 25px 22px 0;
    border-color: transparent #3c3100 transparent transparent;
}

.floor_popup>div {
    display: inline-block;
    vertical-align: middle;
    color: #ece5c2;
}

.floor_popup>.n1 {
    font-size: 31px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
}

.floor_popup>.n2 {
    margin-left: 10px;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.2em;
}

.floor__left {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 28%;
    bottom: 0;
    left: 0;
    background-color: #BEB085;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.floor_frame.visible .floor__left, .parking__floor.visible .floor__left{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.sect_left, .sect_right, .floor_up, .floor_down {
    display: none;
}
.sect_left.active, .sect_right.active, .floor_up.active, .floor_down.active {
    display: block;
}

.floor_help {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 10%;
	margin-bottom: -20px;
	text-align: center;
}
.rc_help {
	font-size: 12px;
	line-height: 16px;
	display: inline-block;
	color: #000;
	position: relative;
	padding-left: 28px;
}
.rc_help+.rc_help {
	margin-left: 26px;
}
.rc_help_icon {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background: #d6843b;
}
.rc_help.sold .rc_help_icon {
	width: 14px;
	height: 14px;
	background: none;
	border: 1px solid #000;
}
.apart_popup {
	position: absolute;
	width: 69px;
	height: 69px;
	margin: -35px;
    background: #A99763;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

.apart_popup:before {
    content: '';
    position: absolute;
    width: 59px;
    height: 59px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    border: 1px solid #4F4E46;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(79, 78, 70, 0);
    -webkit-transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    -ms-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out;
}

.apart_popup.hover:before {
    background-color: #4F4E46;
}

.apart_popup>span {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    background-color: #4F4E46;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-size: 31px;
    text-align: center;
    line-height: 37px;
    color: #ffffff;
}

.apart_popup.hover {
	display: block;
}
.apart_details_frame {
	position: absolute;
	top: 50%;
	left: 90%;
	margin: -150px 0 0 -110px;
	right: 0;
	display: none;
}
.popup_details_row {
	font-size: 20px;
	line-height: 25px;
	position: relative;
	color: #000;
}
.popup_details_row>div {
	font-size: 40px;
	line-height: 50px;
}
.popup_details_row>div sup {
	font-size: 0.65em;
	line-height: 100%;
}
.popup_details_row+.popup_details_row {
	margin-top: 20px;
}
.not_sale_text {
	display: none;
	font-size: 40px;
	line-height: 50px;
	color: #c1c1c1;
	margin-top: 180px;
}
.apart_details_frame.not-sale .popup_details_row {
	display: none;
}
.apart_details_frame.not-sale .not_sale_text {
	display: block;
}
.apart_act_frame {
	position: absolute;
	left: 50%;
	top: 90%;
}
.apart_act {
	position: absolute;
	width: 62px;
	height: 90px;
	left: -31px;
	top: -45px;
	cursor: pointer;
	background: url('../i/sprite.png?v6') -142px -216px;
}
.rooms_sel_frame {
	position: absolute;
	left: 50%;
	top: 85%;
	width: 150px;
	margin: 0 0 0 -75px;
	z-index: 1;
}
.rooms_sel {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
	cursor: pointer;
	color: #fff;
	background: #000;
}
.rooms_sel.active {
	background: #fff;
	color: #000;
}
.open_search_btn {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 10%;
	top: 60%;
	margin: 70px 0 0 -50px;
	z-index: 1;
	cursor: pointer;
	background: #6e88c5;
	color: #fff;
	font-size: 20px;
	line-height: 100px;
	text-align: center;
}

/* Инфраструктура */

.infrastructure__advantages-button {
    display: inline-block;
    position: relative;
    margin-top: 30px;
    padding-top: 120px;
    cursor: pointer;
    font-size: 19px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #a99763
}

.infrastructure__advantages-button:before {
    content: '';
    position: absolute;
    width: 87px;
    height: 87px;
    top: 0;
    left: 50%;
    margin-left: -44px;
    border: 1px solid #a99763;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.infrastructure__advantages-button:after {
    content: '';
    position: absolute;
    width: 54px;
    height: 45px;
    top: 20px;
    left: 50%;
    margin-left: -27px;
    background: url('../i/sprite.png?v6') -261px -341px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.infrastructure__advantages-button:hover:after {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

/* Контакты */

.contacts__frame {
    background-color: #A99763;
}

.contacts__map-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 335px;
    left: 0;
}

.contacts__content-block {
    position: absolute;
    width: 100%;
    height: 280px;
    bottom: 80px;
    left: 0;
    background-color: #ECE5C2;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
}

.contacts__office {
    display: inline-block;
    position: relative;
    width: 30%;
    margin-top: 30px;
    vertical-align: top;
    cursor: pointer;
    opacity: 0.5;
    font-size: 15px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    color: #3c3100;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.contacts__office:hover {
    opacity: 1;
}

.contacts__office.active {
    cursor: default;
    opacity: 1;
}

.contacts__office+.contacts__office {
    margin-left: 20%;
}

.contacts__office-title {
    position: relative;
    font-size: 35px;
    text-transform: uppercase;
    line-height: 0.95em;
}

.contacts__office-title>span {
    display: inline-block;
    position: relative;
}

.contacts__office.active .contacts__office-title>span:before, .contacts__office.active .contacts__office-title>span:after {
    content: '';
    position: absolute;
    width: 64px;
    height: 27px;
    top: 50%;
    margin-top: -13px;
    background-image: url('../i/sprite.png?v6');
}

.svg .contacts__office-title>span:before, .svg .contacts__office-title>span:after {
    background-image: url('../i/sprite.svg?v6');
}

.contacts__office-title>span:before {
    left: -80px;
    background-position: -525px -72px;
}

.contacts__office-title>span:after {
    right: -80px;
    background-position: -525px -104px;
}

.contacts__office-info {
    font-size: 21px;
}

.contacts__route-button {
    position: absolute;
    width: 150px;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin: -80px 0 0 -75px;
    padding-top: 120px;
    cursor: pointer;
    font-size: 15px;
    font-family: 'OranienbaumRegular', Georgia, Times, "Times New Roman", serif;
    text-align: center;
    color: #ab9a67;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.contacts__route-button:hover {
    color: #3c3100;
}

.contacts__route-button:before {
    content: '';
    position: absolute;
    width: 88px;
    height: 88px;
    top: 0;
    left: 50%;
    margin-left: -44px;
    background-color: #A99763;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.contacts__route-button:hover:before {
    background-color: #3c3100;
}

.contacts__route-button:after {
    content: '';
    position: absolute;
    width: 56px;
    height: 43px;
    top: 24px;
    left: 50%;
    margin-left: -28px;
    background: url('../i/sprite.png?v6') -595px -56px;
}

.contacts__route-button.active:after {
    width: 28px;
    height: 28px;
    top: 30px;
    margin-left: -14px;
    background-position: -723px -187px;
}

/* конец Контакты */

/* Окружение */

.around__frame {
    background-color: #ECE5C2;
}

.around__content-block {
    position: absolute;
    width: 100%;
    height: 240px;
    bottom: 80px;
    left: 0;
    background-color: #ECE5C2;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
}

.around__map-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 290px;
    left: 0;
    background-color: #ECE5C2;
}

.around__title {
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #3c3100;
}

.around__points-right, .around__points-left {
    position: absolute;
    top: 100px;
    font-size: 0;
    white-space: nowrap;
}

.around__points-left {
    right: 52%;
    margin-right: 20px;
}

.around__points-right {
    left: 52%;
    margin-left: 20px;
}

.around__point {
    display: inline-block;
    position: relative;
    width: 120px;
    margin: 0 5px;
    padding-top: 80px;
    vertical-align: top;
    cursor: pointer;
    opacity: 0.6;
    font-size: 15px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-align: center;
    text-transform: uppercase;
    color: #3c3100;
}

.around__point:before {
    content: '';
    position: absolute;
    width: 52px;
    height: 52px;
    top: 0;
    left: 50%;
    margin-left: -27px;
    background-color: rgba(169, 151, 99, 0);
    border: 1px solid #3c3100;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
    transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
}

.around__point:hover:before {
    background-color: #a99763;
}

.around__point.active {
    opacity: 1;
}

.around__point:after {
    content: '';
    position: absolute;
    width: 77px;
    height: 77px;
    top: -12px;
    left: 50%;
    margin-left: -38px;
    background: url('../i/sprite.png?v6');
}

.around__point.n0:after {
    background-position: -5px -465px;
}

.around__point.n1:after {
    background-position: -88px -465px;
}

.around__point.n2:after {
    background-position: -171px -465px;
}

.around__point.n3:after {
    background-position: -254px -465px;
}

.around__point.n4:after {
    background-position: -337px -465px;
}

.around__point.n5:after {
    background-position: -420px -465px;
}

.around__point.n6:after {
    background-position: -503px -465px;
}

.around__point.n7:after {
    background-position: -586px -465px;
}

.around__point.n8:after {
    background-position: -669px -465px;
}

.around__point.n9:after {
    background-position: -752px -465px;
}

.gmaps_labels, .maps-marker-object {
    overflow: visible ; /*!important*/
}

.gmaps_labels_span, .maps-marker-object .title {
    position: absolute;
    z-index: -1;
    height: 44px;
    top: 0;
    left: 66px;
    padding: 0 15px 0 10px;
    background-color: #A99763;
    overflow: hidden;
    opacity: 0;
    pointer-events:none
}
.maps-marker-object:hover .title {
    display: table;
    overflow: visible;
    opacity: 1;
}

.gmaps_labels_span:before, .maps-marker-object .title:before,  {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.gmaps_labels_span:after, .maps-marker-object .title:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-style: solid;
    border-width: 22px 22px 22px 0;
    border-color: transparent #a99763 transparent transparent;
}

.gmaps_labels_span>span, .maps-marker-object .title .title_text {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    white-space: nowrap;
    color: #ece5c2;
}

.map_place .maps-cluster .icon {
    position: absolute;
    margin: -2.3rem;
    width: 68px;
    height: 68px;
    line-height: 68px;
    font-size: 2em;
    color: #fff;
    text-align: center;
    background: url('/assets/i/sprite.png?v6');
    background-position: -4px -308px;
    -webkit-transition: -webkit-transform 0.2s ease;
    -moz-transition: -moz-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    transition: transform 0.2s ease;
}
.map_place .maps-cluster:hover .icon {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* конец Окружение */

/* обратная связь */

.feedback_bg {
    position: absolute;
    width: 916px;
    height: 552px;
    top: 50%;
    left: 50%;
    margin: -276px 0 0 -458px;
    background: #3C3100;
    text-align: center;
	display: none;
}
.feedback_input_frame {
	position: relative;
	width: 700px;
	margin: 0 auto 40px;
}
.feedback_input_frame.hidden {
    display: none;
}

.feedback_bg input, .feedback_bg textarea, .feedback_bg label {
    position: relative;
    height: 18px;
    padding: 12px 10px;
    color: #a99763;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    background: none;
    border: none;
    border-bottom: 1px dotted #a99763;
    width: 680px;
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
	display: block;
}
.feedback_bg label {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	display: none;
	background: #3C3100;
    border-color: #F00;
}
.feedback_bg textarea, .feedback_bg textarea+label {
    resize: none;
    height: 50px;
    border: 1px dotted #a99763;
}
::-webkit-input-placeholder {
    color: #a99763;
}
:-moz-placeholder {
    color: #a99763;
}
::-moz-placeholder {
    color: #a99763;
}
:-ms-input-placeholder {
    color: #a99763;
}
.feedback_sended {
    display: none;
    left: 10%;
    right: 10%;
    width: auto;
}
.feedback_sended>div {
    font-size: 17px;
    font-family: 'OranienbaumRegular', Georgia, "Times New Roman", Times, serif;
    color: #ECE5C2;
}
.send_btn {
    position: absolute;
    width: 107px;
    height: 106px;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
    background: url('../i/sprite.png?v6') -614px -341px;
}

.send_btn:after {
    content: '';
    position: absolute;
    width: 46px;
    height: 40px;
    top: 55px;
    right: 10px;
    background: url('../i/sprite.png?v6') -924px -341px;
}

.svg .send_btn, .svg .send_btn:after {
    background-image: url('../i/sprite.svg?v6');
}

.feedback_name {
    font-size: 14px;
    color: #f19300;
    line-height: 19px;
    margin: 0 auto 17px;
}
.feedback_name>div {
    font-size: 39px;
    line-height: 39px;
    text-transform: uppercase;
    margin-bottom:  10px;
}
.feedback_close {
    top: 20px;
    right: 20px;
	margin: 0;
    background-position: -924px -290px;
}


.sprite_cache {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
.gallery_popup_frame .g_s_area, .gallery_popup_frame .g_btn, .gallery_popup_frame .close_btn, .gallery_popup_frame .gallery_title_frame {
    z-index: 2;
}
.dates_search_result {
	position: absolute;
	top: 200px;
	left: 200px;
	color: #fff;
}


/* Стандартные стили */

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.tt-uppercase {
    text-transform: uppercase;
}

.svg .svg-bg {
    background-image: url('../i/sprite.svg?v6') !important;
}

.svg .svg-bg-before:before {
    background-image: url('../i/sprite.svg?v6') !important;
}

.svg .svg-bg-after:after {
    background-image: url('../i/sprite.svg?v6') !important;
}

/* конец Стандартные стили */

/* KEYFRAMES */

.down-up-animate{
    animation: downUpAnimation linear 1.2s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: downUpAnimation linear 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: downUpAnimation linear 1.2s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: downUpAnimation linear 1.2s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: downUpAnimation linear 1.2s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

@keyframes downUpAnimation{
    0% {
        transform:  translate(0px,0px)  ;
    }
    50% {
        transform:  translate(0px,20px)  ;
    }
    100% {
        transform:  translate(0px,0px)  ;
    }
}

@-moz-keyframes downUpAnimation{
    0% {
        -moz-transform:  translate(0px,0px)  ;
    }
    50% {
        -moz-transform:  translate(0px,20px)  ;
    }
    100% {
        -moz-transform:  translate(0px,0px)  ;
    }
}

@-webkit-keyframes downUpAnimation {
    0% {
        -webkit-transform:  translate(0px,0px)  ;
    }
    50% {
        -webkit-transform:  translate(0px,20px)  ;
    }
    100% {
        -webkit-transform:  translate(0px,0px)  ;
    }
}

@-o-keyframes downUpAnimation {
    0% {
        -o-transform:  translate(0px,0px)  ;
    }
    50% {
        -o-transform:  translate(0px,20px)  ;
    }
    100% {
        -o-transform:  translate(0px,0px)  ;
    }
}

@-ms-keyframes downUpAnimation {
    0% {
        -ms-transform:  translate(0px,0px)  ;
    }
    50% {
        -ms-transform:  translate(0px,20px)  ;
    }
    100% {
        -ms-transform:  translate(0px,0px)  ;
    }
}

.up-down-animate{
    animation: upDownAnimation linear 1.2s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: upDownAnimation linear 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: upDownAnimation linear 1.2s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: upDownAnimation linear 1.2s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: upDownAnimation linear 1.2s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

@keyframes upDownAnimation{
    0% {
        transform:  translate(0px,0px)  ;
    }
    50% {
        transform:  translate(0px,-20px)  ;
    }
    100% {
        transform:  translate(0px,0px)  ;
    }
}

@-moz-keyframes upDownAnimation{
    0% {
        -moz-transform:  translate(0px,0px)  ;
    }
    50% {
        -moz-transform:  translate(0px,-20px)  ;
    }
    100% {
        -moz-transform:  translate(0px,0px)  ;
    }
}

@-webkit-keyframes upDownAnimation {
    0% {
        -webkit-transform:  translate(0px,0px)  ;
    }
    50% {
        -webkit-transform:  translate(0px,-20px)  ;
    }
    100% {
        -webkit-transform:  translate(0px,0px)  ;
    }
}

@-o-keyframes upDownAnimation {
    0% {
        -o-transform:  translate(0px,0px)  ;
    }
    50% {
        -o-transform:  translate(0px,-20px)  ;
    }
    100% {
        -o-transform:  translate(0px,0px)  ;
    }
}

@-ms-keyframes upDownAnimation {
    0% {
        -ms-transform:  translate(0px,0px)  ;
    }
    50% {
        -ms-transform:  translate(0px,-20px)  ;
    }
    100% {
        -ms-transform:  translate(0px,0px)  ;
    }
}



.right-left-animate {
    animation: rightLeftAnimation linear 1.2s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: rightLeftAnimation linear 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: rightLeftAnimation linear 1.2s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: rightLeftAnimation linear 1.2s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: rightLeftAnimation linear 1.2s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

@keyframes rightLeftAnimation{
    0% {
        transform:  translate(0px,0px)  ;
    }
    50% {
        transform:  translate(20px,0px)  ;
    }
    100% {
        transform:  translate(0px,0px)  ;
    }
}

@-moz-keyframes rightLeftAnimation{
    0% {
        -moz-transform:  translate(0px,0px)  ;
    }
    50% {
        -moz-transform:  translate(20px,0px)  ;
    }
    100% {
        -moz-transform:  translate(0px,0px)  ;
    }
}

@-webkit-keyframes rightLeftAnimation {
    0% {
        -webkit-transform:  translate(0px,0px)  ;
    }
    50% {
        -webkit-transform:  translate(20px,0px)  ;
    }
    100% {
        -webkit-transform:  translate(0px,0px)  ;
    }
}

@-o-keyframes rightLeftAnimation {
    0% {
        -o-transform:  translate(0px,0px)  ;
    }
    50% {
        -o-transform:  translate(20px,0px)  ;
    }
    100% {
        -o-transform:  translate(0px,0px)  ;
    }
}

@-ms-keyframes rightLeftAnimation {
    0% {
        -ms-transform:  translate(0px,0px)  ;
    }
    50% {
        -ms-transform:  translate(20px,0px)  ;
    }
    100% {
        -ms-transform:  translate(0px,0px)  ;
    }
}


.left-right-animate {
    animation: leftRightAnimation linear 1.2s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: leftRightAnimation linear 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: leftRightAnimation linear 1.2s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: leftRightAnimation linear 1.2s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: leftRightAnimation linear 1.2s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

@keyframes leftRightAnimation{
    0% {
        transform:  translate(0px,0px)  ;
    }
    50% {
        transform:  translate(-20px,0px)  ;
    }
    100% {
        transform:  translate(0px,0px)  ;
    }
}

@-moz-keyframes leftRightAnimation{
    0% {
        -moz-transform:  translate(0px,0px)  ;
    }
    50% {
        -moz-transform:  translate(-20px,0px)  ;
    }
    100% {
        -moz-transform:  translate(0px,0px)  ;
    }
}

@-webkit-keyframes leftRightAnimation {
    0% {
        -webkit-transform:  translate(0px,0px)  ;
    }
    50% {
        -webkit-transform:  translate(-20px,0px)  ;
    }
    100% {
        -webkit-transform:  translate(0px,0px)  ;
    }
}

@-o-keyframes leftRightAnimation {
    0% {
        -o-transform:  translate(0px,0px)  ;
    }
    50% {
        -o-transform:  translate(-20px,0px)  ;
    }
    100% {
        -o-transform:  translate(0px,0px)  ;
    }
}

@-ms-keyframes leftRightAnimation {
    0% {
        -ms-transform:  translate(0px,0px)  ;
    }
    50% {
        -ms-transform:  translate(-20px,0px)  ;
    }
    100% {
        -ms-transform:  translate(0px,0px)  ;
    }
}


@keyframes colorDarkBrownToCream{
    0% {
        color: #3c3100;
    }
    40% {
        color: #3c3100;
    }
    50% {
        color: #ece5c2;
    }
    90% {
        color: #ece5c2;
    }
    100% {
        color: #3c3100;
    }
}

@-moz-keyframes colorDarkBrownToCream{
    0% {
        color: #3c3100;
    }
    40% {
        color: #3c3100;
    }
    50% {
        color: #ece5c2;
    }
    90% {
        color: #ece5c2;
    }
    100% {
        color: #3c3100;
    }
}

@-webkit-keyframes colorDarkBrownToCream {
    0% {
        color: #3c3100;
    }
    40% {
        color: #3c3100;
    }
    50% {
        color: #ece5c2;
    }
    90% {
        color: #ece5c2;
    }
    100% {
        color: #3c3100;
    }
}

@-o-keyframes colorDarkBrownToCream {
    0% {
        color: #3c3100;
    }
    40% {
        color: #3c3100;
    }
    50% {
        color: #ece5c2;
    }
    90% {
        color: #ece5c2;
    }
    100% {
        color: #3c3100;
    }
}

@-ms-keyframes colorDarkBrownToCream {
    0% {
        color: #3c3100;
    }
    40% {
        color: #3c3100;
    }
    50% {
        color: #ece5c2;
    }
    90% {
        color: #ece5c2;
    }
    100% {
        color: #3c3100;
    }
}

@keyframes colorCreamToWhite{
    0% {
        color: #ece5c2;
    }
    40% {
        color: #ece5c2;
    }
    50% {
        color: #ffffff;
    }
    90% {
        color: #ffffff;
    }
    100% {
        color: #ece5c2;
    }
}

@-moz-keyframes colorCreamToWhite{
    0% {
        color: #ece5c2;
    }
    40% {
        color: #ece5c2;
    }
    50% {
        color: #ffffff;
    }
    90% {
        color: #ffffff;
    }
    100% {
        color: #ece5c2;
    }
}

@-webkit-keyframes colorCreamToWhite {
    0% {
        color: #ece5c2;
    }
    40% {
        color: #ece5c2;
    }
    50% {
        color: #ffffff;
    }
    90% {
        color: #ffffff;
    }
    100% {
        color: #ece5c2;
    }
}

@-o-keyframes colorCreamToWhite {
    0% {
        color: #ece5c2;
    }
    40% {
        color: #ece5c2;
    }
    50% {
        color: #ffffff;
    }
    90% {
        color: #ffffff;
    }
    100% {
        color: #ece5c2;
    }
}

@-ms-keyframes colorCreamToWhite {
    0% {
        color: #ece5c2;
    }
    40% {
        color: #ece5c2;
    }
    50% {
        color: #ffffff;
    }
    90% {
        color: #ffffff;
    }
    100% {
        color: #ece5c2;
    }
}


/* конец KEYFRAMES */



/* MEDIA QUERIES */

@media only screen and (max-height: 840px) {

    .resale__text-title h1 { 
        font-size: 36px; 
    }

    .menu__link {
        padding: 10px 0 8px;
        font-size: 26px;
    }

    .right-submenu__item-inner-title>span {
        font-size: 26px;
    }

    .right-submenu__item-title {
        font-size: 24px;
    }

    .right-submenu__item-inner-text {
        margin-top: 25px;
    }

    .right-submenu__item-inner-more:after {
        margin-top: 5px;
    }

    .right-submenu__item-inner-more {
        margin-top: 5px;
    }

    /*.right-submenu__item-inner-text-content {*/
        /*display: none;*/
    /*}*/

    .contacts .logo, .plans .logo {
        display: none;
    }

    .korpus__info-center {
        margin-top: -50px;
    }

    .korpus__info-item {
        margin: 15px 0 0;
        font-size: 11px;
    }

    .korpus__info-item>.val {
        width: 48px;
        height: 48px;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px;
        font-size: 19px;
        line-height: 48px;
    }

    .korpus__info-arrow {
        top: 16px;
    }

    .about_frame .pointer-bottom {
        display: none;
    }

    .advantages__item-title {
        font-size: 17px;
    }

    .advantages__item-text, .news__item-text, .news__item-more {
        font-size: 14px;
    }

    .infrastructure__advantages-button {
        display: none;
    }

}

@media only screen and (max-height: 800px), only screen and (max-width: 1400px) {

    .construction__title, .gallery__title {
        font-size: 65px;
    }

    .home__slogan-title {
        font-size: 60px;
    }

    .home__slogan-text {
        font-size: 19px;
    }

    .about__title, .news__title>span {
        font-size: 45px;
    }

    .about__text {
        font-size: 13px;
     }

    .news__item-date {
        font-size: 15px;
    }

    .news__item-title {
        font-size: 24px;
    }

    .news__item-text {
        font-size: 13px;
    }

}

@media only screen and (max-width: 1750px) {
    .resale_items  th, .resale_items td {
        padding: 1vh;
    }

}

@media only screen and (max-width: 1650px) {

    .resale__right-item>.val {
        font-size: 2.8rem;
    }
}

@media only screen and (max-width: 1550px) {

    .around__point {
        width: 100px;
        font-size: 13px;
    }

    .korpus .footer__right {
        right: -75px;
    }
    
    .resale__right-item>.val {
        font-size: 2.5rem;
    }

}

@media only screen and (max-width: 1450px) {
    .resale_items  th, .resale_items td {
        padding: 1vh 0.5vh;
    }

}

@media only screen and (max-width: 1350px) {

    .resale__right-item>.val {
        font-size: 2rem;
    }
    .footer__center {
        margin-left: -88px;
    }

    .footer__phone {
        font-size: 30px;
    }

    .plans__title {
        font-size: 35px;
    }

    .around__point {
        width: 90px;
    }

    .around__points-left {
        right: 50%;
    }

    .around__points-right {
        left: 50%;
    }

}


.cams_btn, .vtour_btn, .offers_btn, .plans_offers_btn {
    bottom: 70px;
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 140px;
    width: 50px;
}

.vtour_btn {
    right: 230px;
}

.offers_btn {
    bottom: 150px;
    right: 185px;
}

.plans_offers_btn {
    top: 80px;
    right: 185px;
    bottom: auto;
}

.cams_btn:before, .vtour_btn:before, .offers_btn:before, .plans_offers_btn:before {
    background-color: transparent;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    width: 100%;
}

.offers_btn:before, .plans_offers_btn:before {
    background-color: #ed1c24;
    border: 0;
}

.plans_offers_btn:before {
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
}

.cams_btn:hover:before, .vtour_btn:hover:before, .offers_btn:hover:before, .plans_offers_btn:hover:before {
    background-color: #4f4e46;
    border-color: transparent;
}

.cams_btn:after {
    background: url('../i/sprite.png?v6') no-repeat -53px -650px;
    content: '';
    display: block;
    height: 29px;
    left: 50%;
    margin: -14.5px -16.5px;
    position: absolute;
    top: 50%;
    width: 33px;
}

.vtour_btn:after {
    content: '';
    position: absolute;
    width: 23px;
    height: 36px;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -11px;
    background: url('../i/sprite.png?v6') -446px -193px;
}

.offers_btn:after {
    background: url('../i/sprite.png?v6') no-repeat -98px -650px;
    content: '';
    display: block;
    height: 29px;
    left: 50%;
    margin: -14.5px -16.5px;
    position: absolute;
    top: 50%;
    width: 33px;
}

.plans_offers_btn:after {
    content: '';
    position: absolute;
    width: 34px;
    height: 35px;
    top: 50%;
    left: 50%;
    margin: -17.5px 0 0 -16px;
    background: url('../i/sprite.svg?v6') -923px -440px;
}

.cams_btn>span, .vtour_btn>span, .offers_btn>span, .plans_offers_btn>span {
    display: block;
    font-family: "PTSans", Helvetica, Arial, sans-serif;
    font-size: 11px;
    left: 50%;
    line-height: 1em;
    margin-top: 1.5em;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    top: 100%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.plans_offers_btn>span {
    margin-top: 2em;
}

.favorites__button {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 33px;
    left: 160px;
    z-index: 10;
    cursor: pointer;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
}

.favorites__button:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    top: 50%;
    left: 50%;
    margin: -22.5px 0 0 -22.5px;
    background-color: #a99763;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.favorites__button:hover:before {
    background-color: #4F4E46;
}

.favorites__button:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.favorites__button-count {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 23px;
    color: #FFFFFF;
}

.favorites__button > span {
    position: absolute;
    top: 50%;
    left: 100%;
    padding-left: 25px;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}