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



html{
    font-size: 10px;
}
picture{
	pointer-events:none !important;
}
body, html{
    font-family: 'Roboto', sans-serif;
    height:100%;
    width:100%;
    position: relative;
    min-width: 1006px;
    min-height:550px;
    color:#242424;
}
.main_h1{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
	opacity: 0;
}
.noscroll{
    overflow: overlay;

}
.swiper-button-next:after, .swiper-button-prev:after{
	display:none;
}

.swiper-slide-cover{
	background-size:cover!important;
}
img{
	border:none;
}
.swiper-slide-cover{
	background-size: cover!important;
}
.title {
    position: absolute;
    top: 0;
    opacity: 0;
    pointer-events: none;
}
*{
    box-sizing: border-box;
    font-weight: normal;
    margin:0;
    padding: 0;
    text-decoration: none;
}
b{
	font-weight: bold;;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity:0!important;
}
body .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
	background: #e9eaec;
}
body .contacts_wrap .mCSB_scrollTools .mCSB_draggerRail{
	background: #fff;
	opacity: 0.2;

}
body .mCSB_scrollTools .mCSB_dragger {
    background: #3c445c;
    width: 5px;
    margin: auto;
    left: 0;
    right: 0;
}
body .contacts_wrap .mCSB_scrollTools .mCSB_dragger{
	background: #ebc334;
}
body .mCSB_scrollTools {
    width: 8px;
}
*:focus{
	outline: none;
}
svg a{
	cursor: pointer;
}
input::-webkit-input-placeholder       {opacity: 1; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
input::-moz-placeholder                {opacity: 1; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
input:-moz-placeholder                 {opacity: 1; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
input:-ms-input-placeholder            {opacity: 1; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
input:focus::-webkit-input-placeholder {opacity: 0; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
input:focus::-moz-placeholder          {opacity: 0; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
input:focus:-moz-placeholder           {opacity: 0; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
input:focus:-ms-input-placeholder      {opacity: 0; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}

input:focus{
	outline: none;
}

textarea::-webkit-input-placeholder       {font-family: 'Roboto', sans-serif;opacity: 1; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
textarea::-moz-placeholder                {font-family: 'Roboto', sans-serif;opacity: 1; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
textarea:-moz-placeholder                 {font-family: 'Roboto', sans-serif;opacity: 1; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
textarea:-ms-input-placeholder            {font-family: 'Roboto', sans-serif;opacity: 1; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
textarea:focus::-webkit-input-placeholder {font-family: 'Roboto', sans-serif;opacity: 0; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
textarea:focus::-moz-placeholder          {font-family: 'Roboto', sans-serif;opacity: 0; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
textarea:focus:-moz-placeholder           {font-family: 'Roboto', sans-serif;opacity: 0; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}
textarea:focus:-ms-input-placeholder      {font-family: 'Roboto', sans-serif;opacity: 0; color: #000; font-size: 1.6rem; transition: opacity 0.3s ease;text-transform: uppercase;}

.contaniner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#change_page {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
#change_page.change_page_show, #change_page_2.change_page_show {
    z-index: 1;
    opacity: 1;
}

/* =================================
/*  LINES
================================= */
.lines_wrap{
	position: absolute;
	/*opacity: 0.4;*/
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
	pointer-events: none;
  z-index: 1;
}
.hb_wrap .lines_wrap,
.gallery_wrap .lines_wrap{
	opacity: 0.4;
}

.main_page .lines_wrap{
	opacity: 1;
}
.line_1_wr{
    width: 12.8rem;
    position: absolute;
    transform: rotate(42deg);
    top: 25rem;
    left: 5%;
}
.main_page .line_1_wr{
	opacity: 1;
}
.line_1,.line_1_1{
    display: block;
    transform: translateX(-217%);
    width: 100%;
	transition: all 3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_1{
    transform: translateX(71%);
}
.preloader_wrap .line_1,
.preloader_wrap .line_1_1,
.preloader_wrap .line_2,
.preloader_wrap .line_2_1,
.preloader_wrap .line_3,
.preloader_wrap .line_3_1,
.preloader_wrap .line_4,
.preloader_wrap .line_4_1,
.preloader_wrap .line_5,
.preloader_wrap .line_5_1,
.preloader_wrap .line_6,
.preloader_wrap .line_6_1,
.preloader_wrap .line_7,
.preloader_wrap .line_7_1,
.preloader_wrap .line_8,
.preloader_wrap .line_8_1,
.preloader_wrap .line_9,
.preloader_wrap .line_9_1,
.preloader_wrap .line_10,
.preloader_wrap .line_10_1,
.preloader_wrap .line_11,
.preloader_wrap .line_11_1{
	transition: 0s all 3s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.preloader_run .preloader_wrap .line_1{
	opacity: 1;
    transform: translateX(71%);
    transition: all 3s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_1_1{
    transform: translateX(-20%);
    transition: 2s all 1s cubic-bezier(.19,1,.22,1);
}
.preloader_run .preloader_wrap .line_1_1{
	opacity: 1;
	transform: translateX(71%);
    transition: 2s all 1s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.line_2_wr{
width: 19.3rem;
    position: absolute;
    transform: rotate(42deg);
    top: 16rem;
    left: -5%;
    opacity: 1;
}
.line_2,.line_2_1{
    display: block;
    transform: translateX(-70%);
    width: 100%;
	transition: 3s all .1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_2{
    transform: translateX(234%);
}
.preloader_run .preloader_wrap .line_2{
	opacity: 1;
    transform: translateX(71%);
    transition: 3s all .1s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_2_1{
    transform: translateX(1%);
    transition: 2s all 1s cubic-bezier(.19,1,.22,1);
}
.preloader_run .preloader_wrap .line_2_1{
	opacity: 1;
	transform: translateX(71%);
	transform: translateX(671%);
    transition: 2s all 1s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}

.line_3_wr{
width: 42.9rem;
    position: absolute;
    transform: rotate(42deg);
    top: 41rem;
    left: 11%;
    opacity: 1;

}
.line_3,.line_3_1{
    display: block;
    transform: translateX(-200%);
    width: 100%;
	transition: 3s all .2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_3{
    transform: translateX(236%);
}
.preloader_run .preloader_wrap .line_3{
	opacity: 1;
    transform: translateX(81%);
    transform: translateX(281%);
    transition: 3s all .2s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_3_1{
    transform: translateX(-8%);
    transition: 2s all 1.1s cubic-bezier(.19,1,.22,1);
}
.preloader_run .preloader_wrap .line_3_1{
	opacity: 1;
	transform: translateX(81%);
	transform: translateX(281%);
    transition: 2s all 1.1s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.line_4_wr{
    width: 88rem;
    position: absolute;
    transform: rotate(42deg);
    top: 24.2rem;
    left: -21%;
    opacity: 1;
}
.line_4,.line_4_1{
    display: block;
    transform: translateX(-75%);
    width: 100%;
	transition: 3s all .2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_4{
    transform: translateX(174%);
}
.preloader_run .preloader_wrap .line_4{
	opacity: 1;
    transform: translateX(71%);
    transition: 3s all .2s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_4_1{
    transform: translateX(0%);
    transition: 2s all 1.2s cubic-bezier(.19,1,.22,1);
}
.preloader_run .preloader_wrap .line_4_1{
	opacity: 1;
	transform: translateX(71%);
    transition: 2s all 1.2s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.line_5_wr{
    width: 46.5rem;
    position: absolute;
    transform: rotate(42deg);
	top: 39rem;
    left: -17%;
    opacity: 1;
}
.main_page .line_5_wr{
    top: 22rem;
}
.line_5,.line_5_1{
    display: block;
    transform: translateX(-45%);
    width: 100%;
	transition: 3s all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_5{
    transform: translateX(0%);
}
.preloader_run .preloader_wrap .line_5{
	opacity: 1;
    transform: translateX(271%);
    transition: 3s all .3s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_5_1{
    transform: translateX(270%);
    transition: 2s all 1.3s cubic-bezier(.19,1,.22,1);
}
.preloader_run .preloader_wrap .line_5_1{
	opacity: 1;
	transform: translateX(271%);
    transition: 2s all 1.3s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}

.line_6_wr{
width: 51.7rem;
    position: absolute;
    transform: rotate(42deg);
    top: 57rem;
    left: 2%;
}
.main_page .line_6_wr{
	opacity: 1;
}
.line_6,.line_6_1{
    display: block;
    transform: translateX(-131%);
    width: 100%;
	transition: 3s all .3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_6{
    transform: translateX(162%);
}
.preloader_run .preloader_wrap .line_6{
	opacity: 1;
    transform: translateX(71%);
    transform: translateX(171%);
    transition: 3s all .3s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_6_1{
    transform: translateX(4%);
    transition: 2s all 1.4s cubic-bezier(.19,1,.22,1);
}
.preloader_run .preloader_wrap .line_6_1{
	opacity: 1;
	transform: translateX(71%);
	transform: translateX(171%);
    transition: 2s all 1.4s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.line_7_wr{
    width: 36.3rem;
    position: absolute;
    transform: rotate(-138deg);
    top: 49rem;
    left: -8%;
    z-index: 5;
}
.line_7, .line_7_1{
    display: block;
    transform: translateX(-235%);
    width: 100%;
	transition: 3s all .4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_7{
    transform: translateX(71%);
}

.show_page_anim .line_7_1{
    transform: translateX(-235%);
    transition: 2s all 1.5s cubic-bezier(.19,1,.22,1);
}
.preloader_run .preloader_wrap .line_7{
	opacity: 1;
    transform: translateX(71%);
    transition: 3s all 1.5s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_page .line_7_1 {
    transform: translateX(-8%);
}
.preloader_run .preloader_wrap .line_7_1{
	opacity: 1;
	transform: translateX(75%);
    transition: 2s all .4s cubic-bezier(.19,1,.22,1), opacity 0s cubic-bezier(.19,1,.22,1);
}
.line_8_wr{
    width: 29.9rem;
    position: absolute;
    transform: rotate(42deg);
    top: 57rem;
    left: 12%;
    opacity: 1;
}
.line_8,.line_8_1{
    display: block;
    transform: translateX(241%);
    width: 100%;
	transition: 3s all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_8{
    transform: translateX(-290%);
}
.show_page_anim .line_8_1{
    transform: translateX(0%);
    transition: 2s all 1.5s cubic-bezier(.19,1,.22,1);
}
.line_9_wr{
    width: 19.4rem;
    position: absolute;
    transform: rotate(42deg);
    top: 64rem;
    left: -1%;
    opacity: 1;
    z-index: 2;
}
.line_9,.line_9_1{
    display: block;
    transform: translateX(-120%);
    width: 100%;
	transition: 3s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_9{
    transform: translateX(0%);
}
.show_page_anim .line_9_1{
    transform: translateX(0%);
    transition: 4s all 1.5s cubic-bezier(.19,1,.22,1);
}
.line_10_wr{
    width: 20.2rem;
    position: absolute;
    transform: rotate(42deg);
    top: 67rem;
    left: 9%;
}
.line_10,.line_10_1{
    display: block;
    transform: translateX(-243%);
    width: 100%;
	transition: 3s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_10{
    transform: translateX(71%);
}
.show_page_anim .line_10_1{
    transform: translateX(0%);
    transition: 4s all 1.2s cubic-bezier(.19,1,.22,1);
}
.line_11_wr{
    width: 116.2rem;
    position: absolute;
    transform: rotate(42deg);
    top: 24rem;
    left: -36%;
    z-index: 1;
    /*opacity: 0.6;*/
}
.line_11,.line_11_1{
    display: block;
    transform: translateX(-135%);
    width: 100%;
	transition: 3s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_11{
    transform: translateX(71%);
}
.show_page_anim .line_11_1{
    transform: translateX(-86%);
    transition: 4s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_11_1 {
    transform: translateX(0%);
}

.line_top_1_wr{
width: 151.1rem;
    position: absolute;
    transform: rotate(42deg);
    top: 39rem;
    left: 79.5%;
    opacity: 0.2;
}
.line_top_1,.line_top_1_1{
    display: block;
    transform: translateX(-110%);
    width: 100%;
	transition: all 3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_top_1{
    transform: translateX(71%);
}
.show_page_anim .line_top_1_1{
    transform: translateX(-75%);
    transition: 4s all 1.1s cubic-bezier(.19,1,.22,1);
}
.line_top_2_wr{
width: 151.1rem;
    position: absolute;
    transform: rotate(42deg);
    top: 27.5rem;
    left: 79.5%;
    opacity: 0.2;
}
.line_top_2,.line_top_2_1{
    display: block;
    transform: translateX(-100%);
    width: 100%;
	transition: 3s all .1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_top_2{
    transform: translateX(71%);
}
.show_page_anim .line_top_2_1{
    transform: translateX(-75%);
    transition: 4s all 1s cubic-bezier(.19,1,.22,1);
}
.line_top_3_wr{
width: 151.1rem;
    position: absolute;
    transform: rotate(42deg);
    top: 42.5rem;
    left: 79.5%;
}
.line_top_3,.line_top_3_1{
    display: block;
    transform: translateX(-100%);
    width: 100%;
	transition: 3s all .2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_top_3{
    transform: translateX(71%);
}
.show_page_anim .line_top_3_1{
    transform: translateX(-75%);
    transition: 4s all 1.5s cubic-bezier(.19,1,.22,1);
}
.line_top_4_wr{
width: 151.1rem;
    position: absolute;
    transform: rotate(42deg);
    top: 52.5rem;
    left: 79.5%;
    opacity: 0.2;
}
.line_top_4,.line_top_4_1{
    display: block;
    transform: translateX(-110%);
    width: 100%;
	transition: 3s all .2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_top_4{
    transform: translateX(71%);
}
.show_page_anim .line_top_4_1{
    transform: translateX(-93%);
    transition: 4s all 1.6s cubic-bezier(.19,1,.22,1);
}
.line_top_5_wr{
width: 151.1rem;
    position: absolute;
    transform: rotate(42deg);
    top: 55.5rem;
    left: 79.5%;
    opacity: 0.2;
}
.line_top_5,.line_top_5_1{
    display: block;
    transform: translateX(-110%);
    width: 100%;
	transition: 2s all .2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_top_5{
    transform: translateX(71%);
}
.show_page_anim .line_top_5_1{
    transform: translateX(-88%);
    transition: 4s all 1.7s cubic-bezier(.19,1,.22,1);
}
.line_top_6_wr{
width: 151.1rem;
    position: absolute;
    transform: rotate(42deg);
    top: 76.5rem;
    left: 79.5%;
    opacity: 0.2;
}
.line_top_6,.line_top_6_1{
    display: block;
    transform: translateX(-130%);
    width: 100%;
	transition: 4s all .2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_top_6{
    transform: translateX(71%);
}
.show_page_anim .line_top_6_1{
    transform: translateX(-95%);
    transition: 4s all 1.7s cubic-bezier(.19,1,.22,1);
}
.line_12_wr {
    width: 56.3rem;
    position: absolute;
    transform: rotate(42deg);
    top: 58rem;
    left: -16%;
    z-index: 1;
    opacity: 1;
}
.line_12_, .line_12_1_ {
    display: block;
    transform: translateX(-135%);
    width: 100%;
    transition: 3s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_12_1_ {
    transform: translateX(155%);
    transition: 4s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_12_ {
    transform: translateX(0%);
}
.line_13_wr {
    width: 56.3rem;
    position: absolute;
    transform: rotate(42deg);
    top: 72rem;
    left: -13%;
    z-index: 1;
    opacity: 1;
}
.line_13_ {
    display: block;
    transform: translateX(-135%);
    width: 100%;
    transition: 3s all 0.2s cubic-bezier(.19,1,.22,1);
}
.line_13_1_ {
    transform: translateX(-91%);
    transition: 4s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_13_1_ {
    transform: translateX(155%);
    transition: 4s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_13_ {
    transform: translateX(0%);
}
.line_14_wr {
    width: 44.2rem;
    position: absolute;
    transform: rotate(42deg);
    top: 64rem;
    left: -17%;
    z-index: 1;
    opacity: 1;
}
.line_14_, .line_14_1_ {
    display: block;
    transform: translateX(-135%);
    width: 100%;
    transition: 3s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_14_1_ {
    transform: translateX(200%);
    transition: 4s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_14_ {
    transform: translateX(0%);
}
.line_15_wr {
    width: 44.2rem;
    position: absolute;
    transform: rotate(42deg);
    top: 75rem;
    left: -14%;
    z-index: 1;
    opacity: 1;
}
.line_15_, .line_15_1_ {
    display: block;
    transform: translateX(-135%);
    width: 100%;
    transition: 3s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_15_1_ {
    transform: translateX(155%);
    transition: 4s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_15_ {
    transform: translateX(0%);
}
.line_16_wr {
    width: 44.2rem;
    position: absolute;
    transform: rotate(42deg);
    top: 82rem;
    left: -12%;
    z-index: 1;
    opacity: 1;
}
.line_16_, .line_16_1_ {
    display: block;
    transform: translateX(-135%);
    width: 100%;
    transition: 3s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_16_1_ {
    transform: translateX(155%);
    transition: 4s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_16_ {
    transform: translateX(0%);
}
/* =================================
/*  PRELOADER
================================= */
.preloader_wrap{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width:100%;
	height: 100%;
	display: flex;
	z-index: 10;
    pointer-events: none;
    transition: 0s all .5s cubic-bezier(.19,1,.22,1), background .9s cubic-bezier(.19,1,.22,1);
}
.preloader_wrap_hide {
    opacity: 0;
}
.preloader_run .preloader_wrap{
    background: rgba(30, 38, 60, 0.65);
    background: #fff;
	pointer-events: auto;
}





/* =================================
/* END PRELOADER
================================= */

/* =================================
/* HEADER
================================= */
header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    /*transform: translateY(-100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);*/
}
.show_page_anim .header {
  /*transform: translateY(0);
  transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);*/
}
.gallery_wrap  header,
.map_wrap  header,
.flats_wrap  header,
.contacts_page  header {
    background: rgba(23, 33, 46, 0.95);
}
.shadow_logo{
	position: absolute;
	top: 0;
	left: 0;
	width:61.9rem;
	pointer-events: none;
    z-index: 1;
    background-image: url(/public/img/shadow_logo.png);
    background-size: auto;
    height: 55.8rem;
}

.menu_left{
    position: absolute;
    top: 1.1rem;
    top: 0;
    left: 0;
    left: 3.2rem;
    display: flex;
    z-index: 1;
}
.shadow_menu{

    position: absolute;
    top: 0;
    top: -9rem;
    top: -14rem;
    left: 0;
    height: 35.5rem;
    pointer-events: none;
    opacity: 1;
	
}

.menu_open .menu_left {
  z-index: 2;
}
.menu_left_mini{
	align-items: center;
	top: 2.1rem;
}
.menu_logo_link{
    display: inline-block;
    z-index: 3;
    position: relative;
	margin-top: 1.1rem;
    opacity: 0;
    transform: translateY(-7rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_logo_link {
  opacity: 1;
  transform: translateY(0);
	transition: .9s  all 0.4s cubic-bezier(.19,1,.22,1);

}
.menu_left_mini .menu_logo_link{
	display:none;
}
.menu_logo_link_mini{
    display: inline-block;
    z-index: 3;
    position: relative;
    display: none;
    opacity: 0;
    transform: translateY(-7rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_left_mini .menu_logo_link_mini{
    display: inline-block;
}
.show_page_anim .menu_logo_link_mini {
  opacity: 1;
  transform: translateY(0);
    transition: .9s  all 0.4s cubic-bezier(.19,1,.22,1);

}
.menu_logo{
 	width: 21.1rem;
 	width: 13.6rem;
    display: block;
    
    
}
.menu_logo_mini{
 	width: 31.5rem;
    display: block;
}
.menu_cont{
    display: flex;
    /*align-items: end;*/
    margin-left: 4.6rem;
    height: 4.7rem;
    margin-top: 5.3rem;
}

.menu_left_mini .menu_cont{
    margin-top: 0;
}
.menu_mid{
	height: 50rem;
    position: relative;
    overflow: hidden;
    pointer-events: none;
	transform: translateX(-1.5rem);
  	transition: .9s overflow 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_mid_cont{
	display: flex;
    /*justify-content: space-between;*/
    position: relative;
    height: 100%;
	transform: translateX(-100%);
  	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_open .menu_mid_cont{
	transform: translateX(0%);

}
.menu_ul,
.main_page .menu_ul{
	position: relative;
	    height:4.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #264646;
	pointer-events: auto;
	  opacity: 0;
	  transform: translateY(-7rem);
	  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.show_page_anim .menu_ul {
  opacity: 1;
  transform: translateY(0);
  transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.main_page .menu_ul:first-child{
	padding-left: 1.5rem;
}

.menu_ul:first-child{
	border-top-left-radius: 10px;
    overflow: hidden;
}
.menu_ul:last-child{
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.menu_ul_menu{
	position: relative;
padding: 0 1.5rem;
	height: 100%;
	z-index: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: translateY(-7rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_ul_menu {
  opacity: 1;
  transform: translateY(0);
  transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.menu_ul_menu path{
  	transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.menu_ul_menu:hover path{
	fill: #6DBB91;
}
.menu_open .menu_ul_menu path{
    fill: #6DBB91;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_ul_menu_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}
.menu_ul_menu_bg path,
.menu_ul_menu_bg_open path{
  	transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.menu_ul:first-child:hover path,
.menu_ul:last-child:hover path{
	fill:#6DBB91;
}
.menu_ul_menu_bg_open{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	opacity:0;
  	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_open .menu_ul_menu_bg_open{
	opacity:1;
}
.menu_a_menu{
color: #fff;
    font-size: 1.8rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    position: relative;
    height: 100%;
    text-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_line_wr{
    position: relative;
    margin-right: 1rem;

    height: 1.4rem;
    height: 14px;
    width: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.menu_line{
	width:100%;
	height: 2px;
	background: #fff;
    opacity: 1;
    transform: translateX(0);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn_wr:hover .menu_line{
	background:#fff;
}
.menu_line:nth-child(3){
	margin-bottom:0;
}
.menu_open .menu_line_1{
    opacity: 0;
    transform: translateX(100%);
}
.menu_open .menu_line_2{
	opacity: 0;
    transform: translateX(-100%);
}
.menu_open .menu_line_3{
	opacity: 0;
    transform: translateX(100%);
}
.menu_line_close_1{
    position: absolute;
    top: 0.6rem;
    left: -0.2rem;
    transform: rotate(44deg);
    width: 117%;
    height: 2px;
}
.menu_line_close_1:after{
	content: '';
	position: absolute;
	background: #fff;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	opacity: 0;
    transform: translateX(-100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_open .menu_line_close_1:after{
	opacity: 1;
    transform: translateX(0%);
}
.menu_btn_wr:hover .menu_line_close_1:after{
	background:#151515;
}
.menu_line_close_2{
    position: absolute;
    top: 0.6rem;
    transform: rotate(-44deg);
    width: 118%;
    height: 2px;
    left: -0.2rem;
}
.menu_line_close_2:after{
	content: '';
	position: absolute;
	background: #fff;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	opacity: 0;
    transform: translateX(100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_open .menu_line_close_2:after{
	opacity: 1;
    transform: translateX(0%);
    transition: .9s all 0.1s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn_wr:hover .menu_line_close_2:after{
	background:#151515;
}

.menu_a{
	color:#fff;
	font-size: 1.8rem;
	padding:0 1vw;
	text-transform: uppercase;
	display: flex;
	align-items: center;
    background: #264646;
	justify-content: center;
	position: relative;
	    z-index: 1;
    position: relative;
	height: 100%;
	    text-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_ul:hover .menu_a{
	background: #6DBB91;
}
.menu_ul:first-child .menu_a,
.menu_ul:last-child .menu_a{
	

}
.main_page .menu_ul:first-child .menu_a{
	background: #264646;
}
.main_page .menu_ul:first-child:hover .menu_a {
    background: #6DBB91;
}
.menu_a_active{

}
.menu_a_arrow{
    width: 1rem;
    margin-left: 0.5rem;
}

.menu_second_bg{
	position: absolute;
	top:100%;
	left: 0%;
	pointer-events: none;
}
.menu_ul:first-child .menu_second_bg {
    left: 1.5rem;
}
.menu_mid:hover .menu_second_bg{
	pointer-events: all;
}
.menu_second{
	position: relative;
	top:0%;
  background: transparent;
  left: 0%;
  pointer-events: none;
  opacity: 0;
    transform: translate(0%, -100%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.menu_mid:hover .menu_second{


}
.menu_ul:hover .menu_second{
	opacity: 1;
	pointer-events: auto;
	background: rgba(56, 56, 58, 0.95);
    transform: translate(0%, 0);
	transition: 0.9s all 0.1s cubic-bezier(.19,1,.22,1);
}
/*.menu_mid:hover  .menu_ul:nth-child(1) .menu_second{
	opacity: 1;
    transform: translateY(0%);
	transition: 0.9s all 0.1s cubic-bezier(.19,1,.22,1);
}
.menu_mid:hover .menu_ul:nth-child(2) .menu_second{
	opacity: 1;
    transform: translateY(0%);
	transition: 0.9s all 0.2s cubic-bezier(.19,1,.22,1);
}
.menu_mid:hover .menu_ul:nth-child(3) .menu_second{
	opacity: 1;
    transform: translateY(0%);
	transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
}
.menu_mid:hover .menu_ul:nth-child(4) .menu_second{
	opacity: 1;
    transform: translateY(0%);
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.menu_mid:hover .menu_ul:nth-child(5) .menu_second{
	opacity: 1;
    transform: translateY(0%);
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
} */
.menu_ul:nth-child(2) .menu_second,
.menu_ul:nth-child(4) .menu_second{
	white-space: nowrap;
}

.menu_second_ul{
	position: relative;
}
.menu_child{
    font-size: 1.5rem;
    min-width: 20rem;
    min-width: 18rem;
    color: #fff;
    background: #264646;
    padding: 1rem 2rem;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: 1;
    /* white-space: nowrap; */
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_child:hover{
	color:#fff;
	background: #6DBB91;
}
.menu_child_text{
	display: inline-block;
}
.menu_child_text:after{
content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(30, 39, 53, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    left: 0;
    top: 0%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.line_1_wr_menu{
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 50%;
    left: -7rem;
}
.line_1_menu{
display: block;
    transform: translateX(-47%);
    width: 100%;
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.menu_child:hover .line_1_menu {
    transform: translateX(100%);
}
.line_2_wr_menu{
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 50%;
    left: -9rem;
}
.line_2_menu{
display: block;
    transform: translateX(-47%);
    width: 100%;
    transition: 1s all .1s cubic-bezier(.19,1,.22,1);
}
.menu_child:hover .line_2_menu {
    transform: translateX(100%);
}
.line_3_wr_menu{
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 50%;
    left: -5rem;
}
.line_3_menu{
display: block;
    transform: translateX(-47%);
    width: 100%;
    transition: 1s all .2s cubic-bezier(.19,1,.22,1);
}
.menu_child:hover .line_3_menu {
    transform: translateX(100%);
}


.menu_right_wr {
    position: absolute;
    right: 4.4rem;
    top: 5rem;
       right: 3.7vw; 
    display: flex;
    justify-content: center;
    align-items: center;
   
    z-index: 1;
}
.menu_right{
	display: flex;
    justify-content: center;
    align-items: center;
     cursor: pointer;
     position: relative;
     width: 27.5rem;
    height: 8.4rem;
}
.menu_right_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.menu_tel_wr{
  position: relative;
	display: flex;
  height: 4rem;
  /* padding: 0 1rem;
  padding-left: 4rem; */
    align-items: center;

  transform: translateX(150%);
  transition:all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_tel_wr{
  transform: translateX(0rem);
  transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.menu_tel_ico {
  width: 4.2rem;
  height: 4.2rem;
  margin-right: 1.3rem;
}
.menu_tel_bg{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	pointer-events: none;
}
.gallery_wrap .menu_tel_bg,
.docs_wrap .menu_tel_bg,
.umovu_wrap .menu_tel_bg,
.flat_wrap  .menu_tel_bg,
.news_wrap .menu_tel_bg{
	opacity: 0;
}
.menu_tel_text_wr{
	/* display: flex;
	align-items: center; */
	height: auto;
}
.menu_tel_icon{
	width: 2.5rem;
	height: auto;
	position: relative;
    margin-right: 0.5rem;
}
.menu_tel{
    position: relative;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 2.6rem;
    text-align: center;
    color: #264646;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.2rem;
}
/* .menu_tel:before{
	content: '';
	position: absolute;
	right: calc(100% + 0.5rem);
width: 2.5rem;
	height: 100%;
	background: url(../img/icon_tel_mini.svg) no-repeat;
	background-size: contain;
	background-position: center;
} */
.menu_tel_text {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    text-align: center;
    color: #88B890;
}
.menu_tel_text::before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #88B890;
    font-weight: 500;
}
.lang_wr{
	    height: 3.7rem;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  margin-left: 1rem;

  padding: 0 1rem;
     padding: 1rem 0.5rem;

	cursor: pointer;
  z-index: 1;
	opacity:0;
	transform: translateY(-3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .lang_wr{
	opacity:1;
	transform: translateY(0rem);
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);

}
.lang_wr_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;


}
.lang_wr_bg:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px #fff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: -1;
}
.lang_wr:hover .lang_wr_bg:after,
.lang_wrap_open .lang_wr_bg:after{
    box-shadow: inset 0 0 0 3rem #f9cb0c;
}
.lang_active{
	color:#fff;
	font-size: 1.9rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wr:hover .lang_active,
.lang_wrap_open .lang_active{
	color:#20070a;

}
.lang_arrow{
	width:1.4rem;
	margin-left: 1rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wrap_open .lang_arrow{
	transform: rotate(180deg);
}
.lang_arrow path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wr:hover path,
.lang_wrap_open path{
	fill:#20070a;
}
.lang_dropdawn{
	display:none;
	overflow: hidden;
	position: absolute;
	top: calc(100%);
	width: 100%;
	left: 0;
}
.lang{
    font-size: 1.9rem;
    height: 4rem;
    width: 100%;
    display: flex;
    align-items: center;
    background: #38383a;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    color: #fff;
}
.lang:hover{

    color: #4b415a;
}
.lang_active_link{
	display:none;
}
.lang_bg{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.lang_bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px #fff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: -1;
}
.lang:hover .lang_bg:after{
    box-shadow: inset 0 0 0 3rem #f9cb0c;
}
.lang_text{
	position: relative;
	padding-left: 1rem;
	height: 100%;
	width:100%;
	    z-index: 1;
	display: flex;
    align-items: center;
}

.lang_line{
    width: 100%;
    height: 1px;
    background: #fff;

}
.fb_wr {
    display: flex;
    background: #1e263c;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-left: 0.6rem;
    transform: translateX(102%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fb_wr{
transform: translateX(0rem);
	transition: .9s all 1s cubic-bezier(.19,1,.22,1),background 0.9s cubic-bezier(.19,1,.22,1);

}
.fb_wr:hover{
	background:#b2093a;
}

.fb_wr_icon {
width: 2.1rem;
     height: auto;
}
.fb_wr_icon path {
  fill: #fff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fb_wr_icon:hover path {
    fill: #f9cb0c;
}
.header_links{
    position: absolute;
	left: 7.2rem;
    bottom: 4.1rem;
    z-index: 5;
    opacity: 0;
    transform: translateX(calc(-102% - 23rem));
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .header_links {
    opacity: 1;
    transform: translateX(0rem);
    transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}

.header_link{
    display: flex;
    margin-right: 3rem;
    align-items: center;
    margin-top: 1rem;
}
.header_link:last-child{
	margin-right: 0;
	
}
.header_link_icon{
	width: 100%;
}
.header_link_icon path{
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.header_link:hover path{
	fill:#fff;
}
.header_link:hover .header_link_icon_bg{
	fill:#264646;	
}
.header_link_text{
	    font-size: 4.5rem;
    font-family: "SolomonSans-Bold";
    color: #131313;
}
/* FOOTER */
footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 4;
	display: flex;
}
.shadow_left{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100vh;
	pointer-events:none;
	opacity:0;
	background-image: url(/public/img/shadow_left.png);
    width: 25vw;
    width: 74vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}
.main_page .shadow_left{
	opacity:1;
}
.footer_left{
	position: absolute;
	bottom: 4.5rem;
	left: 1.8rem;
	display: block;
	width: 18.1rem;
    transform: translateX(calc(-102% - 6rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .footer_left{
    transform: translateX(0);
	transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.new_wrap .footer_left{
	display: none;
}
.footer_logo_stolitsa{
	width:100%;
	display: block;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.footer_logo_stolitsa:hover{
	opacity: 0.8;
}
.footer_right{

    font-size: 1.2rem;
    color: #fff;
    font-family: Arial;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    /*align-items: center;*/
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.5s;
}
.show_page_anim .footer_right {
  opacity: 1;
  transform: translateY(0);
}
.prava{
	opacity: 0.5;
	margin-left: 1rem;
	    padding-bottom: 1rem;
    align-self: flex-end;
}


.tel_wrap{
position: absolute;
    right: 7rem;
    background: rgba(34, 43, 69, 0.8);
    bottom: 4.5rem;
    width: 8.8rem;
    height: 8.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 12;
    transform: translateX(calc(102% + 6rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .tel_wrap{
    transform: translateX(0);
	transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.preloader_run .tel_wrap,
.noscroll .tel_wrap{
	opacity: 0;
}
.docs_wrap .tel_wrap {
    background: rgb(34, 43, 69);
}
.tel_wr{
background: #a40c3a;
    overflow: hidden;
    border: 2px solid #fff;
    width: 6.8rem;
    height: 6.8rem;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.tel_wr:hover{
    background: #1e263c;
}
.tel_img_1{
    height: 4.5rem;
    transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    display: block;
    z-index: 1;
    position: relative;
        animation: telH 1s linear infinite;
}
@keyframes telH {
	0% {transform: rotateZ(0deg);}
	20% {transform: rotateZ(10deg);}
	40% {transform: rotateZ(-10deg);}
	60% {transform: rotateZ(10deg);}
	80% {transform: rotateZ(-10deg);}
	100% {transform: rotateZ(0deg);}
}
.tel_wr_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.line_1_wr_cb {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 6%;
    left: -11rem;
}
.line_2_wr_cb {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 34%;
    left: -13rem;
}
.line_3_wr_cb {
position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 34%;
    left: -11rem;
}
.tel_wrap:hover .line_1_menu,
.tel_wrap:hover .line_2_menu,
.tel_wrap:hover .line_3_menu {
    transform: translateX(110%);
}

/* ========================================
/* LOGO REALIST
======================================== */
.realist_digital_link {
    line-height: 44px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    height: 32px;
    width: 54px;
    display: block;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 998;

}

.realist_digital_link span {
    position: relative;
    display: inline-block;
    height: 32px;
    width: 54px;
    background: url('../img/logo_realist_128x108.png')no-repeat 0 0;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.realist_digital_link span::before {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    height: 32px;
    width: 54px;
    background: url('../img/logo_realist_128x108.png')no-repeat 0 -33px;
    background: url('../img/logo_realist_128x108.png')no-repeat 0 -37px;
    content: " ";
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.realist_digital_link:hover span,
.realist_digital_link:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}
.realist_digital_link:hover span::before,
.realist_digital_link:focus span::before {
    background: url('../img/logo_realist_128x108.png')no-repeat 0 -33px;
}
/* ========================================
/* END LOGO REALIST
======================================== */

/* ========================================
/* CLOSE
======================================== */
.close_wr{
	width:3.3rem;
	height: 3.3rem;
	position: relative;
	overflow: hidden;
	margin: auto;
    margin-bottom: 1rem;
}

.close_line_1{
	position: absolute;
	top: calc(50% - 0.1rem);
	left: 0;
	width: 100%;
	height: 0.2rem;
	background: white;
	transform: rotate(-45deg) translateZ(0);
	transition: 0.3s ease-out;
}
.close_line_2{
	position: absolute;
	top: calc(50% - 0.1rem);
	left: 0;
	width: 100%;
	height: 0.2rem;
	background: white;
	transform: rotate(45deg) translateZ(0);
	transition: 0.3s ease-out;
}
.close {
    opacity: 1;
    background: url(../images/close_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    top: 100px;
    position: absolute;
    right: 45px;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}
.close:hover {
    opacity: 0.5 !important;
}
/* ========================================
/* END CLOSE
======================================== */

/* ========================================
/* CALL BACK POP UP
======================================== */
.cb_wrap,
.cb_wrap_price {
    height: 100%;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0%;
    overflow: hidden;
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    pointer-events: none;
    z-index: 101;
        text-align: center;
    perspective: 800px;
    min-height: 550px;

overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.open_cb.cb_wrap,
.open_cb.cb_wrap_price {
	top: 0;
	opacity: 1;
	pointer-events: auto;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.cb_wr{
    margin-top: 5vh;
    margin-bottom: 5vh;
}

.logo_cb_img {
	width: 100%;
	margin-bottom: 3vh;
	opacity: 0;
	transform: translateY(3rem);
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.open_cb .logo_cb_img {
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.cb_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(38, 70, 70, 0.8);
}
.close_cb_m{
	display:none;
}
.close_cb_wr {
    position: absolute;
    right: -2rem;
    top: -2rem;
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_cb .close_cb_wr {
	opacity: 1;
	/*transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);*/
}
.cb_close_svg{
	width:100%;
}
.cb_close_svg .pop_up_visual_close_polyline{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.close_cb_wr:hover .pop_up_visual_close_polyline{
   	fill:#264646;
}

.cb_close_svg{
	width:100%;
	height: auto;
	position: relative;
}
.cb_close_svg polygon{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.done_wrap polygon{
	fill:#fff;
}
.sub_cont{
	position: relative;
    display: block;
    margin: auto;
    padding: 5.5rem 6.6rem;
    width: 54.4rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
        text-align: center;
	transform: translateY(3rem);
}
.open_cb .sub_cont {
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.cb_cont{
	position: relative;
    display: block;
    margin: auto;
padding: 3.7rem 9.1rem 2.6rem;
    width: 52.5rem;
    z-index: 1;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
        text-align: center;
	transform: translateY(3rem);
}
.open_cb .cb_cont {
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.cb_cont_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
    overflow: hidden;
    border: 6px solid #FFECC0;
    border-radius: 0 100px;
    z-index: -1;
    pointer-events: none;
}
.cb_cont_bg_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.sub_tittle {
    font-size: 3rem;
    margin-bottom: 1.3rem;
    color: #6DBB91;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}
.cb_text{
	font-size: 1.6rem;
	color:#1A5E73;
	    margin-bottom: 1.7rem;
    text-align: center;
}
.sub_btn_hb,
.sub_btn {
 font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 2px solid #264646;
    padding: 1.4rem 2rem;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    background: #264646;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    margin-top: 1.6rem;
    display: inline-flex;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    margin-top: 4vh;
}
.sub_btn_hb:hover{
	background: #264646;
}
.sub_btn_hb:hover .line_1_menu, .sub_btn_hb:hover .line_2_menu, .sub_btn_hb:hover .line_3_menu {
    transform: translateX(110%);
}
.cb_btn{
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 2px solid #264646;
    padding: 1.4rem 2rem;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    background: #264646;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    margin-top: 1.6rem;
    display: inline-flex;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
}
.cb_btn:hover{
	background: #264646;
}
.cb_btn:hover .line_1_menu, .cb_btn:hover .line_2_menu, .cb_btn:hover .line_3_menu {
    transform: translateX(110%);
}
.input_wr{
    margin-bottom: 1vh;
    color: #fff;
    border: 2px solid #6DBB91;
    position: relative;
    border-radius: 4px;
    
}
.subcrible_wrap .input_wr{
    margin-bottom: 0;

}
.input_wr_star:after{
content: '*';
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    color: #b2093a;
    font-size: 1.7rem;
    line-height: 1;
}
.input_wr_textarea {
	margin-bottom:0;
}
#price_formName, #price_formEmail, #price_formTel,
#formName, #formEmail, #formTel,
#formNameSub, #formEmailSub, #formText{
	padding: 0 1rem;
	font-size: 1.7rem;
	color: #000;
	width: 100%;
	    border: none;
	height: 4.3rem;
	background: transparent;
	resize: none;
	transition: all .4s ease-out;
}
#formText {
	height: 10rem;
padding-top: 0.5rem;
}

.important_input
 {
	border: 2px solid #e84343 !important;
}
#price_report, #report, #reportSub,#report_sub{
	font-size: 1.4rem;
	margin: .5rem 0;
    padding-left: 1rem;
    position: absolute;
    color:#e84343;
}
#price_report.done, #report.done ,#reportSub.done{
	color: #2cbd5c;
}

.cb_done_wrap{
	position: absolute;
	top: 0;
	z-index: 1;
	left: 0;
	width:100%;
	height: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
     transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.done_wrap .cb_done_wrap{
	opacity: 1;
    pointer-events: auto;
}
.cb_done_wr{

}
.cont_done_txt{
	color: #b2093a;
	font-size: 5rem;
    margin-bottom: 2rem;
}
.cont_done_txt_small{
	color: #b2093a;
	font-size: 4rem;
}
.sub_done_txt{
	    color: #b2093a;
    font-size: 3rem;
    margin-bottom: 2rem;
    padding: 1rem;
}




/* ========================================
/* END CALL BACK POP UP
======================================== */
/* ========================================
/* CALL SUBCRBLE
======================================== */
.subcrible_wrap {
    height: 100%;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0%;
    overflow: hidden;
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    pointer-events: none;
    z-index: 101;
        text-align: center;
    perspective: 800px;
    min-height: 550px;

overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.open_cb_hb.subcrible_wrap,
.open_cb.subcrible_wrap {
	top: 0;
	opacity: 1;
	pointer-events: auto;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.subcrible_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

    z-index: -1;

}
/* ========================================
/* END SUBCRBLE
======================================== */
/* ========================================
/* ARROW PREV/NEXT ANIMATE
======================================== */
.next_line_1{
	height: 2px;
    position: absolute;
    display: block;
    width: 100%;
    transition: all .3s;
    top: 73%;
    transform: rotate(-43deg) translateZ(0);
	background-color: #c2921d;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.slide_arrow:hover .next_line_1{
   opacity:0.5;
}
.next_line_2{
	height: 2px;
    position: absolute;
    display: block;
    width: 100%;
    transition: all .3s;
    top: 22%;
    transform: rotate(43deg) translateZ(0);
	background-color: #c2921d;
}
.slide_arrow:hover .next_line_2{
    opacity:0.5;
}
/* ========================================
/* END ARROW PREV/NEXT ANIMATE
======================================== */

/* ========================================
/* MAIN PAGE
======================================== */
.main_page_container {
    width: 100%;
    overflow: hidden;
}
.main_page{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    font-family: "Solomon-Sans";
}
.main_section_first {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.main_fullpage {
    width: 100%;
    height: 100%;
    position: relative;
}
.main_new_wr{
    position: absolute;
    bottom: 5rem;
    height: 11rem;
    width: 45rem;
    left: 13rem;
}
.main_new_quart{
    position: absolute;
    width: 130rem;
    height: 43rem;
    transform: translate(-50%, -50%) rotate(26deg);
    left: 50%;
    top: calc(50% + 10rem);
    overflow: hidden;
    /*pointer-events: none;*/
}
.main_new_quart:after{
	content: '';
	position: absolute;
	top	: 0;
	left: 0;
	height: 5px;
	width:0%;
	background: #fff;
	transition: all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_new_quart:after{
	width:100%;
}
.main_new_wr_1{
    position: absolute;
    height: 153%;
    width: 72%;
    left: 0;
    top: -8rem;
    transform: rotate(-15deg);
    overflow: hidden;
}
.main_new_wr_1:after{
	content: '';
	position: absolute;
	top	: 0;
	right: 0;
	height: 0;
	width:5px;
	background: #fff;
	transition: 1.9s all 0.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_new_wr_1:after{
	height:100%;
}
.main_new_wr_2{
    position: absolute;
    height: 100%;
    width: 76%;
    right: -6rem;
    top: -17rem;
    transform: rotate(-25deg);

    overflow: hidden;
}
.main_new_wr_2:after{
	content: '';
	position: absolute;
	top	: 0;
	left: 0;
	height: 0;
	width:5px;
	background: #fff;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_new_wr_2:after{
	height:100%;
}
.main_new_wr_3{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width:100%;
	transition:1.9s all 0.5s cubic-bezier(.19,1,.22,1);
}

.main_new_wr_3:after{
/*	content: '';
	position: absolute;
	top	: 0;
	left: 0;
	height: 100%;
	width:100%;
	width:100%;
	background: #a6c552;
	transition: 1.9s all 0.9s cubic-bezier(.19,1,.22,1);*/
}

.main_new_wr_4{
    position: absolute;
    top: 0;
    left: -18rem;
    height: 100%;
    width: 0;
    opacity: 0.9;
    background: #a6c552;
    transform: rotate(41deg);
    transition:0.7s all 0.3s ease-out,background 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_new_wr_4{
	  width: calc(100% + 18rem);
}
.main_new_link_wr:hover .main_new_wr_4{
    background: #fff;
    background: rgba(56, 56, 58, 0.7);
}

.main_new_quart_left{
    position: absolute;
    top: -5rem;
    left: -0.9rem;
    height: 150%;
    width: 22%;
    transform: rotate(-39.9deg);
    overflow: hidden;
}
.main_new_quart_left_2{
    position: absolute;
    top: 19rem;
    left: 1rem;
    height: 100%;
    width: 100%;
    transform: rotate(-155deg);
}
.main_new_quart_left_2:after{
	content: '';
	position: absolute;
	top	: 0;
	right: 0;
	height: 100%;
	width:0%;
    background: rgba(136, 185, 229, 0.4);
	transition: .5s all 0.1s ease-out,background 0.9s cubic-bezier(.19,1,.22,1);
}
.main_new_link_wr:hover .main_new_quart_left_2:after{
    background: rgba(166, 197, 82, 0.9);
}

.show_page_anim .main_new_quart_left_2:after{
	width:100%;
}

.main_new_quart_right{
    position: absolute;
    top: -5rem;
    right: 0;
    height: 100%;
    width: 28%;
    transform: rotate(-15deg);
}
.main_new_quart_right:after{
	content: '';
	position: absolute;
	top	: 0;
	left: 0;
	height: 100%;
	width:0%;
    background: rgba(56, 56, 58, 0.7);
	transition: 1.9s all 0.8s cubic-bezier(.19,1,.22,1),background 0.9s cubic-bezier(.19,1,.22,1);
}
.main_new_link_wr:hover .main_new_quart_right:after{
    background: rgba(136, 185, 229, 0.4);
}
.show_page_anim .main_new_quart_right:after{
	width:100%;
}

.main_new_link_wr{
position: absolute;
    bottom: 5rem;
    height: 11rem;
    width: 45rem;
    width: 49rem;
    width: 43rem;
    left: 13rem;
}
.main_new_link_hiden{
	opacity: 0;
    position: relative;
     transition:  all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_new_link_hiden{
    opacity: 1;
	transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_new_link_date{
	font-size: 2rem;
	color:#fff;
	margin-bottom: 1rem;
}
.main_new_link_title{
    font-size: 2.1rem;
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    transition:  all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_new_link_wr:hover .main_new_link_title{
	color: #99c63b;
}
.main_new_link_wr:hover .main_new_link_right .main_new_link_title{
	color: #61b2df;
}

.main_new_link_left{
    width: 50%;
    height: 100%;
    transform: skewX(-21deg);
    position: absolute;
    top: -9rem;
    left: 0;
    overflow: hidden;
    opacity: 0;
    transition:  all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_new_link_left{
    top: 0rem;
    opacity: 1;
	transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_new_link_l_bl{
	position: absolute;
    left: 0;
    width: 200%;
}
.main_new_link_right{
    width: 50%;
    height: 100%;
    transform: skewX(-21deg);
    position: absolute;
    top: 9rem;
    right: 0;
    overflow: hidden;
    opacity: 0;
    transition:  all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_new_link_right{
    top: 0rem;
    opacity: 1;
	transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_new_link_l{
	transform: skewX(21deg);
	padding-left: 2rem;
}
.main_new_link_r{
	transform: skewX(21deg);
	padding-right: 2rem;

}
.main_new_link_r_bl{
    position: absolute;
    right: 0;
    width: 200%;
}

.main_bg{
    width: 100%;
    height:100%;
    position: absolute;
    background: url(../img/bg_main.jpg) no-repeat;
    background: url(../files/gallery/7_min.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    opacity: 0;
}
.show_page_anim .main_bg {
  opacity: 1;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.4s;
}
#first_autoplay_gallery {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.autoplay_gallery_img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.main_info_wr{
    position: absolute;
    left: 0;
    top: 12vh;
    top: 23.6vh;
    display: flex;
    align-items: center;
    padding-left: 7.2rem;
    z-index: 2;
}
.main_info{
	position: relative;
}
.shadow_main_info{
    /*position: absolute;
    left: 46%;
    top: 50%;
    width: 89.1rem;
    pointer-events: none;
    transform: translate(-77%, -52%);*/
    position: absolute;
    left: 85%;
    top: 62%;
    width: 123.1rem;
    pointer-events: none;
    transform: translate(-77%, -52%);
    background-image: url(/public/img/shadow_main_title_2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    height: 74.8rem
}
.shadow_main_info img{
    height: auto;
}
.main_slogan{
    letter-spacing: 0.1rem;
	font-size: 7.2rem;
    color: #264646;
    text-transform: uppercase;
	line-height: 1;
    font-family: 'Roboto', sans-serif;
	transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.8s;
}
.main_slogan_1_wr{
	position: relative;
	/*overflow: hidden;*/
}
.main_slogan_1{
    font-size: 5.1rem;
        font-size: 7.2rem;
    transform: translateX(-110%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    display: inline-block;
    font-weight: bold;
}

.show_page_anim .main_slogan_1 {
    transform: translateX(0%);
    opacity: 1;
    transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}
.main_text_wr{
    position: relative;
    overflow: hidden;
    max-width: 60rem;
}
.main_text{
    letter-spacing: 0.03rem;
    font-size: 2.2rem;
    font-size: 2.4rem;
    color: #000;
    font-family: "SolomonSans-Medium";
    margin-bottom: 3vh;
    flex-grow: 1;
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    margin-top: 1vh;
    font-weight: 500;
}
.show_page_anim .main_text {
    transform: translateX(0%);
    opacity: 1;
    transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}

.main_links_wr{
	display:flex;
    position: relative;
    overflow: hidden;
}
.main_link_wr{
    display: block;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 2px solid #fff;
    min-width: 17.6rem;
    height: 4.2rem;
    padding: 0 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #264646;
    margin-right: 1.6rem;
    position: relative;
    overflow: hidden;
    transform: translateX(-110%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-radius: 5px;
    font-family: "SolomonSans-Bold";
}
.show_page_anim .main_link_wr {
    transform: translateX(0%);
    transition: .9s all 1.4s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1);
}
.main_link_wr:hover{
    background: #6DBB91;;
}
.main_link_wr:hover .line_1_menu,
.main_link_wr:hover .line_2_menu,
.main_link_wr:hover .line_3_menu {
    transform: translateX(110%);
}
.main_link_wr_2{
    display: block;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 2px solid #fff;
    min-width: 19.6rem;
    height: 4.2rem;
    padding: 0 3.2rem;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    background: #6DBB91;
    transform: translateX(-210%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-radius: 5px;
    font-family: "SolomonSans-Bold";
}
.show_page_anim .main_link_wr_2 {
    transform: translateX(0%);
    transition: .9s all 1.2s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1);
}
.main_link_wr_2:hover{
    background: #264646;
}
.main_link_wr_2:hover .line_1_menu,
.main_link_wr_2:hover .line_2_menu,
.main_link_wr_2:hover .line_3_menu {
    transform: translateX(110%);
}
.main_line_wrap{
	position: absolute;
	bottom: 0;
	left: 0;
	width:68.3rem;
	height: 89.7rem;
	z-index: 1;
}
.main_line_wr{
	position: absolute;
	top: 0;
	left:0;
	width:0%;
	height: 100%;
	/*opacity: 0;*/
	overflow: hidden;
	transition: transform 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr{
	width:100%;
	opacity: 1;

	transition-duration: 1.9s!mportant;

	/*transition-timing-function: cubic-bezier(0, 1.46, 0.43, 0.9)!mportant;
	transition-timing-function: cubic-bezier(0, 0.59, 0.51, 0.56)!important;*/
	transition-timing-function: cubic-bezier(.19,1,.22,1)!important;
	/*transition-timing-function: ease-in-out!important;*/
}

.show_page_anim .main_line_wr_8{
	transition: 1.9s all .5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr_12{
	transition: 2.4s all .4s cubic-bezier(.19,1,.22,1);
}


.show_page_anim .main_line_wr_9{
	transition: 2.3s all .8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr_10{
	transition: 2.4s all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr_11{
	transition: 2.1s all 1s cubic-bezier(.19,1,.22,1);
}

.show_page_anim .main_line_wr_13{
	transition: 2.1s all .6s cubic-bezier(.19,1,.22,1);
}

/* little*/
.show_page_anim .main_line_wr_1{
	transition: 1.9s all .7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr_2{
	transition: 1.9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr_3{
	transition: 1.9s all .7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr_4{
	transition: 1.9s all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr_5{
	transition: 1.9s all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr_6{
	transition: 1.9s all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_line_wr_7{
	transition: 1.9s all .8s cubic-bezier(.19,1,.22,1);
}
/* little*/

.main_line{
	position: absolute;
	top: 0;
	left: 0;
	width:68.3rem;
	height: 100%;
	opacity: 0;
}
.show_page_anim .main_line{
	opacity: 1;
	transition: 2.5s opacity .9s cubic-bezier(.19,1,.22,1);
}

.main_right_slider_wr{
    width: 100%;
    overflow: hidden;
    position: relative;
    /*height: 100%;*/
    padding-bottom: 4.8rem;
    padding-bottom: 2.8rem;
}

.main_right_slider{
	width: 100%;
    height: calc(100% - 4rem);
}

.main_right_slider .swiper-slide{
	padding: 4.4rem 2.2rem;
	
}
.main_right_info_wrap{
	position: absolute;
    top: 3rem;
    top: 7rem;
        top: 26.8vh;
    right: 3.2rem;
        right: 3.7vw;
	display: flex;
	align-items: center;
	z-index: 1;
	padding: 0 2rem;
    padding: 1rem;
    padding: 2rem;
	overflow: hidden;
}
.main_right_info_wr{
	width: 40.4rem;
	/*height: 40.4rem;*/
	
	    width: 36rem;
    /*height: 36rem;*/
}
.main_right_info_bg{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:43.1rem;
	height: 43.1rem;
	height: 100%;
	z-index: -1;
	overflow: hidden;

	transform: translate(120%, -50%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_right_info_bg {
	transform: translate(-50%, -50%);
    transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.main_right_info_svg{
    background: #264646;
    height: 100%;
    border-radius: 0 150px;
	
}

.bot_line{
	width:100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(12rem, 12rem);
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_line_1{
	transform: translate(0rem, 0rem);
	transition: .9s all 1.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_line_2{
	transform: translate(0rem, 0rem);
	transition: .9s all 1.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_line_3{
	transform: translate(0rem, 0rem);
	transition: .9s all 2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_line_4{
	transform: translate(0rem, 0rem);
	transition: .9s all 2.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_line_5{
	transform: translate(0rem, 0rem);
	transition: .9s all 2.2s cubic-bezier(.19,1,.22,1);
}



.top_line{
	width:100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(-17rem, -17rem);
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_line_1{
	transform: translate(0rem, 0rem);
	transition: .9s all 1.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_line_2{
	transform: translate(0rem, 0rem);
	transition: .9s all 1.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_line_3{
	transform: translate(0rem, 0rem);
	transition: .9s all 2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_line_4{
	transform: translate(0rem, 0rem);
	transition: .9s all 2.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_line_5{
	transform: translate(0rem, 0rem);
	transition: .9s all 2.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_line_6{
    transform: translate(0rem, 0rem);
    transition: .9s all 2.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_line_7{
    transform: translate(0rem, 0rem);
    transition: .9s all 2.2s cubic-bezier(.19,1,.22,1);
}


.main_right_info{
   overflow: hidden;
    text-align: center;
    /*height: 100%;*/
    /* box-shadow: 0px 0px 13.12px 2.88px rgba(0, 0, 0, 0.5); */
    border: 6px solid #FFECC0;
    transform: translateX(120%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-top-left-radius: 150px;
    border-bottom-right-radius: 150px;
}
.show_page_anim .main_right_info {
	transform: translateX(0%);
    transition: .9s all 1.5s cubic-bezier(.19,1,.22,1);
}
.main_right_info_title{
    color: #fff;
    font-size: 4.8rem;
    font-size: 3.8rem;
    text-transform: uppercase;
    font-family: "SolomonSans-Bold";
    margin-bottom: 2.4rem;
    /*line-height: 0.8;*/
}
.main_right_info_text{
    color: #fff;
    font-size: 2.4rem;
font-family: "SolomonSans-Medium";
}
.main_right_info_link{
    margin-top: 3.1rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #264646;
    height: 4.2rem;
    padding: 0 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFECC0;
    position: relative;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    font-weight: 600;
    border-radius: 4px;
    font-family: "SolomonSans-Bold";
}
.main_right_info_link:hover{
    background: #264646;
    border: 4px solid #FFECC0;
    color: #FFECC0;
}

.line_1_wr_main_link{
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 30%;
    bottom: 40%;
    left: -9rem;
}
.line_2_wr_main_link {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 30%;
    bottom: 40%;
    left: -11rem;
}
.line_3_wr_main_link {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 30%;
    bottom: 40%;
    left: -7rem;
}
.main_right_info_link:hover .line_1_menu,
.main_right_info_link:hover .line_2_menu,
.main_right_info_link:hover .line_3_menu {
    transform: translateX(110%);
}

.main_right_pagin_wrap{
    width: 100%;
    display: flex;
    justify-content: center;
}
.main_right_pagin_wr{
display: inline-flex;
	align-items: baseline;
}
body .main_right_prev{
	width: 4rem;
	height: 4rem;
	display:flex;
	justify-content: center;
	align-items: center;
	position: relative;
	left: auto;
	right: auto;
	margin: auto;
	cursor: pointer;
    top: 0;
}
body .main_right_next{
	width: 4rem;
	height: 4rem;
	display:flex;
	justify-content: center;
	align-items: center;
	position: relative;
	left: auto;
	right: auto;
	margin: auto;
	cursor: pointer;
	top: 0;
}
.main_right_next.swiper-button-next.swiper-button-disabled, .main_right_prev.swiper-button-prev.swiper-button-disabled{
	opacity:1!important;
}
.main_right_prev_arrow,
.main_right_next_arrow{
	width: 1.3rem;
}
.main_right_next_arrow path{
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.main_right_prev:hover path,
.main_right_next:hover path{
	fill:#6DBB91;
}
.main_right_pagin{
	color:#ECFFE6;
	width: 9rem;
	text-align: center;
	margin: 0 2rem;
	font-size: 2.4rem;
	font-family: "SolomonSans-Medium";
}
.main_right_pagin .swiper-pagination-current{
	font-size: 3.2rem;
	font-family: "SolomonSans-Medium";
}










.main_down_arrow_wrap {
  position: absolute;
  /* bottom: 5rem;
  left: 37.5rem; */
  bottom: 5vh;
  left: 20vw;
  display: inline-flex;
  align-items: center;
  cursor: pointer;

  z-index: 100;
}
.main_down_arrow_ico_wr {
  position: relative;
  width: 5.9rem;
  height: 5.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translate(-5rem, -5rem);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
  .show_page_anim .main_down_arrow_ico_wr {
  opacity: 1;
  transform: translate(0rem, 0rem);
  transition: .9s all 1.7s cubic-bezier(.19,1,.22,1);
}
.main_down_arrow_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main_down_arrow_bg path {
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_down_arrow_wrap:hover .main_down_arrow_bg path {
  fill: #264646;
}
.main_down_arrow_ico {
  position: relative;
  width: 1.1rem;
  height: auto;
}
.down_arrow {
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_down_arrow_wrap:hover .down_arrow {
  stroke: #6DBB91;
}
.down_arrow {
  animation: 2s main_down_arrow infinite;
}
.down_arrow_2 {
  animation-delay: 0.1s
}
.down_arrow_3 {
  animation-delay: 0.2s
}
@keyframes main_down_arrow {
  0% { opacity: 1; transform: translateY(0%); }
  12% { opacity: 0.5; }
  24% { opacity: 0.2; transform: translateY(10%); }
  36% { opacity: 0.5; }
  48% { opacity: 1; transform: translateY(0%); }
}
.main_down_arrow_txt {
  position: absolute;
  top: 50%;
  transform: translate(100%, -50%);
  right: -2.2rem;
  font-size: 1.7rem;
  color: #fff;

  opacity: 0;
  transform: translate(calc(100% - 5rem), calc(-50% - 5rem));
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
  .show_page_anim .main_down_arrow_txt {
  opacity: 1;
  transform: translate(100%, -50%);
  transition: color 0.9s cubic-bezier(.19,1,.22,1),
              .9s transform 1.8s cubic-bezier(.19,1,.22,1),
              .9s opacity 1.8s cubic-bezier(.19,1,.22,1);
}
/* .main_down_arrow_wrap:hover .main_down_arrow_txt {
  color: #1B2948;;
} */
.main_build_logo_wrap {
  position: absolute;
  /* bottom: 14rem;
  right: 22.5rem; */
  /* bottom: 14vh; */
  bottom: 4vh;
  right: 11.8vw;
  width: 16rem;
  height: 11.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: #fff;
  border-radius: 25px 0;
  
  
  opacity: 0;
  transform: translate(10rem, 0rem);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.show_page_anim .main_build_logo_wrap {
  opacity: 1;
  transform: translate(0rem, 0rem);
  transition: .9s all 1.9s cubic-bezier(.19,1,.22,1);
}
.main_build_logo_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_build_logo {
  position: relative;
  width: 11.6rem;
  height: 8rem;
}
.main_build_logo img {
  display: block;
  width: 100%;
  height: auto;
}
.main_bl_2{
	padding: 15rem 0 0 ;
	margin-bottom: 15rem;
}

.main_bl_2_cont{
	    max-width: 136rem;
    margin: auto;
    padding: 0 4rem;
    margin-bottom: 4rem;
}
.main_bl_2_title{
	color:#264646;
	font-size: 4.8rem;
	text-transform: uppercase;
	margin-bottom: 2.9rem;
	text-align: center;
font-family: "SolomonSans-Bold";

}

.main_bl_2_text{
    font-size: 2.4rem;
    color: #000;
    text-align: center;
    width: 90rem;
    margin: auto;
     font-family: "SolomonSans-Medium";
}
.main_bl_2_text strong,
.main_bl_2_text b{
font-family: "SolomonSans-Bold";
}
.main_bl_2_img_wr{
	position: relative;
	height: 90rem;
	z-index: 1;
	    display: flex;
    justify-content: center;
    align-items: center;
}
.main_bl_2_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	object-fit:cover;
	object-position: 0 34%;
}
.main_bl_2_icon_wr{
	width: 12.7rem;
	height: 12.7rem;
	position: relative;
	border-radius: 50%;
	z-index: 1;
	background: #6DBB91;
	    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .9s cubic-bezier(.19,1,.22,1)
}

.main_bl_2_icon_wr:hover{
	background: #264646;
}

.main_bl_2_icon_circle_1{
	pointer-events: none;
	position: absolute;
	width: 16.6rem;
	height: 16.6rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	 transition: all .9s cubic-bezier(.19,1,.22,1)
}
.main_bl_2_icon_wr:hover .main_bl_2_icon_circle_1{
	    transform: translate(-50%, -50%) rotate(180deg);
	
}
.main_bl_2_icon_circle_2{
	pointer-events: none;
	position: absolute;
	width: 19.8rem;
	height: 19.8rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.main_bl_2_icon{
	pointer-events:none;	
    width: 4.8rem;
}
.main_bl_3{
	margin-bottom: 15rem;
}
.main_bl_3_cont{
	max-width: 138rem;
    padding: 0 4rem;
    margin: auto;

}
.main_bl_3_items{
    display: grid;
    grid-gap: 3.6rem 2.8rem;
    grid-template-columns: repeat(2, calc(50% - 1.4rem));
}
.main_bl_3_item{
	
}
.main_bl_3_item_img_wr{
	margin-bottom: 2.4rem;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.main_bl_3_item_img{
	    width: 100%;
    display: block;
}
.main_bl_3_item_title{
	color:#264646;
	font-size: 3.2rem;
	font-family: "SolomonSans-SemiBold";
	margin-bottom: 1.6rem;
}
.main_bl_3_item_text{
	font-size: 1.8rem;
	font-family: "SolomonSans-Medium";
}

.main_bl_3_item_info{
	width: 2.8rem;
	height: 2.8rem;
	cursor: pointer;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 2.6rem;
	right: 2.6rem;
	z-index: 1;
}
.main_bl_3_item_info_icon{
	width: 100%;
}
.main_bl_3_item_info_text{
	position: absolute;
	right: calc(100% + 8px);
	top: 0;
	width: 28.4rem;
	padding: 2.4rem 1.6rem;
	background: #FCFCFC;
	color: #000000;
	font-size: 1.4rem;
	transition: all .9s cubic-bezier(.19,1,.22,1);
	pointer-events: none;
	opacity: 0;
}
.main_bl_3_item_info:hover .main_bl_3_item_info_text{
	opacity: 1;
}
.main_bl_4{
	margin-bottom: 15rem;
}
.main_bl_4_cont{
	    max-width: 136rem;
    margin: auto;
    padding: 0 4rem;
    margin-bottom: 4rem;
}
.main_bl_4_title{
	    color: #264646;
    font-size: 4.8rem;
    text-transform: uppercase;
    margin-bottom: 2.9rem;
    text-align: center;
    font-family: "SolomonSans-Bold";
}
.main_bl_4_text{
	font-size: 2.4rem;
    color: #000;
    text-align: center;
    width: 90rem;
    margin: auto;
    font-family: "SolomonSans-Medium";
}
.main_bl_4_slider_wr{
	height: 75rem;
	position: relative;
	overflow: hidden;
}
.main_bl_4_slider{
	width: 100%;
	height: 100%;
}
.main_bl_4_slide{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.main_bl_4_slide:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 43.7rem;
	background: linear-gradient(to top, #0E0E0E, transparent);
}
.main_bl_4_img{
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position:bottom;
}
.main_bl_4_slide_info{
	position: absolute;
	bottom: 12.1rem;
	left: 0;
	width: 100%;
	text-align: center;
	display: grid;
    justify-content: center;
}
.main_bl_4_slide_title{
	max-width: 107.6rem;
	color:#ECFFE6;
	font-size: 4rem;
	text-transform: uppercase;
	font-family: "SolomonSans-Bold";
	margin-bottom: 2rem;
	
	
}
.main_bl_4_slide_text{
	max-width: 107.6rem;
	font-size: 2.4rem;
	color:#fff;
	font-family: "SolomonSans-Medium";
}
.main_bl_4_pagin_wrap{
	position: absolute;
	bottom: 4.1rem;
	left: 0;
	width: 100%;
	z-index: 1;
	    display: flex;
    justify-content: center;
}
.main_bl_4_pagin_wr{
display: inline-flex;
	align-items: baseline;
}
body .main_bl_4_prev{
	width: 4rem;
	height: 4rem;
	display:flex;
	justify-content: center;
	align-items: center;
	position: relative;
	left: auto;
	right: auto;
	margin: auto;
	cursor: pointer;
    top: 0;
}
body .main_bl_4_next{
	width: 4rem;
	height: 4rem;
	display:flex;
	justify-content: center;
	align-items: center;
	position: relative;
	left: auto;
	right: auto;
	margin: auto;
	cursor: pointer;
	top: 0;
}
.main_bl_4_next.swiper-button-next.swiper-button-disabled, .main_bl_4_prev.swiper-button-prev.swiper-button-disabled{
	opacity:1!important;
}
.main_bl_4_prev_arrow,
.main_bl_4_next_arrow{
	width: 1.3rem;
}
.main_bl_4_next_arrow path{
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.main_bl_4_prev:hover path,
.main_bl_4_next:hover path{
	fill:#6DBB91;
}
.main_bl_4_pagin{
	color:#ECFFE6;
	width: 9rem;
	text-align: center;
	margin: 0 2rem;
	font-size: 2.4rem;
	font-family: "SolomonSans-Medium";
}
.main_bl_4_pagin .swiper-pagination-current{
	font-size: 3.2rem;
	font-family: "SolomonSans-Medium";
}
.main_bl_5{
	margin-bottom: 15rem;
}

.main_bl_5_cont{
	max-width: 138rem;
    padding: 0 4rem;
    margin: auto;
}
.main_bl_5_title{
	    color: #264646;
    font-size: 4.8rem;
    text-transform: uppercase;
    margin-bottom: 2.9rem;
    text-align: center;
    font-family: "SolomonSans-Bold";
}
.main_bl_5_text{
	    font-size: 2.4rem;
    color: #000;
    text-align: center;
    margin: auto;
    font-family: "SolomonSans-Medium";
     margin-bottom: 4rem;
}
.main_bl_5_items{
    display: grid;
    grid-gap: 3.6rem 2.8rem;
    grid-template-columns: repeat(2, calc(50% - 1.2em));
    grid-template-rows: 36.4rem 36.4rem;
    grid-gap: 2.4rem;
}
.main_bl_5_elements{
	    grid-gap: 2.4rem;
    grid-template-columns: repeat(2, calc(50% - 1.2rem));
    display: grid;
}
.main_bl_5_elem{
    background: rgb(255 236 192 / 60%);
    display: grid;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
    padding: 0 2rem;
}

.main_bl_5_elem_title{
	font-family: "SolomonSans-Medium";
	color:#264646;
	font-size: 2.4rem;
}
.main_bl_5_elem_title span{
	  font-family: "SolomonSans-Bold";
	 font-size:4.8rem;
}
.main_bl_5_elem_text{
	color:#264646;
	font-size:1.8rem;
	font-family: "SolomonSans-Medium";	
}
.main_bl_5_item{
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;

}

.main_bl_5_item_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main_bl_5_item_eoselya{
	width: 37.7rem;
	position: relative;
	z-index: 1;
}
.main_bl_5_info{
	padding: 2.4rem;
}

.main_bl_5_item_title{
	 font-family: "SolomonSans-Bold";
	 color:#264646;
	 font-size: 4rem;
	 text-transform: uppercase;
	 margin-bottom: 3.2rem;
}
.main_bl_5_item_title span{
	color:#6DBB91;
	
}
.main_bl_5_item_text{
	font-family: "SolomonSans-Medium";
	color:#000;
	font-size: 2.4rem;
	margin-bottom: 4rem;
}

.main_bl_5_item_link{
	display: inline-flex;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-family: "SolomonSans-Bold";
    border: 2px solid #fff;
    height: 4.2rem;
    padding: 0 3.2rem;
    align-items: center;
    justify-content: center;
    background: #264646;
    position: relative;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-radius: 5px;
}
.main_bl_5_item_link:hover {
    background: #6DBB91;
}
.main_bl_5_item_link:hover .line_1_menu, .main_bl_5_item_link:hover .line_2_menu, .main_bl_5_item_link:hover .line_3_menu {
    transform: translateX(110%);
}
.main_bl_6{
	    background: linear-gradient(to top, #FFECC0, transparent);
	    margin-bottom: 15rem;
	    padding: 5rem 7.2rem 9rem;
}
.main_bl_6_cont{
	max-width: 138rem;
    padding: 0 4rem;
    margin: auto;	
    position: relative;
	
}
.main_bl_6_logo_eoselya{
	width: 11.2rem;
	margin-bottom: 4rem;
	display: block;
}
.main_bl_6_title{
	color:#131313;
	max-width: 63rem;
	font-size: 4.8rem;
	text-transform: uppercase;
	font-family: "SolomonSans-Bold";
	margin-bottom:4rem; 
}
.main_bl_6_img{
    position: absolute;
    width: 37.1rem;
    left: 62%;
    top: -3rem;

}
.main_bl_6_btn{
	display: inline-flex;
	align-items: center;
	height: 5.2rem;
	padding: 0 3.2rem;
	background:#6DBB91;
	border-radius: 4px;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	cursor: pointer;
	color:#fff;
	font-family: "SolomonSans-Bold";
	text-transform: uppercase;
	font-size: 1.4rem;
	overflow: hidden;
	position: relative;
	margin-top: 4rem;
}
.main_bl_6_btn:hover .line_1_menu, .main_bl_6_btn:hover .line_2_menu, .main_bl_6_btn:hover .line_3_menu {
    transform: translateX(110%);
}
.main_bl_6_btn:hover {
    background: #264646;
}


.main_bl_6_btn_arrow{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	margin-left: 1.8rem;
	width: 1.6rem;
}
.main_bl_6_btn_active .main_bl_6_btn_arrow{
	transform: rotate(180deg);
}
.main_bl_6_dropdown{
	display:none;
}
.main_bl_6_items{
	    display: grid;
    grid-gap: 2.4rem;
    grid-template-columns: repeat(3, calc(33% - 1.2rem));
}
.main_bl_6_item{
	display:grid;
	grid-template-columns: auto 6.4rem;
	grid-gap: 2.4rem;
	background: #fff;
	padding: 2.4rem;
	border-radius: 4px;
	height: 17.7rem;
}
.main_bl_6_item_info{
	
}
.main_bl_6_item_number{
	font-size: 4rem;
	color:#000;
	font-family: "SolomonSans-Bold";
	margin-bottom:1.7rem; 
}
.main_bl_6_item_text{
	font-size: 1.8rem;
	color:#000;
}
.main_bl_6_item_icon{
	width: 100%;
}
.main_bl_7{
	margin-bottom: 10rem;
}
.main_bl_7_cont{
	max-width: 138rem;
    padding: 0 4rem;
    margin: auto;
}
.main_bl_7_title{
	color: #264646;
    font-size: 4.8rem;
    text-transform: uppercase;
    margin-bottom: 2.9rem;
    text-align: center;
    font-family: "SolomonSans-Bold";
}
.main_bl_7_text_1{
	font-size: 2.4rem;
    color: #000;
    text-align: center;
    margin: auto;
    font-family: "SolomonSans-Medium";
    margin-bottom: 1.6rem;
}
.main_bl_7_text_2{
	    font-size: 2.4rem;
    color: #264646;
    text-align: center;
    margin: auto;
    font-family: "SolomonSans-Medium";
    margin-bottom: 4rem;
}
.main_bl_7_btns_wrap{
	    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}
.main_bl_7_btn{
	    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #264646;
    border-radius: 16px 0 16px 0;
    padding: 0 3.2rem;
    font-size: 1.8rem;
    color: #264646;
    margin: 0 1.2rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    font-family: "SolomonSans-Medium";
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.main_bl_7_btn:hover{
    background: #6DBB91;
}
.main_bl_7_btn:hover .line_1_menu, .main_bl_7_btn:hover .line_2_menu, .main_bl_7_btn:hover .line_3_menu {
    transform: translateX(110%);
}

.main_bl_7_btn_active{
	color:#fff;
	background: #264646;
	pointer-events: none;
}
.main_bl_7_img_wrap{
	height: 57.5rem;
    height: 79.5rem;

	position: relative;
	z-index: 1;
	    display: flex;
    justify-content: center;
    align-items: center;
}
.main_bl_7_img_wrap iframe{
	width: 100%!important;
	height: 100%!important;
}

.main_bl_7_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
	pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_bl_7_icon_play_wr{
	width: 12.8rem;
	height: 12.8rem;
	border-radius: 50%;
	background: #6DBB91;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	cursor: pointer;
}
.main_bl_7_icon_play_wr:hover{
	background: #264646;
}
.main_bl_7_icon{
	width: 4.7rem;
	pointer-events: none;
}
.main_bl_7_circle{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9.2rem;
	height: 9.2rem;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.main_bl_8{
	background:#F5F5F5;
	padding: 5rem 0;
}
.main_bl_8_cont{
	    max-width: 138rem;
    padding: 0 4rem;
    margin: auto;
}
.main_bl_8_title{
	    color: #264646;
    font-size: 4.8rem;
    text-transform: uppercase;
    margin-bottom: 4rem;
    text-align: center;
    font-family: "SolomonSans-Bold";
}
.main_bl_8_items{
display: grid;
    grid-gap: 2.4rem;
    grid-template-columns: repeat(3, calc(33% - 1.2rem));
    margin-bottom: 4rem;
}
.main_bl_8_item{
	position: relative;
	z-index: 1;
	border-radius: 50px 0 50px 0;
	overflow: hidden;
	border: 1px solid #264646;
	background: #fff;
	display: block;
}
.main_bl_8_item_logo{
	position: absolute;
	top: 2.4rem;
	left: 2.4rem;
	z-index: 1;
	width: 7.3rem;
}
.main_bl_8_item_img_wr{
	height: 43.9rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4.8rem;
}
.main_bl_8_item_img{
	max-width: 100%;
	max-height: 100%;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_bl_8_item:hover .main_bl_8_item_img{
	transform: scale(0.9);
}
.main_bl_8_item_title{
	background:#264646;
	height: 6.9rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1rem;
	position: relative;
	overflow: hidden;
	color:#ECFFE6;
	font-size: 2.4rem;
	text-transform: uppercase;
	font-family: "SolomonSans-Bold";
}
.main_bl_8_item:hover .line_1_menu, .main_bl_8_item:hover .line_2_menu, .main_bl_8_item:hover .line_3_menu {
    transform: translateX(127%);
}
.main_bl_8_btns_wrap{
	display: flex;
	justify-content: center;
}
.main_bl_8_btn{
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-family: "SolomonSans-Bold";
    border: 2px solid #fff;
    height: 4.2rem;
    padding: 0 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #264646;
    margin-right: 0.4rem;
    position: relative;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-radius: 5px;
}
.main_bl_8_btn:hover .line_1_menu, .main_bl_8_btn:hover .line_2_menu, .main_bl_8_btn:hover .line_3_menu {
    transform: translateX(110%);
}
.main_bl_8_btn_2{
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-family: "SolomonSans-Bold";
    border: 2px solid #fff;
    height: 4.2rem;
    padding: 0 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6DBB91;
    margin-right: 0.4rem;
    position: relative;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-radius: 5px;
}
.main_bl_8_btn_2:hover .line_1_menu, .main_bl_8_btn_2:hover .line_2_menu, .main_bl_8_btn_2:hover .line_3_menu {
    transform: translateX(110%);
}
.main_bl_9{
	padding: 10rem 0 0;
}
.main_bl_9_cont{
	    max-width: 138rem;
    padding: 0 4rem;
    margin: auto;
     margin-bottom: 4rem;
}
.main_bl_9_title{
	color: #264646;
    font-size: 4.8rem;
    text-transform: uppercase;
    margin-bottom: 2.9rem;
    text-align: center;
    font-family: "SolomonSans-Bold";
}
.main_bl_9_title a{
	color: #264646;
}
.main_bl_9_text{
	font-size: 2.4rem;
    color: #000;
    text-align: center;
    margin: auto;
    font-family: "SolomonSans-Medium";
   
}
.main_bl_9_text a{
color: #264646;
    display: inline;
    text-decoration: underline;
    font-family: "SolomonSans-Medium";
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
}
.main_bl_9_text a:hover{
	text-decoration: none;
}
.main_bl_9_img_wr{
	height: 90rem;
	position: relative;
}
.main_bl_9_img{
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position:bottom;
	display: block;
}
.main_bl_9_info_wr{
	position: absolute;
    left: 26%;
	top: 5.8rem;
	width: 41.6rem;
}

.main_bl_9_info{
	background: rgb(19 19 19 / 70%);
	padding: 5.5rem;
    border-radius: 4px;
backdrop-filter: blur(10px);
display: grid;
    justify-items: self-end;
}
.main_bl_9_item{
	    width: 100%;
}
.main_bl_9_item_title{
	color:#fff;
	font-size: 7.2rem;
	text-transform: uppercase;
	margin-bottom: 2rem;
	font-family: "SolomonSans-Bold";
    line-height: 0.8;
}
.main_bl_9_item_text{
	font-family: "SolomonSans-Medium";
	color:#fff;
	font-size: 2.4rem;
	
}
.main_bl_9_item_text a{
    color: #ECFFE6;
    font-family: "SolomonSans-Medium";
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 0px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_bl_9_item_text a:hover{
	text-decoration: none;
}
.main_bl_9_item_line{
	margin: 2.4rem 0;
	height: 1px;
	background: #fff;
	opacity: 0.4;
	    width: calc(100% - 9px);
}
.main_bl_9_logo{
	margin-top: 5.5rem;
	margin-left: 5.5rem;
	width: 16.2rem;
}
.main_bl_10{
	background:#264646;
	padding: 15rem 0 5.7rem;
}
.main_bl_10_cont{
	    max-width: 138rem;
    padding: 0 4rem;
    margin: auto;
}
.main_bl_10_img_wrap{
	    display: grid;
    grid-gap: 2.4rem;
    margin-bottom: 4.8rem;
    grid-template-columns: repeat(6, calc(16.6% - 1.9rem));
}
.main_bl_10_img{
	width: 100%;
	border-radius: 4px;
    overflow: hidden;
}
.main_bl_10_title{
	font-family: "SolomonSans-Bold";
	font-size: 4.8rem;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 3.2rem;
}
.main_bl_10_items{
    margin-bottom: 5rem;
    display: grid;
    grid-gap: 2.4rem;
    grid-template-columns: repeat(4, calc(25% - 1.8rem));
}
.main_bl_10_item_title{
	color:#ECFFE6;
	font-size: 3.2rem;
	font-family: "SolomonSans-SemiBold";
	margin-bottom: 1.6rem;
}
.main_bl_10_item_adress{
	font-size: 2rem;
	font-family: "SolomonSans-Medium";
	color:#fff;
	text-decoration: underline;
	    padding-right: 1rem;
    display: block;
        text-underline-offset: 5px;
    text-decoration-thickness: 0px;
}
.main_bl_10_item_adress:hover{
	text-decoration: none;
}
.main_bl_10_item_text{
	font-size: 2rem;
	font-family: "SolomonSans-Medium";
	color:#fff;
	    line-height: 1.7;
}
.main_bl_10_item_tel{
	font-size: 2.8rem;
	font-family: "SolomonSans-Medium";
	color:#fff;
}
.main_bl_10_logo{
	max-width: 30.5rem;
    width: 100%;
}

.main_bl_10_line{
	height: 1px;
	opacity: 0.2;
	background: #fff;
	margin-bottom: 6.4rem;
}
.main_bl_10_socials_cont{
	display:flex;
	justify-content: center;
	text-align: center;
}
.main_bl_10_socials_wrap{
	
}
.main_bl_10_socials_text{
	margin-bottom: 2.4rem;
	color:#ECFFE6;
	font-family: "SolomonSans-Medium";
	font-size: 2.4rem;
	display: flex;
	align-items: center;
}
.main_bl_10_socials_icon{
	width: 2.4rem;
	margin-left: 8px;
}
.main_bl_10_socials_wr{
	display: flex;
	    justify-content: center;
}
.main_bl_10_social{
    width: 4.5rem;
    height: 4.5rem;
    margin-left: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.main_bl_10_social:first-child {
    margin-left: 0;
}
.main_bl_10_social:hover .social_link_bg path {
    fill: #264646;
}
.main_bl_10_social:hover .social_link_img {
    opacity: 0;
    position: absolute;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_bl_10_social:hover .social_link_hov_img {
    opacity: 1;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_video_pop_up{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_video_pop_up_show {
    opacity: 1;
    pointer-events: all;
}

.main_video_pop_up:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 64.7rem;
    opacity: 0.15;
    background: linear-gradient(to bottom, #00C4FF 0%, rgba(0, 196, 255, 0.00) 100%);
}

.main_video_pop_up  .lines_wrap {
    opacity: 0.4;
}
.main_video_pop_up_cont {
    height: 86%;
    width: 79%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
}
.main_video_pop_up_close {
    position: absolute;
    right: 4rem;
    top: 4rem;
    cursor: pointer;
    z-index: 2;
}
.pop_up_visual_close {
    width: 4rem;
    height: auto;
}

.main_video_pop_up_cont iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 70%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.main_video_pop_up_close:hover .pop_up_visual_close_polyline {
    fill: #1e263c;
}








/* ========================================
/* END MAIN
======================================== */
/* ========================================
/* CONTACTS
======================================== */
.contacts_page{
    position: relative;
    height: 100%;
	    background: #efefef;
}
.contacts_wrap {
    position: absolute;
    top: 27rem;
        top: 29vh;
    left: 5rem;
    display: flex;
    align-items: center;
    z-index: 1;
    padding: 2rem;
    overflow: hidden;
}
.contacts_scroll{
	/*width: 58.1rem;
    height: 38.3rem;
    height: 42.3rem;*/
    width: 71.6rem;
    position: relative;
}

.contacts_wr{
     display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    box-shadow: 0px 0px 13.12px 2.88px rgba(0, 0, 0, 0.5);
    border: 5px solid #FFECC0;
    transform: translateX(-120%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-radius: 100px 0;
padding: 6.4rem 6.2rem 5.1rem 7.1rem;
    padding: 2vh 5rem;
    padding: 5vh 6.7rem;
        padding: 3vh 5.7rem;
}



.show_page_anim .contacts_wr {
    transform: translateX(0%);
    transition: .9s all 1.5s cubic-bezier(.19,1,.22,1);
}
.contacts_info_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 3.4rem);
    height: calc(100% + 3.4rem);
    z-index: -1;
    overflow: hidden;
    transform: translate(-160%, -50%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-radius: 0 100px;
    background: #264646;
}
.show_page_anim .contacts_info_bg {
    transform: translate(-50%, -50%);
    transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.contacts_info_bg_img{
	width:100%;
	height: 100%;
	object-fit:cover;
}
.contacts_flex{
    display: flex;
    /* margin-bottom: 4.7rem; */
    transition: all .9s cubic-bezier(.19,1,.22,1);
    /*margin-top: 1rem;*/
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 1rem));
    grid-gap: 2rem;
}
.contacts_flex_2{
    transition: all .9s cubic-bezier(.19,1,.22,1);
    margin-top: 1rem;
    grid-template-columns: repeat(2, calc(50% - 1rem));
    grid-gap: 2rem;
    display: grid;
    margin-bottom: 2rem;
}
.contacts_td{
    /*padding: 0 2rem;*/
    /*width: 50%;*/
    max-width: 28.1rem;
    position: relative;
}
.contacts_td:first-child{
	margin-right: 3rem;
}

.contacts_td_2{
    max-width: 28.1rem;
    position: relative;
}
.contacts_td_2:first-child{
	margin-right: 3rem;
}
.contacts_title{
	
	text-align: left;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
    
    color: #FFF;
	font-size: 2.4rem;
	font-weight: 900;
	letter-spacing: 0.491px;
    
}
.contacts_adress_wrap{

    width: 100%;
    /*height: calc(100% - 3rem - 2vh);*/
}
.contacts_adress_wrap_2{

}
.contacts_adress_wr{
	display:flex;
	margin-bottom: 1vh;
}
.contacts_icon{
	display:flex;
	justify-content: center;
	align-items: center;
	width:2rem;
	margin-right: 1rem;
}
.conacts_tw_wr .contacts_icon{
    margin-top: 2px;
}

.contacts_icon_svg{
	height: 1.9rem;
}


.contacts_servis_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    margin-right: 1rem;
}

.contacts_servis_icon img{
	max-width: 2.1rem;
}
.contacts_servis_text{
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}
.contacts_servis_tel_wrap{
	display:flex;
    align-items: start;
}
.contacts_servis_tel_wr{
	margin-bottom: 1vh;
}
.contacts_servis_tel{
	color:#FFECC0;
	font-size: 2.3rem;
    font-weight: 600;
}
.contacts_adress{
	font-size: 1.6rem;
	color:#FFECC0;
	text-decoration: underline;
	/*cursor: pointer;*/
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.contacts_adr_img_wrap:hover .contacts_adress,
.contacts_adr_img_wr_hover .contacts_adress{
	/*text-decoration: none;*/
}
.contacts_adr_img_wrap{

}



.contacts_adr_img{
    width: 100%;
    display: block;
}
.contacts_mail_wr{
	margin-bottom: 1vh;
	display:flex;
}
.contacts_mail{
	color:#FFECC0;
	font-size: 1.6rem;
	text-decoration: underline;

}
.contacts_mail_wr:hover .contacts_mail{
	text-decoration: none;

}
.conacts_tw_wr{
	font-size: 1.4rem;
	color:#FFECC0;
	display: flex;
	    align-items: end;
}
.conacts_tw{

}
.contacts_info_btn_wr{
    display: grid;
    grid-template-columns: auto auto;
        /*margin-bottom: 2rem;*/
    grid-gap: 1.4rem;
}
.contacts_cb_btn_wr{
    overflow: hidden;

}



.contacts_cb_btn{
    padding: 1.1rem 2rem;
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
	background: #6DBB91;
	border: 2px solid #6DBB91;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.show_page_anim .contacts_cb_btn{
    transform: translateX(0rem);
	transition: .9s all 1.3s cubic-bezier(.19,1,.22,1), background .9s cubic-bezier(.19,1,.22,1);
}
.contacts_cb_btn:hover{
    background: #264646;
}
.contacts_cb_btn:hover .line_1_menu,
.contacts_cb_btn:hover .line_2_menu,
.contacts_cb_btn:hover .line_3_menu {
    transform: translateX(110%);
}
.contacts_cb_btn_text{
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
        text-align: center;
    font-weight: 600;
    letter-spacing: 0.441px;
    text-transform: uppercase;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}


.contacts_recomend{
	font-size: 1.6rem;
	color:#c0c0c0;
    padding-left: 5rem;
    margin: 3vh 0px;
    position: relative;
	opacity: 0;
	transform: translateY(3rem);
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .contacts_recomend{
	opacity: 1;
	transform: translateY(0rem);
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}
#map{
    position: absolute;
    top: 0;
    right: 0;
    width:100%;
    height: 100%;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  #map{
	opacity: 1;
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.marker_contacts,
.marker_contacts_2{
	position: absolute;
	top:40%;
	left:50%;
	transform: translate(0%, -100%);
}
.marker_contacts_3{
	position: absolute;
	top:40%;
	left:50%;
	transform: translate(-100%, -100%);
}
.marker_contacts_svg{
	width:4.4rem;
	height: auto;
}
.marker_contacts_number{
	position: absolute;
	font-size: 3.2rem;
	color:#353537;
    top: 5%;
    left: 0;
    width: 96%;
    height: 68%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.contacts_info_btn{
    padding: 1.1rem 2rem;
    display: inline-block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
	background: #FFECC0;
	border: 2px solid #FFECC0;
    text-align: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.contacts_info_btn:hover{
    background: #264646;
}
.contacts_info_btn:hover .line_1_menu, .contacts_info_btn:hover .line_2_menu, .contacts_info_btn:hover .line_3_menu {
    transform: translateX(110%);
}
.contacts_info_cb_btn_text{
    position: relative;
    overflow: hidden;
    color: #264646;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.441px;
	text-transform: uppercase;
    
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.contacts_info_btn:hover .contacts_info_cb_btn_text{
	color:#fff;
}
.contacts_info_btn .line_1_wr_main_link {
    bottom: 48%;
}
.contacts_info_btn .line_3_wr_main_link {
    bottom: 48%;
}

/* ========================================
/* NEWS
======================================== */
.news_wrap{

	position: relative;
	height: 100%;
}

.news_wr{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 17rem 0rem 6rem;
    position: relative;
    width: 100%;
}


.news_years_wr{
display: inline-flex;
    z-index: 1;
    padding: 1rem;
    justify-content: center;
    align-items: center;
    margin-left: 1.4rem;

    cursor: pointer;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateX(-5rem);
}
.show_page_anim .news_years_wr {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.news_years_wr_bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
}

.news_years_wr_bg:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 3px #1e2735;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: -1;
}
.news_years_wr:hover .news_years_wr_bg:after,
.news_years_wr_open .news_years_wr_bg:after{
box-shadow: inset 0 0 0 3rem #1e2735;
}
.news_years_active{
	color:#20070a;
	font-size: 1.6rem;
	position: relative;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_years_wr:hover .news_years_active,
.news_years_wr_open .news_years_active{
	color:#fff;
}
.news_years_arrow{
	position: relative;
	width:2rem;
	margin-left: 1rem;
    transform: rotate(90deg);
	    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_years_wr_open .news_years_arrow{
    transform: rotate(270deg);
}
.news_years_arrow polygon{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.news_years_wr:hover polygon,
.news_years_wr_open polygon{
	fill:#fff;
}
.news_years_dropdawn{
	display:flex;
    position: absolute;
    max-height: 35rem;
    top: calc(100%);
    left: 0;
    background: #fff;
    box-shadow: inset 0 0 0 3px #1e2735;
    opacity: 0;
    transform: translateY(3rem);
	pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_years_wr_open .news_years_dropdawn{
	opacity: 1;
	pointer-events: auto;
    transform: translateY(0rem);
}
.news_years_dropdawn_cont{

    max-height: 35rem;
}
.news_years{
    color: #20070a;
    font-size: 1.6rem;
        white-space: nowrap;
	padding: 1rem;
    display: flex;
    align-items: center;
    padding-left: 1.5rem;
	position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_years_text{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	position: relative;
	    z-index: 1;
}
.news_years:hover .news_years_text{
	color:#fff;
}
.news_years_bg{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.news_years_bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 0px #1e2735;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: -1;
}
.news_years:hover .news_years_bg:after{
    box-shadow: inset 0 0 0 3rem #1e2735;
}

.news_years_line{
	width: 100%;
	height: 1px;
	opacity: 0.2;
	background: #fff;
}

.news_cont{
    width: 100%;
    display: flex;
    justify-content: center;
}
.news_srcoll{
    height: calc(100%);
    overflow: hidden;
}
.news_content{
    display: flex;
    flex-flow: wrap;
    padding: 1rem 0 0;
}
.news_slider_wr {
position: relative;
    width: calc(100% - 25rem);
    margin: 0 auto;
    opacity: 0;
    transform: translateX(5rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .news_slider_wr{
    opacity: 1;
    transform: translateX(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.news_slider {
    overflow: hidden;
    width: calc(100%);
    left: 0;
    right: 0;
    margin: auto;
}
.news_slide {
    display: flex;
}

.one_new_link_wr{
width: 31.3333%;
    margin-right: 1%;
    position: relative;
}
.one_new_link_wr:last-child{
	margin-right: 0;
}
.one_new_link{
	max-width: 43.1rem;
	display: block;
	background: rgba(255, 255, 255, 0.9);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	margin: 3vh 1.5%;
	margin: 3vh 1.4rem;
	position: relative;
	margin: auto;
}
.one_new_link_svg{

}
.one_new_info_wr{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	padding: 2.1rem;
}
.show_page_anim .one_new_info {
  transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.one_new_info{
  box-shadow: 0px 0px 13.12px 2.88px rgba(0, 0, 0, 0.09);
	border: 4px solid rgb(255, 255, 255);
    height: 100%;
	text-align: center;
	padding: 2vmin;
	display: flex;
	justify-content: center;
	align-items: center;
}
.one_new_info_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.one_new_bot_line_wr_1,
.one_new_bot_line_wr_2,
.one_new_bot_line_wr_3,
.one_new_bot_line_wr_4,
.one_new_bot_line_wr_5,
.one_new_top_line_wr_1,
.one_new_top_line_wr_2,
.one_new_top_line_wr_3,
.one_new_top_line_wr_4,
.one_new_top_line_wr_5{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.one_new_link:hover .one_new_bot_line_wr_5{
	transform: translate(-8rem, -11rem) scale(1.5);
}
.one_new_link:hover .one_new_top_line_wr_5{
	transform: translate(8rem, 11rem) scale(1.5);
}
.one_new_link:hover .one_new_top_line_wr_2{
	transform: translate(4rem, 5rem) scale(1.2);
}
.bot_new_line{
	width:100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(8rem, 8rem);
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_new_line_1{
	transform: translate(0rem, 0rem);
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_new_line_2{
	transform: translate(0rem, 0rem);
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_new_line_3{
	transform: translate(0rem, 0rem);
	transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_new_line_4{
	transform: translate(0rem, 0rem);
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bot_new_line_5{
	transform: translate(0rem, 0rem);
	transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.top_new_line{
	width:100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(-8rem, -8rem);
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_new_line_1{
	transform: translate(0rem, 0rem);
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_new_line_2{
	transform: translate(0rem, 0rem);
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_new_line_3{
	transform: translate(0rem, 0rem);
	transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_new_line_4{
	transform: translate(0rem, 0rem);
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .top_new_line_5{
	transform: translate(0rem, 0rem);
	transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}

.one_new_date{
	    text-transform: uppercase;
	font-size: 1.6rem;
	color:#b2093a;
	margin-bottom: 3vh;
}
.one_new_title{
	color:#fff;
	font-size: 3rem;
	text-transform: uppercase;
	margin-bottom: 2.5vh;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_new_anons{
	color:#fff;
	font-size: 1.9rem;
	    height: 7rem;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.one_new_link:hover .one_new_anons{

}
.news_btn_more_wr {
    margin-top: 3vh;
    position: relative;
    display: inline-flex;
    width: 14.6rem;
    height: 4.3rem;
    justify-content: center;
    overflow: hidden;
    align-items: center;
    background: #6dbb91;
    border: 2px solid #fff;
    cursor: pointer;
    border-radius: 15px 0;
}
.line_1_wr_new_link {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 50%;
    left: -9rem;
}
.line_2_wr_new_link {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 50%;
    left: -11rem;
}
.line_3_wr_new_link {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 50%;
    left: -7rem;
}
.one_new_link:hover .line_1_menu,
.one_new_link:hover .line_2_menu,
.one_new_link:hover .line_3_menu {
    transform: translateX(110%);
}
.pop_up_visual_wrap .news_btn_more_wr:hover .line_1_menu,
.pop_up_visual_wrap .news_btn_more_wr:hover .line_2_menu,
.pop_up_visual_wrap .news_btn_more_wr:hover .line_3_menu {
    transform: translateX(110%);
}
.news_btn_more_text {

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3rem;
    position: relative;
}
.one_new_link:hover .news_btn_more_text{
	color: #fff;
}

body .prev_slide_news {
width: 5.7rem;
    height: 5.7rem;
    left: -5.7rem;
    top: 0;
    bottom: 9rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .prev_slide_news {
    opacity: 1;
    transform: translateY(0rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.prev_news_svg {
    width: 5.9rem;
    position: relative;
    z-index: 1;
    transform: scale(-1);
}

body .next_slide_news {
    width: 5.7rem;
    height: 5.7rem;
    right: -5.7rem;
    top: 0;
    bottom: 9rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .next_slide_news {
    opacity: 1;
    transform: translateY(0rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.next_news_svg {
width: 5.9rem;
    z-index: 1;
    position: relative;
}
.prev_news_svg polygon,
.next_news_svg polygon {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_news:hover .prev_news_svg polygon,
.next_slide_news:hover .next_news_svg polygon {
	fill:#1e263c;
}

.news_pagin_wrap{
	display:flex;
	position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 6rem;
	margin-top: 3vh;
	justify-content: center;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .news_pagin_wrap {
  opacity: 1;
  transform: translateY(0);
  transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.news_pagin_wr{
	width: 60rem;
    position: relative;
}
.news_pagination{
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 3.8rem;

}
.news_pagin{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	display: flex;
	justify-content: center;
	align-items: center;
    height: 100%;
    cursor: pointer;
	opacity: 0.5;
	color:#b3b4b6;
	font-size: 2.2rem
}
.news_pagin:hover{
	background:#242d48;
	opacity: 1;
	color:#fff;
}
.swiper-slide-thumb-active .news_pagin{
	opacity: 1;
	background:#b2093a;
	pointer-events: none;
	color:#fff;
}



.news_facebook_wr{
	display:flex;
	align-items: center;
}
.news_facebook_text{
	color:#20070a;
	font-size: 1.8rem;
	margin-right: 1rem;
  opacity: 0;
  transform: translateX(-5rem);
}
.show_page_anim .news_facebook_text {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.news_facebook_link{
	display:block;
  opacity: 0;
  transform: translateX(-5rem);
}
.show_page_anim .news_facebook_link {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.news_facebook_svg{
	width:3.7rem;
}
.news_facebook_svg path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_facebook_link:hover path{
	fill:#ebc334;
}


/* ========================================
/* END NEWS
======================================== */

/* ========================================
/* ONE NEW
======================================== */
.new_wrap{
    position: relative;
    height: 100%;
    padding: 9.3rem 0 6.3rem;
    display: flex;
    justify-content: space-between;
    padding-left: 11vw;
    padding-left: 9vw;
	
	min-height: 100vh;
}

.new_wrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150rem;
	opacity: 0.15;
	background: linear-gradient(to bottom, #00C4FF 0%, rgba(0, 196, 255, 0.00) 100%);
}


.new_wrap:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 150rem;
	opacity: 0.15;
	background: linear-gradient(to top, #00C4FF 0%, rgba(0, 196, 255, 0.00) 100%);
}
.new_wrap_feedback_fixed{
	    height: 100%;
    position: relative;
    overflow: hidden;
    position: relative;
    position: absolute;
    right: auto;
    left: calc(100% + 5rem);
    top: 0;
}
.new_wrap_feedback_form {
	border: 2px solid #6DBB91;
    border-radius: 0 50px;
    padding: 2.3rem 1.9rem 3.6rem;
    background: none;
    max-width: 42.8rem;
    width: 24vw;
    position: absolute;
    right: auto;
    /*left: calc(100% + 5rem);*/
    top: 0;
    position: fixed;
    top: 29rem;
}

.socials_wrap_news {
    display: flex;
    justify-content: center;
}
.new_srcoll{
    width: calc(100% - 28.2rem - 7%);
    width: calc(100% - 39.2rem - 7%);
    width: 100%;
    height: calc(100% - 3vh - 8rem);
    height: calc(100% - 3vh - 11rem);
    position: relative;
	opacity: 0;
    transform: translateX(5rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_srcoll {
	opacity: 1;
    transform: translateX(0rem);
    transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.new_cont_wr{
    margin-top: 20rem;
	position: relative;
	z-index: 1;
	display: grid;
    grid-template-columns: auto auto;
    grid-gap: 5rem;
}
.new_cont{
}
.new_wr {
    position: relative;
    width: 82.4rem;
    width: 824px;
    max-width: 56vw;
    min-width: 560px;
    margin-bottom: 2.2rem;

    z-index: 1;
    display: block;
    background: #fff;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.11);
    padding: 3.3rem 3.3rem 4rem;
}
.new_wr:last-child{
	border-bottom: none;
	
}
.new_content{
	height: 100%;
}

.new_date{
	text-transform: uppercase;
    margin-bottom: 1.8rem;
    background: linear-gradient(to right, #6DBB91 0%, rgb(255 255 255 / 10%) 100%);
    background: linear-gradient(to right, #6DBB91 0%, rgba(109, 187, 145, 0.32) 100%);
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    padding: 0.5rem 1.3rem;
    border-radius: 50px;
	opacity: 0;
    transform: translateX(5rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_date {
	opacity: 1;
    transform: translateX(0rem);
    transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.new_title{
	font-size: 3.2rem;
	color:#264646;
	font-weight: 600;
    margin-bottom: 2rem;

	opacity: 0;
    transform: translateX(5rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_title {
	opacity: 1;
    transform: translateX(0rem);
    transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.new_img_wr{
	position: relative;
    margin-bottom: 2vh;
}
.new_img{
	width:100%;
	display: block;
}
.new_text{
	color:#1A5E73;
	font-size: 2rem;
	margin-bottom: 1.5rem;
}
.new_text a{
	color:#88B890;
	text-decoration: underline;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	cursor: pointer;
}
.new_text a:hover{
	text-decoration:none;

}
.new_text p{
    margin: 2rem 0;
}
.new_text b,
.new_text strong{
	font-weight: 700;
}

.new_text ul{
margin: 1rem 0;
    list-style: inside;
}
.new_text iframe{
	width:100%;
	height: 41rem;
}
.new_text img {
  width: 100%;
  height: auto;
}
.new_more{
    color: #284848;
    font-size: 1.6rem;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    border: 2px solid #6DBB91;
    border-radius: 25px 0;
    padding: 1.8rem 2.6rem;
    position: relative;
    overflow: hidden;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.new_more:hover{
	background: #264646;
	color: #fff;
}
.new_more:hover .line_1_menu, .new_more:hover .line_2_menu, .new_more:hover .line_3_menu {
    transform: translateX(110%);
}
.new_more_arrow{
	margin-left: 0.6rem;
	width: 0.6rem;
}
.new_more_arrow path{
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.new_more:hover path{
	stroke:#fff;
}



.new_back_wr{
    position: absolute;
    right: 4.7rem;
    top: 4.7rem;
    cursor: pointer;
    z-index: 2;
    transform: translateX(calc(100% + 5rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_back_wr {
    transform: translateX(0rem);
    transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.new_close{
width: 4rem;
    height: auto;
}
.new_close_polyline {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_back_wr:hover .new_close_polyline {
fill: #1e263c;
}
.new_tel_wr{
	display: inline-block;
	margin-top: 1rem;
	position: relative;
	z-index: 1;
	    font-size: 2.3rem;
    text-transform: uppercase;
    color: #1e2735;
    padding: 1rem 3rem;
}
.new_tel_wr_bg{
    z-index: -1;
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}


.new_count_wrap{
	position: absolute;
	bottom: 0;
	left: 0;
	min-width:10.2rem;
	min-height:11.6rem;
	display: flex;
    z-index: 1;
    transform: translateX(calc(-102% - 6rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_count_wrap {
    transform: translateX(0);
    transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.new_count_svg{
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
}
.new_count_wr{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#252e48;
	font-size: 3.3rem;
	padding: 0 1rem;
}
.new_count_active{
	font-size: 5.4rem;
}

.new_subcrible_wrap{
	margin-top: 2.4rem;
margin-bottom: 1rem;
}
.new_subcrible_title{
	color:#242d48;
	font-size: 1.8rem;
	margin-bottom: 1.6rem;
}
.new_subcrible_wr{
	display:flex;
}
.new_subcrible_input_wr{
	width:38rem;
	height: 3.9rem;
    border: 1px solid rgba(36, 45, 72, 0.88);
	margin-right: 4px;
	position: relative;
}
.new_subcrible_input_wr:after{
	content: '*';
	position: absolute;
	right: 3px;
	top: 0px;
	color:#b2093a;
	font-size: 1.7rem;
}
.new_subcrible_input{
	width:100%;
	height: 100%;
	border: none;
    padding: 0 1rem;
}
.new_subcrible_btn{
	background: url(../img/bg_subcrible.svg) no-repeat;
	background-size: cover;
	height: 3.9rem;
	padding: 0 2.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
}
.new_subcrible_btn_text{
	color:#fff;
	font-size: 1.4rem;
	text-transform: uppercase;
	position: relative;
}
.new_subcrible_btn_hover{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../img/bg_subcrible_hover.svg) no-repeat;
	background-size: cover;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_subcrible_btn:hover .new_subcrible_btn_hover{
	opacity: 1;
}
.new_pagin_wr{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 29.4rem);
        width: calc(100% - 20.4rem);
min-width: 897px;
    margin: 0 auto;
}
.new_prev{

    position: absolute;
    width: 5.7rem;
    height: 5.7rem;
    left: -5.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(calc(-102% - 6rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_prev {
    transform: translateX(0);
    transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}

.new_prev_svg{
width: 5.3rem;
    position: relative;
    z-index: 1;
}
.new_next{

    position: absolute;
    width: 5.7rem;
    height: 5.7rem;
    right: -5.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    transform: translateX(calc(102% + 6rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_next {
    transform: translateX(0);
    transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.new_next_svg{
width: 5.3rem;
    z-index: 1;
    position: relative;
}
.new_prev path, .new_next path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_prev:hover .new_prev_svg path, .new_next:hover .new_next_svg path {
    fill: #1e263c;
}
.sp-form{
	border-radius: 50px 0!important;
}
.new_wrap_feedback_form .sp-form{
    border: none!important;
    background: none!important;
    width: 42.8rem!important;
    border-radius: 0!important;
}




.new_wrap_feedback_form .sp-form .sp-form-fields-wrapper{
	width: 100%!important;
    margin: 0!important;
}
body .sp-form .sp-button{
	background:#FFECC0!important;
	border-radius: 4px!important;
	color: #264646!important;
	font-size: 1.4rem!important;
	text-transform: uppercase!important;
    height: 4.9rem!important;
	letter-spacing: 0.441px;
	transition: all 0.9s cubic-bezier(.19,1,.22,1)!important;
}
body .sp-form .sp-button:hover{
	background:#294848!important;
	color: #fff!important;
	top:0!important;
	opacity: 1!important;
}

.sp-form b, .sp-form strong{
	color: #294848!important;
	font-size: 2.1rem!important;
	margin-bottom: 1.4rem!important;
}
.sp-form .sp-form-control{
	border-radius: 4px!important;
    border: 2px solid #6DBB91!important;
    height: 4.3rem!important;
    background: none!important;
    
}
.sp-link-wrapper.sp-brandname__left{
	padding: 0!important;
}
.sp-field-nolabel .sp-field>.sp-control-label>strong{
	    bottom: auto!important;
    top: 2.6rem;
    font-size: 1.6rem!important;
    color: #E87C7C!important;
    
}
.new_another_title{
	color: #6DBB91;
	font-size: 3.2rem;
	font-weight: 600;
	text-transform: uppercase;
	margin: 4.4rem 2.7rem 2.5rem;
}
.new_all_btn_wr{
	display: flex;
	justify-content: center;
	margin-top: 2.3rem;
}
.new_all_btn{
	background: #6DBB91;
	border-radius: 4px;
	color: #FFF;
	font-size: 1.4rem;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0.441px;
	text-transform: uppercase;
	padding: 1.6rem 2.6rem;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_all_btn:hover {
    background: #264646;
}
.new_all_btn:hover .line_1_menu, .new_all_btn:hover .line_2_menu, .new_all_btn:hover .line_3_menu {
    transform: translateX(110%);
}

/* ========================================
/* END ONE NEW
======================================== */

/* ========================================
/* TEH HAR
======================================== */
.teh_har_page{
	position: relative;
	height: 100%;
    background: url(../img/bg_floor.png) no-repeat;
    background-size: cover;
}
.teh_har_wrap{
    width: 100%;
    height: 100%;
    position: absolute;
padding: 3rem 14% 3rem;
    top: 7.7rem;
    height: calc(100% - 15.7rem);
    height: calc(100% - 7.7rem);
}
.lines_har_1{
    position: absolute;
    top: -13rem;
    left: -11.4rem;
    width: 74.6rem;
}
.lines_har_2{
    position: absolute;
    bottom:0;
    right: 0;
    width: 60.3rem;
}
.teh_har_feature_scroll{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    /*align-content: space-between;*/
    width: calc(100% - 3rem);
    left: 0;
    right: 0;
    margin: auto;
}
.teh_har_och_wr{

    margin-bottom: 3vh;
    display: inline-flex;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .teh_har_och_wr {
    opacity: 1;
    transform: translateY(0rem);
    transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.teh_har_och{
    font-size: 1.8rem;
    color: #39393a;
    text-transform: uppercase;
    padding: 1rem 4rem;
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin-right: 2px;
    background: #e8e8e8;
    background: linear-gradient( to right, #e8e8e8 1%, #e8e8e8 100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.teh_har_och_active{
    background: linear-gradient( to right, rgb(126,176,220) 1%, rgb(166,197,74) 100%);
    color: #fff;
    pointer-events: none;
}
.teh_har_och:hover {
    color: #fff;
}

.teh_har_och_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.teh_har_och_bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    background: linear-gradient( to right, #e8e8e8 1%, #e8e8e8 100%);
}
.teh_har_och_active .teh_har_och_bg:before {
    background: transparent;
}
.teh_har_och_bg:after {
    content: '';
    position: absolute;
    top: -141%;
    left: 35%;
    width: 177%;
    height: 353%;
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    background: #38383a;
    transform: rotate(-16deg) translate(-49%, -141%);
}
.teh_har_och:hover .teh_har_och_bg:after {
    top: -70%;
    left: -20%;
    transform: rotate(-16deg) translate(2%, -30%);
}
.teh_har_och_text{
    position: relative;
}

.teh_har_title{
	color:#f9cb0c;
	font-size: 4.8rem;
    margin-top: 6vh;

	margin-bottom: 3vh;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .teh_har_title{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.teh_har_scroll{
    /*height: calc(100% - 7rem - 3vh);
    overflow: hidden;*/
    height: calc(100% - 5rem);

    width: calc(100% + 20px);
}
.teh_har_cont_wrap{
	position: relative;
	 height: calc(100% - 5rem);
	    min-height: 306px;
}

.teh_har_cont_wr{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    pointer-events: none;
}
.teh_har_cont_wr_active {
    pointer-events: auto;
    opacity: 1;
}
.teh_har_wr{
    height: 100%;
        height: calc(100% - 7rem);
    /*display: flex;
    justify-content: space-between;*/
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .teh_har_wr{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.teh_har_left{
	width:54rem;
    /*margin-right: 3vw;*/
    width: 48%;
}
.teh_har_block_title_wr{
	padding-right: 20px;
	    display: flex;
    justify-content: space-between;
}
.teh_har_page .teh_har_block_title_wr {
    padding-right: 0;
}
.teh_har_page .mCSB_inside > .mCSB_container {
    margin-right: 0;
padding-right: 20px;
}
.teh_har_block_title{
	    width: 48%;
    font-size: 1.8rem;
    color: #151515;
    text-transform: uppercase;
	padding: 1rem 2rem;
    margin-bottom: 0.5rem;
	position: relative;
}
.teh_har_block_title_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ebc334;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.teh_har_block_title_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.teh_har_block_title_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.teh_har_block_title_text{
	position: relative;
}





.teh_har_cont{
	display:flex;
	justify-content: space-between;
}
.teh_har_feature_wr{
    display: flex;
    align-items: end;
    align-items: center;
    min-height: 49px;
    padding: 1rem 2rem;
    width: 100%;
    margin-bottom: 2px;
    background: #e9e9eb;
}
.teh_har_feature_img_wr{
	display:flex;
	justify-content: center;
	align-items: center;
	margin-right: 1rem;
	width: 5rem;
}
.teh_har_feature_img{
	max-height:80%;
	max-width:80%;
}
.teh_har_feature_info{
    width: calc(100% - 6rem);

}
.teh_har_feature_title{
	font-size: 1.6rem;
	color:#151515;
	text-transform: uppercase;
}

.teh_har_feature_text{
	font-size: 1.5rem;
	color:#363637;
}
.teh_har_right{
    width: 68rem;
    width: 48%;
    /*margin-right: 3rem;*/
}
.teh_har_detal_title{
	font-size: 1.6rem;
	color:#1d1d1d;
	width: 25rem;
}


/* ========================================
/* VISUALISATION
======================================== */
.gallery_wrap {
	position: relative;
	width:100%;
	height: 100%;
    background: url(../img/bg_floor.png) no-repeat;
    background-size: cover;
	background-position: center;
	display: flex;
}
.gallery_wr{
	width:calc(100% - 24.7rem);
	width:calc(100%);
	padding: 17rem 0rem 9rem;
    display: flex;
    align-items: center;
}
.gallery_slider_wr{
    position: relative;
    width: calc(100% - 29.4rem);
    margin: 0 auto;
}
.gallery_slider{
overflow: hidden;
    width: calc(100%);
    left: 0;
    right: 0;
    margin: auto;
    height: 27.5rem;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gallery_slider{
    opacity: 1;
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
#gallery_slider .swiper-slide{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    padding: 1rem;
}

.gallery_wrap .swiper-slide {
	display: flex;
    align-items: flex-end;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.svg_vis_path_horizontal{
	width: auto;
	height: 100%;
}
.svg_vis_path_vertical{
	width: 100%;
	height: auto;
}
.gallery_slide_hover{
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gallery_slide:hover .gallery_slide_hover{
	opacity: 1;
}
.gallery_slide{
cursor: pointer;
    max-width: 27.5rem;
    height: 100%;
    
    position: relative;
}
.gallery_slide:before{
	content: '';
	position: absolute;
	top: 0%;
	left: 0%;
	width: calc(100%);
	background: #6DBB91;
	height: calc(100%);
	border-radius: 100px 0 100px 0;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gallery_slide:hover:before{
	opacity: 0.8;
}
.gallery_slide:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 1rem);
	height: calc(100% + 1rem);
	transform: translate(-50%, -50%);
	border-radius: 110px 0 110px 0;
	border: 4px solid #FFECC0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.gallery_slide:hover:after{
	border: 4px solid #264646;
}
.gallery_slide_img{
	width:100%;
	height: 100%;
	object-fit:cover;
	overflow: hidden;
    border-radius: 100px 0 100px 0;
}
.gallery_slide_zoom{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width:7.4rem;
	height: 7.4rem;
	margin: auto;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gallery_slide:hover .gallery_slide_zoom{
	opacity: 1;
}
.gallery_slide_svg{
    position: relative;
    width: 100%;
    max-width: 28.4rem;
}
.shadow_gal_bot{
	position: absolute;
	bottom: 0;
	width:100%;
	pointer-events: none;
	    z-index: 2;
}
.gal_slider_pagin_wr{
height: 100%;
    margin: auto;
    width: 24.7rem;
    background: #1f2834;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    position: relative;
    padding-top: 37rem;
    padding-top: 19rem;
}
.hb_wrap .gal_slider_pagin_wr{
    padding-top: 10rem;
}
.hb_wrap .news_btn_more_wr {
  position: absolute;
  bottom: 10rem;
  left: 50%;
  transform: translateX(-50%);
  width: unset;
  height: unset;
  padding: 1rem 4rem;
  z-index: 1;
}
.hb_wrap .news_btn_more_wr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #264646;
  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}


.hb_wrap .news_btn_more_wr:hover::before {
  opacity: 1;
}
.hb_wrap .news_btn_more_text {
  font-size: 1.8rem;
}
.hb_wrap .sub_cont {
  width: 60rem;
  height: unset;
  padding: 4rem;
  padding-bottom: 6rem;
  padding-right: 4.5rem;
     background: #fff;
    border-radius: 0 50px;
    
}

.hb_wrap .cb_text {
  max-height: 50rem;
  margin-bottom: 2vh;
}
/* VISUAP POP UP */
.pop_up_visual_wrap{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    pointer-events: none;
    opacity: 0;
    z-index: 11;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pop_up_visual_wrap_open{
	pointer-events: auto;
	opacity: 1;
}
.pop_up_visual_wrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 64.7rem;
	opacity: 0.15;
	background: linear-gradient(to bottom, #00C4FF 0%, rgba(0, 196, 255, 0.00) 100%);
}


.pop_up_visual_wrap:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 47.7rem;
	opacity: 0.2;
	background: linear-gradient(to top, #6DBB91 0%, rgba(0, 196, 255, 0.00) 100%);
}
.pop_up_visual_close_wr{
	position: absolute;
	right: 4rem;
	top:4rem;
	cursor: pointer;
	z-index: 2;
}
.pop_up_visual_close{
	width:5.5rem;
	height: auto;
}
.pop_up_visual_close_polyline{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pop_up_visual_close_wr:hover .pop_up_visual_close_polyline{
	fill: #1e263c;
}
.pop_up_slider_wr{
	position: relative;
	height: 100%;
	width: 100%;
}
.pop_up_slider{
	position: relative;
	height: 100%;
}
.gallery_wrap  .pop_up_slide{
	position: relative;
	height: 100%;
	    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.pop_up_slide_img{
    display: block;
    /* height: 100%; */
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
	opacity:0;
    /*pointer-events: all;*/
}
.pop_up_visual_wrap_open .pop_up_slide_img{
	pointer-events: all;
}
.swiper-slide-active .pop_up_slide_img{
	opacity:1;
}
.pop_up_visual_pagin_wr{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
    width: calc(100% - 29.4rem);
    margin: 0 auto;
}
body .pop_prev_slide_gal{
width: 5.7rem;
    height: 5.7rem;
    left: -5.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    background: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pop_up_visual_wrap_open .pop_prev_slide_gal {
    opacity: 1;
    transform: translateY(0rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
body .pop_next_slide_gal{
    width: 5.7rem;
    height: 5.7rem;
    right: -5.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pop_up_visual_wrap_open .pop_next_slide_gal {
    opacity: 1;
    transform: translateY(0rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.pop_prev_gal_svg{
    width: 5.3rem;
    position: relative;
    z-index: 1;
}
.pop_next_gal_svg {
    width: 5.3rem;
    z-index: 1;
    position: relative;
}

.pop_prev_gal_svg .pop_prev_gal_svg_path,
.pop_next_gal_svg .pop_prev_gal_svg_path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pop_prev_slide_gal:hover .pop_prev_gal_svg_path,
.pop_next_slide_gal:hover .pop_prev_gal_svg_path{
	stroke:#264646;
}

.vis_count_wrap{
	position: absolute;
	bottom: 1.2rem;
	left: 1.4rem;
	width:13.8rem;
	height:13.8rem;
	display: flex;
    z-index: 1;
    background: #fff;
    border-radius: 50px 0;
    border: 4px solid #6DBB91;
}


.vis_count_wr{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#264646;
	font-size: 3.3rem;
	padding: 0 1rem;
    width: 100%;
    text-align: center;
}
.vis_count_pagin{
letter-spacing: -3px;
}
.swiper-pagination-current{
	font-size: 5.5rem;
    font-weight: 500;
    
}




/* VISUAL PREWIE */
#gal_slider_pagin{
    width: 100%;
    height: calc(100% - 37rem);
    height: calc(100%);
    position: relative;
    left:0;
    bottom: 0;
	right: auto;
    overflow: hidden;
    padding: 13px;



    padding-right: 21px;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim #gal_slider_pagin{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.hb_wrap .gal_slider_pagin_wr_small #gal_slider_pagin {
    height: calc(100% - 9rem);
}
#gal_slider_pagin:before{
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background: linear-gradient(to bottom, #1f2834, transparent,transparent);
    z-index: 2;
    pointer-events: none;
}




#gal_slider_pagin .gal_slider_scroll{
    top: 0;
    height: 100%;
    width: 2px;
    right: 7px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.2);
}
#gal_slider_pagin .swiper-scrollbar-drag{
    border-radius: 0;
    background: #ebc334;
    width: 7px;
    margin-left: -2.5px;
}
.gal_prew_wr{
    width: calc(100%);
	height: 100%;
	position: relative;
	background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}


.gal_prew_wr:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	box-shadow: inset 0 0 0 0px #fff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gal_prew_wr:hover:after{
	box-shadow: inset 0 0 0 1rem #fff;
}
.swiper-slide-thumb-active .gal_prew_wr:after{
	box-shadow: inset 0 0 0 1rem #c6a721;
}


.gal_prew_wr:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: #1e2632;
	opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-thumb-active .gal_prew_wr:before{
	opacity:0.6;
}
.gal_prew_active_slide{
	color:#f9cb0c;
	font-size: 3.2rem;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-thumb-active .gal_prew_active_slide{
	opacity:1;
}

body .prev_slide_gal{
width: 5.7rem;
    height: 5.7rem;
    left: -5.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    background: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .prev_slide_gal {
    opacity: 1;
    transform: translateY(0rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
body .next_slide_gal{
    width: 5.7rem;
    height: 5.7rem;
    right: -5.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .next_slide_gal {
    opacity: 1;
    transform: translateY(0rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.prev_gal_svg{
    width: 2.6rem;
    position: relative;
    z-index: 1;
}
.next_gal_svg {
    width: 2.6rem;
    z-index: 1;
    position: relative;
}
.prev_gal_svg path,
.next_gal_svg path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_gal:hover .prev_gal_svg path,
.next_slide_gal:hover .next_gal_svg path {
	stroke:#264646;
}


.gal_slider_pagin_tittle{
position: absolute;
    font-size: 4rem;
    color: white;
    top: 0;
    transform: translateY(-100%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gal_slider_pagin_tittle{
	opacity: 1;
    transform: translateY(-5rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}

.gal_active_slide{
	display: inline-block;
}
/* ========================================
/* END VISUALISATION
======================================== */

/* ========================================
/* DOCS
======================================== */
.docs_wrap{
	position: relative;
	width:100%;
	height: 100%;


}

.bg_docs{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bg_docs.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bg_docs{
	opacity: 1;
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}

.docs_wr {
	    display: flex;
    align-items: center;
	height: 100%;
	    padding: 17rem 0rem 0;
	background: url(../img/bg_docs_plashka.jpg) no-repeat;
	background-size: cover;
	position: relative;
	width:100%;

  opacity: 0;
}
.show_page_anim .docs_wr {
  opacity: 1;
  transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.docs_cont{
width: 100%;
    display: flex;
    justify-content: center;
}
.docs_flex{

    width: 100%;
    max-width: 100%;
}
.tittle_wrap{
	position: absolute;
	left: 0;
	top: 21rem;
	top: 21vh;
	display: flex;
	align-items: end;
	z-index: 2;
}

.line_title{
    border-top-right-radius: 15px;
	height: 3.4rem;
	background: #6DBB91;
	width:14.7rem;
	margin-right: 1.7rem;
    transform: translateX(-102%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .line_title{
    transform: translateX(0);
	transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}


.tittle{
    position: relative;
	line-height: 0.7;
    position: relative;
    font-size: 5.5rem;
    font-weight: 700;
    color: #264646;
    text-transform: uppercase;
    transform: translateX(calc(-102% - 16rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .tittle{
    transform: translateX(0);
	transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.parent_tittle{
	color:#6DBB91;
    margin-top: 1rem;
	font-size: 2.2rem;
    transform: translateX(calc(-102% - 16rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .parent_tittle{
    transform: translateX(0);
	transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.docs_text{
	font-size: 1.8rem;
	color:#000000;
}
.docs_slider_wr{
    position: relative;
    margin: 0 auto;
    width: calc(100% - 25rem);
}
.docs_slider{
    overflow: hidden;
    width: calc(100%);
    left: 0;
    right: 0;
    margin: auto;

}
.doc_link{
	display:block;
    padding-bottom: 9rem;
	max-width: 37.6rem;
    width: 89%;
    margin: auto;
    position: relative;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .swiper-slide:nth-child(1) .doc_link{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .swiper-slide:nth-child(2) .doc_link{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .swiper-slide:nth-child(3) .doc_link{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.line_1_wr_doc {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 6%;
    left: -31rem;
}
.line_2_wr_doc {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 6%;
    left: -27rem;
}
.line_3_wr_doc {
    position: absolute;
    opacity: 0.2;
    width: 18rem;
    height: 100%;
    pointer-events: none;
    transform: rotate(42deg);
    bottom: 6%;
    left: -23rem;
}
.doc_link .line_1_menu,
.doc_link .line_2_menu,
.doc_link .line_3_menu {
    transform: translateX(-10%);
}
.doc_link:hover .line_1_menu,
.doc_link:hover .line_2_menu,
.doc_link:hover .line_3_menu {
    transform: translateX(300%);
}
.doc_img_wrap{
    position: absolute;
	top: 12.5rem;
	left: 0;
	width:100%;
	height: 100%;
}
.doc_img_wr{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
 max-width: 90%;
    left: 0;
    right: 0;
    margin: auto;
position: relative;
display: inline-block;
    overflow: hidden;
    box-shadow: 0 0 0 1px #C1C1C1;
}
.doc_link:hover .doc_img_wr{
    box-shadow: 0 0 0 2px #1e263c;
}
.docs_img{
	max-width: 228px;
    width: 100%;
    display: block;
    margin: auto;
    width: 22.8rem;
}
.docs_svg{
    position: relative;
    width: 100%;
    max-width: 40.7rem;
    border: 4px solid #FFECC0;
    height: 40.7rem;
    border-radius: 100px 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	
}

.swiper-slide:nth-child(2n) .docs_svg{
    border-radius: 0 100px;
}
.doc_link:hover .docs_svg{
	border: 4px solid #6DBB91;
}

#docs_slider .swiper-slide{
    text-align: center;
}
.doc_tittle_wr{
    position: absolute;
    bottom: calc(100% + 1rem);
    /* width: 90%; */
    /* width: 27rem; */
    /* max-width: 274px; */
    left: 0;
    right: 0;
    margin: auto;
    height: 5rem;
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
    padding: 0 1rem;
}
.doc_tittle{
    color: #264646;
    font-size: 2.1rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.doc_link:hover .doc_tittle{
	color:#000;
}
.docs_slider_wr .prev_slide_doc{
    width: 5.7rem;
    height: 5.7rem;
    left: -5.7rem;
    top: 0;
    bottom: 9rem;
    margin: auto;
    display: flex;
    background: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform:   translateY(-3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .prev_slide_doc{
	opacity: 1;
    transform: translateY(0rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}





.prev_doc_svg {
    width: 2.6rem;
    z-index: 1;
    position: relative;
}
.prev_doc_svg path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_doc:hover path{
	stroke:#264646;
}
.docs_slider_wr .next_slide_doc{
    width: 5.7rem;
    height: 5.7rem;
    right: -5.7rem;
    top: 0;
    bottom: 9rem;
    margin: auto;
    display: flex;
    background: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .next_slide_doc{
	opacity: 1;
    transform: translateY(0rem);
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}


.next_doc_svg {
    width: 2.6rem;
    z-index: 1;
    position: relative;
}
.next_doc_svg path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_doc:hover path{
	stroke:#264646;
}

/* ========================================
/* END DOCS
======================================== */

/* ========================================
/* ABOUT
======================================== */
.about_page{
	position: relative;
	height: 100%;
	width: 100%;
}
.about_wrap{
	height: 100%;

}
.about_title{
	font-size: 4.8rem;
    color: #f9cb0c;
	margin-bottom: 5vh;
    margin-top: 11vh;
    line-height: 1;
    opacity: 0;
    transform: translateX(-3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .about_title{
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.about_wr{
	display: flex;
	height: calc(100%);
	position: relative;
    justify-content: space-between;
}
.ab_scroll{
    height: calc(100% - 8vh - 26rem);

}
.ab_left{
    max-width: 69%;
    width: 143rem;
    position: relative;
    height: 100%;
    padding: 7.2rem 12rem 0 12%;
    opacity: 0;
    transform: translateX(-3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_left{
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.about_img{
	position: absolute;
    top: 10rem;
    left: 00;
    width: 188.5rem;
}
.ab_bg{
    position: absolute;
    top: -5%;
    /* right: 0; */
    left: 49%;
    z-index: -1;
    height: 116%;
    opacity: 0;
    transform: translateX(36%);
}
.show_page_anim .ab_bg {
  opacity: 1;
  transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.ab_slogan{
	font-size: 4.2rem;
	color:#1e2735;
}
.ab_text{
    font-size: 1.6rem;
    color: #363637;
    width: 90%;
    margin-top: 2rem;
}
.ab_text strong{
}
.ab_link_wr{
	margin-top: 6rem;
	position: relative;
	padding: 1rem 2rem;
	display: inline-flex;
	    white-space: nowrap;
}
.ab_link_wr_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #ebc334;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.ab_link_wr_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.ab_link_wr_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.ab_link_wr:hover .ab_link_wr_bg{
   background: #232c39;
}
.ab_link_wr_bg_before path,
.ab_link_wr_bg_after path{

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.ab_link_wr:hover .ab_link_wr_bg_before path,
.ab_link_wr:hover .ab_link_wr_bg_after path{
   fill: #232c39;
}




.ab_link_text{
	color:#1b232e;
	 font-size: 2.1rem;
	 text-transform: uppercase;
    z-index: 2;
    position: relative;
     transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.ab_link_wr:hover .ab_link_text{
	color: #fff;
}
.ab_link_wrap{
	display:flex;
}
.ab_right{
    width: calc(100% - 64rem);
    width: calc(100% - 54rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/bg_about.jpg) no-repeat;
    background-size: cover;
    height: 100%;
    opacity: 0;
}
.show_page_anim .ab_right {
  opacity: 1;
  transition: 1.7s all 0.7s cubic-bezier(.19,1,.22,1); /* время аним. нестандартоное */
}

.ab_link_2_wr .ab_link_wr_bg:after {
    height: 15rem;
    top: -108%;
}
/*.perevaga_wr{
    width: 23%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 2%;
    position: relative;
    z-index: 1;
        display: flex;
    justify-content: center;
    align-items: center;
        padding: 2rem;
        border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    opacity: 0;
    transform: translateX(13rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .perevaga_wr:nth-child(1){
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .perevaga_wr:nth-child(5){
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .perevaga_wr:nth-child(2){
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .perevaga_wr:nth-child(6){
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .perevaga_wr:nth-child(3){
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .perevaga_wr:nth-child(7){
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .perevaga_wr:nth-child(4){
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .perevaga_wr:nth-child(8){
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.perevaga_wr:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	z-index: -1;
    background-color: rgba(41, 32, 55, 0.89);
}
.perevaga{
    text-align: center;
}

.perevaga_img{
	max-height: 9rem;
	max-width: 10rem;
}
.perevaga_title{
	font-size: 2.4rem;
	color:#fff;
	text-transform: uppercase;
	    margin-top: 2vh;
    padding: 0 13%;
}*/
/* ========================================
/* END ABOUT
======================================== */

/* ========================================
/* HID BUD
======================================== */
.hb_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;

}
.hb_top_wrap{
	display: flex;
	margin-left: 4rem;
	position: relative;
	z-index: 1;
	padding: 7px;
	background: #C5E7DC;
    border-radius: 15px 0 15px 0;
    
}
.hb_top_wrap_bg{
position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 70%;
    background: #e9eaec;
    z-index: 1;
    right: 0;
    margin: auto;
}
.hb_top_wrap_bg_before{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
}
.hb_top_wrap_bg_after{
	position: absolute;
	top: 0;
	right: 0;
	transform: rotate(180deg);
	height: 100%;
	width: auto;
}
.hb_top_all_houses{
	width:16.5rem;
	height: 6.2rem;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	text-transform: uppercase;
	
	text-align: center;
	margin-right: 1.2rem;
    
    border-radius: 10px 0 10px 0;
    border: 2px solid #264646;
    background: none;
    color: #264646;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_top_all_houses_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	z-index: -1;
}
.hb_top_all_houses_bg path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_top_all_houses:hover path{
	fill: #242d48;
}
.hb_top_all_houses:hover{
	background: #264646;
	color: #fff;
}
.hb_top_all_houses_active{
	pointer-events: none;
	background: #264646;
	color: #fff;
}
.hb_top_wr{
	display: flex;
	position: relative;
	    z-index: 1;
    flex-direction: column;
}
.hb_top_text{
	color:#242d48;
	font-size: 1.6rem;
	text-transform: uppercase;
}
.hb_top_houses{
display: flex;
    align-items: flex-end;
    flex-grow: 1;
}

.hb_top_link{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 5rem;
    height: 3rem;
    border: 2px solid #264646;
    border-radius: 10px 0 10px 0;
    z-index: 1;
    color: #343230;
    font-size: 1.7rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    margin-right: 0.7rem;
}
.hb_top_link:hover,
.hb_top_link.here{
	color:#fff;
	background: #264646;
}



.hb_wr {
    width: calc(100% - 24.7rem);
    width: calc(100%);
padding: 25rem 0rem 9rem;
    display: flex;
    align-items: center;
}
.hb_slider_wr {
    position: relative;
    width: calc(100% - 29.4rem);
    margin: 0 auto;
}
.hb_slider {
    overflow: hidden;
    width: calc(100%);
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_slider {
    opacity: 1;
    transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
#hb_slider .swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
}
.hb_wrap .swiper-slide {
    display: flex;
    align-items: flex-end;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_wrap .pop_up_visual_wrap .swiper-slide{
    /*background: #fff;*/
}

.hb_slide {
    cursor: pointer;
    padding-top: 1rem;
    max-width: 90%;
    width: 90%;
    
}

.hb_slide_img_wr{
	    cursor: pointer;
    max-width: 27.5rem;
    height: 100%;
    position: relative;
	height: 25.5rem;
    margin: auto;
    
}
.hb_slide_img_wr:before{
	content: '';
	position: absolute;
	top: 0%;
	left: 0%;
	width: calc(100%);
	background: #6DBB91;
	height: calc(100%);
	border-radius: 100px 0 100px 0;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_slide_img_wr:hover:before{
	opacity: 0.8;
}
.hb_slide_img_wr:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 1rem);
	height: calc(100% + 1rem);
	transform: translate(-50%, -50%);
	border-radius: 110px 0 110px 0;
	border: 4px solid #FFECC0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.hb_slide_img_wr:hover:after{
	border: 4px solid #264646;
}
.hb_slide_img{
	width:100%;
	height: 100%;
	object-fit:cover;
	    overflow: hidden;
    border-radius: 100px 0 100px 0;
}

.hb_slide_svg {
    position: relative;
    width: 100%;
    max-width: 28.4rem;
}
.svg_hb_path_horizontal {
    width: auto;
    height: 100%;
}
.hb_slide_hover {
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_slide:hover .hb_slide_hover {
    opacity: 1;
}
.hb_slide_zoom {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 7.4rem;
    height: 7.4rem;
    margin: auto;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_slide:hover .hb_slide_zoom {
    opacity: 1;
}
.hb_slide_title_wr{
	text-align: center;
	margin-top: 2rem;
}
.hb_slide_month{
	color:#264646;
	font-weight: 700;
	font-size: 2.8rem;
	text-transform: uppercase;
}
.hb_slide_year{
	color:#6DBB91;
	font-size: 2.6rem;
	font-weight: 600;
}



body .prev_slide_hb {
    width: 5.7rem;
    height: 5.7rem;
    left: -5.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    background: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .prev_slide_hb {
    opacity: 1;
    transform: translateY(0rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.prev_hb_svg {
    width: 2.6rem;
    position: relative;
    z-index: 1;
}


body .next_slide_hb {
    width: 5.7rem;
    height: 5.7rem;
    right: -5.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .next_slide_hb {
    opacity: 1;
    transform: translateY(0rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.next_hb_svg {
    width: 2.6rem;
    z-index: 1;
    position: relative;
}
.prev_hb_svg path, .next_hb_svg path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_hb:hover .prev_hb_svg path, .next_slide_hb:hover .next_hb_svg path {
    stroke: #264646;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: none!important;
}
.pop_up_visual_wrap_open .swiper-container-fade .swiper-slide-active,.pop_up_visual_wrap_open .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.hb_img_title_wr{
    padding: 1.2rem 3.7rem 1.2rem 2.1rem;
    position: absolute;
    top: 5rem;
    left: 0;
    background: #6DBB91;
    border-radius: 0 15px 0 0;
}

.hb_img_title_bg{
	width:30.3rem;
}
.hb_img_title{

	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hb_img_house{
	color:#fff;
	font-size: 2.8rem;
	text-transform: uppercase;
}
.hb_img_month{
	color:#fff;
	font-size: 3.5rem;
	text-transform: uppercase;
	font-weight: 700;
}
.hb_img_month span{
	font-weight: 700;
	color:#264646;
	display: inline-block;
    margin-left: 1rem;
	
}
/* ========================================
/* END HID BUD
======================================== */

/* ========================================
/* VIDEO
======================================== */
.video_wrap{
	    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg_visual.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 7.8rem 0 7rem;
}
.video_wr{
	position: relative;
	height:100%;
}
.video_tittle{
	font-size: 5.5rem;
	color:#fff;
	position: absolute;
	top: 2rem;
	left: 2rem;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .video_tittle{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}

.video_frame{
	height:100%;

    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .video_frame{
	opacity: 1;
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
/* ========================================
/* END VIDEO
======================================== */


/* ========================================
/* UCHASNIKI
======================================== */
.dev_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 7.8rem 0 0rem;
}
.dev_wr{
	height:100%;
	/*height:calc(100% - 19rem);*/
	position: relative;
	display: flex;
}
.dev_bot{
    height: 19rem;
    margin-top: 2vh;
}
.dev_left{
    background: url(../img/bg_developer.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    padding-left: 9rem;
    width: calc(56rem);
    padding-bottom: 12rem;
}
.dev_logo_riel_wr{

    opacity: 0;
    transform: translateX(-100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_logo_riel_wr{
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.dev_logo_riel_border{

}
.dev_logo_riel{

	width:100%;
}

.dev_img{
	position: absolute;
	bottom: 0;
	left: 0;
	width:61.7rem;
	pointer-events: none;
}
.dev_img_2{
	position: absolute;
	top: 0;
	right: 0;
	width:67.9rem;
	pointer-events: none;
}

.dev_right{
    width: calc(100% - 56rem);
    padding: 7rem 20rem 7rem 20rem;
    padding: 4vh 15rem 7rem 10rem;
}
.dev_tittle{
	font-size: 4.8rem;
	text-transform: uppercase;
	color:#f9cb0c;
	margin-bottom: 2vh;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_tittle{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.dev_tittle span{
	font-family: Arial;
    font-weight: bold;
}
.dev_statis_wrap{
	display:flex;
	align-items: center;
	margin: 0 0 1vh;
	justify-content: space-between;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_statis_wrap{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.dev_statis_wr{
	display: flex;
	align-items: center;
        padding: 0 0.5vw;
}
.dev_statis_wr:nth-child(2){
	margin:0 1%;
	    width: auto;
}
.dev_statis_number{
	font-size: 8.3rem;
	color:#393939;
}
.dev_statis_text{
	font-size: 2.1rem;
	color:#393939;
	text-transform: uppercase;
	margin-left: 1vw;
}
.dev_statis_line{
    width: 3px;
    height: 12rem;
}
.dev_statis_line:last-child{
	display:none;
}
.dev_text{
	font-size:2.3rem;

	color:#363637;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_text{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.dev_info{
	font-size: 1.6rem;
	color:#363637;
	margin: 2vh 0;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_info{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.dev_link{
	display: inline-block;
	padding: 1rem 2rem;


	overflow: hidden;
	text-transform: uppercase;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);

    position: relative;
    overflow: hidden;
    overflow: hidden;
    padding: 0 3rem;
    height: 5rem;
    display: inline-flex;
    align-items: center;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_link{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.dev_link_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}
.dev_link_bg path{

	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dev_link:hover .dev_link_bg path{
	fill:#1e2735;
}
.dev_link_text{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	color:#1b232e;
	font-size: 2.1rem;
	position: relative;
	z-index: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dev_link:hover .dev_link_text{
	color:#fff;
}


.our_obj_title{
	color:#393939;
	font-size: 1.8rem;
	text-transform: uppercase;
	margin-bottom: 1vh;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .our_obj_title{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.dev_wrap_scroll{
	/*height:100%;
	height: calc(100% - 10rem - 5vh);
	overflow: hidden;*/
    height: calc(100% - 18rem);

}
.our_obj_wrap{
    width: 100%;
    text-align: center;
    padding: 2rem 0;
    height: 12.2rem;
    position: relative;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .our_obj_wrap{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}
.line_dev_big_bot{
	position: absolute;
	top: 100%;
	left: 0;
	width:100%;
}
.line_dev_big_top{
	position: absolute;
	bottom: 100%;
	left: 0;
	width:100%;
}


.our_obj_slider_wr{
	position: relative;
	width:100%;

    height: 100%;
	width:calc(100% - 8.6rem);
left: 0;
    right: 0;
    margin: auto;
}
.our_obj_slider{

    height: 100%;
	overflow: hidden;
}
.our_obj_link{

}
.our_obj_img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 80%;
	max-height: 100%;
}
.our_obj_img_hover{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 80%;
	max-height: 100%;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.our_obj_link:hover .our_obj_img_hover{
	opacity: 1;
}
body .prev_slide_our_obj{
    width: 4rem;
    background: none;
    left: -4.4rem;
    height: 4rem;
    margin: 0;
    transform: translateY(-50%) scale(-1);
    background: #ebc334;
        display: flex;
    justify-content: center;
    align-self: center;
}
body .next_slide_our_obj{
    width: 4rem;
    background: none;
    right: -4.4rem;
    height: 4rem;
    margin: 0;
    transform: translateY(-50%) ;
    background: #ebc334;
        display: flex;
    justify-content: center;
    align-self: center;
}
.arrow_projects_svg{
	width:2rem;
	height: auto;
	position: relative;
	z-index: 1;
}
.arrow_projects_svg polygon{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_our_obj:hover polygon,
.next_slide_our_obj:hover polygon{
	fill: #fff;
}
.prev_slide_our_obj:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 0px #1e2735;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_our_obj:hover:after {
    box-shadow: inset 0 0 0 3rem #1e2735;
}
.next_slide_our_obj:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 0px #1e2735;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_our_obj:hover:after {
    box-shadow: inset 0 0 0 3rem #1e2735;
}
/* ========================================
/* END UCHASNIKI
======================================== */
/* ========================================
/* GENPLAN
======================================== */
.genplan_page{
	position: relative;
	height: 100%;
	height: 100%;
	user-select: none;
}
.genplan_wrap{
    position: relative;
    height: 100%;
    padding-top: 12.8rem;
    display: grid;
    grid-template-columns: 52rem auto;
    grid-gap: 2rem;
      grid-template-rows: 100%;
}
.genplan_page .umova_pdf_wrap {

}

.genplan_page .umova_pdf_text {
    line-height: 1.8rem;
}
#genplan_svg{
	position: absolute!important;
	top: 0!important;
	left: 0!important;
}

.genplan_img_wrap{
height: 100%;
    height: calc(100% + 12.8rem);
    margin-top: -12.8rem;

    overflow: hidden;
	position: relative;
	 transform: translateX(calc(102% + 10rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .genplan_img_wrap{
    transform: translateX(0);
	transition: 1.9s all 1s cubic-bezier(.19,1,.22,1);
}
.genplan_img_wr{
	    cursor: grab;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
}
.genplan_img_wr:active {
    cursor: grabbing;
}
.genplan_img{
width: auto;
    height: 100%;
    user-select: none;
    pointer-events: none;
   
   
}
.genplan_move_wr{
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
    width: 6rem;
    height: 6rem;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    animation: move_gp_hand 6s infinite;
}
@keyframes move_gp_hand {
  0% {transform: translateY(0rem);}
  10% {transform: translateY(3rem);}
  20% {transform: translateY(-3rem);}
  50% {transform: translateY(0rem);}
  
  60% {transform: translateX(3rem);}
  70% {transform: translateX(-3rem);}
  100% {transform: translateX(0rem);}
}
.shadow_gp_move{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25.5rem;
	height: 25.5rem;
	transform: translate(-50%, -50%);
	    z-index: -1;
	    opacity: 0.8;
}
.genplan_move_icon{
	width: 100%;
}

.genplan_left{
    position: relative;
    padding-top: calc(9vh + 9rem);
    padding-left: calc(14.7rem + 1.7rem);
    z-index: 1;
    height: 100%;
    
    
}



.genplan_info{
	height: 100%;
    padding-bottom: 7rem;
	position: relative;
}


.genplan_oboz_title{
  position: relative;
	font-size: 2.3rem;
	color:#264646;
	font-weight: 600;
  margin-bottom: 1vh;
	text-transform: uppercase;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.6s;
}
.genplan_oboz_scroll{
	/*height: calc(100% - 10vh - 12rem);
    max-height: calc(90vh - 31rem);*/
    height: 100%;
    overflow: hidden;
    height: calc(100% - 11rem);
    margin-bottom: 1rem;
}

.genplan_oboznachenie{
	transform: translateX(calc(-102% - 16rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .genplan_oboznachenie {
    transform: translateX(0);
    transition: 1.9s all 1s cubic-bezier(.19,1,.22,1);
}
.genplan_oboz_wrap{
display: flex;
}
.genplan_oboz_cont{
  
}
.genplan_oboz_cont:first-child{
 
   
}
.genplan_oboz_wr{
    display: flex;
    align-items: center;
    opacity: 0;
    margin-bottom: 1.2rem;
    transform: translateX(-10rem);
  opacity: 1;
  transform: translateX(0);
}


.genplan_oboz_img_wr{
    width: 3.7rem;
    max-height: 3.3rem;
    /*min-height: 33px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.genplan_oboz_img{
	max-width: 95%;
	max-height: 100%;
}
.genplan_oboz_defis{
	color: #242d48;
    font-size: 1.8rem;
	margin:0 .5rem 0 1rem;
}
.genplan_oboz_text{
    color: #284848;
    font-size: 1.4rem;
width: calc(100% - 3.7rem - 1.5rem);
}
.genplan_oboz_text span{
	color:#b2093a;
	font-size: 1.8rem;
	display: block;
}

.mCSB_scrollTools {
  opacity: 0 !important;
}
.show_page_anim .mCSB_scrollTools {
  opacity: 0.8 !important;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 1s !important;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: transparent !important;
}
.genplan_etapu{
	transform: translateX(calc(-102% - 16rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .genplan_etapu {
    transform: translateX(0);
    transition: 1.9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.genplan_etap_title{
position: relative;
    font-size: 2.3rem;
    color: #242d48;
    margin-bottom: 1vh;
    margin-top: 2vh;
    text-transform: uppercase;
}
.genplan_etap_wr{
    display: flex;
    align-items: center;
    margin-bottom: 1.3rem;
    white-space: nowrap;
	padding-right: 1rem;
}
.genplan_etap_img_wr{
	width:3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	border: 2px solid #77beeb;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #242d48;
	font-size: 2.3rem;
	margin-right: 1rem;
}
.genplan_pdf_wrap{
	    transform: translateX(-102%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .genplan_pdf_wrap {
    transform: translateX(0);
    transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}



/* ========================================
/* END GENPLAN
======================================== */
/* ========================================
/* INFRASTRUKTURE
======================================== */
.map_wrap{
	width:100%;
	height: 100%;
	position: relative;

}
#map_infra{
    position: absolute;
    width: calc(100% - 38rem);
    height: 100%;
    right: 0;
    top: 0;
    background: grey;

}
.map-marker{
	position: absolute;
	height: 4.9rem;
	width: 3.9rem;
    left: 50%;
    top: 50%;
	transform: translate(-50%, -100%);
	cursor: pointer;
	opacity: 0;
	transform: translate(-100%, calc(-100% - 3rem));
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	z-index: 1;
}
.show_marker{
	z-index: 10;
	opacity: 1;
	transform: translate(-100%, -100%);
	transition: opacity 0.9s cubic-bezier(.19,1,.22,1), transform 0.9s cubic-bezier(.19,1,.22,1);
}
.map-marker:hover{
	z-index: 11;
}
.map_marker {
	height: 100%;

    background-size: cover;
}
/*.marker_km,
.marker_km_2{
    width: 7rem;
    height: 2rem;
    color: #e3af39;
    font-size: 2.5rem;
    position: absolute;
    transform: translateY(-50%);
    white-space: nowrap;
}*/
.marker_svg{
	height:100%;
	width: auto;
}
.marker_hvost{
width: 9rem;
    height: auto;
    position: absolute;
    top: -3.1rem;
    left: -1.9rem;
}
.marker_icon{
    position: absolute;
    top: 0rem;
    left: 0;
    width: 3rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    margin: auto;
}
.marker_icon_img{
	    max-width: 70%;
    max-height: 68%;
}
.shadow_marker{
    position: absolute;
    width: 4.8rem;
    left: 0.9rem;
    top: 1.5rem;
    z-index: -1;
}


.marker_tittle_wr{
	pointer-events: none;
    position: absolute;
    background: #ebc334;
    bottom: 100%;
    left: 91%;
    color: #1e2735;
    white-space: nowrap;
    font-size: 1.8rem;
    padding: 0.5rem 2rem;
    border: 2px solid #1e2735;
    pointer-events: none;
    transform: translateX(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.map-marker:hover .marker_tittle_wr{
	transform: translateX(0rem);
    opacity: 1;
}
.marker_tittle{
	text-transform: uppercase;
}

.marker_adress{

}
.map_filt_wrap{
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    min-height: 550px;
    height: 100%;
    background: #1f2834;
    opacity: 0;
    transform: translateX(-100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_wrap{
	opacity: 1;
    transform: translateX(0rem);
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.map_filt_btn{
	background: black;
	width:5.2rem;
	height: 5.2rem;
	position: absolute;
    z-index: 1;
	right: 0;
    transform: translateX(50%) ;
    display:none;
}
.map_filt_info{
    width: 34.3rem;
}


.map_filt_btn:after{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	content:'';
	position: absolute;
	width:100%;
	height:100%;
	background:url(../img/arrow_white.png) no-repeat;
	display: flex;
	justify-content: center;
	align-items:center;
	background-position: center;
	cursor: pointer;
    transform: scale(-1);
}
.map_filt_wr_open .map_filt_btn:after {
	transform: scale(1);
}
.map_filt_wr{
	padding: 4rem 5rem 4rem 4rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	transform: translateX(-90%);

}
.map_filt_wr_open {
    transform: translateX(0%);

}
.map_filt_wr_open:before{
	opacity: 1;
}
.map_filt_tittle{
	font-size: 3.5rem;
	color:#f9cb0c;
	margin-bottom: 5vh;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_tittle{
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.map_filt_li{
    align-items: center;
    display: flex;
    padding: 0rem 1rem;
        padding-left: 0;
    margin: 1rem 0;
    position: relative;
    cursor: pointer;
    color:#fff;
    text-transform: uppercase;
    /*background: rgba(165, 172, 181, 0.1);*/
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(1){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(2){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(3){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(4){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(5){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 1s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(6){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(7){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(8){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.map_filt_li:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	box-shadow: inset 0 0 0 0px  rgba(165, 172, 181, 0.1);
	z-index: -1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.map_filt_li:hover:before, .map_filt_li_check:before{
	box-shadow: inset 0 0 0 3rem  rgba(165, 172, 181, 0.1);
}
.map_filt_li:hover, .map_filt_li_check{
	color:#fff;

}
.fil_hide_markers{
    display: inline-block;
    padding: 1rem 2rem;
    /*background: #d8b046;*/
    border: 2px solid #38383a;
    text-transform: uppercase;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    margin-top: 4vh;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}

.fil_hide_markers_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #ebc334;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_hide_markers_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_hide_markers_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_hide_markers:hover .fil_hide_markers_bg{
   background: #fff;
}
.fil_hide_markers_bg_before path,
.fil_hide_markers_bg_after path{

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_hide_markers:hover .fil_hide_markers_bg_before path,
.fil_hide_markers:hover .fil_hide_markers_bg_after path{
   fill: #fff;
}




.fil_hide_markers_text{
    color: #1e2735;
    font-size: 1.8rem;
    position: relative;
    z-index: 1;
        white-space: nowrap;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_hide_markers:hover .fil_hide_markers_text{
}

.check_wr{
    width: 14px;
    height: 9px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%) rotate(-45deg);
    z-index: 1;
    right: 1.5rem;
    overflow: hidden;
}
.check_1{
    bottom: 2px;
    width: 3px;
    height: 7px;
    left: 0px;
    position: absolute;

}
.check_1:after{
    background-color: #fff;
    transition: .3s all .4s;
    transition: .1s all .2s;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-110%);
}
.map_filt_li_check .check_1:after{
	transform: translateY(0%);
	 transition: all 0.3s ;
	 transition: all 0.1s ;
}
.check_2{
    width: 14px;
    height: 3px;
    position: absolute;
    bottom: 0;
    right: 0px;
}
.check_2:after{
    background-color: #fff;
    transition: .3s all 0.2s;
    transition: .1s all 0.1s;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-110%);
}
.map_filt_li_check .check_2:after{
	transform: translateX(0%);
}
.map_filt_img_wr{
	box-shadow: inset 0 0 0 3px #fff;
    margin-right: 1rem;
	text-align: center;
	width: 4rem;
	height: 4rem;
	background: #fff;
	    display: flex;
    justify-content: center;
    align-items: center;
}
.map_filt_img{
    max-width: 56%;
    max-height: 69%;
}
.map_filt_text{
	font-size: 1.8rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	color: #fff;

}
.map_filt_li:hover .map_filt_text, .map_filt_li_check .map_filt_text{

}


.infra_link_wr{
	display:flex;
	align-items: center;
	position: absolute;
	z-index: 1;
	padding: 0.5rem 0.5rem;
	left: 50%;
	transform: translateX(-10rem);
	bottom: 12rem;
	bottom: 4%;
	box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.004),inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	opacity: 0;
}

.show_page_anim  .infra_link_wr {
  opacity: 1;
  transform: translateX(-50%);
  transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}

.infra_link_wr_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #1e2735;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.infra_link_wr_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.infra_link_wr_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}


.infra_link{
	color:#fff;
	font-size: 1.8rem;
	text-transform: uppercase;
    padding: 1.7rem 2rem;
	position: relative;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	border-radius: 40px;
	position: relative;
    z-index: 1;
}
.infra_link:nth-child(2){
    margin-right: 4rem;
}


.infra_link_bg{
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #ebc334;
 	opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.infra_link_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.infra_link_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.infra_link:hover .infra_link_bg,
.infra_link_active .infra_link_bg{
   opacity: 1;
}



.infra_link:hover{
	color:#1e2735;
}
.infra_link_active{
	color:#1e2735;
	pointer-events: none;
}

.marker_jk{
    position: absolute;
    transform: translate(0rem, -89%);
}
.marker_jk_contacts{
	position: absolute;
    transform: translate(0rem, -100%);
}
.marker_jk_contacts_svg{
	width:15.5rem;
	width:11.5rem;
	height: auto;
}
.marker_jk_icon{
    width: 7.7rem;
    height: 7.7rem;
    position: absolute;
    top: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.marker_jk_img{
    height: auto;
    width: 81%;
    position: absolute;
    top: 0.7rem;
    right: 0;
    left: 0;
    margin: auto;

}
.marker_jk_contacts_img{
	    height: auto;
    width: 81%;
    position: absolute;
    top: 1.25rem;
    right: 0;
    left: 0;
    margin: auto;
}
.bg_marker{
    width: 10.5rem;
}

/* ========================================
/* END INFRASTRUKTURE
======================================== */
/* ========================================
/* GREAT THE WAY
======================================== */
.gw_text{
	font-size: 1.8rem;
	color:#fff;
	margin-bottom: 2rem;
}
.gr_way_input_wr{
	height: 4rem;
	position: relative;
	margin-bottom: 5vh;
}


.gr_way_input_wr:before {
    content: '';
    position: absolute;
    background: url(../img/icon_gw_loc.svg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 1.7rem;
    height: 2.6rem;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.gr_way_length{
	position: absolute;
	top: 110%;
	font-size: 1.6rem;
	color:#fff;
    padding-left: 3rem;
    opacity: 0;
     transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gr_way_length_show{
	opacity: 1;
}
#great_way{
	    width: 100%;
    height: 100%;
    padding-left: 4rem;
    background: #fff;
    border: none;
    text-transform: uppercase;
  box-shadow:0px 1px 1px 0px rgba(255, 255, 255, 0.004), inset 0px 0px 4px 1px rgba(0, 0, 0, 0.38);
}
#great_way::-webkit-input-placeholder       {opacity: 1; color: rgba(31, 40, 52, 0.5); font-size: 1.4rem; transition: opacity 0.3s ease;text-transform: uppercase;}



.gr_way_li{
	    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    color: #1e2735;
    font-size: 1.8rem;
    text-transform: uppercase;
    display: flex;
    width: 100%;
    padding: 1rem 0;
    justify-content: center;
    text-align: center;
        margin-bottom: 1rem;
    cursor: pointer;
    background: transparent;
     position: relative;
     z-index: 1;
}

.gr_way_li_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #ebc334;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gr_way_li_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gr_way_li_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gr_way_li:hover .gr_way_li_bg{
   background: #fff;
}
.gr_way_li_bg_before path,
.gr_way_li_bg_after path{

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gr_way_li:hover .gr_way_li_bg_before path,
.gr_way_li:hover .gr_way_li_bg_after path{
   fill: #fff;
}

/* ========================================
/* END GREAT THE WAY
======================================== */


/* ========================================
/* GALLERY
======================================== */
.gallery_parent_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    background: grey;
	background-size: cover;
}
.gal_p_wrap{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    z-index: 1;
        padding-bottom: 8%;
    padding-top: 6%;
    align-items: flex-end;
}
.gal_p_tittle{
    font-size: 6.4rem;
    color: white;
    margin-left: 4%;
}
.gal_p_wr{
    height: 40.4rem;
    display: flex;
    position: relative;
    width: 100%;
    padding: 2rem 0;
    justify-content: space-around;
}
.gal_p_wr:after{
	content:'';
	position: absolute;
	width:100%;
	height: calc(100% - 4rem);
	background: #28282f;
	z-index: -1;
}
.gal_p_link{
    position: relative;
    display: block;
    width: 20%;
    background-repeat: no-repeat;
    background-size: cover;
}
.gal_p_link:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../img/gal_border_2.png) no-repeat;
    background-size: 100% 100%;
}
.gal_p_link:before{
    content: '';
    position: absolute;
    top: -10%;
    left: -12.5%;
    width: 125%;
    height: 120%;
    z-index: -1;
    background: url(../img/gal_plashka_2.png) no-repeat;
    background-size: 100% 100%;
}
.gal_p_titl_second{
    font-size: 4.2rem;
    color: white;
    position: absolute;
    top: 0;
    left: 10%;
    transform: translateY(-112%);
}
/* ========================================
/* END GALLERY
======================================== */

/* ========================================
/* FLATS
======================================== */
.flats_wrap{
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 14vh;
    z-index: 1;
}
.bg_flats{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.flats_move{

	display:none;
}
.flats_wr{
    height: 100%;
    padding: 0 10%;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
        /*align-items: end;*/
}
.flats_left_filter{
	position: relative;
	width: 39.6rem;
	width: 43rem;
	width: 44.4rem;
	z-index: 1;
	margin-right: 20rem;

}

.flats_left_scroll{
}
.flats_right_filter{
position: relative;
    width: 78.2rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(7rem);
}
.show_page_anim .flats_right_filter{
	opacity: 1;
    transform: translateX(0rem);
	transition:  .9s opacity 0.6s cubic-bezier(.19,1,.22,1), .9s transform 0.6s cubic-bezier(.19,1,.22,1);
}
.flats_slider_wr{
	width:100%;
	position: relative;
    overflow: hidden;
}
.flats_slider{
	width:100%;
	position: relative;
}
.filt_room_item{
display: inline-block;
    width: 31%;
    height: 31.4rem;
    margin: 1%;
    color: #fff;
    border-radius: 17px 0 17px 0;
    overflow: hidden;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.17);
}

.filt_room_pic_wr{
    display: flex;
    align-items: center;

    justify-content: center;
    height: 80%;
    background-color: #fff;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.filt_room_item:hover .filt_room_pic_wr{
	background:#FFF2D4;
}
.filt_room_pic{
    max-height: 70%;
    transition: all .9s cubic-bezier(.19,1,.22,1);
    max-width: 80%;
}
.filt_room_description{
    display: flex;
    height: 20%;
    background-color: #274747;
}
.filt_room_type{
    padding: .5rem 0;
    display: flex;
    width: 35%;
    font-size: 3.2rem;
    font-weight: bolder;
    align-items: center;
    justify-content: center;
    background: #6EBC92;
}
.filt_room_area_wr{
display: flex;
    width: 65%;
    font-size: 1.4rem;
    justify-content: center;
    align-items: center;
}
.overall_area{

}
.live_area{

}
.rooms_pagin_wrap{
	display:flex;
	justify-content: center;
}



.rooms_pagin_wr {
    display: flex;
    position: relative;
    /*width: 40rem;*/
    height: 3.1rem;
    height: 4.2rem;
    margin: 2.5rem auto;
    display: inline-flex;
    padding: 0 1rem;
    z-index: 1;
}
.rooms_pagin_wr:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 3.1rem;
    background: rgba(109, 187, 145, 0.2);
    border-radius: 10px 0 10px 0;
    z-index: -1;
    transform: translateY(-50%);
}
.rooms_pagin{
	    width: 30rem;
	    width: 16rem;
	    
    overflow: hidden;
    z-index: 2;
}
#rooms_pagin .swiper-wrapper {

}
.rooms_pagin_item {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    cursor: pointer;
    color: #264646;
    font-size: 1.8rem;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.rooms_pagin_item:before{
content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 1rem);
    height: 4.2rem;
    border-radius: 10px 0 10px 0;
    background: #6DBB91;
    z-index: -1;
    transform: translate(-50%, -50%);
    opacity: 0;
     transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.swiper-slide-thumb-active .rooms_pagin_item:before{
	opacity: 1;
}
.rooms_pagin_item:hover:before{
	height: 3.1rem;
	opacity: 0.5;
}

/*.swiper-slide-active .rooms_pagin_item,*/
.swiper-slide-thumb-active .rooms_pagin_item{
    pointer-events: none;
    color: #fff;
}

.rooms_pagin_item:hover {

}
.rooms_pagin_wr .rooms_prev_sl{
    width: 2.6rem;
    background: none;
    position: relative;
    cursor: pointer;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    top: 0;
    left: auto;
    right: auto;
    height: auto;
}
.rooms_prev_sl_svg{
	height: 2rem;
    z-index: 1;
    position: relative;
transform: scale(-1);
}
.rooms_pagin_wr .rooms_next_sl{
    width: 2.6rem;
    background: none;
    position: relative;
    cursor: pointer;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    top: 0;
    left: auto;
    right: auto;
    height: auto;
}

.rooms_next_sl_svg{
	height: 2rem;
    z-index: 1;
    position: relative;
}
.rooms_prev_sl_svg .pop_arraw_gal_polyline,
.rooms_next_sl_svg .pop_arraw_gal_polyline{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.rooms_prev_sl:hover .pop_arraw_gal_polyline,
.rooms_next_sl:hover .pop_arraw_gal_polyline{
	fill:#1e263c;
}
#houses_wrap{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#houses_img{
    position: absolute;
    top: 0;
    left: 0;
    /*height: 100%;*/
    width: 100%;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim #houses_img {
    transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
#houses_svg{

}
#houses_svg path{
	/*transition: all 0.9s cubic-bezier(.19,1,.22,1);*/
}
.flats_hover:hover path{
	    /*fill-opacity: 1!important;*/
}
.house_marker{
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, calc(-100% - 3rem));
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .house_marker {
    transform: translate(-50%, -100%);
    opacity: 1;
    transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.house_marker_show{
	opacity: 1;
}
.house_marker_svg{
	width:8.2rem;
	width:6.2rem;
	height: auto;
}

.floor_number{

}
.floor_title{
	font-size: 1.8rem;
	font-size: 1.4rem;
	color:#fff;
	text-transform: uppercase;
    line-height: 1;
        position: absolute;
    top: 24%;
}

.section_marker{
	position: absolute;
	top: 40%;
	left: 40%;
	    transform: translate(-1.7rem,  calc(-100% - 3rem));
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .section_marker {
	transform: translate(-50%, -100%);
    opacity: 1;
    transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.section_marker_text{
position: absolute;
    padding-top: 0.5rem;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 2.1rem;
    color: #212121;
    height: 70%;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
}
.section_marker_hover .section_marker_text{
	color:#fff;
}
.section_marker_sect{
	font-size:0.8rem;
}
.section_marker_svg{
	width:4.3rem;
	height: auto;
}
.section_marker path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.section_marker_hover path{
	fill:#38383a;
}
.choose_floor{
    position: absolute;
    top: 2rem;
    left: 4rem;
    z-index: 1;
    line-height: 0.9;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.choose_floor_text{
	font-size: 4rem;
	color:#fff;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .choose_floor_text {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.choose_floor_svg{
    width: 2.8rem;
    height: auto;
    margin-left: 0.5rem;
    margin-top: 0.8rem;
}
.filt_btn_wr{
    left: 5rem;
    position: absolute;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: 1;
    display: flex;
    text-transform: uppercase;
    padding: 1rem 2rem;
    align-items: center;
    justify-content: center;
	top: 20rem;
    z-index: 1;
    background: #fff;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border: 2px solid #fff;
    overflow: hidden;
    
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.show_page_anim .filt_btn_wr {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.filt_btn_wr:before {
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 30rem;
    height: 30rem;
    transform: translate(-50%, -50%) scale(0);
    background: #4b415a;
}
.filt_btn_wr:hover:before{
	transform: translate(-50%, -50%) scale(1);
}
.filt_btn_text{
  font-size: 1.8rem;

  color:#284848;
	text-transform: uppercase;
	margin-left: 1rem;
	position: relative;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
  white-space: nowrap;
}
.filt_btn_wr:hover .filt_btn_text{
	color:#fff;
}
.filt_btn_svg{
	width: 0.7rem;
	height: auto;
    position: relative;
}
.filt_btn_svg path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filt_btn_wr:hover path{
	fill:#fff;
}
/* ========================================
/* END FLATS
======================================== */

/* ========================================
/* FLOOR
======================================== */
.floor_wrap{
	position: relative;
	width:100%;
	height:100%;
	background:url(../img/bg_floor.png) no-repeat;
  background-color: #fff;
	background-size: cover;
	background-position: center;
	display: flex;
	padding-top: 7.7rem;

}
.back_btn_wr{
    display: inline-flex;
    text-transform: uppercase;
padding: 1.5rem 1rem;
    max-width: 100%;
    align-items: center;
    border: 2px solid #6DBB91;
    border-radius: 15px 0 15px 0;
    justify-content: flex-start;
    z-index: 1;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .back_btn_wr{
	transform: translateX(0rem);
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1), .9s opacity 0.4s cubic-bezier(.19,1,.22,1), .9s transform 0.4s cubic-bezier(.19,1,.22,1);
}
.back_btn_wr:hover{
    background: #264646;
}

.back_btn_wr_bg{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.back_btn_wr_bg path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.back_btn_wr:hover path {
    stroke: #fff;
}


.back_btn_wr:hover .filt_btn_text{
	color:#fff;
  z-index: 1;
}
.filt_btn_svg polygon {
   transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.back_btn_wr:hover .filt_btn_svg {
  z-index: 1;
}
.back_btn_wr:hover .filt_btn_svg polygon{
	fill:#fff;
}
/* .back_btn_wr:before {
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 35rem;
    height: 35rem;
    transform: translate(-50%, -50%) scale(0);
    background: #4b415a;
}

.back_btn_wr:hover:before {
    transform: translate(-50%, -50%) scale(1);
} */
.gp_wrap{
    text-align: center;
    width: 100%;
    cursor: pointer;
}
.compas_wrap{
	margin-bottom: 2vh;
}
.compas_flat{
	display:block;
	width:7.6rem;
}
.floor_btn_wr {
    width: 100%;
margin-top: 2vh;
}


.floor_price_wr {
    padding: 0.8rem 1rem 1.3rem 1rem;
    margin-top: 2vh;
    font-size: 2.3rem;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
}
.floor_price_wr sup {
  font-size: 1rem;
}
.floor_price_num {
  font-size: 4.2rem;
  color: #facc0c;
}

.floor_price_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #1e2735;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_price_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_price_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}



.flat_price_wr {
  padding: 1rem;
  border: 2px solid #d9dcd1;
  margin-bottom: 3rem;
  font-size: 1.7rem;
  text-transform: uppercase;
  color: #1d1d1d;
}
.flat_price_wr sup {
  font-size: 1rem;
}
.flat_price_num {
  font-size: 3rem;
    color: #facc0c;
}

.gp_wr{
	max-width: 26.6rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f6f6f6;
    overflow: hidden;
    margin-bottom: 1rem;

}
.gp_img{
	max-width:100%;
	max-height:100%;
  display: block;
 	border-radius: 20px 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gp_wrap:hover .gp_img{
	transform: scale(1.1);
}
.gp_img_zoom{
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	width:4.4rem;
}
.gp_img_zoom path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gp_wrap:hover path{
	fill:#6DBB91;
}
.gp_wr_text{
	color:#fff;
	font-size: 1.9rem;
	text-transform: uppercase;
	height: 5.6rem;
	display: flex;
	background: #1d5a7c;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #FFF;
	background: #264646;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gp_wrap:hover .gp_wr_text{
	background: #6DBB91;
}
.gp_wrap:hover .line_1_menu,
.gp_wrap:hover .line_2_menu,
.gp_wrap:hover .line_3_menu {
    transform: translateX(110%);
}
/* .gp_marker{
	position: absolute;
	transform: translate(-100%, -50%);
	color:white;
	font-size: 1.2rem;
	pointer-events: none;
}
.gp_marker_top{
	position: absolute;
    transform: translate(-32%, -13%);
	color:white;
	font-size: 1.2rem;
	pointer-events: none;
}
.gp_marker_svg{
width: 2.9rem;
    height: auto;
}
.gp_marker_top svg{

	/*width:2.3rem;*/
  /*
}
.gp_marker_active path{
	fill:#393046;
}
.gp_marker_show path{
	fill:#644591;

}
.gp_marker_text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-95%, -53%);
    line-height: 1;
}
.gp_marker_top .gp_marker_text {
    transform: translate(-93%, -10%);
} */

.gplan_marker {
    position: absolute;
    pointer-events: none;
    color: #212121;
    font-size: 1.6rem;
    transform: translate(-50%, -100%);
    line-height: 1;
}
.gplan_marker span {
  text-transform: uppercase;
  font-size: 0.7rem;
}

.gplan_marker_active {
	color: #fbcc0d;
}

.floor_btn_container {
    display: flex;
    justify-content: space-between;
    margin-top: 2vh;
}

.floor_cb_btn_wr {
    background: linear-gradient(270deg, #9cb846, #729fc5);
    overflow: hidden;
    padding: 1rem 2rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 27rem;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-top: 1rem;
}
.floor_cb_btn_wr_bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
.floor_cb_btn_wr_bg:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
    background-image: linear-gradient( 0deg, rgb(126,176,220) 1%, rgb(166,197,74) 100%);
}
.floor_cb_btn_wr_bg:after{
content: '';
    position: absolute;
    top: -93%;
    left: 22%;
    width: 177%;
    height: 253%;
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    background: #38383a;
    transform: rotate(-16deg) translate(-49%, -135%);
}
.floor_cb_btn_wr:hover .floor_cb_btn_wr_bg:after{
top: -25%;
    left: -20%;
    transform: rotate(-16deg) translate(2%, -30%);
}


.floor_cb_btn_text{
    width: 20rem;
    color: #fff;
    text-transform: uppercase;

    /* margin-left: 1rem; */
    position: relative;
    /* transition: all 0.9s cubic-bezier(.19,1,.22,1); */
}
.floor_cb_bigger_txt {
  font-size: 2.6rem;
}
.floor_cb_smaller_txt {
  font-size: 1.8rem;
}
.floor_cb_icon_wr {
  width: 4.4rem;
  position: relative;
}
.floor_cb_icon {
  width: 100%;
  height: auto;
}
.flat_print_wr {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}



.flat_print_icon {
width: 2.5rem;
    height: auto;
    position: relative;
}
.flat_print_wr:hover .flat_print_icon{
	fill:#fff;
}
.flat_print_icon path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}



.flat_print_txt {
    color: #000;
    font-size: 1.6rem;
    text-transform: uppercase;
    text-decoration: underline;
    margin-left: 1rem;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}




.flat_print_wr:hover .flat_print_txt{
	color:#fff;
}
.flat_download_wr {
    padding: 1rem 2rem;
    height: 4rem;
    border: 2px solid #d8b046;
    overflow: hidden;
    margin-top: 1rem;
    position: relative;
    cursor: pointer;
    width: 27rem;
    display: inline-flex;
    align-items: center;
    margin-top: 1rem;
    max-width: 100%;
}
.flat_download_wr_bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
.flat_download_wr_bg:after{
content: '';
    position: absolute;
    top: -149%;
    left: 35%;
    width: 177%;
    height: 335%;
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    background: #38383a;
    transform: rotate(-16deg) translate(-49%, -135%);
}
.flat_download_wr:hover .flat_download_wr_bg:after{
top: -64%;
    left: -20%;
    transform: rotate(-16deg) translate(2%, -30%);
}
.flat_download_icon {
	width: 2.4rem;
	height: auto;
	position: relative;
}
.flat_download_icon path{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_download_wr:hover path{
	fill:#fff;
}
.flat_download_txt {
    color: #1d1d1d;
    font-size: 1.6rem;
    text-transform: uppercase;

    margin-left: 1rem;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_download_wr:hover .flat_download_txt{
	color:#fff;
}
.floor_crums_wr {
	 text-align: center;
	 display: inline-block;
    margin-top: 10vh;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_crums_wr {
	transform: translateX(0rem);
    opacity: 1;
    transition: .9s opacity 0.5s cubic-bezier(.19,1,.22,1)
}
.floor_crums_sec_wr{
	position: relative;

}
.prev_sect_wr{
    position: absolute;
    right: calc(100% + 2rem);
    width: 3.3rem;
    top: 50%;
    transform: translateY(-50%);

}
.next_sect_wr{
    position: absolute;
    left: calc(100% + 2rem);
    width: 3.3rem;
    top: 50%;
    transform:translateY(-50%) scale(-1);
}
.prev_sect_svg,
.next_sect_svg{
	width:100%;
	height: auto;
}
.prev_sect_svg path,
.next_sect_svg path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_sect_wr:hover path,
.next_sect_wr:hover path{
	fill: #38383a;
}

.floor_crums_sec {
  padding: 0.5rem 0;
  line-height: 1;
  font-size: 4rem;
  color: #1e2735;
  text-transform: uppercase;
	position: relative;
  opacity: 0;
  transform: translateX(-5rem);
}
.show_page_anim .floor_crums_sec:nth-child(1) {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_crums_sec:nth-child(2) {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.floor_crums_sec span{
  color: #f6cd48;
}
.floor_crums_floor {
	margin-top: 1rem;
	margin-bottom: 3rem;
	font-size: 3.2rem;
	color: #1e2735;
	text-transform: uppercase;
	opacity: 0;
	transform: translateX(-5rem);
}
.show_page_anim .floor_crums_floor {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1); /* время анимации нестандартоное */
}
.floor_crums_floor span{
  color: #f6cd48;
}
.flat_calc_btn{
	    border: 2px solid rgb(38 70 70 / 20%);
    display: block;
    border-radius: 5px;
    padding: 1rem 1rem 0.8rem;
    margin-bottom: 1.3rem;
    position: relative;
    z-index: 1;
        overflow: hidden;
    opacity: 0;
    transform: translateX(-5rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_calc_btn {
    opacity: 1;
    transform: translateX(0);
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1), background .9s cubic-bezier(.19,1,.22,1);
}
.flat_calc_btn:hover{
	background: #6DBB91;
	border: 2px solid #fff;
}
.flat_calc_btn:hover .line_1_menu, .flat_calc_btn:hover .line_2_menu, .flat_calc_btn:hover .line_3_menu {
    transform: translateX(142%);
}

.flat_calc_btn_text{
color: #264646;
    font-size: 1.5rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 1rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_calc_btn:hover .flat_calc_btn_text{
	color: #fff;
}
.flat_calc_btn_img{
	display: block;
	max-width: 15.4rem;
	    margin: auto;
}

.floor_consult_btn_wr{
	display: block;
}
.floor_consult_btn {
    height: 4.4rem;
    padding: 0.5rem 0;
    position: relative;
    display: block;
    cursor: pointer;
    display: flex;
	border-radius: 5px;
	border: 2px solid #FFF;
	background: #6DBB91;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-5rem);
    transition:all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_consult_btn {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 1s cubic-bezier(.19,1,.22,1), background .9s cubic-bezier(.19,1,.22,1);
}
.floor_consult_btn:hover{
    background: #264646;
}
.floor_consult_btn:hover .line_1_menu,
.floor_consult_btn:hover .line_2_menu,
.floor_consult_btn:hover .line_3_menu {
    transform: translateX(110%);
}

.floor_consult_btn_text {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	position: relative;
  font-size: 1.6rem;
  letter-spacing: 0.48px;
  display: flex;
    justify-content: center;
    align-items: center;
}


.floor_reserv_btn{
	height: 4.4rem;
	margin-top: 1rem;
    padding: 0.5rem 0;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #242d48;
    max-width: 100%;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-5rem);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_reserv_btn {
    opacity: 1;
    transform: translateX(0);
    transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1), background .9s cubic-bezier(.19,1,.22,1);
}
.floor_reserv_btn:hover{
	background: #b2093a;
}
.floor_reserv_btn:hover .line_1_menu,
.floor_reserv_btn:hover .line_2_menu,
.floor_reserv_btn:hover .line_3_menu {
    transform: translateX(110%);
}
.floor_reserv_btn_text {
    width: 100%;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    position: relative;
    text-align: center;
     display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0.5rem;
}



.floor_img_wrap{
    /*position: absolute;
    top: calc(12rem - 0.5rem - 1px);
    left: 33rem;*/
    height: 84%;
    right: 37rem;
    width: 100%;
    /*margin: auto;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
        margin-top: 4rem;
}
.floor_tittle_wr{
  height: 4.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  margin-bottom: 3vh;
  opacity: 0;
  transform: translateY(3rem);
}
.show_page_anim .floor_tittle_wr{
	transform: translateY(0rem);
  opacity: 1;
  transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1)
}
.floor_tittle_txt {
  padding: 2rem;
  font-size: 2.6rem;
  text-transform: uppercase;
  color: #1e2735;
}
.floor_tittle {
	display: block;
	margin: 0 0.2rem;
	padding: 0.1rem 0.8rem 0.5rem 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 3.8rem;
	height: 2.5rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_tittle_text{
	position: relative;
	color: #1e2735;
	font-size: 1.8rem;
    padding-top: 0.5rem;
}
.floor_tittle_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	background:#dddddd;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_tittle:hover .floor_tittle_bg,
.floor_tittle_active .floor_tittle_bg{
	 background: #f6cd48;
}
.floor_tittle_bg_before{
    position: absolute;
    bottom: calc(100% - 1px);
    right: 0;
    width: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_tittle_bg_after{
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    width: 100%;
        transform: rotate(180deg);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_tittle_bg_before polyline,
.floor_tittle_bg_after polyline{

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_tittle:hover .floor_tittle_bg_before polyline,
.floor_tittle_active .floor_tittle_bg_before polyline,
.floor_tittle:hover .floor_tittle_bg_after polyline,
.floor_tittle_active .floor_tittle_bg_after polyline{
   fill: #f6cd48;
}

.floor_chooise_flat{
    width: 100%;
    text-align: center;
    color: #f6cd48;
    text-transform: uppercase;
    font-size: 3.8rem;
    margin-bottom: 2vh;
  opacity: 0;
  transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_chooise_flat{
	transform: translateY(0rem);
  opacity: 1;
  transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1)
}




.floor_img_ajax{
    position: relative;
    height: calc(100% - 10rem);
    width: 100%;
    text-align: center;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
padding: 0 3rem;
        display: inline-flex;
    justify-content: center;
    align-items: center;
}
.show_page_anim .floor_img_ajax {
	transform: translateY(0rem);
  opacity: 1;
  transition: 2s opacity 0.7s cubic-bezier(.19,1,.22,1),.9s transform 0.7s cubic-bezier(.19,1,.22,1);
}
.floor_img_wr{
	display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}
#floor_img{
    max-width: 100%;
    display: block;
    max-height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#floor_svg{
    position: absolute!important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.compas{
    position: absolute;
    /*transform: translate(105%, -61%);*/
    right: -15.3rem;
	  top: -7vmin;
    width:13.3rem;
}
 .flat_marker_wr{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	pointer-events: none;
}
/*.flat_marker{
	position: absolute;
	top: 10%;
	left: 10%;
	display:flex;
	cursor:pointer;
	transform: translate(-50%, -50%);
	    align-items: center;
    padding: 1rem;
    background: #d5ac45;
    pointer-events: none;
} */

.flat_marker_cont {
  width: 6.9rem;
  position: absolute;
	top: 50%;
	left: 50%;
	margin: auto;
display: flex;
    justify-content: center;
    align-items: center;
	pointer-events: none;
  z-index: 3;
      transform: translate(-50%, -50%);
}
.flat_marker_svg{
	width:100%;
}
.flat_marker_flex{

	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.flat_marker_pos{
width: 100%;
    margin: 0 0.6rem;

}
.flat_marker_head {
  width: 100%;
line-height: 1;
  font-size: 3.2rem;
  color: #212121;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flat_marker_line{
	width:100%;
	height: 2px;
	background: #212121	;
}
.flat_marker_bottom {
  width: 100%;
  font-size: 1.8rem;
  color: #212121;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flat_m_left{
    text-transform: uppercase;
    font-size: 3rem;
    color: 1d1d1d;
    line-height: 1;
    padding-right: 0.5rem;
}
.flat_m_right{
    position: relative;
    border-left: 2px solid rgba(255, 255, 255, 0.2);
}
.flat_m_top{
	font-size: 1.4rem;
	color:white;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-left: 0.5rem;
}
.flat_m_bot{
	font-size: 1.4rem;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	color:white;
	padding-left: 0.5rem;
}
.flat_m_right sup{
	font-size: 1rem;
}
.flat_marker_bron{
	font-size:1.5rem;
	color:#c2921d;
	position: absolute;
	top: 50%;
	left: 10%;
	z-index: 1;
	text-transform: uppercase;
	background: url(../img/flat_marker_bron.png) no-repeat;
	background-size: 100% 100%;
	padding: 0.65rem 0.5rem;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.flat_marker_sold{
	font-size:1.5rem;
	position: absolute;
	top: 70%;
	left: 10%;
	z-index: 1;
	text-transform: uppercase;
	color:white;
	background: url(../img/flat_marker_sold.png) no-repeat;
	background-size: 100% 100%;
    padding: 0.65rem 0.9rem;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.flat_marker_sold_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	z-index: -1;
}
/* ========================================
/* END FLOOR
======================================== */

/* ========================================
/* FLAT
======================================== */
.flat_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 13rem;
    z-index: 1;
        padding-bottom: 13rem;
    /*opacity:0;*/

}
.show_page_anim .flat_wrap {
  opacity: 1;
  transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}

.flat_wr{
	display:flex;
	position: relative;
	width:100%;
	height: 100%;
	padding: 0 13rem;
justify-content: space-between;
    z-index: 1;
}

.flat_prev{
	    position: absolute;
    width: 5.7rem;
    height: 5.7rem;
    left: 3.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(calc(-102% - 6rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_prev {
    transform: translateX(0);
    transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.flat_next {
    position: absolute;
    width: 5.7rem;
    height: 5.7rem;
    right: 3.7rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    transform: translateX(calc(102% + 6rem));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_next {
    transform: translateX(0);
    transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.flat_prev .flat_prev_next_path, .flat_next .flat_prev_next_path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_prev:hover .new_prev_svg .flat_prev_next_path, .flat_next:hover .new_next_svg .flat_prev_next_path {
    stroke: #264646;
}
.floor_wrap_left {
    position: relative;
    height: 100%;
    width: 22%;
    width: 19%;
    padding-left: 3rem;
    padding-right: 2%;
    padding-top: 13rem;
}

.wrap_left {
	position: relative;
    height: 100%;
    width: 22%;
    width: 19%;
    padding-right: 2%;
    padding-right: 1%;

    max-width: calc(30.7rem + 1%);
}

.flat_wrap_left{
	position: relative;
	height: 100%;
	width: 22%;
	padding-left: 1%;
}
.wrap_middle{
    position: relative;
    height: 100%;
    width: 40%;
    width: 57%;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    flex-grow: 1;
}
.wrap_middle_flat{
    position: relative;
    height: 100%;
    width: 69%;
    display: flex;
    justify-content: center;
}
.wrap_right {
    position: relative;
    height: 100%;
    width: 24%;
    max-width: 43rem;
    padding-right: 3rem;
    align-items: center;
    display: flex;
}
.wrap_right_container {
  /*display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;*/
     margin-top: 3vh;

     text-align: center;
  opacity: 0;
  transform: translateX(-3rem);
}
.show_page_anim .wrap_right_container{
	transform: translateX(0rem);
  opacity: 1;
  transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1)
}

/*.wrap_right_flat{
	position: relative;
	height: 100%;
	width: 31%;
    display: flex;
    align-items: center;
    padding-right: 3rem;
}*/
.flat_gp_wrap{
	width:100%;
	    transform: translateX(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_gp_wrap {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.wrap_right_big {
	position: relative;
	height: 100%;
	width:78%;
}

.wrap_right_flex{
	display:flex;

}
.wrap_middle_flat{
	position: relative;
    height: 100%;
width: calc(100% - 19% - 43rem);
}
.wrap_right_flat{
	    position: relative;
    height: 100%;
	width: 25.6rem;
    display: flex;

}
.flat_plan_wr{
    height: 100%;
    width: 100%;
}
.flat_plan_scroll_wrap {
    height: calc(100% - 19rem);
    height: calc(100%);
    position: relative;
}
.flat_tittle_wr{
    margin-bottom: 1vh;
    color: #264646;
    font-size: 9.4rem;
    text-transform: uppercase;
    line-height: 0.8;
        transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_tittle_wr {
    transform: translateX(0rem);
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1), .9s opacity 0.5s cubic-bezier(.19,1,.22,1), .9s transform 0.5s cubic-bezier(.19,1,.22,1);
}
.flat_tittle{
}

.flat_plan{
    position: relative;
    margin: auto;
    width: 60rem;
    height: 60rem;
    width: 100%;
    height: calc(100%);
    transform: translateY(3rem);
    opacity: 0;
    transition:  opacity 0.9s cubic-bezier(.19,1,.22,1),  transform 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_plan{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s opacity 0.9s cubic-bezier(.19,1,.22,1), .9s transform 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_plan_small {
    height: calc(100vh - 43rem);
}



.flat_type{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	   display: flex;
    justify-content: center;
    align-items: center;
	transition: opacity 0.9s cubic-bezier(.19,1,.22,1), transform 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.flat_type_1{
    transform: translateX(-5rem)
}
.flat_type_2{
	transform: translateX(5rem);
}
.flat_type_active{
	transition: 0.9s opacity 0.5s cubic-bezier(.19,1,.22,1), 0.9s transform 0.5s cubic-bezier(.19,1,.22,1);
	opacity:1;
	transform: translateX(0rem);
}
.flat_img_wr{
  height: 100%;
  position: relative;
	width: 80%;
	    width: 100%;
}
.flat_img{
	max-width:100%;
	max-height:100%;
	    display: block;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}
.marker_wrap{
	width:100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.marker_room{
	transform: translate(-50%,-50%);
	font-size: 2rem;
	font-weight: 700;
	color: #284848;
	position: absolute;
  z-index: 1;
}
.marker_room sup{
	font-size: 1rem;
	font-weight: 700;

}
.room_marker_svg{
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	width:100%;
	height: 100%;
	transform: translate(-50%, -50%);
}
.flat_text{
margin-top: 2rem;
    color: #363637;
    font-size: 1.4rem;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_text{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.change_view_wr{
    display: flex;
    justify-content: center;
    border-top-left-radius: 11px;
    border-bottom-right-radius: 11px;
    margin-left: 9rem;
    align-items: center;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .change_view_wr{
	transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.change_view {
     font-size: 2rem;
    color: #fff;
    padding: 1.4rem 3rem;
    position: relative;
    z-index: 1;
    cursor: pointer;
    background: #6DBB91;
    border: 2px solid #6DBB91;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.change_view:first-child{
    border-top-left-radius: 10px;
}
.change_view:last-child{
    border-bottom-right-radius: 10px;
}
.change_view:hover{
	background:none;
	color: #264646;
}
.change_view_active{
	background: #264646!important;
	border:2px solid #264646!important ;
	pointer-events: none!important;
	color: #fff!important;
}


.change_view_active:before {
    opacity: 1;
}
.change_view_active{
	pointer-events:none;
}
.txt_floor{
	position: relative;
}
.change_view_active .txt_floor {
    color: #fff;
}

.change_view_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    z-index: -1;
}
.change_view path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_wrap .change_view:hover path{
    fill: #242d48;
}
.change_view_active path{
    fill: #1d5a7c;
}

.flat_floor_level {
margin: 0 2rem;
    padding: 0.5rem 1rem;
    color: #1e2735;
    font-size: 2.2rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
}
.flat_floor_level:not(:first-child) {
  margin-top: 2rem;
}



.flat_floor_level_bg{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #facc0c;
 	z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_floor_level_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_floor_level_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}


.expl_wrap{
max-width: 26.1rem;
    margin-top: 3vh;
}
.flat_name{
	text-transform: uppercase;
	color:#4b415a;
	font-size: 11.9rem;
	    line-height: 0.8;
    margin-bottom: 2rem;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_name{
	transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.flat_area{
	border-top: 1px solid #6EBC92;
	border-bottom: 1px solid #6EBC92;
    display: flex;
    justify-content: space-around;
    position: relative;
    width: 100%;
    /* padding: 0.5rem 0; */
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_area{
	transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.flat_area_div{
  margin: 0.5rem 0;
}

.flat_area_text{
    font-size: 1.6rem;
	text-transform: uppercase;
    color: #6DBB91;
    text-align: center;
    margin: 0.5rem 0;
}
.flat_area_text sup{
	font-size: 0.8rem;
}
.flat_area_number{
	font-size: 2.8rem;
	text-align: center;
	color:#264646;
}

.expl_wr{
	font-size: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
	margin: 1rem 0;
	color:#6c627a;

  transform: translateX(-3rem);
  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .expl_wr{
	transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.expl_scroll{
height: calc(100vh - 71.5rem);
height: calc(100vh - 61.5rem);
height: calc(100vh - 66.5rem);
    min-height: 131px;
    width: 100%;
}
.expl_wr sup{
	font-size:1rem;
}
.expl_wr_room{
  font-size: 1.6rem;
width: 60%;
    display: flex;
    align-items: center;
    padding: 0 1rem;
	color:#264646;
}
.expl_wr_number{
  font-size: 1.8rem;
    width: 26%;
	text-align: right;
	color:#264646;
	display: flex;
    align-items: center;
    justify-content: flex-end;
        white-space: nowrap;
}
.expl_tr{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0.2rem .5rem;
}


.flat_on_floor_wr{
    position: absolute;
    left: 7rem;
    top: 27vh;
    margin-top: 10rem;
	width: 16.7rem;
    height: 13.5rem;
}
.flat_on_floor_img{
	width:100%;
	position: absolute;
}
#flat_on_floor__svg{

}


.print_pdf_wr {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}


.print_pdf_text{
    color: #000;
    font-size: 1.4rem;
    text-transform: uppercase;
	text-decoration: underline;
    margin-left: 1rem;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.print_pdf_wr:hover .print_pdf_text{
	color:#f6cd48;
	text-decoration: none;
}
.print_pdf_icon{
	width: 2.5rem;
	height: auto;
	position: relative;
}
.print_pdf_icon path{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.print_pdf_wr:hover path{
	fill:#f6cd48;
}
.download_pdf_wr {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;

    margin-top: 3vh;
}

.download_pdf_text{
	margin-left: 1rem;
    color: #1A5E73;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.36px;
	text-decoration: underline;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.download_pdf_wr:hover .download_pdf_text{
	color:#6DBB91;
	text-decoration: none;
}
.download_pdf_icon_wr{
	position: relative;
	    width: 3.8rem;
    height: 3.8rem;
    border: 2px solid #6DBB91;
    border-radius: 10px 0 10px 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.download_pdf_wr:hover .download_pdf_icon_wr{
	background: #6DBB91;
}
.download_pdf_icon_bg{
	width:5.3rem;
	height: auto;
}
.download_pdf_icon{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 1.5rem;
	height: auto;
	position: absolute;
}
.download_pdf_wr path,
.download_pdf_wr polygon{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.download_pdf_wr:hover .download_pdf_icon path,
.download_pdf_wr:hover .download_pdf_icon polygon{
    fill: #fff;
    stroke: #fff;
}

.flat_another_wrap{
	position: relative;
    padding: 2rem 0;
    margin-top: 4rem;
}
.line_flat_big_1{
    width: 132%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.flat_plan_scroll{
	height: 100%;
	position: relative;
}
.flat_plan_bg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
    transform: translateY(3rem);
    opacity: 0;
    transition:  opacity 0.9s cubic-bezier(.19,1,.22,1),  transform 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_plan_bg{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s opacity 0.7s cubic-bezier(.19,1,.22,1), .9s transform 0.7s cubic-bezier(.19,1,.22,1);
}
.flat_another_text{
	color:#1e2735;
	text-transform: uppercase;
	font-size: 2.5rem;
    margin-bottom: 2rem;
}
.flat_another_wr{
	display:flex;
}
.flat_another_link{
    display: block;
        flex-grow: 1;
    background: #fff;
    box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.2);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    margin-right: 2%;
}

.flat_another_link:last-child{
    margin: 0;

}
.flat_another_top{
    color: #fff;
    font-size: 2.1rem;
    background: #1e2735;
    text-align: center;
    padding: 0.5rem;
}
.flat_another_top sup{
	font-size: 1rem;

}
.flat_another_bot{
    height: 14.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0 0 0 0rem #1e2735;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_another_link:hover .flat_another_bot{
    box-shadow: inset 0 0 0 1rem #1e2735;
}
.flat_another_img{
max-width: 85%;
    max-height: 90%;
}


/*.line_1_flat_wr {
    width: 151.1rem;
    position: absolute;
    transform: rotate(42deg);
    bottom: -12rem;
    left: -34rem;
}
.line_2_flat_wr {
    width: 151.1rem;
    position: absolute;
    transform: rotate(42deg);
    bottom: 36rem;
    left: -70rem;
    opacity: 0.2;
}*/
/* ========================================
/* END FLAT
======================================== */

/* ========================================
/* FILTER
======================================== */
.fil_page{
	position: relative;
	width:100%;
	height: 100%;
  z-index: -2;
}
.fil_wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    padding: 7.2rem 0 0rem;

}
.lines_filter_2{
position: absolute;
    bottom: 0;
    right: -3.5rem;
    width: 60.3rem;
    pointer-events: none;
}
.fil_par_wr{
	    text-align: center;
	padding: 0 2.5rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filter_tittle {
	color:#264646;
	line-height: 1;
	font-weight: 700;
	font-size: 5.5rem;
	text-align: left;
	text-transform: uppercase;
  opacity: 0;
  transform: translateX(-7rem);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .filter_tittle{
	opacity: 1;
  transform: translateX(0rem);
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.filter_tittle_second{
color: #6DBB91;
    font-size: 2.2rem;
    text-align: left;
    margin-bottom: 4vh;
  opacity: 0;
  transform: translateX(-7rem);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .filter_tittle_second{
	opacity: 1;
  transform: translateX(0rem);
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.filter_btns_wrap{
	display:flex;
    margin-bottom: 8.1rem;
  opacity: 0;
  transform: translateX(-7rem);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.show_page_anim .filter_btns_wrap{
	opacity: 1;
  transform: translateX(0rem);
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.filter_btn_wr,
.filter_btn_wr_edit{
	position: relative;
	width:50%;
	width:55%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 5.7rem;
	background: #6DBB91;
	cursor: pointer;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
}


.filter_btn_wr{
    border-top-left-radius: 15px;
    width: calc(45% + 2rem);
    z-index: 1;
    padding-right: 1rem;
}
.filter_btn_wr_edit{
    border-bottom-right-radius: 15px;
    margin-left: -2rem;
}

.filter_btn_wr:hover{
    background: #FFECC0;
}
.filter_btn_bg_before{
	content: '';
	position: absolute;
	top:0;
	right: 100%;
	width:auto;
	height: 100%;
    transform: scale(-1);
}
.filter_btn_bg_before path{
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.filter_btn_wr:hover path{
	fill:rgba(29, 90, 124, 0.36);
}



.filter_btn_text{
color: #264646;
    font-size: 2.1rem;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    width: 100%;
    justify-content: center;

}
.filter_btn_text_2{
color: #fff;
    font-size: 2.1rem;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    width: 100%;
    justify-content: center;
    background: #264646;
    cursor: pointer;
    border-top-left-radius: 15px;
border-bottom-right-radius: 15px;


}
.filter_btn_bg{
position: absolute;
    background: #3D6868;
    color: #FFECC0;
    font-size: 1.8rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.filter_btn_wr_edit:hover .filter_btn_bg{
    left: calc(100% - 2rem);
    padding-left: 2rem;
}

.filter_btn_bg_after{
	position: absolute;
	top:0;
	left: 100%;
	width: auto;
	height: 100%;
}



.flats_queue_wr {
  /*width: 90%;*/
  margin: 1vh 1rem 0;
  opacity: 0;
  transform: translateX(-7rem);
}
.show_page_anim .flats_queue_wr {
  opacity: 1;
  transform: translateX(0rem);
  transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
}
.flats_queue_title {
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  color: #222026;

}
.queue_num_wr {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}
.queue_num_wr_big{
  display: flex;
  align-items: center;
  width: 100%;
  margin: 1.5rem 0;
      justify-content: space-between;
  white-space: nowrap;
}

.queue_num_cont {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0 0.5rem 1rem;
}
.queue_num_cont_active{

}
.queue_num_cont_big{
    width: auto;
}


.queue_num_checkbox {
    width: 2.8rem;
    height: 2.8rem;
    padding: 0.5rem;
    margin-right: 0.5rem;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border: 2px solid#274747;
    border-radius: 8px 0 8px 0;
}
.queue_num_cont:hover .queue_num_checkbox{
        background: #FFF2D4;
}
.queue_num_checkbox .check_wr{
    right: 0;
    left: 0;
    margin: auto;

}
.queue_num_cont_active .check_1:after {
    transform: translateY(0%);
    transition: all 0.3s;
    transition: all 0.1s;
}
.queue_num_cont_active .check_2:after {
    transform: translateX(0%);
}
.queue_num_txt {
  font-size: 2rem;
      font-weight: 500;
  color: #284848;
}
.queue_num_txt_big{
  font-size: 1.6rem;
  color: #1e2735;
  padding-top: 0.5rem;
}

.fil_polz_wrap {
    width: 100%;
    /*width: 38rem;*/
    /*position: relative;*/
}
.fil_polz_wr{
    opacity: 0;
    transform: translateX(-7rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr_1{
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr_2{
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr_3{
	opacity: 1;
    transform: translateX(0rem);
	transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_polz_tittle_2{
	font-size: 1.8rem;
	color:#4b415a;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	text-align: left;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_polz_tittle_3,
.fil_polz_tittle_4,
.fil_polz_tittle_5{
    margin-bottom: 4vh;
    margin-top: 0vh;
    width: 100%;
    font-weight: 500;
    font-size: 1.7rem;
    text-align: center;
    color: #284848;
}


.fil_par_wr sup{
	font-size: 1.2rem;
}
.fil_par_polzunok{

}
.fil_polz_values{
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}
.fil_polz_tittle_2{
	font-size: 1.8rem;
	color:#4b415a;
    margin-top: 1.5rem;
    text-align: left;
}
.fil_checkbox{
    display: flex;
    margin-top: 1rem;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_checkbox{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.checkbox_wr{
    margin-right: 3rem;
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: center;
}
.checkbox{
	width:3rem;
	height: 3rem;
	border: 2px solid rgba(75, 65, 90, 0.4);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	    border-bottom-right-radius: 9px;
    border-top-left-radius: 9px;
}
.checkbox_wr:hover .checkbox{
	border: 2px solid #4b415a;
}
.checkbox_active{

}
.checkbox_tittle{
	font-size: 2.8rem;
	margin-left: 0.5rem;
	color:#4b415a;
}
.fil_btn_done {
	text-transform: uppercase;
	font-size: 1.6rem;
	letter-spacing: 0.48px;
	color: #fff;
	padding:2rem 5rem;
	margin: auto;
	background: #b2093a;
	margin-top: 2vh;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	border-radius: 5px;
	border: 2px solid #FFF;
	background: #6DBB91;
	cursor: pointer;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-7rem);
}
.show_page_anim .fil_btn_done{
	opacity: 1;
    transform: translateX(0rem);
	transition:all 0.9s cubic-bezier(.19,1,.22,1), .9s opacity 1.1s cubic-bezier(.19,1,.22,1), .9s transform 1.1s cubic-bezier(.19,1,.22,1);
}
.fil_btn_done:hover{
	background: #264646;
	border: 2px solid #6DBB91;
   
}
.fil_btn_done:hover .line_1_menu,
.fil_btn_done:hover .line_2_menu,
.fil_btn_done:hover .line_3_menu {
    transform: translateX(110%);
}
.fil_btn_done_text{
	position: relative;
  z-index: 1;
}

.fil_btn_done:hover .fil_btn_done_text{
	 color: #6DBB91;
	color:#fff;
}


/* -------------------------------------------------------------------------- */
/* .fil_btn_done:hover{
	color:#4b415a;
}
.fil_btn_done:before {
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 30rem;
    height: 30rem;
    transform: translate(-50%, -50%) scale(0);
    background: #fff;
}
.fil_btn_done:hover:before{
	transform: translate(-50%, -50%) scale(1);
}
.fil_btn_done:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: url(../img/bg_filter_btn_hover.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	z-index: -1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_btn_done:hover:after{
	opacity:1;
} */
.fil_polz_wr .ui-state-default,.fil_polz_wr .ui-widget-content .ui-state-default,.fil_polz_wr .ui-widget-header .ui-state-default {
top: 50%;

    width: 1.8rem;
    height: 3.1rem;
    margin-left: -.6rem;
    border: none;
    border-radius: 0;
    background-color: #274747;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_polz_wr .ui-state-default:hover,
.fil_polz_wr .ui-state-default:active{
	background: #6DBB91;
}

.span-inner {
    position: absolute;
    bottom: calc(100% + 1rem);
    font-weight: 600;
    font-size: 2.8rem;
    color: #264646;
    left: 50%;
    transform: translateX(-50%);
    line-height: 0.9;
}




.fil_polz_wr .ui-slider-horizontal {
display: flex;
    align-items: center;
    justify-content: space-around;
    width: 38.5rem;
    height: 3px!important;
    margin: auto;
    background: #6EBC92;
    border: none;
}
.fil_polz_wr  .ui-slider-horizontal .ui-slider-range {
  height: 4px !important;
  background: #264646;
}
.fil_polz_wr .ui-widget-header{
	background:#4b415a;
}

.fil_check_wr{
    width: 14px;
    height: 9px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%) rotate(-45deg) scale(0.8);
    z-index: 1;
    left: 0.6rem;
    overflow: hidden;
}
.checkbox_active .check_1:after{
	transform: translateY(0%);
    transition: all 0.3s;
}
.checkbox_active .check_2:after {
    transform: translateX(0%);
}

.fil_wrap .check_1:before,
.fil_wrap .check_1:after,
.fil_wrap .check_2:before,
.fil_wrap .check_2:after,
.flats_wrap .check_1:before,
.flats_wrap .check_1:after,
.flats_wrap .check_2:before,
.flats_wrap .check_2:after{
	background-color: #6DBB91;
}

.fil_polz_bg{
    padding: 1.4rem 0rem;
    display: flex;
}

.fil_res_wrap {
    width: calc(100% - 52rem);
    padding-left: 2vw;
    height: 100%;
    position: relative;
    min-width: 683px;
    margin-right: 10rem;
    padding-top: 5rem;
}
.fil_res_count_wr {
	display:flex;
	justify-content: space-between;
  margin-bottom: 1rem;
	opacity: 0;
  transform: translateY(3rem);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.show_page_anim .fil_res_count_wr{
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.fil_res_count{
    color: #1e2735;
    font-size: 3.2rem;
margin-left: 0.9%;
    text-transform: uppercase;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.fil_res_count span{
	margin-left: 1rem;
}
.fil_flat_link{
    text-transform: uppercase;
    font-size: 1.8rem;
    margin-right: calc(0.3% + 1rem + 20px + 1rem);
    padding: 2rem 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    color: #20070a;
}
.fil_flat_link_bg{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_flat_link_bg path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_flat_link:hover .fil_flat_link_bg path{
    fill: #232c39;
}
.fil_flat_link:hover {
    color: #fff;
}
.fil_flat_link_text{
	    position: relative;
}

.fil_res_wr{
    position: absolute;
    width: calc(100% - 3vw);
    height: calc(100% - 14rem);

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_res_wr_2{
    width: calc(100% - 3vw);
    height: calc(100% - 18rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filter_text{
    height: 8rem;
    width: calc(100% - 3vw);
    overflow: hidden;
    margin-top: 3rem;
    color: #929292;
    font-size: 1.6rem;

}
.fil_res_close{
    position: absolute;
    z-index: 1;
	right: 9%;
    top: 12.5rem;
    background: url(../img/close_bg.png) no-repeat;
    background-size: 100% 100%;
    width: 8.3rem;
    height: 8.3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.fil_res_close .close_new_text{
	color:#46464b;
}


.fil_res_scroll{
    height: 100%;
}
.fil_res_cont{
	    display: flex;
    flex-wrap: wrap;
    padding: 0 0.8rem;
        padding-top: 1rem;
}
.fil_fl_wr{
display: block;
    background: white;
    margin: 2%;
    margin-top: 0;
    margin-left: 0;
    position: relative;
    width: 23.8%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    margin: 3vh 0.6%;
    box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr{
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(1){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(2){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(3){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(4){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(5){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 1s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(6){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(7){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(8){
	opacity: 1;
    transform: translateY(0rem);
	transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.fil_fl_cont{
	padding-bottom: 1rem;
    padding-top: 2rem;
    position: relative;
    box-shadow: inset 0 0 0 0rem #1e2735;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_fl_wr:hover .fil_fl_cont{
    box-shadow: inset 0 0 0 1rem #1e2735;

}
.fil_fl_top{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    align-items: center;

}
.fil_fl_type{
	font-size: 4.7rem;
	font-size: 3.7rem;
	font-size: 2.7rem;
	font-size: 2rem;
	color:#1e2735;
	background:#facc0c;
  width: 8rem;
  height: 7rem;
  display: flex;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;

}


.fil_fl_area {
    font-size: 1.4rem;
    font-family: Arial;
    height: 7rem;
    padding: 1rem 0;
    width: calc(100% - 8rem);
    text-align: center;
    background-color: #1e2735;
}
.fil_fl_space{
	color:#fff;
	font-size: 1.4rem;

}

.fil_fl_space sup{
    font-size: 1rem;
}

.fil_fl_bot{
    width: 94%;
    height: 20.6rem;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
}
.fil_fl_dom{
    color: #1e2735;
    font-size: 1.6rem;
    text-align: center;
    margin: 1rem 0 0;

}
.fil_fl_img{
    max-width: 100%;
    max-height: 100%;
}

/* ========================================
/* END FILTER
======================================== */
/* ========================================
/* POP UP FLATS
======================================== */
.flats_pop_wrap{
	height: 100%;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0%;
    overflow: hidden;
    transition:  all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    pointer-events: none;
    z-index: 101;
    text-align: center;
    perspective: 800px;
    min-height: 550px;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-100%);
}
.flats_pop_wrap_open{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0%);
    transition: transform 0.9s cubic-bezier(.19,1,.22,1),opacity 0.9s cubic-bezier(.19,1,.22,1);
}
.flats_pop_bg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(36, 45, 72, 0.3);
    background: #fff;
}
.cloud_flats{
position: absolute;
    bottom: 0;
    /* left: 0; */
    left: 0;
    width: 98.4rem;
    width: 90.4rem;
    z-index: 2;
    pointer-events: none;
}
.cloud_flats_1{
	position: absolute;
	top: 0;
	left: 0;
	width: 58.7rem;
	pointer-events: none;
    z-index: 2;
}
.cloud_flats_2{
	position: absolute;
	top: 0;
	right: 0;
	width: 74.2rem;
	pointer-events: none;
    z-index: 2;
}
.cloud_flats_3{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 94.1rem;
	pointer-events: none;
    z-index: 2;
}
.shadow_flats{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 2;
	pointer-events: none;
	display: none;
}
.flats_pop_wr{
height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.close_flats_pop{
	    position: absolute;
    right: 4rem;
    top: 4rem;
    width: 5.5rem;
    height: 5.5rem;
    cursor: pointer;
    z-index: 3;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flats_pop_close_svg{
	    width: 100%;
    height: auto;
    position: relative;
}
.flats_pop_close_svg .pop_up_visual_close_polyline{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.close_flats_pop:hover .pop_up_visual_close_polyline{
	fill: #1e263c;
}
.flats_pop_cont{
z-index: 1;
    position: relative;
	height: 100%;
}
.flats_pop_img{
	display: block;
	height: 100%;
}
.choose_house_wr{
	position: absolute;
	z-index: 2;
    /*bottom: 8rem;
    left: 6.6rem;*/
bottom: 6rem;
    left: 6.2rem;
    /*width: 25rem;*/

    color: #5b3913;
    text-transform: uppercase;
	text-align: left;
}
.choose_house{
    color: #242d48;
    line-height: 0.8;
    text-align: left;
font-size: 8.7rem;
    color: #264646;
    font-size: 9.6rem;
}
.choose_house div{
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;	
}
.choose_house span{
    font-size: 8.3rem;
    margin-top: 1rem;
    display: inline-block;
    font-weight: 300;
}

.choose_house_done{
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #fff;
	padding: 1.6rem 3.5rem;
    margin: auto;
    background: #b2093a;
    margin-top: 3.2rem;
    display: flex;
    align-items: center;
    border-radius: 5px;
border: 2px solid #FFF;
background: #6DBB91;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    color: #FFF;
	font-size: 2.1rem;
	font-weight: 600;
	letter-spacing: 0.63px;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}


.choose_house_done:hover{
	background: #264646;
}
.choose_house_done:hover .line_1_menu, .choose_house_done:hover .line_2_menu, .choose_house_done:hover .line_3_menu {
    transform: translateX(110%);
}
.houses_marker{
	position: absolute;
	cursor: pointer;
	z-index: 1;
	transform: translate(-50%, -100%);
}
.house_marker_bg{
	width:1.6rem;
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.house_marker_text{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFECC0;
	font-size: 2.6rem;
	font-weight: 500;
	background: #6DBB91;
    border: 3px solid #fff;
    border-radius: 10px 0 10px 0;
    padding: 0.5rem 1.6rem;
}
.houses_marker_sold .house_marker_text{
	color: #fff;
	background: #284848;
}
.house_marker_bg_sold{
    position: absolute;
    z-index: -1;
    bottom: 2rem;
    width: 7.6rem;
    display: block;
}
.house_marker_text_sold{

    position: absolute;
    bottom: calc(100% - 1rem);
    left: 0;
    width: 100%;
    color: #2C4C4C;
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700;
    background: #fff;
    border-radius: 10px 0 0px 0;
    padding: 0.2rem 0 1rem;
    z-index: -1;

}



/* ========================================
/* END POP UP FLATS
======================================== */
/* ========================================
/* UMOVU
======================================== */
.umovu_wrap{
position: relative;
    width: 100%;
    height: 100%;
}
.bg_umovu{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bg_docs.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .bg_umovu{
	opacity: 1;
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}

.umovu_wr{
    display: flex;
    /*align-items: center;*/
    min-height: 100vh;
    padding: 17rem 0rem 9rem;
    padding: 31rem 0rem 3rem;
    background: url(../img/bg_docs_plashka.jpg) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    width: 100%;
}

.show_page_anim .umovu_wr {
  /*  transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
	transform: translateX(0%);*/
}
.umovu_cont{
width: 100%;
    display: flex;
    justify-content: center;
}

.umovu_tittle{
 font-size: 4.2rem;
    color: #39393a;
    position: relative;
    line-height: 1;
    margin-bottom: 5vh;
    opacity: 0;
	transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .umovu_tittle {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.umovu_scroll{
position: relative;
    margin: 0 auto;
    width: calc(100% - 33rem);
}
.umovu_scroll_cont{
	height:100%;
}
.umova_li{
	display:flex;
	margin: 2rem 0;
    opacity: 0;
	transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .umova_li:nth-child(1) {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.show_page_anim .umova_li:nth-child(2) {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.show_page_anim .umova_li:nth-child(3) {
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.show_page_anim .umova_li:nth-child(4) {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.show_page_anim .umova_li:nth-child(5) {
    transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.show_page_anim .umova_li:nth-child(6) {
    transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.show_page_anim .umova_li:nth-child(7) {
    transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.show_page_anim .umova_li:nth-child(8) {
    transition: 0.9s all 1.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.umova_number{
	color:#fff;
	font-size: 3rem;
	background: #4b415a;
	width:5rem;
	height: 5rem;
	border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.umova_text{
	/*padding-top: 1rem;
	font-size: 1.7rem;
	color:#000;
	padding-left:2rem;
	    width: calc(100% - 5rem);*/
}

.umova_flex{
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(2, calc(50% - 1rem));
}

.umova{
    position: relative;
	/*display: grid;*/
    /*align-content: space-between;*/
    padding: 4rem 4.6rem 4.6rem;
    opacity: 0;
	transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .umova{
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}

.umova:before{
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #FFECC0;
	border-radius: 0 100px;
	background: rgb(255 255 255 / 30%);
    z-index: -1;
}
.umova:nth-child(2):before{
	border-radius: 100px 0;
}
.umova_title{
    font-size: 2.1rem;
    margin-bottom: 4.7vh;
    margin-bottom: 2.7vh;
    font-weight: 600;
    text-transform: uppercase;
    color: #264646;
    background: linear-gradient(45deg, #6DBB91 0%, #FFF 100%);
    min-height: 4.2rem;
    display: flex;
    align-items: center;
    padding: 0rem 2rem;
    border-radius: 50px;
}
.umova:nth-child(2) .umova_title{
	background: linear-gradient(45deg, #FFECC0 0%, #FFF 100%);
}

.umova_text{
    color: #1A5E73;
    font-size: 1.8rem;
    margin-bottom: 2.5rem;
}
.umova_text:last-child{
    margin-bottom: 0;
    margin-top: 2.5rem;
	
}
.umova_text ul,
.umova_text_2 ul{
	list-style: none;
}
.umova_text li,
.umova_text_2 li{
	position: relative;
	padding-left: 2rem;
	margin-bottom: 2vh;
	margin-bottom: 1vh;
}
.umova_text li:before,
.umova_text_2 li:before{
content: '';
    position: absolute;
    top: 0.8rem;
    left: 0;
    width: 6px;
    height: 6px;
    background: #6DBB91;
    border-radius: 2px 0;
}
.umova_text_2{
    color: #1A5E73;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    margin-top: 4rem;
}
.umova_docs_flex{
	display:flex;
	justify-content: space-between;
	margin-top: 2vh;
}
.umova_pdf_wr{
	display: flex;
	align-items: center;
}
.umova_pdf_wrap{
	margin-bottom: 1.2vh;

}
.umova_pdf_wrap:last-child{
	margin-bottom: 0;
}
.umova_pdf_icon_wr{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width:3.8rem;
	height: 3.8rem;
	border: 2px solid #6DBB91;
	border-radius: 15px 0 15px 0;
}

.umova_pdf_icon{
	width:1.5rem;
	display: block;
}
.umova_pdf_text{
	color:#1A5E73;
	margin-left: 0.8rem;
	font-size: 1.8rem;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: underline;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.umova_pdf_wr:hover .umova_pdf_text{
	text-decoration: none;
}
.umova_dop_text{
    text-align: center;
    margin-top: 6vh;
    color: #1A5E73;
	font-weight: 500;
    font-size: 1.8rem;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .umova_dop_text{
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
	transform: translateY(0%);
}
.umova_dop_text strong,
.umova_dop_text p{
	font-weight: 500;
}

/* ========================================
/* END UMOVU
======================================== */


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

/* PRICE
======================================== */
.price_page{
	position: relative;
    height: 100%;
}
.price_wrap{
width: 100%;
    height: 100%;
    position: relative;

}
.price_left{
	width: 19rem;
	position: absolute;
	right: 100%;
}
.price_title{
	margin-top: 11vh;
    color: #f9cb0c;
    font-size: 4.8rem;
    margin-bottom: 3vh;
    opacity: 0;
        line-height: 1;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .price_title{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.price_right{
	width: calc(100% - 21rem);
	width: 92.7rem;
	 width: 78%;
	position: relative;
	height: 100%;
	padding: 7.2rem 12% 0;
}
.price_category_wr{
	display:flex;
justify-content: space-between;
    max-width: 83.9rem;
	width:100%;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .price_category_wr{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.price_category_wr_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	pointer-events: none;
background: #ebc334;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_category_wr_bg_before {
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_category_wr_bg_after {
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_category {
	font-size: 1.8rem;
	color:#39393a;
	text-transform: uppercase;
	padding: 1rem 4rem;
	position: relative;
	z-index: 1;
	cursor: pointer;
	margin-right: 2px;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_category_bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: #232c39;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_category_active .price_category_bg,
.price_category:hover .price_category_bg{
	opacity: 1;
}
.price_category_bg_before{
	position: absolute;
	top: 0;
	right: calc(100% - 1px);
	height: 100%;
}
.price_category_bg_after{
	position: absolute;
	top: 0;
	left: calc(100% - 1px);
	height: 100%;
	    transform: scale(-1);
}




.price_category_text{
	position: relative;
}
.price_category:hover,
.price_category_active{
	color:#fff;
}

.price_wr{
    height: calc(100vh - 15rem - 9rem);
    height: calc(100vh - 31rem - 15vh);
    max-width: 83.9rem;
    min-height: 284px;
    position: relative;
}
.price_cont{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	pointer-events: none;
}
.price_cont_active{
	pointer-events: auto;
	opacity: 1;
}
.price_cont_title_wr{
	display:flex;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .price_cont_title_wr{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.price_cont_title{
	font-size: 1.8rem;
	color:#4b415a;
	margin: 2rem 0;
	padding: 1rem 3rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	cursor: pointer;
	    background: #e8e8e8;
    margin-right: 3rem;
	z-index: 1;
	position: relative;
}
.price_cont_title_active{
	pointer-events: none;
	background: linear-gradient( to right, rgb(126,176,220) 1%, rgb(166,197,74) 100%);
	color:#fff;
}
.price_cont_title_bg{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #ebc334;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_cont_title_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_cont_title_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_cont_title_active .price_cont_title_bg,
.price_cont_title:hover .price_cont_title_bg{
   background: #232c39;
}
.price_cont_title_bg_before path,
.price_cont_title_bg_after path{

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_cont_title:hover .price_cont_title_bg_before path,
.price_cont_title_active .price_cont_title_bg_before path,
.price_cont_title_active .price_cont_title_bg_after path,
.price_cont_title:hover .price_cont_title_bg_after path{
   fill: #232c39;
}






.price_cont_title_text{
	position: relative;
}
.price_cont_title:hover{
	color:#fff;
}
.price_info_wrap{
    overflow: hidden;
    height: calc(100% - 8rem);
    height: calc(100%);
	position: relative;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .price_info_wrap{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.price_info_wr{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_info_wr_active{
	opacity: 1;
	pointer-events: auto;
}
.price_info_title_wr{
	display:flex;
	/*border-top:2px solid rgba(30, 54, 78, 0.2);*/
	padding-right: 40px;
	position: relative;
	    justify-content: space-around;
}
.price_info_title{
	font-size: 1.9rem;
	color:#232c39;
	text-transform: uppercase;
	padding: 2rem 0rem;
	text-align: center;
}
.price_info_title:nth-child(1){
	width: 20%;
    text-align: center;
}
.price_info_title:nth-child(2){
	width: 25%;
    text-align: center;
}
.price_info_title:nth-child(3){
	width: 25%;
    text-align: center;
}
.price_info_title:nth-child(4){
	width: 30%;
    text-align: center;
}
.price_info_title sup{
	font-size: 1.2rem;
}
 .price_info_scroll{
    height: calc(100% - 5rem);
    pointer-events: none!important;
}
.price_info_wr .mCustomScrollBox{
    pointer-events: none!important;

}
.price_info_wr_active .price_info_scroll,
.price_info_wr_active .mCustomScrollBox{
    pointer-events: auto!important;

}
.price_td{
	padding:2rem 0rem;
	    justify-content: space-around;
	display:flex;
	margin-bottom: 2px;
	color:#232c39;
	font-size: 1.6rem;
	background: #e9e9eb;
}
.price_td_wr{
    /*padding-right: 20px;*/
    text-align: center;
}
.price_room{
    width: 20%;
    text-align: center;
}
.price_area{
    width: 25%;
    text-align: center;
}
.price_price{
    width: 25%;
    text-align: center;
}
.price_gost{
    width: 30%;
    text-align: center;
}
.price_parking_soon{
	font-size:5rem;
	text-align: center;
	color:rgba(75, 65, 90, 0.4);
	text-transform: uppercase;
	margin: 5rem 0;
	padding: 3rem 0;
	border-top: 2px solid rgba(30, 54, 78, 0.2);
	border-bottom: 2px solid rgba(30, 54, 78, 0.2);
}
.price_page .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{
	    margin-right: 20px;
}
.price_img{
	position: absolute;
	top: 10rem;
	left: 00;
	width:188.5rem;
}
.price_bg{
    position: absolute;
    top: -5%;
    /* right: 0; */
    left: 49%;
    z-index: -1;
    height: 116%;
    opacity: 0;
    transform: translateX(36%);
}
.show_page_anim .price_bg {
  opacity: 1;
  transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.price_cb_btn{
    display: inline-block;
    padding: 1rem 2rem;
    text-transform: uppercase;
    margin-top: 2vh;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .price_cb_btn {
    opacity: 1;
    transform: translateY(0rem);
    transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.price_cb_btn_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #ebc334;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_cb_btn_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_cb_btn_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_cb_btn:hover .price_cb_btn_bg{
   background: #232c39;
}
.price_cb_btn_bg_before path,
.price_cb_btn_bg_after path{

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_cb_btn:hover .price_cb_btn_bg_before path,
.price_cb_btn:hover .price_cb_btn_bg_after path{
   fill: #232c39;
}


.price_cb_btn_text{
    color: #1d1d1d;
    font-size: 1.8rem;
    position: relative;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_cb_btn:hover .price_cb_btn_text {
    color: #fff;
}
/* ========================================
/* END PRICE
======================================== */
/* ========================================
/* SOCIAL
======================================== */
/* MESENGERS */
.mes_btn_close_wr{
    position: absolute;
    right: 19px;
    top: 8px;
    width: 21px;
    cursor: pointer;
}
.mes_btn_close_icon{
	    width: 100%;
    display: block;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_close_wr:hover .mes_btn_close_icon{
    transform: rotate(360deg);
}
.mes_btn_info_wr{
    position: absolute;
    right: calc(100% + 10px);
    bottom: 0;
    width: 24vw;
    min-width: 200px;
}
.mes_btn_info_wr_hide{
	display:none;
}
.mes_btn_info_svg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	    z-index: -1;
}
.mes_btn_info{
    padding: 20px 27px;
    padding-right: 29px;
}
.mes_btn_info_title{
	font-size: 18px;
	color:#5b3913;
	margin-bottom: 15px;
	font-weight: bold;
}
.mes_btn_info_text{
	color:#1c2236;
	font-size: 16px;
}
@media screen and (max-width: 1500px), (max-height: 800px) {
	.mes_btn_info {
		padding: 10px 15px;
		padding-right: 24px;
	}
	.mes_btn_info_title {
    	font-size: 15px;
    	margin-bottom: 5px;
	}
	.mes_btn_info_text {
	    font-size: 14px;
	}
  .mes_btn_wr:before {
    width: 85%;
    height: 85%;

  }
  .flat_type_text {
      font-size: 3rem;
  }
}

#bingc-phone-button {
  display: none !important;
}
.bg_mesengers{
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: #000;
	z-index: 5;
	opacity: 0;
	pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_mesengers .bg_mesengers{
	opacity: 0.6;
	pointer-events: auto;
}
.mes_btn_wrap{
	position: fixed;
	bottom: 6%;
	right: 3%;
	z-index: 5;
	
	    bottom: 5%;
    right: 5.7vw;
}
.mes_btn_wrap_call {
  position: absolute;
  top: 50%;
  left: -110%;
  transform: translate(-32%, -50%);
  padding: 1rem;
  background: #fff;
  border-radius: 10rem;
  font-size: 1.4rem;
  color: #000;
  white-space: nowrap;
  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wr:hover .mes_btn_wrap_call {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.open_mesengers .mes_btn_wrap_call {
  opacity: 0 !important;
}
.mes_btn_wrap_call {
  position: absolute;
  top: 50%;
  left: -110%;
  transform: translate(-32%, -50%);
  padding: 1rem;
  background: #fff;
  border-radius: 10rem;
  color: #000;
  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wrap:hover .mes_btn_wrap_call {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.mes_btn_wr{
	position: relative;
	width: 9rem;
  height: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wr:hover{

}
.mes_btn_wr:before{
	content: '';
	position: absolute;
	z-index: -1;
  top: 50%;
  left: 50%;
  transform: scale(0);
  width: 65%;
  height: 65%;
  border-radius: 50%;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
  box-shadow: inset 0 0 0 2px #fff;
}
/* .mes_btn_wrap:hover .mes_btn_wr:before, */
.open_mesengers .mes_btn_wr:before{
  transform: translate(-50%, -50%) scale(1);
}
.mes_btn_wr_bg{
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 130%;
  height: 130%;
  border-radius: 50%;
  background: #6DBB91;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wrap:hover .mes_btn_wr_bg{
	width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.open_mesengers .mes_btn_wr_bg{
	width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: linear-gradient(to right, transparent, transparent);

}
.mes_btn_wr_bg::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 98%;
  height: 98%;
    border: 4px solid #fff;
  border-radius: 100%;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wrap:hover .mes_btn_wr_bg::before{
  width: 130%;
  height: 130%;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.2s;
}
.open_mesengers .mes_btn_wr_bg::before {
  opacity: 0;
}
.mes_btn_wr_bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.mes_btn_wrap:hover .mes_btn_wr_bg::after{
  width: 180%;
  height: 180%;
}
.mes_btn_icon{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    max-width: 70%;
    max-height: 70%;
    transform: scale(1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    animation: change_icon 6s infinite;
}
.mes_btn_phone_icon{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    max-width: 70%;
    max-height: 70%;
    transform: scale(1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    animation: change_icon_tel 6s infinite;
}
@keyframes change_icon_tel {
  0% {opacity: 1; transform: scale(1);}
  28% {opacity: 1; transform: scale(1);}
  56% {opacity: 1; transform: scale(1);}
  61% {opacity: 0; transform: scale(0);}
  66% {opacity: 0; transform: scale(0);}
  95% {opacity: 0; transform: scale(0);}
  100% {opacity: 1; transform: scale(1);}
}
@keyframes change_icon {
  0% {opacity: 0; transform: scale(0);}
  28% {opacity: 0; transform: scale(0);}
  33% {opacity: 1; transform: scale(1);}
  61% {opacity: 1; transform: scale(1);}
  66% {opacity: 0; transform: scale(0);}
  95% {opacity: 0; transform: scale(0);}
  100% {opacity: 0; transform: scale(0);}
}
.mes_btn_telegram_icon{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 1rem;
	margin: auto;
    max-width: 70%;
    max-height: 70%;
    transform: scale(1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    animation: change_icon_telegram 6s infinite;
}
@keyframes change_icon_telegram {
  0% {opacity: 0; transform: scale(0);}
  28% {opacity: 0; transform: scale(0);}
  56% {opacity: 0; transform: scale(0);}
  61% {opacity: 1; transform: scale(1);}
  66% {opacity: 1; transform: scale(1);}
  95% {opacity: 1; transform: scale(1);}
  100% {opacity: 0; transform: scale(0);}
}
.open_mesengers .mes_btn_telegram_icon,
.open_mesengers .mes_btn_icon,
.open_mesengers .mes_btn_phone_icon{
    display: none;
}
.mes_btn_icon_close{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  /*width: 5rem;
  height: 5rem;*/
  opacity:0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
  width: 5rem;
  height: auto;
}
.open_mesengers .mes_btn_icon_close{
	opacity:1;
}
.mes_links_wr{
  z-index: 1;
    position: absolute;
    bottom: 8.5rem;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translateY(3rem);
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_mesengers .mes_links_wr{
	opacity: 1;
    pointer-events: auto;
    transform: translateY(0rem);
}
.mes_link{
position: relative;
    display: inline-block;
    margin-bottom: 6px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    width: 5.6rem;
    border-radius: 50%;
    background: none;
    height: auto;
}
.mes_link:last-child{
	margin-bottom: 0;
}
.mes_link:hover{
    box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
}
.mes_link_bin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 3;
}
.mes_link_icon{
width: 100%;
    display: block;
    z-index: 1;
    position: relative;
}
.mes_link_text_wr{
    position: absolute;
    padding-right: 37px;
    right: 50%;
    white-space: nowrap;
    height: 33px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_link_text{
        color: #1c2236;
    font-size: 1.5rem;
    background: #fff;
    padding: 0 10px;
    height: 100%;
    display: flex;
    /* background-color: #fceee4; */
    border: 2px solid #A62840;
    /* border-radius: 3.5rem; */
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    /* transform: translateX(calc(110% + 37px)); */
    color: #A62840;
    border: 2px solid #FFECC0;
    
    border-radius: 4px;
    color: #264646;
    font-family: 'Roboto', sans-serif;
    background: #FFECC0;
}
.mes_link:hover .mes_link_text{
	background: #264646;
    transform: translateX(0%);
    color: #FFECC0;
}
.open_mesengers header{
	z-index: 4;
}
.open_mesengers .main_down_arrow_wrap{
	z-index: 4;
}
.mes_btn_wr:hover .menu_close_img{
	transform: translate(0%, -50%) scale(1.1);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_mesengers .mes_btn_wr:hover:before {
    transform: translate(-50%, -50%) scale(0.95);
}
.open_mesengers .mes_btn_icon_close .menu_close_img{
	opacity: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_close_img {
    width: 53%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
/* END MESENGERS */
/* ========================================
/* END SOCIAL
======================================== */
/* ========================================
/* COMERCIAL
======================================== */
.comercial_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 8rem;
}
.com_title{
	font-size: 4rem;
	color:#4b415a;
	position: absolute;
    top: 12rem;
    left: 5rem;
    z-index: 1;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .com_title {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.choose_com_floor{
	position: absolute;
    top: 25rem;
    left: 5rem;
    z-index: 1;
    line-height: 0.9;
    display: flex;
    align-items: center;
    white-space: nowrap;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .choose_com_floor {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.choose_com_floor_text{
	font-size: 4.5rem;
    color: #4b415a;
}
.choose_com_floor_svg{
	    width: 3.8rem;
    height: auto;
    margin-left: 0.5rem;
    margin-top: 1.2rem;
}

.floor_com_markers_wr{
	position: absolute;
	pointer-events: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.floor_com_marker_wr{
	position: absolute;
	transform: translate(0rem, -91%);
	    /*transform: translate(0.2rem, -34%);*/
	opacity: 0;
	    z-index: 1;
	pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_com_marker_wr_show{
	opacity: 1;
	pointer-events: auto;
}
.floor_com_marker{
	background: #e0c9b3;
	padding: 1rem 0.5rem;
	    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
}
.floor_com_marker_text{
	font-size: 1.5rem;
	color:#4b415a;
	text-transform: uppercase;
}
.floor_com_marker_link{
	width:4.9rem;
	height: 4.9rem;
	background: #4b415a;
	border-radius: 50%;
	    left: 0;
    right: 0;
    margin: auto;
	margin: 1rem auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.floor_com_marker_link:last-child{
	    margin-bottom: 0;
}
.floor_com_marker_link:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 105%;
    height: 105%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
}
.floor_com_marker_link:hover:before {
    background-color: #ff6600;
    transform: translate(-50%, -50%) scale(1);
}
.floor_com_marker_number{
	font-size: 2.5rem;
	color: #fff;
	position: relative;
}
.floor_com_marker_svg{

}
.section_com_marker{
	position: absolute;
	transform: translate(-50%, -50%);
	width:6.6rem;
	height: 6.6rem;
	border-radius: 50%;
	background: #4b415a;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section_com_marker_text{
	font-size: 1.3rem;
	color:#fff;

}
.section_com_marker_title{
	font-size: 1.6rem;
	color:#fff;
}
.comercial_wrap .svg_com_active path{
	/*opacity:1!important;*/
	fill:#211236;
}
.comercail_left{
	    position: absolute;
    left: 3%;
        width: 100%;
    top: 14rem;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .comercail_left{
	transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.floor_com_img_wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 8rem 0 7rem;
        text-align: center;

}
.floor_com_tittle_wr{
    margin-top: 4rem;
    display: inline-block;
    position: relative;
    z-index: 1;

}
.floor_com_tittle_dom{
	font-size: 4.5rem;
	color:#4b415a;
	    line-height: 1;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_com_tittle_dom{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.floor_com_tittle_ochered{
	color:#4b415a;
	font-size: 3.1rem;
	margin: 1rem 0 3rem;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_com_tittle_ochered{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.floor_com_btn_wr{
    display: inline-flex;

    border-top: 1px solid rgba(30, 55, 78, 0.15);
    border-bottom: 1px solid rgba(30, 55, 78, 0.15);
    padding: 0.5rem 0;
    margin-bottom: 3rem;
    justify-content: space-evenly;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_com_btn_wr{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.floor_com_btn{
    font-size: 2.1rem;
    color: #4b415a;
    text-transform: uppercase;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border: 2px solid transparent;
    padding: 1rem 2rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	    margin: 0 0.5rem;
}
.floor_com_btn_active{
	    border: 2px solid #4b415a;
    background: #4b415a;
    pointer-events: none;
    color: #fff;
}
.floor_com_btn:hover {
    border: 2px solid #4b415a;
    background: #4b415a;
    color: #fff;
}
.floor_com_cont_img_wr{
	text-align: center;
    position: absolute;
    top: 11rem;
    width: 100%;
    height: calc(100% - 8rem - 7rem - 6rem);
    left: 0;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_com_cont_img_wr{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.floor_com_img_wr{
    display: inline-block;
    height: 100%;
    position: relative;
}

.floor_com_btn_active{
	    border: 2px solid #4b415a;
    background: #4b415a;
    pointer-events: none;
    color: #fff;
}
.floor_com_btn:hover {
    border: 2px solid #4b415a;
    background: #4b415a;
    color: #fff;
}
.floor_com_cont_img_wr{
	text-align: center;
    position: absolute;
    top: 11rem;
    width: 100%;
    height: calc(100% - 8rem - 7rem - 6rem);
    left: 0;
}
.floor_com_img_wr{
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}


.flat_com_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 7.7rem;
    z-index: 1;
    opacity:0;
}
.show_page_anim .flat_com_wrap {
    opacity: 1;
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.flat_com_wrap .wrap_left:before{
	display:none;
}

.com_area_wr{
	display:flex;
	justify-content: center;
	align-items: center;
    width: 29rem;
    margin: 3rem 0;
        height: 7rem;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .com_area_wr {
    transform: translateX(0rem);
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1), .9s opacity 0.5s cubic-bezier(.19,1,.22,1), .9s transform 0.5s cubic-bezier(.19,1,.22,1);
}
.com_area{
	display:flex;
	align-items: center;
	font-size: 2.1rem;
}
.com_area_text{
	color:#7d7d82;
	text-transform: uppercase;
}
.com_area_line{
	color:#7d7d82;
	text-transform: uppercase;
	margin:0 1rem;
}
.com_area_number{
	color:#353537;

}
.com_area_number sup{
	font-size: 0.6rem;
}
.flat_com_marker{
    position: absolute;
    transform: translate(-50%, -50%);
    background: #4b415a;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: .5rem .5rem;
	color:#fff;
	pointer-events: none;
	    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_com_marker_active{
    background: #e0c9b3;
	color:#3b314a;

}
.flat_com_m_top{
	font-size: 1.8rem;
	line-height: 1;
}
.flat_com_m_line{
	background:#fff;
	opacity: 0.2;
	width:100%;
	height: 2px;
	margin:0.5rem 0;
	    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_com_marker_active .flat_com_m_line{
	background:#3b314a;

}
.flat_com_m_bot{
	font-size: 1.4rem;
}
.flat_com_m_bot sup{
	font-size: 0.8rem;
}
.flat_com_tittle_wr{
    text-align: center;
    margin: 4rem 0 3rem;
}
.flat_com_tittle{
	font-size: 3.2rem;
	color:#4b415a;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_com_tittle{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.flat_com_size{
	font-size:2.3rem;
	color:#4b415a;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_com_size{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.flat_com_size span{
}
.flat_com_size sup{
	font-size:1rem;

}
.comercial_flat_img_wr{
	    height: 100%;
    display: flex;
        width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .comercial_flat_img_wr{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.comercial_flat_text{
	    height: 8rem;
    width: 78%;
    overflow: hidden;
    margin-top: 2vh;
    color: #929292;
    font-size: 1.6rem;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .comercial_flat_text{
	transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.comercail_floor_wrap{
	    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg_floor.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    padding-top: 7.7rem;
}

/* PEREVAGU */
.perevagu_page{
position: relative;
    height: 100%;
    width: 100%;
    background: url(../img/bg_floor.png) no-repeat;
    background-size: cover;
}
.perevagu_wrap{
	    height: 100%;
	display:flex;
	position: relative;
}
.perevaga_wr{
width: 17%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 8rem;
display: flex;
    justify-content: center;
    align-items: center;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.perevaga_wr:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: #1e2835;
	opacity: 0.57;
	opacity: 0.3;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.perevaga_wr:hover:before{
	opacity: 0;
}
.perevaga_wr:hover{
	width:25%;
}
.perevaga_img_wrap{
    width: 100%;
    text-align: center;
	position: relative;
}
.perevaga_img_wr{
	position: relative;
	    width: 70%;
    margin: auto;
}
.perevaga_svg{

    fill-opacity: 0.9;
}
.perevaga_icon{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 47%;
    max-height: 80%;

}
.perevaga_bnt{
padding: 1rem 1rem;
    text-transform: uppercase;
    margin-top: 2vh;
    position: relative;
    width: calc(100% - 12rem);
width: 100%;
    height: 8.7rem;
    align-items: center;
    display: inline-flex;
    justify-content: center;

}
.perevaga_wr:hover {
padding: 1rem 2rem;

}
.perevaga_bnt_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #ebc334;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.perevaga_bnt_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.perevaga_bnt_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.perevaga_wr:hover .perevaga_bnt_bg{
   background: #fff;
}
.perevaga_bnt_bg_before path,
.perevaga_bnt_bg_after path{



    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.perevaga_wr:hover .perevaga_bnt_bg_before path,
.perevaga_wr:hover .perevaga_bnt_bg_after path{
   fill: #fff;
}
.perevaga_bnt_text{
    color: #facc0c;
    font-size: 1.6rem;
    font-size: 2.6rem;
    position: relative;
    line-height: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    text-shadow: 2px 3px 9px #000;
}
.perevaga_wr:hover .perevaga_bnt_text{
    font-size: 2.4rem;
        font-size: 3.2rem;

}
.perevaga_text_wr{
    text-align: center;
    position: absolute;
    top: calc(100% + 1rem);
    left: 50%;
    width:100%;
    line-height: 1.2;
        width: 21vw;
    min-width: 210px;
    transform: translateX(-50%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}

.perevaga_text{
    padding: 0 1rem;
    color: #fff;
    font-size: 1.8rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.perevaga_wr:hover .perevaga_text{
	opacity: 1;
	transform: translateY(0);
}
/* PEREVAGU POP UP */
.per_pop_up_wrap{
    height: 100%;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0%;
    overflow: hidden;
    transition: 0.9s all 0.1s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    pointer-events: none;
    z-index: 101;
    text-align: center;
    perspective: 800px;
    min-height: 550px;
    overflow: auto;
    overflow: hidden;
        background: rgba(255, 255, 255, 0.9);
}
.per_pop_up_wrap_open{
    top: 0;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.per_pop_up_wr{
	height:100%;
	display:flex;
}
.close_per_pop{
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 5.5rem;
    height: 5.5rem;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.per_pop_up_wrap_open .close_cb {
    opacity: 1;
}
.close_per_pop:hover{
	    transform: rotate(180deg);
}
.per_pop_up_slider_wr{
	height: 100%;
	overflow: hidden;
	width:calc(100% - 80rem);
	position: relative;
}
.per_pop_up_slider{
	position: relative;
	height: 100%;
	width:100%;
}
.per_slide{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.per_pop_info_wr{
	width:80rem;
	padding: 4rem 4rem;
	    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: url(../img/bg_perevaga.jpg) no-repeat;
    background-size: cover;
}
.per_pop_info{
	width:100%;
}

.per_pop_title{
	    font-size: 4rem;
    color: #38383a;
    text-transform: uppercase;
    margin-bottom: 2vh;
}
.per_pop_text{
    font-size: 1.8rem;
    color: #38383a;
    line-height: 1.5;
}
#per_pop_up_slider .next_slide_per {
    width: 7.6rem;
    height: 7.6rem;
    background: none;
    right: 0;
    top: 0;
    bottom: 0rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
#per_pop_up_slider .prev_slide_per{
    width: 7.6rem;
    height: 7.6rem;
    background: none;
    left: 0;
    top: 0;
    bottom: 0rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_per path, .next_slide_per path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_per:hover .prev_gal_bg_svg path, .next_slide_per:hover .next_gal_bg_svg path {
    fill: rgba(56, 56, 58, 0.95);
}

.flat_price_wr_print,
.logo_print,
.txt_floor_print,
.flat_type_print{
	display:none;
}


/* CALL ME */
.cbh-phone{
	opacity:0!important;
	pointer-events:none;
}
/* ----------------------*/
.flat_3d_tour_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	    margin: 2rem 0;
	 transform: translateX(-3rem);
    opacity: 0;
}
.show_page_anim .flat_3d_tour_wrap {
    transform: translateX(0rem);
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1), .9s opacity 0.4s cubic-bezier(.19,1,.22,1), .9s transform 0.4s cubic-bezier(.19,1,.22,1);
}
.flat_3d_tour_wr{
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
   
}
.flat_3d_tour_txt{
	font-size: 2rem;
    border: 2px solid rgba(109, 187, 145, 1);
    padding: 1.4rem 3rem;
    width: 26.4rem;
    z-index: 2;
    display: flex;
    justify-content: center;
    border-radius: 0 0px 23px 0;
    cursor: pointer;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: 1;
}
.flat_3d_tour_ico_wr{
    z-index: 2;
    position: absolute;
    left: -7rem;
    top: 50%;
    transform: translateY(-50%);
}
.flat_3d_tour_txt:hover{
	background: #264646;
	color: #fff;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.flat_virtual_walk_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11;

    opacity: 0;
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_virtual_walk_wrap.open {
    opacity: 1;
    pointer-events: all;
}
.bg_main .flat_virtual_walk_wrap {
    z-index: 100000;
}
.flat_virtual_walk_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(256, 256, 256, 0.9);
}
.flat_virtual_walk_wr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;

    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_virtual_walk_wr.visible {
    opacity: 1;
}
.flat_virtual_walk_wr iframe {
    width: 100%;
    height: 100%;
}
.flat_virtual_walk_close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 3.5rem;
    height: 3.5rem;
    cursor: pointer;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_virtual_walk_close path,
.flat_virtual_walk_close polyline,
.flat_virtual_walk_close polygon
{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_virtual_walk_close:hover path,
.flat_virtual_walk_close:hover polyline,
.flat_virtual_walk_close:hover polygon
{
    fill: #1e263c;
}
/* ----------------------*/

/* ERROR PAGE */
.error_wrap{
	position: relative;
	height: 100%;
}
.error_wr{
	width: 100%;
    height: 100%;
    display: flex;
    padding: 8rem 0 0;
    padding-bottom: 5rem;
    position: relative;
}
.error_right{
width: 115.5rem;
    align-self: center;
    display:flex;
    justify-content: center;
    align-items: center;
}
.error_info{
    text-align: center;
}
.error_number{
    font-size: 27rem;
    color: #facb23;
    line-height: 0.8;
    margin-bottom: 2rem;
}
.error_text{
	font-size: 1.6rem;
    text-align: center;
    margin-bottom: 3rem;
}

.error_btn{
    display: inline-block;
    padding: 1rem 2rem;
    text-transform: uppercase;
    margin-top: 2vh;
    position: relative;
    cursor: pointer;
}



.error_btn_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #ebc334;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.error_btn_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.error_btn_bg_after{
	position: absolute;
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
    transform: scale(-1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.error_btn:hover .error_btn_bg{
   background: #232c39;
}
.error_btn_bg_before path,
.error_btn_bg_after path{

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.error_btn:hover .error_btn_bg_before path,
.error_btn:hover .error_btn_bg_after path{
   fill: #232c39;
}


.error_btn_text{
    color: #1d1d1d;
    font-size: 1.8rem;
    position: relative;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.error_btn:hover .error_btn_text {
    color: #fff;
}
/* BINOTEL */
body #bingc-phone-button {
   right: 7rem;
    background: rgb(34, 43, 69);
    bottom: 4.5rem;
    width: 8.8rem;
    height: 8.8rem;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button {
    background: #b2093a!important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button:hover {
    background: #1e263c!important;
}
body #bingc-phone-button:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
    width: 70%;
    height: 70%;
        background: #a40c3a;
    overflow: hidden;
    border: 2px solid #fff;
    bottom: 0;
    right: 0;
    margin: auto;
}
body .bingc-phone-button-circle{
	display: none;
}
body #bingc-phone-button svg.bingc-phone-button-icon-icon{
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
        width: 80%;
    height: 72%;
}
body #bingc-phone-button div.bingc-phone-button-icon-text{
	 top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
body #bingc-phone-button div.bingc-phone-button-icon-text span{
	font-size: 1.4rem;
}
body #bingc-phone-button div.bingc-phone-button-tooltip{
	    background: #a40c3a !important;
}
body #bingc-phone-button div.bingc-phone-button-tooltip svg.bingc-phone-button-arrow polyline {
    fill: #a40c3a !important;
}
body #bingc-phone-button div.bingc-phone-button-tooltip.bingc-phone-button-tooltip-bottom-right {
    bottom: 12rem;
}
.socials_wrap{
    position: absolute;
    top: 16rem;
    right: 4rem;
    right: 3.7vw;
    display: flex;
    opacity: 0;
  transform: translateX(150%);
  transition:all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .socials_wrap{
    opacity: 1;
  transform: translateX(0rem);
  transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.socials_wrap_main{
   margin-right: 2.4rem;
    display: flex;
    opacity: 0;
  transform: translateY(-150%);
  transition:all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .socials_wrap_main{
    opacity: 1;
  transform: translateY(0rem);
  transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.social_link{
    width: 4.5rem;
    height: 4.5rem;
    margin-left: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;	
        position: relative;
}
.social_link:first-child{
	margin-left: 0;
}
.social_link_bg{
	    position: absolute;
    top: 0;
    left: 0;
    /*transform: rotate(90deg);*/
    width: 100%;	
    height: 100%;
}
.social_link_bg path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.social_link:hover .social_link_bg path{
	fill:#264646;
}
.social_link_img{
    max-width: 60%;
    max-height: 60%;
    position: relative;
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.social_link:hover .social_link_img{
    opacity: 0;
    position: absolute;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.social_link_hov_img{
    max-width: 60%;
    max-height: 60%;
    position: absolute;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.social_link:hover .social_link_hov_img{
    opacity: 1;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pover_video{
width: 86%;
    height: 57rem;
    margin: 0 auto;
}
.pover_video iframe{
	width: 100% !important;
    height: 100% !important;
    min-height: 70%;
    margin: auto;
}

.flat_panorama_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    opacity: 0;
    pointer-events: none;
    display: grid;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_panorama_wrap.open {
    opacity: 1;
    pointer-events: all;
}
.bg_main .flat_panorama_wrap {
    z-index: 100000;
}
.flat_panorama_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    background: rgba(256, 256, 256, 0.9);
}
.flat_panorama_top{
    display: flex;
    align-items: center;
    padding: 1rem;
    justify-content: center;
}
.flat_panorama_btn{
	    height: 4.4rem;
    padding:0.5rem 2rem;
    position: relative;
    display: block;
    cursor: pointer;
    display: flex;
    border-radius: 5px;
    border: 2px solid #FFF;
    background: #6DBB91;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    transition: all .9s 
cubic-bezier(.19, 1, .22, 1);
}
.flat_panorama_btn:hover{
    background: #264646;	
}
.flat_panorama_btn_active{
	pointer-events: none;
	 background: #264646;	
}
.flat_panorama_btn_text {
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 1.6rem;
    letter-spacing: 0.48px;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.flat_panorama_btn:hover .line_1_menu, .flat_panorama_btn:hover .line_2_menu, .flat_panorama_btn:hover .line_3_menu {
    transform: translateX(110%);
}

.flat_panorama_wr {
       height: 100%;
    width: 100%;
}
.flat_panorama_wr iframe {
    width: 100%;
    height: 100%;
}
.flat_panorama_close {
    position: absolute;
    top: 1.5rem;
    right: 2rem;
    width: 3.5rem;
    height: 3.5rem;
    cursor: pointer;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pop_up_visual_close_polyline
{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_panorama_close:hover .pop_up_visual_close_polyline
{
    fill: #264646;
}
/*@media screen and (max-width: 1500px), (max-height: 800px) {*/
@media screen and (max-width: 1680px), (max-height: 800px) {
    html {font-size: 9px;}
    .tittle_wrap {}
	.tittle {font-size: 4.7rem;}
    .pop_up_new_flex {height: 65.3rem;}
	.perevagu_wr_1_top{font-size: 4.4rem;}
	.perevagu_wr_2_top,.perevagu_wr_3_top,.perevagu_wr_4_top,.perevagu_wr_5_top,.perevagu_wr_1_bot,.perevagu_wr_2_bot,.perevagu_wr_3_bot,.perevagu_wr_4_bot,.perevagu_wr_5_bot{font-size: 2.4rem;}
	.fil_fl_type {font-size: 1.5rem;width: 5rem;height: 5rem;}
	.fil_fl_area {width: calc(100% - 5rem);height: 5rem;}
	.fil_fl_space {font-size: 1.2rem;}
	.fil_fl_space sup {font-size: 0.8rem;}
	.dev_statis_number {font-size: 5.4rem;}
	.dev_statis_line {height: 8rem;}
	.dev_statis_text {font-size: 1.4rem;margin-left: 0.5vw;}
	.dev_statis_wrap {padding: 0vh 0;margin: 1vh 0;}
	.menu_child {min-width: 10px;font-size: 1.5rem;}
	.menu_ul:nth-child(2) .menu_second, .menu_ul:nth-child(4) .menu_second {white-space: normal;}
	.main_new_quart {top: calc(50% + 14rem);}
	.main_new_link_title {font-size: 1.6rem;padding-right: 8rem;}
	.fil_fl_wr {width: 32%;}
	.fil_fl_wr:before {width: calc(100% + 1rem);height: calc(100% + 1rem);}
	.floor_price_wr {font-size: 1.8rem;}
	.floor_price_num {font-size: 3.2rem;}
	.floor_crums_sec {font-size: 3.2rem;}
	.floor_crums_floor {font-size: 2.5rem;}
	.floor_reserv_bigger_txt {font-size: 1.6rem;}
	.floor_reserv_smaller_txt{font-size: 1.3rem;}
	.back_btn_wr {padding: 1rem 1.5rem;}
	.filt_btn_text {font-size: 1.3rem;margin-left: 0.5rem;}
	.flat_download_txt {font-size: 1.4rem;margin-left: 0.5rem;}
	.print_pdf_text,.flat_print_txt{font-size:1.4rem;margin-left: 0.5rem;}
	.print_pdf_icon,.flat_print_icon {width: 1.7rem;}
	.perevaga_bnt_text{font-size:1.4rem;font-size: 2rem;padding: 0 1rem;}
	.perevaga_wr:hover .perevaga_bnt_text{font-size:2.2rem;font-size: 2.6rem;}
	.one_new_title {font-size: 2.5rem;line-height: 1;}
	.contacts_wrap {left: 6.7rem;}
	.filt_room_item {height: 23.4rem;}
	.compas_flat {width: 6.6rem;}
	.floor_btn_wr {margin-top: 0;}
	.umovu_wr {padding: 21rem 0rem 9rem;}
	.umovu_wr {padding: 26rem  0rem 9rem;}
	.genplan_left {padding-top: 12rem;max-width: calc(780px - 40.3rem + 1.7rem);}
	.umova_dop_text.dop_text{margin-top: 6vh;}
	
}
@media screen and (max-width: 1440px), (max-height: 900px) {
	.umova_dop_text.dop_text{margin-top: 2vh;}
}
/*@media screen and (max-width: 1280px), (max-height: 600px) {*/
@media screen and (max-width: 1280px), (max-height: 768px) {
    html {font-size: 8px;}
    .main_build_logo_wrap {bottom: 1vh;}
    .main_section_tenth {padding-bottom: 12vh;}
    .perevagu_wr_1_top{font-size: 3.6rem;}
	.perevagu_wr_2_top,.perevagu_wr_3_top,.perevagu_wr_4_top,.perevagu_wr_5_top,.perevagu_wr_1_bot,.perevagu_wr_2_bot,.perevagu_wr_3_bot,.perevagu_wr_4_bot,.perevagu_wr_5_bot{font-size: 1.5rem;}
    .umova_title {/*font-size: 2rem;*/}
    .perevaga_img {/*max-height: 7rem;max-width: 7rem;*/}
	.perevaga_title {font-size: 2rem;margin-top: 1vh;padding: 0 13%;}
	.floor_tittle {font-size: 1.6rem;/*padding: 1.2rem 1rem 1rem 1rem;*/}
	.flat_marker{padding: 0.5rem;}
	.flat_m_left {font-size: 2rem;}
	.flat_m_top,
	.flat_m_bot {font-size: 1.2rem;}
	.flat_m_right sup {font-size: 0.5rem;}
	.floor_crums_sec {font-size: 2.5rem;}
	.floor_crums_floor {font-size: 2.3rem;}
	.floor_consult_smaller_txt {font-size: 1.4rem;}
	.floor_reserv_bigger_txt {font-size: 1.7rem;}
	.floor_reserv_smaller_txt{font-size: 1.4rem;}
	.com_area {font-size: 1.4rem;}
	.com_area_wr {width: 24rem;}
	.floor_price_wr {font-size: 1.4rem;}
	.wrap_middle_flat {width: calc(100% - 19% - 35rem);}
	.floor_price_num {font-size: 2.5rem;}
	.floor_crums_dom {font-size: 4rem;}
	.pop_up_new_left{padding-left: 7rem;}
	.print_pdf_wr{padding: 1rem 2rem;height: 4rem;}
	.floor_btn_wr {display: block;}
	.flat_print_wr {padding: 1rem 2rem;height: 4rem;}
	.flat_download_wr {padding: 1rem 2rem;height: 4rem;}
	.print_pdf_icon {width: 2.4rem;}
	.flat_print_icon {width: 2.4rem;}
	.flat_download_icon {width: 2.6rem;}
  	.print_pdf_text{font-size:1.4rem;}
  	.flat_download_txt {font-size: 1.4rem;}
	.dev_tittle{font-size: 4.5rem;}
	.dev_statis_number {line-height: 1;font-size: 4.8rem;}
	.dev_info {font-size: 1.5rem;}
	.dev_link{margin: 1vh 0 4vh;}
	.floor_com_marker_text {font-size: 1.2rem;}
	.floor_com_marker_link {margin: 0.5rem auto;width: 3.9rem;height: 3.9rem;}
	.main_logo_riel {width: 17rem;}
	.dev_bot {margin-top: 0vh;}
	.news_left {width: calc(100% - 107.5rem);}
	.one_new_title {font-size: 2rem;}
	.one_new_anons {font-size: 1.4rem;}
	.flats_left_filter {width: 35rem;margin-right: 14rem;}
	.filter_btn_text,.filter_btn_text_2 {font-size: 1.4rem;}
	.filter_btn_wr, .filter_btn_wr_edit {height: 3.7rem;}
	.filter_tittle {font-size: 6rem;}
	.flats_right_filter {width: 70.2rem;}
	.filt_room_type {width: 24%;font-size: 2.2rem;}
	.filt_room_area_wr {width: 76%;}
	.filter_tittle_second {font-size: 2.2rem;margin-bottom: 2vh;}
	.compas_flat {width: 5.6rem;}
	.gp_wr_text {font-size: 1.6rem;height: 4.6rem;}
	.download_pdf_wr{margin-top: 1vh;}
	.umova_pdf_icon_bg {width: 3.3rem;}
	.umova_pdf_icon {width: 1.5rem;}
	.umova_text li {margin-bottom: 1vh;}
	.umova_dop_text.dop_text{margin-top: 4vh;}

}
@media screen and (max-width: 1366px) {
	.shadow_main_info{width: 145.1rem;	}
}
@media screen and (max-width: 1170px) {

}
@media screen and (max-width: 1024px) {

}