html{
    font-size: 10px;
}
body, html{
	font-family: 'Roboto', sans-serif;
	/*font-family: "HelveticaNeueCyr-Roman";*/
    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-slide-cover{
	background-size:cover!important;
}
img{
	border:none;
  display: block;
}
.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-container {
    width: 100%;
    height: 100%;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity:0!important;
}
body .mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
	background: #e9e9eb;
}
body .contacts_wrap .mCSB_scrollTools .mCSB_draggerRail{
  width: 4px;
	background-color: #53666c;
	opacity: 0.2;

}
body .mCSB_scrollTools .mCSB_dragger {
  width: 4px;
  height: 81px;
  transform: translateX(50%);
  background-color: #53666c;

}
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: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
input::-moz-placeholder                {opacity: 1; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
input:-moz-placeholder                 {opacity: 1; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
input:-ms-input-placeholder            {opacity: 1; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
input:focus::-webkit-input-placeholder {opacity: 0; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
input:focus::-moz-placeholder          {opacity: 0; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
input:focus:-moz-placeholder           {opacity: 0; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
input:focus:-ms-input-placeholder      {opacity: 0; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}

input:focus{
	outline: none;
}

textarea::-webkit-input-placeholder       {opacity: 1; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
textarea::-moz-placeholder                {opacity: 1; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
textarea:-moz-placeholder                 {opacity: 1; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
textarea:-ms-input-placeholder            {opacity: 1; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
textarea:focus::-webkit-input-placeholder {opacity: 0; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
textarea:focus::-moz-placeholder          {opacity: 0; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
textarea:focus:-moz-placeholder           {opacity: 0; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}
textarea:focus:-ms-input-placeholder      {opacity: 0; color: #a2836e; font-size: 1.6rem; transition: opacity 0.3s ease;font-style: italic;}

.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;
}
#change_page.change_page_show, #change_page_2.change_page_show {
    z-index: 1;
    opacity: 1;
}
/* =================================
/*  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);
}
.preloader_wrap_hide {
    opacity: 0;
}
.preloader_wr {
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    box-shadow: inset 0 0 0px 0rem #fff;
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.preloader_run .preloader_wr {
    box-shadow: inset 0 0 0 55rem #fff;
}
/* =================================
/* END PRELOADER
================================= */

/* =================================
/* HEADER
================================= */
header{
	/* position: absolute; */
	position: fixed;
	top: 0;
	left: 0;
  width: 100%;
	height: 5.6rem;
  padding-left: 5rem;
  padding-right: 3rem;
	z-index: 11;
	display:flex;
	align-items: center;
	background: #ffffff;
	justify-content: space-between;
  /* box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.07); */
    transform: translateY(-100%);

}
.show_elements .header {
  transform: translateY(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.menu_left{
    width: 27.7rem;
    padding: 0 3rem;
    align-self: baseline;
    margin-top: -1rem;
}

.menu_logo_link{
    display: inline-block;
    z-index: 3;
    position: relative;
    width: 27.7rem;
    width: 100%;
    top: 0;
    opacity: 0;
    transform: translateY(-7rem);
    transition: .9s  all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_elements .menu_logo_link {
  opacity: 1;
  transform: translateY(0);

}
.menu_logo_bg{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.menu_logo{
    position: absolute;
    width: 74%;
    top: 0;
    bottom: 32%;
    left: 0;
    right: 0;
    margin: auto;
}
.menu_cont {
    height: 100%;
    width: 100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.menu_mid{
    width: 85%;
    height: 100%;
    position: relative;
}
.menu_mid_cont{
	display: flex;
    justify-content: space-between;
    position: relative;
    height: 100%;
    width:100%;

}
.menu_ul{
	position: relative;
	    height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  opacity: 0;
  transform: translateY(-7rem);
}
.show_elements .menu_ul {
  opacity: 1;
  transform: translateY(0);
  transition: .9s all 0.3s cubic-bezier(.19,1,.22,1);
}
.menu_a{
	position: relative;
  	height: 100%;
	padding:0 1vw;
	display: flex;
	align-items: center;
	justify-content: center;
  	z-index: 1;
  	font-weight: 400;
 	 font-size: 1.5rem;
    text-transform: uppercase;
	color: #3b3d49;

	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_ul:hover .menu_a{
    background-color: #EFE1D3;
	color:#cf5c47;
}
.menu_a: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);
    z-index: -1;
}

.menu_ul_active .menu_a {
    background-color: #EFE1D3;
	color:#cf5c47;
}
.menu_a:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	opacity: 0.9;
	background: #ffffff;
	height: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_a:hover:before{
	/*height: 100%;*/
}

/*.menu_second_bg {
	display: flex;
	position: absolute;
	top: calc(100%);
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(56, 56, 58, 0.75);
  box-shadow: inset 0 0 1px rgb(75, 65, 90);
  opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
  pointer-events: none;
}
.menu_mid:hover .menu_second_bg{
  pointer-events: all;
  opacity: 1;
}*/
.menu_second_bl{
	height: 0%;
    background: rgba(56, 56, 58, 0.95);
    width: 16.7%;
    width: 20%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.menu_mid:hover .menu_second_bl:nth-child(1){
	height: 100%;
	transition: 0.9s all 0.1s cubic-bezier(.19,1,.22,1);
}
.menu_mid:hover .menu_second_bl:nth-child(2){
	height: 100%;
	transition: 0.9s all 0.2s cubic-bezier(.19,1,.22,1);
}
.menu_mid:hover .menu_second_bl:nth-child(3){
	height: 100%;
	transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
}
.menu_mid:hover .menu_second_bl:nth-child(4){
	height: 100%;
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.menu_mid:hover .menu_second_bl:nth-child(5){
	height: 100%;
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.menu_mid:hover .menu_second_bl:nth-child(6){
	height: 100%;
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.menu_second_bg{
	position: absolute;
	top:100%;
	left: 0%;
	pointer-events: none;
}
.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%, 3rem);
    /* transform: translateY(-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 {
    position: relative;
    display: block;
    min-width: 18rem;
    height: 4.5rem;
    padding: 0 1rem 0 3rem;
    display: flex;
    align-items: center;
    background: #F5F0EA;
    border-top: 1px solid #EFE1D3;

	font-size: 1.6rem;
    color: #3b3d49;
    z-index: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_child:hover {
    color: #cf5c47;
}
.menu_child_text {
    position: relative;
	display: inline-block;
    white-space: nowrap;
}
.menu_child_text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    background: #cf5c47;
    opacity: 0;
    transform: translate(-50%, 1.2rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_child:hover .menu_child_text::before {
    opacity: 1;
    transform: translate(-50%, .2rem);
}




.menu_right{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.social_wr {
    position: relative;
    width: 3.8rem;
    height: 3.8rem;
    margin-left: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_wr_border {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: .2rem solid #b6490e;
    border-radius: 50%;
}
.social_wr:hover .social_wr_border {
    animation: 1s video_btn_hover linear;
    animation-delay: .1s;
}
@keyframes social_btn_hover {
    0% { transform: translate(-50%, -50%) scale(1); }
    20% { transform: translate(-50%, -50%) scale(0.9); }
    40% { transform: translate(-50%, -50%) scale(1.1); }
    80% { transform: translate(-50%, -50%) scale(1); }
}
.social_wr svg {
  max-width: 2.02rem;
  max-height: 1.89rem;
}
.social_wr:hover svg {
    animation: 1s social_btn_hover_svg linear;
}
@keyframes social_btn_hover_svg {
    0% { transform: scale(1); }
    20% { transform: scale(0.9); }
    40% { transform: scale(1.1); }
    80% { transform: scale(1); }
}

.lang_wr{
	    height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
    padding: 0 1rem;
	cursor: pointer;
  z-index: 1;
	opacity:0;
	transform: translateY(-3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_elements .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;
        z-index: -1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.lang_wr:hover .lang_wr_bg,
.lang_wrap_open .lang_wr_bg{
	background-color: #EFE1D3;
}
.lang_active{
    color: #53666c;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.5rem;
}
.lang_wr:hover .lang_active,
.lang_wrap_open .lang_active{
    color: #cf5c47;

}
.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:#cf5c47;
}
.lang_dropdawn{
	display:none;
	overflow: hidden;
	position: absolute;
	top: calc(100%);
	width: 100%;
	left: 0;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.20);
    z-index: -2;
}
.lang{
height: 4rem;
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.lang_active_link{
	display:none;
}
.lang_text{
    position: relative;
    padding-left: 1rem;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #3b3d49;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang:hover .lang_text{
	background-color: #EFE1D3;
    color: #cf5c47;
}
.lang_line{
    width: 100%;
    height: 1px;
    background: #fff;

}
.fb_wr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.7rem;
  height: 3.7rem;
  margin-left: 1rem;
	opacity:0;
	transform: translateY(-3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_elements .fb_wr{
	opacity:1;
	transform: translateY(0rem);
	transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);

}
.fb_wr_icon {
  width: 100%;
     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;
}

/* FOOTER */
footer {
	/* position: absolute; */
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 4;
	display: flex;
}

.footer_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}
.news_page .footer_bg,
.hb_wrap .footer_bg{
	opacity: 0.44;
}
.docs_wrap .footer_bg,
.flats_wrap  .footer_bg{
	opacity: 0.9;
}
.footer_left {
  position: absolute;
  bottom: 12rem;
      right: -1.3rem;

  font-family: Arial;
  font-size: 1.2rem;
  color: #fff;

  opacity: 0;
  transform: translateY(100%);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.5s;
}
.show_page_anim .footer_left {
  opacity: 1;
  transform: translateY(0) rotate(90deg) scale(-1);
}
.prava {
  position: absolute;
  bottom: 1rem;
  left: 5.6rem;
  align-self: flex-end;
  opacity: 0.22;

  font-weight: 400;
  font-size: 1.2rem;
  color: #ffffff;
}


.tel_wrap{
	position: absolute;
  right: 3.3rem;
  bottom: 0rem;
  width: 10.8rem;
  height: 10.8rem;
  z-index: 12;
  opacity: 1;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.preloader_run .tel_wrap,
.noscroll .tel_wrap{
	opacity: 0;
}

.tel_wr{
	width:100%;
	height: 100%;
	justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    opacity: 0;
    transform: translateX(5rem);
}
.show_page_anim .tel_wr {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.4s;
}
.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%;
}
.tel_wr_bg::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10.8rem;
    height: 10.8rem;
    background-color: #1b1f2a;
    opacity: 0.5;
    border-radius: 50%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dark_footer .tel_wr_bg::before,
.gallery_page .tel_wr_bg::before,
.perevagu_page .tel_wr_bg::before,
.web_cam_wrap .tel_wr_bg::before,
.news_page .tel_wr_bg::before {
    opacity: .1;
}
.tel_wr_bg::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8.8rem;
    height: 8.8rem;
    background-color: #ab8868;
    opacity: 0.99;
    border-radius: 50%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.footer_contacts_wr {
  position: absolute;
  bottom: 2.5rem;
  right: 0;
}
.footer_phone_wr {
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
      font-weight: 900;
    font-size: 3rem;
    /*letter-spacing: -2px;*/
    white-space: nowrap;
    color: #ffffff;
}
.as-action-button__group[data-v-52fc3fe4],
.as-action-button__group.mod-single.animated .as-abs-outer-small[data-v-52fc3fe4], .as-action-button__group.mod-single.animated .as-abs-outer-big[data-v-52fc3fe4]{
    right: 2.5%!important;
	bottom: 14%!important;	
}
.footer_phone {
  width: 2.1rem;
  height: 2.1rem;
  margin-right: 0.6rem;
  
}
.footer_phone svg,
.footer_phone img {
    width: 100%;
    height: 100%;
}
.dark_footer .footer_phone svg path,
.gallery_page .footer_phone svg path,
.perevagu_page .footer_phone svg path,
.web_cam_wrap .footer_phone svg path,
.contacts_page .footer_phone svg path,
.news_page .footer_phone svg path {
    fill: #AA8769;
}
.footer_phone_txt {
    font-weight: 900;
    font-size: 3rem;
    letter-spacing: -2px;
    white-space: nowrap;
    color: #42565d; /* #ffffff; */
}
.dark_footer .footer_phone_wr,
.gallery_page .footer_phone_wr,
.perevagu_page .footer_phone_wr,
.web_cam_wrap .footer_phone_wr,
.contacts_page .footer_phone_wr,
.news_page .footer_phone_wr {
    color: #42565d;
}
.contacts_page .footer_phone_txt{
    color: #42565d;
}
.footer_street_wr {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: .3rem;
    letter-spacing: 1.5px;
}
.footer_street_ico {
  margin-right: 0.7rem;
}
.footer_street_ico svg,
.footer_street_ico img {
  width: 1rem;
  height: 1.5rem;
}
.dark_footer .footer_street_ico svg path,
.gallery_page .footer_street_ico svg path,
.perevagu_page .footer_street_ico svg path,
.web_cam_wrap .footer_street_ico svg path,
.contacts_page .footer_street_ico svg path,
.news_page .footer_street_ico svg path {
    fill: #AA8769;
}
.footer_street_txt {
    position: relative;
    display: block;
    font-size: 1.6rem;
    color: #ffffff;
}
.dark_footer .footer_street_txt,
.gallery_page .footer_street_txt,
.perevagu_page .footer_street_txt,
.web_cam_wrap .footer_street_txt,
.contacts_page .footer_street_txt,
.news_page .footer_street_txt {
    color: #42565d;
}
.footer_street_txt::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #ffffff;
}
.dark_footer .footer_street_txt::before,
.web_cam_wrap .footer_street_txt::before,
.news_page .footer_street_txt::before {
    background: #42565d;
}
/* ========================================
/* 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; */
    height: 30px;
    width: 51px;
    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 {
    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;
    perspective: 800px;
    min-height: 550px;

overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.open_cb.cb_wrap {
	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: url(../img/cb_bg.jpg) no-repeat;
    background-size: cover;*/
}
.cb_bg_img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events:none;
}
.close_cb {
    position: absolute;
    right: -1rem;
    top: -1rem;
    width: 6.5rem;
    height: 6.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #9699AD;
    transform: translate(100%, -100%);
    cursor: pointer;
    opacity: 0;
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
}
.open_cb .close_cb {
	opacity: 1;
}
.cb_close_svg svg{
    width: 49%;
    height: auto;
}
.cb_close_svg{
	width:2.8rem;
	height: auto;
	position: relative;
}
.cb_close_svg polygon{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.done_wrap polygon{
	fill:#fff;
}
.cb_cont{
	position: relative;
    display: block;
    margin: auto;
    width: 55.3rem;
    width: 63.3rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    background: #fff;
	transform: translateY(3rem);
}
.open_cb .cb_cont {
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.form_img_container{
    width: 100%;
    position: relative;
    margin-bottom: 4.5vh;
    margin-bottom: 2.5vh;
}
.form_img_container:after {
    content: '';
    position: absolute;
    top: 1.8rem;
    left: 50%;
    opacity: 0.2;
    width: calc(100% - 3.6rem);
    height: calc(100% - 1.8rem - 4px);
    border: 2px solid #53666c;
    transform: translate(-50%,0);
    pointer-events: none;
}
.form_img {
    width: 100%;
    min-height: 17rem;
    max-height: 25.9rem;
    max-height:20.9rem;
    
    height: calc(100vh - 69rem);
    /*background: url(../img/pop_form_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;*/
    position: relative;
}
.footer_img_form{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events:none;
}
.sub_tittle {
    font-size: 2.2rem;
    margin-bottom: 2.8rem;
    margin-bottom: 2vh;
	color: #a2836e;
	font-weight: 700;
	text-transform: uppercase;
}
.cb_text{
    padding: 2.2rem 6.4rem 2.2rem;
    width: 100%;
    font-size: 1.6rem;
    color: #42565d;
    font-style: italic;
}
.cb_text span{
    color: #a2836e;
	font-weight: 700;
}
.cb_info{
    padding: 0 6.4rem 3.4rem;
}
.sub_btn {
    height: 4.3rem;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_cb .sub_btn {
	opacity: 1;
	transform: translateX(0rem);
}
.sub_btn_text{
height: 100%;
    padding: 0 2.5rem;
    padding-right: 1.8rem;
    display: flex;
    align-items: center;
    background-color: #52656C;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.sub_btn:hover .sub_btn_text{
    background-color: #aa8768;
    color: #ffffff;
}
.sub_btn_ico{
position: relative;
    width: 4.2rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dbcbbc;	
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.input_wr{
    margin-bottom: 1.6vh;
    color: #fff;
  box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 1, 0.16);
    border: 1px solid rgb(83 102 108 / 40%);
}

.input_wr_textarea {
	margin-bottom:0;
}

#formName, #formEmail, #formTel,
#formNameSub, #formEmailSub, #formText{
	padding-left:2.5rem;
	font-size: 1.6rem;
	color: #000;
	width: 100%;
	border: none;
	height: 4rem;
	background: transparent;
	resize: none;
	color: #a2836e;
	transition: all .4s ease-out;
	font-weight: 400;
}

#formText {
	height: 10rem;
	font-size: 1.6rem;
	padding:1rem;
	padding-left:2.5rem;
	font-weight: 400;
}

.important_input input {
	border: 2px solid #e84343 !important;
}
#report, #reportSub{
    font-size: 1.4rem;
    margin: 1.5rem 0;
    position: relative;
    color: #e84343;
    height: 2rem;
}
#report.done ,#reportSub.done{
	color: #2cbd5c;
}

.cb_done_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #ad9280;
    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: #fff;
	font-size: 5rem;
    margin-bottom: 2rem;
}
.cont_done_txt_small{
	color: #fff;
	font-size: 4rem;
}

/* ========================================
/* END CALL BACK POP UP
======================================== */

/* ========================================
/* 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_slider {
  width: 100%;
  height: 100%;
}
.main_swiper_slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main_swiper_img_slide{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
	pointer-events: none;
}
.main_arrows_wr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: flex;
  z-index: 2;
}
.main_arrow_next {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 6.3rem !important;
  height: 6.2rem !important;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none !important;
  background-color: #53666c;
}
.main_arrow_prev {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 6.5rem !important;
  height: 6.2rem !important;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none !important;
  background-color: #9699ad;
}
#main_arrows_wr .swiper-button-disabled {
  opacity: 1 !important;
}

/*---------- ARROWS ANIMATION ------*/
.next_arrow_hover svg,
.prev_arrow_hover svg {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_arrow_hover svg {
    transform: translate(-50%, -50%) !important;
}
.next_arrow_hover:hover svg:first-child {
    opacity: 1;
    transform: translate(-50%, -50%) !important;
}
.next_arrow_hover svg:first-child {
    opacity: 0;
    transform: translate(-150%, -50%) !important;
}

.next_arrow_hover:hover svg:last-child{
    opacity: 0;
    transform: translate(150%, -50%) !important;
}
.next_arrow_hover svg:first-child{
    opacity: 0;
    transform: translate(-150%, -50%) !important;
}



.prev_arrow_hover svg {
    transform: translate(-50%, -50%) scale(-1) !important;
}
.prev_arrow_hover:hover svg:first-child {
    opacity: 1;
    transform: translate(-50%, -50%) scale(-1) !important;
}
.prev_arrow_hover svg:first-child {
     opacity: 0;
     transform: translate(150%, -50%) scale(-1) !important;
 }
.prev_arrow_hover:hover svg:last-child{
    opacity: 0;
    transform: translate(-150%, -50%) scale(-1) !important;
}
.prev_arrow_hover svg:first-child{
    opacity: 0;
    transform: translate(150%, -50%) scale(-1) !important;
}
/*------ END ARROWS ANIMATION ------*/

.main_arrow_next svg,
.main_arrow_prev svg {
  width: 1.8rem;
  height: 2.8rem;
}
.main_arrow_prev svg {
  transform: scale(-1);
}
.main_shadow_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main_logo_wr {
    position: fixed;
    top: 7.5rem;
    left: 4.6rem;
    display: block;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
    transition: all 0.9s ease-out;
}
.show_page_anim .main_logo_wr {
    transition: all 0.9s ease-out .5s;
    opacity: 1;
}
.one_photo_page .main_logo_wr,
.web_cam_wrap .main_logo_wr {
    z-index: 12;
}
.gallery_page .main_logo_wr {
    z-index: 10;
}
.one_photo_page .main_logo_wr {
    top: 1.5rem;
    left: 1.6rem;
}
.new_page .main_logo_wr {
    top: 1.5rem;
    left: 1.6rem;
}
.perevagu_page .main_logo_wr {
    position: absolute;
}
.main_logo_wr img {
    width: 7.5vw;
    min-width: 75px;
    height: auto;
}
.main_city_one_wr {
    position: fixed;
    /*top: 8.5vh;*/
    /*right: 3vw;*/
    top: 9rem;
    right: 6.5rem;
    width: 7.5vw;
    min-width: 80px;
    height: 12.1vh;
    min-height: 65px;
    z-index: 1;
    transition: all 0.9s ease-in-out;
}
.logo_city_img{
	width: 100%;
	height: 100%;
}
.bigger_logo .main_city_one_wr {
    transform: scale(1.6) translate(-16rem, 5rem);
}
.main_city_one_wr img {
  max-width: 100%;
  max-height: 100%;
}
.main_down_arrow_wr {
    position: fixed;
    bottom: 5.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2.5rem;
    height: 4.4rem;
    z-index: 2;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hide_arrow .main_down_arrow_wr {
    opacity: 0;
    pointer-events: none;
}
.main_down_arrow_wr::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: 2px solid rgba(256, 256, 256, .55);
    border-radius: 10rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dark_arrow .main_down_arrow_wr::before {
    border: 2px solid #53666c;
}
.main_down_arrow_dot {
    position: absolute;
    top: .9rem;
    left: 50%;
    transform: translateX(-50%);
    width: .8rem;
    height: .8rem;
    background-color: #FBDFB3;
    border-radius: 50%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    animation: 2s main_dot_move infinite;
}
@keyframes main_dot_move {
    0% {transform: translate(-50%, 0%)}
    50% {transform: translate(-50%, 240%)}
    100% {transform: translate(-50%, 0%)}
}
.dark_arrow .main_down_arrow_dot {
    background-color: #53666c;
}
.main_down_arrow {
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 1.2rem;
    height: auto;

    animation: 2s main_arrow_move infinite;
}
@keyframes main_arrow_move {
    0% {transform: translate(-50%, 100%);}
    50% {transform: translate(-50%, 160%);}
    60% {transform: translate(-50%, 100%);}
    70% {transform: translate(-50%, 130%);}
    100% {transform: translate(-50%, 100%);}
}
.main_down_arrow polygon {
    border: 2px solid rgba(256, 256, 256, .55);
}
.dark_arrow .main_down_arrow polygon {
    fill: #53666c;
}
.main_left_icons_wrap {
  position: fixed;
  top: 65%;
  left: 6.3rem;
  transform: translateY(-50%);
  z-index: 2;
}
.main_left_icon_wr {
  margin-bottom: 6.5vh;
  display: flex;
  flex-direction: column;
  align-items: center;

    transform: translateX(-5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.show_page_anim .main_left_icon_wr {
    transform: translateX(0rem);
    opacity: 1;
}
.show_page_anim .main_left_icon_wr:nth-child(1) {
    transition: all 0.9s ease-out .5s;
}
.show_page_anim .main_left_icon_wr:nth-child(2) {
    transition: all 0.9s ease-out .7s;
}
.show_page_anim .main_left_icon_wr:nth-child(3) {
    transition: all 0.9s ease-out .9s;
}
.show_page_anim .main_left_icon_wr:nth-child(4) {
    transition: all 0.9s ease-out 1.1s;
}
.main_left_icon {
  width: 5.4rem;
  height: 4.8rem;
  margin-bottom: 1.7rem;
}
.main_left_icon svg,
.main_left_icon img {
  max-width: 100%;
  max-height: 100%;
    opacity: 1;
}
.main_left_icon_wr:hover .main_left_icon svg,
.main_left_icon_wr:hover .main_left_icon img {
    transform: translateY(-1.5rem) scale(1.3);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_left_icon svg polygon,
.main_left_icon svg path {
    fill: #DBCBBC;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dark_menu .main_left_icon svg polygon,
.dark_menu .main_left_icon svg path {
    fill: #aa8768;
}
.main_left_text {
  font-size: 1.3rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  color: #ffffff;

    transform: translateX(-5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.show_page_anim .main_left_icon_wr .main_left_text {
    transform: translateX(0rem);
    opacity: 1;
}
.show_page_anim .main_left_icon_wr:nth-child(1) .main_left_text {
    transition: all 0.9s ease-out .6s;
}
.show_page_anim .main_left_icon_wr:nth-child(2) .main_left_text {
    transition: all 0.9s ease-out .8s;
}
.show_page_anim .main_left_icon_wr:nth-child(3) .main_left_text {
    transition: all 0.9s ease-out 1s;
}
.show_page_anim .main_left_icon_wr:nth-child(4) .main_left_text {
    transition: all 0.9s ease-out 1.2s;
}
.dark_menu .main_left_text {
    color: #365159;
}
.first_slide_content {
  position: absolute;
  left: 24.4rem;
  bottom: 13rem;
    z-index: 2;
}
.video_wr {
    position: relative;
    width: 100%;
    height: calc(100% - 9rem);
    margin-bottom: 4vh;
    display: flex;
    align-items: center;
}
.video_icon_wr {
    position: relative;
    width: 13rem;
    height: 13rem;
    margin-right: 1.3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
}
.main_second_section .video_icon_wr {
    width: 11rem;
    height: 11rem;
}
.video_icon_wr::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background-color: #edd5af;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.5s ease-out;
}
.swiper-slide-active .video_icon_wr::before {
    opacity: 1;
    transition: all 0.5s ease-out .6s;

    animation: 2.5s video_icon_wr_before ease;
    animation-delay: .6s;
}
@keyframes video_icon_wr_before {
    0% {transform: translate(-50%, -50%) scale(0);}
    20% {transform: translate(-50%, -50%) scale(1.1);}
    40% {transform: translate(-50%, -50%) scale(1)}
}
.video_icon_wr:hover::before {
    transform: translate(-50%, -50%) scale(.9);
    transition: all 0.5s ease .4s;
}

.video_icon_wr::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9rem;
    height: 9rem;
    border: 3px solid #CF5C47;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.6s ease-out;
}
.main_second_section .video_icon_wr::after {
    width: 8rem;
    height: 8rem;
}
@keyframes video_icon_wr_after {
    0% {transform: translate(-50%, -50%) scale(0);}
    20% {transform: translate(-50%, -50%) scale(1.1);}
    40% {transform: translate(-50%, -50%) scale(1)}
}
.swiper-slide-active .video_icon_wr::after {
    opacity: 1;
    transition: all 0.5s ease-out .7s;

    animation: 2.5s video_icon_wr_after ease;
    animation-delay: .7s;
}
.video_icon_wr:hover::after {
    transform: translate(-50%, -50%) scale(.9);
    transition: all 0.5s ease .2s;
}
@keyframes video_icon_before_hover {
    0% {transform: translate(-50%, -50%) scale(1);}
    20% {transform: translate(-50%, -50%) scale(.9);}
    40% {transform: translate(-50%, -50%) scale(1.1)}
    60% {transform: translate(-50%, -50%) scale(1);}
}
.video_icon_wr svg {
    position: relative;
    width: 3.5rem;
    height: auto;
    transform: translateX(3px);
    opacity: 0;
    transition: all 0.5s ease-out;
}
.swiper-slide-active .video_icon_wr svg {
    opacity: 1;
    transition: all 0.5s ease-out .8s;

    animation: 2.5s video_icon_svg ease;
    animation-delay: .8s;
}
@keyframes video_icon_svg {
    0% {transform: translateX(3px) scale(0);}
    20% {transform: translateX(3px) scale(1.1);}
    40% {transform: translateX(3px) scale(1)}
}

.video_icon_wr:hover svg {
    transform: translateX(3px) scale(.9);
    transition: all 0.5s ease;
}


.video_txt {
    position: relative;

    font-weight: 700;
    font-size: 3.6rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 4rem;
    color: #ffffff;
}
.swiper-slide-active .video_txt::before {
    transform: translateY(-50%);
    transition: all 0.9s ease-out .7s;
}
.video_txt span {
    position: relative;
    display: block;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .video_txt span {
    transition: all 0.9s ease-out .5s;
    transform: translateY(0rem);
    opacity: 1;
}
.video_txt_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72.2rem;
  height: 21.3rem;
  pointer-events: none;

    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .video_txt_bg {
    transition: all 0.9s ease-out .7s;
    transform: translate(-50%, -50%);
    opacity: 1;
}
.contetn_bold_text {
  margin-bottom: 2rem;

  font-weight: 900;
  font-size: 6.2rem;
  color: #ffffff;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .contetn_bold_text {
    transition: all 0.9s ease-out 1.1s;
    transform: translateY(0rem);
    opacity: 1;
}
.contetn_bold_text span {
  color: #fde1b4;
}
.shadow_text {
  text-shadow: 1px 0 84px rgb(0 0 0);
}
.contetn_text {
    width: 57.9rem;
    max-width: 92%;
    margin-bottom: 3.3vh;

    font-size: 1.7rem;
    letter-spacing: .3px;
    line-height: 19px;
    color: #ffffff;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .contetn_text {
    transition: all 0.9s ease-out 1.7s;
    transform: translateY(0rem);
    opacity: 1;
}
.content_go_btn_wr {
  height: 4.4rem;
  display: inline-flex;
  cursor: pointer;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .content_go_btn_wr {
    transition: all 0.9s ease-out 2.2s;
    transform: translateY(0rem);
    opacity: 1;
}
.content_go_btn_txt {
    padding: 0 2.4rem 0 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #53666c;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: .9px;
    color: #ffffff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.btn_wr_hover,
.btn_color_wr_hover {
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.btn_wr_hover div,
.btn_color_wr_hover div {
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.btn_wr_hover:hover > div:first-child {
    background-color: #aa8768;
    color: #ffffff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.btn_color_wr_hover:hover > div:first-child {
    background-color: #53666c !important;
    color: #ffffff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.content_go_btn_ico {
    position: relative;
    width: 4.2rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dbcbbc;
}
.btn_wr_hover svg,
.btn_color_wr_hover svg,
.content_go_btn_ico svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.8rem;
    height: 1.2rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.btn_color_wr_hover svg:nth-child(2),
.btn_wr_hover svg:nth-child(2) {
    opacity: 0;
    transform: translate(-180%, -50%);
}
.btn_color_wr_hover:hover svg:nth-child(2),
.btn_wr_hover:hover svg:nth-child(2) {
    opacity: 1;
    transform: translate(-50%, -50%);
}
.btn_color_wr_hover:hover svg:nth-child(1),
.btn_wr_hover:hover svg:nth-child(1) {
    opacity: 0;
    transform: translate(180%, -50%);
}
.sitemap_ninth_btn_wr{
    position: relative;
    font-size: 1.6rem;
    color: #3b3d49;
    font-weight: 400;
    margin-top: 2rem;
    display: inline-block;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(5rem);
    opacity: 0;
    
}
.sitemap_ninth_btn_wr:hover{
    color:#cf5c47;
}
.swiper-slide-active .sitemap_ninth_btn_wr{
    transition: all 0.9s ease-out 2.2s, color 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(0rem);
    opacity: 1;
}
/* ========================================
             SECTION SECOND
======================================== */
.main_second_section {
  position: relative;
  width: 100%;
  /* min-height: 100%; */
    overflow: hidden;
}
.main_second_section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 100%;
    /*box-shadow: inset 0 0 0 20px #ffffff;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    pointer-events: none;
    z-index: 2;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out 0.2s;

}
.swiper-slide-active.main_second_section::before {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.main_second_section_wr {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}
.main_second_left {
  	width: 60%;
    opacity: 0;
    transition: all 0.5s ease-out .3s;
    position: relative;
}
.main_second_left_img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events:none;
}
.swiper-slide-active .main_second_left {
    opacity: 1;
}
.main_second_right {
    width: 40%;
    height: 100%;
    /*padding: 34vh 0 15.9rem 5.5vw;*/
    padding: 42vh 0 15.9rem 4.5vw;
    background-color: #7394a6;
    opacity: 0;
    transition: all 0.5s ease-out;
}
.swiper-slide-active .main_second_right {
    opacity: 1;
}


.cont_second_btn_color {
  background-color: #aa8768;
}

.contetn_bold_text_2 {
  margin-bottom: 2.5vh;

  font-weight: 900;
  font-size: 5.4rem;
  color: #ffffff;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .contetn_bold_text_2 {
    transition: all 0.9s ease-out 1.1s;
    transform: translateY(0rem);
    opacity: 1;
}
.contetn_bold_text_2 span {
    color: #fde1b4;
}
/* ========================================
         END SECTION SECOND
======================================== */
/* ========================================
              THIRD SECOND
======================================== */
.main_third_section {
  position: relative;
  width: 100%;
  height: 100%;
    overflow: hidden;
}
.main_third_section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 100%;
    /*box-shadow: inset 0 0 0 20px #ffffff;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.swiper-slide-active.main_third_section::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out;
}
.third_bg {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

}
.third_img_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events:none;
}
.third_content_wr {
  position: absolute;
  left: 25.1rem;
  bottom: 12.5rem;
}
/* ========================================
         END THIRD SECOND
======================================== */
/* ========================================
              FOURTH SECOND
======================================== */
.main_fourth_section {
  position: relative;
  width: 100%;
  height: 100%;
    overflow: hidden;
}
.main_fourth_section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 100%;
    /*box-shadow: inset 0 0 0 20px #ffffff;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    pointer-events: none;
    z-index: 2;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out 0.2s;

}
.swiper-slide-active.main_fourth_section::before {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.fourth_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;*/
}
.fourth_bg_img{
	position: absolute;
	pointer-events:none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fourth_img_bg{
	position: absolute;
	pointer-events:none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fifth_img_bg{
	position: absolute;
	pointer-events:none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}
.sixth_img_bg{
	position: absolute;
	pointer-events:none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}
.seventh_img_bg{
	position: absolute;
	pointer-events:none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}
.third_bg,
#top_slider,
.fourth_bg {
    opacity: 0;
    transition: all 0.9s ease-out;
}

.swiper-slide-active .third_bg,
.swiper-slide-active #top_slider,
.swiper-slide-active .fourth_bg {
    opacity: 1;
}
.fourth_content_wr {
  position: absolute;
  right: 9.6rem;
  bottom: 20.3rem;
}
/* ========================================
         END FOURTH SECOND
======================================== */
/* ========================================
             FIFTH SECOND
======================================== */
.main_fifith_section {
  position: relative;
  width: 100%;
  height: 100%;
    overflow: hidden;
}
.main_fifith_section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 100%;
    /*box-shadow: inset 0 0 0 20px #ffffff;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.swiper-slide-active.main_fifith_section::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out;
}
/*.fourth_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
*/
.fifth_content_wr {
  position: absolute;
  bottom: 9.9rem;
  left: 21.6rem;
  width: 60rem;
  max-width: 38.5vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.fifth_item_wr {
    margin-bottom: 6rem;
    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .fifth_item_wr:nth-child(1),
.swiper-slide-active .fifth_item_wr:nth-child(2) {
    transition: all 0.9s ease-out .5s;
    transform: translateY(0rem);
    opacity: 1;
}
.swiper-slide-active .fifth_item_wr:nth-child(3),
.swiper-slide-active .fifth_item_wr:nth-child(4) {
    transition: all 0.9s ease-out 1.4s;
    transform: translateY(0rem);
    opacity: 1;
}
.fifth_item_ico_wr {
  position: relative;
  width: 15.2rem;
  height: 15.2rem;
  margin: 0 auto;
  margin-bottom: 2.7vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fifth_item_ico_wr::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110%;
  height: 110%;
  background-color: #3b3d49;
  border-radius: 50%;
  opacity: 0.21;
}
.fifth_item_ico_wr::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(255, 232, 206, 1) 0%, rgba(251, 184, 160, 1) 100%);
  border-radius: 50%;
}
.fifth_item_border {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 2px solid rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  z-index: 1;
}
.fifth_item_ico_wr img {
  width: 7.6rem;
  height: 7.8rem;
  z-index: 1;
}
.fifth_item_txt {
  width: 26.8rem;

  font-size: 2.3rem;
  text-align: center;
  color: #3b3d49;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .fifth_item_wr:nth-child(1) .fifth_item_txt,
.swiper-slide-active .fifth_item_wr:nth-child(2) .fifth_item_txt {
    transition: all 0.9s ease-out .7s;
    transform: translateY(0rem);
    opacity: 1;
}
.swiper-slide-active .fifth_item_wr:nth-child(3) .fifth_item_txt,
.swiper-slide-active .fifth_item_wr:nth-child(4) .fifth_item_txt {
    transition: all 0.9s ease-out 1.6s;
    transform: translateY(0rem);
    opacity: 1;
}
/* ========================================
         END FIFTH SECOND
======================================== */
/* ========================================
             SIXTH SECOND
======================================== */
.main_sixth_section {
  position: relative;
  width: 100%;
  height: 100%;
    overflow: hidden;
}
.main_sixth_section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 100%;
    /*box-shadow: inset 0 0 0 20px #ffffff;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    pointer-events: none;
    z-index: 2;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out 0.2s;

}
.swiper-slide-active.main_sixth_section::before {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.sixth_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sixth_section_bg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sixth_content_wrap {
  position: relative;
  width: 100%;
  height: 100%;
    padding: 8vh 19vw 9.5vh 12.5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sixth_title {
  font-weight: 900;
  font-size: 6.1rem;
  color: #a2836e;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .sixth_title {
    transition: all 0.9s ease-out .5s;
    transform: translateY(0rem);
    opacity: 1;
}
.sixth_txt {
  width: 94rem;
  opacity: 0.7;
  font-size: 1.8rem;
  color: #5b5b5b;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .sixth_txt {
    transition: all 0.9s ease-out 1.1s;
    transform: translateY(0rem);
    opacity: 1;
}

.sixth_flats_wr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sixth_flat_wr {
    display: flex;
    flex-direction: column;
}
.sixth_flat_title_wr {
    display: flex;
    justify-content: center;
    margin-bottom: 7vh;
    padding-right: 7rem;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .sixth_flat_title_wr {
    transition: all 0.9s ease-out 1.7s;
    transform: translateY(0rem);
    opacity: 1;
}

.sixth_flat_title_num {
    width: 5.3rem;
    height: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #53666c;
    margin-right: 1.5rem;

    font-size: 2.6rem;
    text-transform: uppercase;
    color: #4f6167;
}
.sixth_flat_title_txt {
  font-size: 2.3rem;
  text-transform: uppercase;
  line-height: 1.2;
  color: #3b3d49;
}
.sixth_flat_img_wr {
  position: relative;

    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .sixth_flat_wr:nth-child(2) .sixth_flat_img_wr {
    transition: all 0.9s ease-out 2.2s;
    opacity: 1;
}
.sixth_flat_wr:nth-child(1) .sixth_flat_img_wr {
    transform: translateX(80%);
}
.sixth_flat_wr:nth-child(3) .sixth_flat_img_wr {
    transform: translateX(-80%);
}
.swiper-slide-active .sixth_flat_wr:nth-child(1) .sixth_flat_img_wr,
.swiper-slide-active .sixth_flat_wr:nth-child(3) .sixth_flat_img_wr {
    transition: all 0.9s ease-out 2.2s;
    transform: none;
    opacity: 1;
}
.sixth_flat_img_wr::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19vw;
    max-width: 37.5vh;
    height: 19vw;
    max-height: 19vw;
    background-color: #53666c;
    border-radius: 50%;
    opacity: 0.1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.sixth_flat_wr:hover .sixth_flat_img_wr::before  {
    opacity: .3;
}
.sixth_flat_img {
    width: 19.2vw;
    max-width: 38vh;
    height: 13.5vw;
    max-height: 13.5vw;
    margin-bottom: 2.1vh;
}
.sixth_flat_img img {
  max-width: 100%;
  max-height: 100%;
}
.sixth_flat_img_txt {
  font-size: 2rem;
  text-align: center;
  color: #3b3d49;
}
.sixth_go_btn_wr {
  position: relative;
  display: inline-flex;
  height: 6.9rem;
    adding-left: 6rem;
  cursor: pointer;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .sixth_go_btn_wr {
    transition: all 0.9s ease-out 2.2s;
    transform: translateY(0rem);
    opacity: 1;
}
.sixth_go_txt {
  width: 31.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #53666c;

  font-size: 2.6rem;
  text-transform: uppercase;
  color: #aa8768;
}
.sixth_ico {
  width: 7.3rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #53666c;
  border-left: none;
}
.sixth_ico svg {
width: 1.8rem;
height: 2.6rem;
}
/* ========================================
         END SIXTH SECOND
======================================== */
/* ========================================
             SEVENTH SECOND
======================================== */
.main_seventh_section {
  position: relative;
  width: 100%;
  height: 100%;
    overflow: hidden;
}
.seventh_section_bg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main_seventh_section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 100%;
    /*box-shadow: inset 0 0 0 20px #ffffff;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.swiper-slide-active.main_seventh_section::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out;
}
.main_seventh_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.seventh_content_wr {
  position: relative;
    width: 67.2rem;
    max-width: 44vw;
    margin-right: 8vw;
}
.seventh_title {
  margin-bottom: 6vh;

  font-weight: 900;
  font-size: 6.1rem;
  color: #a2836e;
    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .seventh_title {
    transition: all 0.9s ease-out .5s;
    transform: translateY(0rem);
    opacity: 1;
}
.seventh_scroll_wr {
    width: 100%;
    height: 34.7rem;
    max-height: 40vh;
    margin-bottom: 4.8vh;
}
.seventh_item_wr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.8vh 0 2vh 0;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .seventh_item_wr:nth-child(1) {
    transition: all 0.9s ease-out 1s;
    transform: translateY(0rem);
    opacity: 1;
}
.swiper-slide-active .seventh_item_wr:nth-child(2) {
    transition: all 0.9s ease-out 1.1s;
    transform: translateY(0rem);
    opacity: 1;
}
.swiper-slide-active .seventh_item_wr:nth-child(3) {
    transition: all 0.9s ease-out 1.3s;
    transform: translateY(0rem);
    opacity: 1;
}
.swiper-slide-active .seventh_item_wr:nth-child(4) {
    transition: all 0.9s ease-out 1.4s;
    transform: translateY(0rem);
    opacity: 1;
}
.swiper-slide-active .seventh_item_wr:nth-child(5) {
    transition: all 0.9s ease-out 1.5s;
    transform: translateY(0rem);
    opacity: 1;
}
.swiper-slide-active .seventh_item_wr {
    transition: all 0.9s ease-out 1.7s;
    transform: translateY(0rem);
    opacity: 1;
}
.seventh_item_wr:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #2d2926;
  opacity: 0.2;
}
.seventh_item_wr::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #2d2926;
  opacity: 0.2;
}
.seventh_item_cont {
  display: flex;
  align-items: center;
}
.seventh_item_ico_wr {
  width: 3.1rem;
  height: 3.1rem;
  margin-right: 1.8rem;
}
.seventh_item_ico_wr img {
  width: 100%;
  height: 100%;
}
.seventh_item_txt {
  font-size: 1.8rem;
  color: #2b2622;
}
.seventh_item_txt span {
    position: relative;
    display: inline-block;
}
.seventh_item_txt span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    background: #53666c;
    opacity: 0;
    transform: translate(-50%, 1.2rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.seventh_item_wr:hover .seventh_item_txt span::before {
    opacity: 1;
    transform: translate(-50%, .2rem);
}
.seventh_item_download {
  width: 2.4rem;
  height: 2.4rem;
}

.seventh_notation {
  margin-bottom: 4.1vh;
  font-size: 1.8rem;
  color: #53666c;
    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .seventh_notation {
    transition: all 0.9s ease-out 1.7s;
    transform: translateY(0rem);
    opacity: 1;
}
/* ========================================
         END SEVENTH SECOND
======================================== */
/* ========================================
             EIGHTH SECOND
======================================== */
.main_eighth_section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;


}
.eighth_section_img_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events:none;
}
.main_eighth_section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 100%;
    /*box-shadow: inset 0 0 0 20px #ffffff;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    pointer-events: none;
    z-index: 2;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out 0.2s;

}
.swiper-slide-active.main_eighth_section::before {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.main_eighth_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 14.6vh 9.5vw 14.2vh 16vw;
}
.eighth_container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.eighth_title {
  margin-bottom: 8.2vh;

  font-weight: 900;
  font-size: 6.1rem;
  color: #a2836e;
    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .eighth_title {
    transition: all 0.9s ease-out .5s;
    transform: translateY(0rem);
    opacity: 1;
}
.eighth_content_wr {
    position: relative;
    width: 100%;
    margin-bottom: 7.9vh;
}
.eighth_content_wr .swiper-wrapper {
  height: unset !important;
}
.eighth_content_item_wr {

}
.eighth_content_item_link {
    display: block;
    padding-right: 4.9rem;
    height: unset !important;
}
.content_item_date {
  margin-bottom: 2.2vh;
    padding-left: 3rem;

  font-size: 1.8rem;
  color: #4f6167;
}
.content_item_date span {
  font-size: 3rem;
}
.content_item_img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;

    object-fit: cover;
    height: 19.5rem;
    margin-bottom: 2.5vh;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.eighth_content_item_link:hover .content_item_img {
    box-shadow: inset 0 0 0 5px #a2836e;
}
.content_item_text_wr {
  padding: 0 5rem 0 2.7rem;
}
.content_item_main_text {
  margin-bottom: 2.2vh;

  font-size: 2.8rem;
  color: #3b3d49;
  text-decoration: underline;
}
.content_item_txt {
  font-size: 1.6rem;
  color: #3b3d49;
}
.eight_btn_centered {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
/* ========================================
         END EIGHTH SECOND
======================================== */
/* ========================================
             NINTH SECOND
======================================== */
.main_ninth_section {
  position: relative;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
    overflow: hidden;
}
.main_ninth_section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 100%;
    /*box-shadow: inset 0 0 0 20px #ffffff;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.swiper-slide-active.main_ninth_section::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out;
}
.main_ninth_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}
.ninth_left_wr {
  position: relative;
  width: 29%;
  /* padding: 26vh 5rem 16.8vh 25.5rem; */
  padding: 26vh 1.5vw 16.8vh 12.5vw;
  /* display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between; */
  z-index: 1;
}
.ninth_left_title {
  margin-bottom: 8.5vh;

  font-weight: 900;
  font-size: 5.5rem;
  color: #a2836e;
    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .ninth_left_title {
    transition: all 0.9s ease-out .5s;
    transform: translateY(0rem);
    opacity: 1;
}
.ninth_left_content_wr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .ninth_left_content_wr {
    transition: all 0.9s ease-out 1.1s;
    transform: translateY(0rem);
    opacity: 1;
}
.ninth_left_content_wr {
  margin-bottom: 6.2vh;
  padding-left: .5rem;
}
.left_item_wr {
  display: flex;
  margin-bottom: 2.5vh;
}
.left_worh_hours_wr {
    display: flex;
}
.left_ico {
  max-width: 1.8rem;
  max-height: 1.9rem;
  margin-right: 1.9rem;
}
.left_street_txt {
  width: calc(100% - 3.7rem);
  font-size: 1.6rem;
  white-space: nowrap;
  color: #53666c;
}
.left_phone_txt {
  width: calc(100% - 3.7rem);

  font-size: 2.9rem;
  text-transform: uppercase;
  white-space: nowrap;
  color: #53666c;
}
.left_mail_txt {
  font-size: 1.6rem;
  color: #53666c;
}
.left_mail_txt span {
    margin-bottom: .5vh;
    display: block;
}
.ninth_btns_wr {

}
.ninth_btn_wr {
  width: 26.2rem;
  height: 4.4rem;
  display: inline-flex;
  cursor: pointer;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .ninth_btn_wr {
    transition: all 0.9s ease-out 1.7s;
    transform: translateY(0rem);
    opacity: 1;
}
.swiper-slide-active .ninth_btn_wr:nth-child(3) {
    transition: all 0.9s ease-out 2s;
}
.ninth_btn_txt {
  width: calc(100% - 4.2rem);
  padding: 0 2.4rem 0 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #53666c;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #ffffff;
}
.ninth_btn_ico {
  width: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dbcbbc;
}
.ninth_btn_ico svg {
  width: 0.8rem;
  height: 1.2rem;
}
.divide_line {
  width: 100%;
  height: 1.9vh;
}

.ninth_right_wr {
  position: relative;
  /* width: 68%; */
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ninth_right_img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;

    opacity: 0;
    transition: all 0.9s ease-out;
}
.swiper-slide-active .ninth_right_img {
    opacity: 1;
    transition: all 0.9s ease-out .3s;
}
.ninth_shadow_top_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 98rem;
    height: auto;
}
/* ========================================
         END NINTH SECOND
======================================== */
/* ========================================
         GENPLAN
======================================== */
.main_ninth_section.main_genplan_section{
	overflow: auto;
	position: relative;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
}
.genplan_shadow_top_right{
position: absolute;
    top: 9rem;
    right: 0;
    width: 100%;
    height: auto;
    left: 0;
    /* margin: auto; */
    /* bottom: 0; */
    /* height: 97%;*/
}
.main_genplan_section.main_genplan_section {
    overflow: auto;
    position: relative;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
}
.genplan_btns_wr{
	position: absolute;
    right: 9rem;
    top: 14rem;
    z-index: 5;
}
.main_genplan_wrap{
	
}
.breadcrumbs_wrap_9 {
    position: absolute;
    top: 7rem;
    left: 23rem;
    pointer-events: auto;
    z-index: 2;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap_9 {
    opacity: 1;
}

.main_ninth_section.main_genplan::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 197%;
    /* box-shadow: inset 0 0 0 20px #ffffff; */
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.swiper-slide-active.main_ninth_section.main_genplan::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out;
}
/* ========================================
    END GENPLAN
======================================== */
/* ========================================
   SITEMAP
======================================== */
.sitemap_page {
    position: relative;
    width: 100%;
    display: flex;
    padding: 0 3rem;
    /* border-left: 3rem solid #ffffff; */
    /* border-right: 3rem solid #ffffff; */
}
.sitemap_content_wrap   {
 	position: relative;
    width: 100%;
    padding: 10vh 20rem 0 21rem;
    padding: 10vh 10.5vw 0 10.5vw;
    font-size: 1.9rem;
    letter-spacing: 1px;
    color: #42565d;
    font-weight: 900;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
    background: #f8f9fb;
}
.show_page_anim .sitemap_content_wrap {
    opacity: 1;
}
.sitemap_text_wr{
	width: 100%;
	margin-bottom: 5rem;
}
.sitemap_text_wr ul{
	
}
.show_page_anim .sitemap_title {
    opacity: 1;
    transform: translateY(0rem);
}
.sitemap_title {
    position: relative;
    margin-bottom: 4vh;
    z-index: 1;
    font-weight: 900;
    font-size: 6.1rem;
    line-height: 1.2;
    color: #957864;
    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .5s;
}
.sitemap_text_wr ul li{
    position: relative;
    margin-bottom: 1vh;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #42565d;;
}
.sitemap_text_wr li a{
	color: #42565d;
}
.sitemap_text_wr a:hover{
	color:#cf5c47;
}
/* ========================================
   END SITEMAP
======================================== */
/* ========================================
/* CARANTIN FORM
======================================== */
.main_page {
    position: relative;
    width: 100%;
    height: 100%;
    /*overflow: auto;*/
}
.overflow_unset {
    overflow: unset !important;
}
.main_change_page {
    position: relative !important;
    overflow: unset !important;
}
.main_page_cont_wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
/*.main_page_cont_wrap div {*/
/*    opacity: 1 !important;*/
/*}*/
.shadow_main_tel{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 82.2rem;
	pointer-events: none;
	z-index: 2;
}
.shadow_main_left{
	position: absolute;
	top: 0;
	left: 0;
	width: 128.1rem;
	height: 100%;
	pointer-events: none;
    z-index: 2;	
}
.main_first_section {
  position: relative;
  width: 100%;
  height: 100%;
    overflow: hidden;
}
.main_first_section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6rem);
    height: 100%;
    /*box-shadow: inset 0 0 0 20px #ffffff;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.9s ease-in-out 0.5s;
}
.show_page_anim.main_first_section::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-in-out;
}
.main_first_section_wr {
    position: relative;
    width: 100%;
    height: 100%;
}
.main_form_work_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 44, 56, 0.9);
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_form_work_container.visible {
  opacity: 1;
  pointer-events: all;
}
.main_form_work_wr {
  position: relative;
  width: 50rem;
  height: 50rem;
  background: #ffffff;
}
.main_form_border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1rem #c1a31e;
  pointer-events: none;
}
.main_form_close {
  position: absolute;
	right: -4rem;
	top: -4rem;
	width: 4.5rem;
	height: 4.5rem;
	cursor: pointer;
	z-index: 1;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_form_close:hover {
  transform: rotate(180deg);
}
.main_form_close_svg {
  width: 2.8rem;
  height: auto;
  position: relative;
}
.main_form_close_svg polygon {
  fill: #c1a31e;
}
.main_form_work_top {
  background: url(https://riel.ua/assets/images/riel-work-popup-img.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 50%;
}
.main_form_work_bottom {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.main_form_work_txt {
	font-size: 4rem;
	text-align: center;
	color: #f9cb0c;
	font-weight: 700;
}
.main_form_work_bottom .sub_btn {
  margin-top: 3rem;
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  text-transform: uppercase;
  padding: 1rem 2rem;
  cursor: pointer;
  font-weight: 700;
  background-color: #e3af39;
  opacity: 1;
  transform: none;
}
.main_form_btn {
    margin-top: 3rem;
    position: relative;
    display: inline-block;

    font-size: 1.8rem;
    text-transform: uppercase;
    padding: 1rem 2rem;
    cursor: pointer;
    font-weight: 700;

    background-color: #e3af39;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_cb .main_form_btn {
	opacity: 1;
	transform: translateX(0rem);
}
.main_form_btn_text{
	position: relative;
	font-size: 1.8rem;
	text-transform: uppercase;
	color:#000;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_form_btn:hover .main_form_btn_text{
	color:#fff;
}
.main_form_btn_bg{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        background: #ebc334;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_form_btn:hover .main_form_btn_bg {
    background: #232c39;
}
.main_form_btn_bg_before{
position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_form_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);
}
.main_form_btn_bg_before path, .main_form_btn_bg_after path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_form_btn:hover .main_form_btn_bg_before path, .main_form_btn:hover .main_form_btn_bg_after path {
    fill: #232c39;
}
/* ========================================
/* END CARANTIN FORM
======================================== */

.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;
    font-weight: 700;
    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 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    /* padding: 2.9rem; */
    padding-top: 5.6rem;
    background-size: cover;
    background-position: center;
}
.show_page_anim .main_bg {
  opacity: 1;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.4s;
}
.main_bg::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 2.9rem #ffffff;
  z-index: 2;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_bg::before  {
  transform: translate(-50%, -50%);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.4s;
}
.bg_main_info{
    position: absolute;
    /* top: 47%; */
    left: 0;
    height: 110.6rem;
    transform: translate(-100%, -50%);
    transform: translate(-100%, -0%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.4s;
    bottom: 0;

}
.show_page_anim .bg_main_info {
    /*transform: translate(0, -50%);*/
    transform: translate(0, -00%);
  	transition: .9s all 0.6s cubic-bezier(.19,1,.22,1) 0.4s;
}
.main_info_wr{
    position: absolute;
    left: 5rem;
    top: 21rem;
    width: 39rem;
    height: calc(100% - 34rem);
}
.main_info{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.main_slogan{
	font-size: 6.3rem;
	color:#f9cb0c;


	font-weight: 700;
	margin-bottom: 2vh;
    flex-grow: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.8s;
}
.main_slogan_1_wr{
	position: relative;
	overflow: hidden;
}
.main_slogan_1{
    transform: translateY(-110%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_slogan_1 {
    transform: translateY(0%);
    opacity: 1;
    transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}
.main_slogan_2_wr{
    margin-top: -3.5rem;
	position: relative;
	overflow: hidden;
}
.main_slogan_2{
    transform: translateY(-110%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_slogan_2 {
    transform: translateY(0%);
    opacity: 1;
    transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.main_slogan_3_wr{
    margin-top: -2.5rem;
	position: relative;
	overflow: hidden;
}
.main_slogan_3{
    transform: translateY(-110%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_slogan_3 {
    transform: translateY(0%);
    opacity: 1;
    transition: .9s all 1.3s cubic-bezier(.19,1,.22,1);
}
.main_text_wr{
	position: relative;
	overflow: hidden;
}
.main_text{
	font-size: 1.7rem;
	color:#fff;
margin-bottom: 2vh;
    flex-grow: 1;
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_text {
    transform: translateX(0%);
    opacity: 1;
    transition: .9s all 1.7s cubic-bezier(.19,1,.22,1);
}
.main_logo_riel_wr{
	position: relative;
	overflow: hidden;
}
.main_logo_riel{
	display:block;
	width:22rem;
    transform: translateX(-100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_logo_riel {
    transform: translateX(0%);
    transition: .9s all 2.1s cubic-bezier(.19,1,.22,1);
}

.main_link_wr{
	display: inline-block;
	position: relative;
	opacity: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
  z-index: 1;
padding: 1rem 2rem;
    display: inline-flex;
    align-items: center;
    padding: 1rem 2rem;
	display:inline-flex;
	align-items: center;
	opacity: 0;

}
.show_page_anim .main_link_wr {
    opacity: 1;
    transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}


.main_link{
	transition: all 1.2s cubic-bezier(.19,1,.22,1);
	position: relative;
	font-size: 1.8rem;
	color:#20070a;

	font-weight: 700;
}
.main_link_wr_bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
}


.main_link_wr:hover .main_link{
	color:#fff;
}
.main_link_arrow{
    width: 1.5rem;
    position: relative;
    height: auto;
    transform: scale(-1);
    margin-left: 1rem;
}
.main_link_arrow path{
	transition: all 1.2s cubic-bezier(.19,1,.22,1);
}
.main_link_wr:hover path{
	fill:#fff;
	stroke: #fff;
}

.main_adress_link_wrap{
	position: relative;
	overflow: hidden;
}
.main_adress_link_wr{
	display:flex;
	align-items: center;
	margin-bottom: 2vh;
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_adress_link_wr {
    transform: translateX(0%);
    opacity: 1;
    transition: .9s all 1.9s cubic-bezier(.19,1,.22,1);
}

.main_adress_link_icon{
	width:2.5rem;
	height: auto;
	margin-right: 1rem;
    flex-grow: 1;
}
.main_adress_link_icon path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_adress_link_wr:hover  path{
	fill:#fff;
}
.main_adress_link_text{
	font-size: 2.2rem;
	color:#75c043;
	font-weight: 700;
	text-decoration: underline;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_adress_link_wr:hover .main_adress_link_text{
	color:#fff;
}

.main_flats_link_cont{
	display:flex;
	justify-content: center;
	position: absolute;
	bottom: 1.7rem;
    width: 100%;
    pointer-events: none;
}
.main_flats_link_wrap{
	position: relative;
	overflow: hidden;
    padding: 10px;
    pointer-events: auto;
}
.main_flats_link_wr{
	display: flex;
	background: #f9cb0c;
	box-shadow: 0 0 0 10px rgba(249, 203, 12, 0.81);
    padding: 1rem;
    transform: translateY(calc(100% + 20px));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_flats_link_wr{
    transform: translateY(0%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1), .9s transform 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_link_wr:hover{
	/*box-shadow: 0 0 0 10px rgba(249, 203, 12, 1);*/

}
.main_flats_link_wr:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	box-shadow: 0 0 0 0px #1e2735;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_link_wr:hover:before{
	box-shadow: 0 0 0 10px #1e2735;

}
.main_flats_link_left{
	position: relative;
	overflow: hidden;
}
.main_flats_link_icon{
    height: 6rem;
    margin-right: 0.5rem;
    display: block;
    transform: translateY(100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_flats_link_icon{
    transform: translateY(0%);
    transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.main_flats_link_right{
	font-weight: 700;
	color: #1b232e;
    line-height: 1;
	text-transform: uppercase;
}
.main_flats_link_text_1_wr{
	position: relative;
	overflow: hidden;
}
.main_flats_link_text_1{
	font-size: 3.8rem;
    transform: translateX(-100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_flats_link_text_1{
    transform: translateX(0%);
    transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.main_flats_link_text_2_wr{
position: relative;
	overflow: hidden;
}
.main_flats_link_text_2{
	font-size: 2.5rem;
    transform: translateX(-100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_flats_link_text_2{
    transform: translateX(0%);
    transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}

/* ========================================
/* CONTACTS
======================================== */
.contacts_page{
    position: relative;
    height: 100%;
	    background: #efefef;
}
.contacts_wrap{
position: absolute;
    left: 0rem;
    width: 74.8rem;
    width: 97.6rem;
    top: 0;
    bottom: 0;
    background: #1f2834;
    display: flex;
    padding-top: 18.5rem;
    padding-bottom: 5rem;
    opacity: 0;
    transform: translateX(-3rem);
    transition: opacity 0.9s cubic-bezier(.19,1,.22,1),
                transform 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .contacts_wrap{
	opacity: 1;
	transform: translateX(0rem);
  transition: .9s opacity .5s cubic-bezier(.19,1,.22,1),
              .9s transform .5s cubic-bezier(.19,1,.22,1);
}
.contacts_scroll{
	position: relative;
	height: 100%;
    width: calc(100% - 2rem);
}
.contacts_wr{
  width: 95%;
	padding: 0 3.3rem;
	padding-bottom: 5rem;
  padding-left: 6rem;
	padding-right: 0;
}
.contacts_flex{
  position: relative;
	display:flex;
  justify-content: space-between;
	transition: transform .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .contacts_flex:nth-child(1){
	opacity: 1;
	transform: translateX(0rem);
	transition: .9s transform .7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .contacts_flex:nth-child(3){
	opacity: 1;
	transform: translateX(0rem);
	transition: .9s transform .8s cubic-bezier(.19,1,.22,1);
}
.contacts_flex_2{
	display:flex;
    padding-left: 1rem;
/*justify-content: space-between;*/*
	/*opacity: 0;
	transform: translateY(3rem);*/
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.contact_slider{
    overflow: hidden;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
#contact_slider .swiper-button-prev,
#contact_slider .swiper-button-next {
  background-image: none !important;
}
.contacts_wr .prev_slide_cont {
  position: absolute;
  width: 4.5rem;
  height: 4.5rem;
  top: 30%;
  left: -1rem;
  transform: translate(-100%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background: none !important;
  cursor: pointer;
}
.prev_cont_svg {
    width: 100%;
    position: relative;
    z-index: 1;
    transform: scale(-1);
}
.prev_cont_svg polygon {
  fill: #ebc334;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_cont:hover .prev_cont_svg polygon {
  fill: #ffffff;
}
.contacts_wr .next_slide_cont {
  position: absolute;
  width: 4.5rem;
  height: 4.5rem;
  top: 30%;
  right: -1rem;
  transform: translate(100%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background: none !important;
  cursor: pointer;
}
.next_cont_svg {
    width: 100%;
    z-index: 1;
    position: relative;
}
.next_cont_svg polygon {
  fill: #ebc334;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_cont:hover .next_cont_svg polygon {
  fill: #ffffff;
}
.contacts_td{
    /*padding: 0 2rem;*/
    /*width: 50%;*/
    max-width: 28.1rem;
    position: relative;
}
.contacts_td_2{
	max-width: 28.1rem;
    position: relative;
    margin-right: 8rem;
}
.contacts_title_wr{
    padding-left: 1rem;
	display: flex;
	margin-bottom: 2vh;
	    line-height: 1;
    opacity: 0;
	transform: translateY(3rem);
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .contacts_title_wr{
	opacity: 1;
	transform: translateX(0rem);
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.contacts_title{
	font-size: 4.8rem;
	color:#f9cb0c;
	text-align: left;
	font-weight: 700;
    position: relative;
}
.contacts_title_2{
	font-size: 2.6rem;
	color:#f9cb0c;
	font-weight: 700;
	margin-bottom: 1vh;
    position: relative;
}
.contacts_adress_wrap{
  width: calc(100% - 3.4rem);
  margin-left: auto;
}
.contacts_adress_wrap_2{
    width: 100%;
    padding-left: 3rem;

}
.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 img{
	max-width: 1.7rem;
}


.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_wrap .istat_1{
		margin-bottom: 1vh;
	    color: #c0c0c0;
    font-size: 2.3rem;
    line-height: 1;
}

.contacts_servis_tel_wr{
	margin-bottom: 1vh;
	    color: #c0c0c0;
    font-size: 2.3rem;
    line-height: 1;

}
.contacts_servis_tel{
	color:#c0c0c0;
	font-size: 2.3rem;
  white-space: nowrap;
}
.contacts_adress{
	font-size: 1.6rem;
	color:#c0c0c0;
	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{
	color: #f9cb0c;
}
.contacts_adr_img_wrap{

}
.contacts_adr_img_wr{
	position: relative;
    max-width: 28.1rem;
    max-width: 24.7rem;

    margin-bottom: 1vh;
    cursor: pointer;
}
.contacts_adr_img_wr:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	box-shadow: inset 0 0 0 0px #f9cb0c;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.contacts_adr_img_wrap:hover .contacts_adr_img_wr:after,
.contacts_adr_img_wr_hover .contacts_adr_img_wr:after{
	box-shadow: inset 0 0 0 1rem #f9cb0c;
}
.contacts_adr_number{
    width: 6.8rem;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    font-weight: 700;
    transform: translate(-50%, -50%);
}
.contacts_adr_number_bg{
	width:100%;
}
.contacts_adr_number_text{
	position: relative;
	font-size: 3.8rem;
	color:#1f2834;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;

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

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

}
.contacts_cb_btn{
    font-size: 1.8rem;
    text-transform: uppercase;
    padding: 1rem 2rem;
    margin: 2vh 0 4vh;
    margin-left: 2rem;
    display: inline-block;
    cursor: pointer;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    position: relative;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .contacts_cb_btn{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.contacts_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);
}
.contacts_cb_btn:hover .contacts_cb_btn_bg {
    background: #fff;
}
.contacts_cb_btn_bg_before{
position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.contacts_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);
}
.contacts_cb_btn_bg_before path, .contacts_cb_btn_bg_after path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.contacts_cb_btn:hover .contacts_cb_btn_bg_before path, .contacts_cb_btn:hover .contacts_cb_btn_bg_after path {
    fill: #fff;
}
.contacts_cb_btn_text{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	position: relative;
	    color: #1b232e;
    font-size: 1.8rem;
	font-weight: 700;
}
.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_popup_wr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/map_popup_bg_2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.map_wrap .map_popup_wr {
  z-index: 1;
}
.map_popup_cont {
  position: absolute;
  top: 50%;
  left: 18%;
  transform: translateY(-50%);
  margin-left: 48vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.map_wrap .map_popup_cont {
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 0;
}
.map_popup_ico {
  width: 25rem;
  margin-bottom: 3rem;
}
.map_popup_txt {
    font-size: 2.3rem;
    text-transform: uppercase;
    white-space: nowrap;
    color: #000000;
}
#map{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 34rem);
    width: calc(100% - 97.6rem);
    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;
	font-weight: 700;
    top: 5%;
    left: 0;
    width: 96%;
    height: 68%;
    display: flex;
    justify-content: center;
    align-items: center;

}


/* ========================================
/* NEWS
======================================== */
.news_page{
	position: relative;
    width: 100%;
	height: 100%;
}
.line_news{
	    position: absolute;
    top: 0;
    right: 0;
    width: 48.3rem;
    pointer-events: none;
}
.shadow_news_top{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
}
.shadow_news_bot{
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
}

.news_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    /*padding: 20.5rem 24rem 6rem 23rem;*/
    padding: 12.5vh 13vw 6vh 12vw;

   /* background-image: url(../img/news_bg_min.png);*/
   /* background-repeat: no-repeat;*/
   /*background-position: center;*/
   /* background-size: cover;*/

    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.news_img_bg{
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}
.show_page_anim .news_wrap {
    opacity: 1;
}
.news_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}
.news_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}
.news_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/new_bg_new.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .news_bg {
    opacity: 1;
}
.news_bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.97;
}

.news_top_cont_wr {
    margin-bottom: 4rem;
    padding-left: 1rem;
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.news_title_wr{
}

.news_title_main {
    font-weight: 900;
    font-size: 6.1rem;
    color: #957864;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .5s;
}
.show_page_anim .news_title_main {
    opacity: 1;
    transform: translateY(0rem);
}
.news_month_years_wr {
    padding-top: 0.7rem;
    display: flex;
    align-content: center;

    opacity: 0;
    transition: all 0.9s ease-in-out .7s;
}
.show_page_anim .news_month_years_wr {
    opacity: 1;
}
.news_years_wr{
    position: relative;
    height: 4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    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_margin {
    margin-left: 2rem;
}
.news_years_wr_bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_years_wr_open .news_years_wr_bg,
.news_years_wr:hover .news_years_wr_bg {
    background: #1e2735;
}
.news_years_wr_bg:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px #52656C;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: -1;
}

.news_years_active{
    position: relative;
    padding: 0 1.5rem;

	font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color:#AB8869;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.news_years_arrow_wr {
    height: 100%;
    padding: 1rem;
    display: flex;
    align-content: center;
    justify-content: center;
    border-left: 2px solid #52656C;
}
.news_years_arrow{
	position: relative;
	width: 1.4rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_years_wr_open .news_years_arrow{
    transform: rotate(180deg);
}
.news_years_arrow polygon{
    fill: #AB8869;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.news_years_dropdawn{
	display:flex;
    position: absolute;
    width: 100%;
    max-height: 35rem;
    top: 96%;
    left: 0;
    background: rgba(256, 256, 256, .7);
    box-shadow: inset 0 0 0 2px #52656C;
    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: #AB8869;
    font-size: 1.6rem;
        white-space: nowrap;
	padding: 1rem;
    display: flex;
    align-items: center;
    padding-left: 2.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_text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    background: #AB8869;
    opacity: 0;
    transform: translate(-50%, 1.2rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_years_text:hover::before {
    opacity: 1;
    transform: translate(-50%, .2rem);
}


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

.news_srcoll{
    height: calc(100%);
    overflow: hidden;
}
.news_content{
    display: flex;
    flex-flow: wrap;
    padding: 1rem 0 0;
}
.news_slider_wr {
    position: relative;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .8s;
}
.show_page_anim .news_slider_wr {
    opacity: 1;
    transform: translateY(0rem);
}
.news_slider {
    height: calc(100%);
    overflow: hidden;
    width: 100%;
}
#news_slider {
    /*transform: translateY(5rem);*/
    /*opacity: 0;*/
    /*transition: all 0.9s ease-out;*/
}
.swiper-slide-active #news_slider {
    transition: all 0.9s ease-out 1.1s;
    transform: translateY(0rem);
    opacity: 1;
}
.news_slide {
    display: flex;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


.one_new_link{
    position: relative;
    display: block;
    margin: 3vh 1.4rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.one_new_img_wr{
	position: relative;
}
.one_new_img{
    position: relative;
	height: 21.3rem;
	    width: 100%;
	object-fit: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
  transform: translateY(10rem);
  opacity: 0;
}

.show_page_anim .one_new_img {
  opacity: 1;
  transform: translateY(0);
  transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.one_new_img_wr::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_new_link:hover .one_new_img_wr::before {
    box-shadow: inset 0 0 0 5px #a2836e;
}
.one_new_info {
    position: relative;
    margin: 2vh 0rem;
    margin-bottom: calc(2vh + 1rem);
    padding: 0 2.4rem;
    padding-right: 5rem;
    transform: translateY(10rem);
    opacity: 0;
}
.show_page_anim .one_new_info {
  opacity: 1;
  transform: translateY(0);
  transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.one_new_date {
    margin-bottom: 1.5rem;
    padding-left: 2.5rem;

    font-weight: 700;
	font-size: 1.8rem;
    letter-spacing: 1.5px;
	color:#42565d;
}
.one_new_date span {
    font-size: 3rem;
}
.one_new_anons{
    margin-bottom: 1.5rem;

	font-weight: 700;
    font-size: 2.8rem;
    text-decoration: underline;
    color:#957864;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.one_new_txt {
    font-size: 1.6rem;
    letter-spacing: .9px;
    color: #42565d;
}
.one_new_txt p, .one_new_txt span{
	font-size: 1.6rem!important;
}

body .prev_slide_news {
    top: 24%;
    left: -7.5rem;
    width: 6.5rem;
    height: 6.5rem;
    margin: 0;
    background: #42565D;
    display: flex;
    justify-content: center;
    align-self: center;
}
.arrow_projects_svg {
    width: 2rem;
    height: auto;
    position: relative;
    z-index: 1;
}


body .next_slide_news {
    top: 24%;
    right: -8.5rem;
    width: 6.5rem;
    height: 6.5rem;
    margin: 0;
    background: #42565D;
    display: flex;
    justify-content: center;
    align-self: center;
}
.arrow_news_svg {
    width: 3rem;
    height: auto;
    position: relative;
    z-index: 1;
}
.prev_slide_news .arrow_news_svg {
    transform: scale(-1);
}
.arrow_news_svg polygon,
.arrow_news_svg polygon {
    fill: #ffffff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}



.news_pagin_wrap{
    margin-left: 1rem;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1s;
}
.show_page_anim .news_pagin_wrap {
    opacity: 1;
    transform: translateY(0rem);
}
.news_pagin_wr{


    position: relative;
}
.filter_pagination
.news_pagination {
    position: relative;
    display: flex;
}
.news_slider_wr
.news_pagination {
    position: relative;
    display: flex;
    justify-content: center;
}
.filter_pagination .swiper-pagination-bullet,
.news_pagination .swiper-pagination-bullet {
    position: relative;
    padding: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none !important;
    border-radius: unset;
    opacity: 1;

    font-size: 2.2rem;
    color: #957864;
}
.swiper-pagination-bullet {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-pagination-bullet:hover {
    color: #53666c;
}
.filter_pagination .swiper-pagination-bullet::before,
.news_pagination .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px #42565D;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filter_pagination .swiper-pagination-bullet-active::before,
.news_pagination .swiper-pagination-bullet-active::before {
    opacity: 1;
}
.news_pagin{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	background:#573e97;
	display: flex;
	justify-content: center;
	align-items: center;
    height: 100%;
    cursor: pointer;
	background:#ebc334;
	opacity: 0.5;
}
.news_pagin:hover{
	background:#ebc334;
	opacity: 1;
}
.swiper-slide-thumb-active .news_pagin{
	opacity: 1;
	background:#1e2735;
	pointer-events: none;
}




.news_facebook_wr{
	display:flex;
	align-items: center;
}
.news_facebook_text{
	color:#20070a;
	font-weight: 700;
	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_page{
    position: relative;
    width: 100%;
    height: 100%;
}
.new_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 10rem;
    padding-bottom: 5rem;
}
.new_logo_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 80rem;
    height: auto;
    z-index: 1;
    pointer-events: none;

    opacity: 0;
    transition: all 0.9s ease-in-out .7s;
}
.show_page_anim .new_logo_bg {
    opacity: 1;
}
.new_srcoll{
    position: relative;
    width: 109rem;
    height: 100%;
    margin: 0 auto;

    opacity: 0;
    transform: translateY(15rem);
    transition: all 0.9s ease-in-out .7s;
}
.show_page_anim .new_srcoll {
    opacity: 1;
    transform: translateY(0rem);
}
.new_left{
width: calc(100% - 126.5rem);
    padding-left: 1rem;
    padding-right: 7rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_right{
    width: calc(100% - 50.8rem);
    width: 115.5rem;
    display: flex;
    justify-content: center;
}
.new_right_cont{
    position: relative;
	width:76.1rem;
    padding-top: 5vh;
}
.new_close_wr{
	position: absolute;
	top: 0;
	right: -5rem;
	width:2.8rem;
	height: 2.8rem;

	transition: all 0.9s cubic-bezier(.19,1,.22,1);
  opacity: 0;
  transform: translateY(5rem);
}
.show_page_anim .new_close_wr {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 1s cubic-bezier(.19,1,.22,1); /* время анимации нестандартоное */
}
.new_close{
	width:100%;
	height:100%;
	position: relative;
	background: url(../img/close.svg) no-repeat;
	background-size: cover;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.new_close:hover{
	transform:rotate(180deg);
}


.new_prev {
    position: absolute;
    top: 25%;
    left: -2rem;
    transform: translate(-100%, 0%);
}
.next_new {
    position: absolute;
    top: 25%;
    right: -2rem;
    transform: translate(100%, 0%);
}
.new_prev,
.next_new {
    opacity: 0;
    transition: all 0.9s ease-in-out 1.2s;
}
.show_page_anim .next_new,
.show_page_anim .new_prev {
    opacity: 1;
}
.arrow_pattern {
    width: 6.2rem !important;
    height: 6.2rem !important;
    margin: 0;
    background: #54676D;
    background-image: none !important;
    display: flex;
    justify-content: center;
    align-self: center;
}
.arrow_pattern_svg {
    width: 2rem;
    height: auto;
    position: relative;
    z-index: 1;
}



.new_content{
	height: 100%;
  opacity: 0;
}
.show_page_anim .new_content {
  opacity: 1;
}


.new_date{
    position: relative;
    z-index: 1;

    color: #53666c;
    font-size: 1.8rem;
    margin-bottom: 2vh;
    font-weight: 700;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1s;
}
.show_page_anim .new_date {
    opacity: 1;
    transform: translateY(0rem);
}
.new_date span {
    font-size: 3rem;
}
.new_title {
    position: relative;
    margin-bottom: 2.5vh;
    z-index: 1;

    font-weight: 700;
    font-size: 4rem;
    letter-spacing: .5px;
    color: #a2836e;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.3s;
}
.show_page_anim .new_title {
    opacity: 1;
    transform: translateY(0rem);
}
.new_img_wr{
	position: relative;
    margin-bottom: 2vh;
}

.new_img{
	width:100%;
	display: block;
}
.new_text {
    margin-bottom: 3.5vh;

	font-size: 1.8rem;
    letter-spacing: 1px;
    line-height: 23px;
    color: #3b3d49;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.5s;
}
.show_page_anim .new_text {
    opacity: 1;
    transform: translateY(0rem);
}
.new_text a{
	color:#ebc334;
	text-decoration: underline;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_text a:hover{
	text-decoration:none;

}
.new_text li {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 2rem;
}
.new_text li::before {
    content: "";
    position: absolute;
    top: 0.9rem;
    left: 0;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background-color: #000;
}
.new_text li sup{
	font-size: 1rem;
}
.new_btn_subcr_wr {
    height: 4.3rem;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.new_btn_subcr_txt {
    height: 100%;
    padding: 0 2.5rem;
    padding-right: 1.8rem;
    display: flex;
    align-items: center;
    background-color: #52656C;

    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
}
.flat_consult_btn_wrap .new_btn_subcr_txt {
    background-color: #957864;
}
.new_btn_subcr_icon {
    width: 5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DBCBBB;
}
.new_btn_subcr_icon svg {
    width: auto;
    height: 55%;
}

.new_back_wr {
    position: absolute;
    top: -1rem;
    right: -1rem;
    transform: translate(100%, -100%);
    opacity: 0;
    transition: all 0.9s ease-in-out 1.5s;
}
.show_page_anim .new_back_wr {
    opacity: 1;
}
.close_btn_pattern {
    width: 6.5rem;
    height: 6.5rem;
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: #9699AD;
    cursor: pointer;
}
.close_btn_pattern svg {
    width: 49%;
    height: auto;
}

.new_top{
	display:flex;
	justify-content: space-between;
	margin-bottom: 3vh;
	align-items: center;
}
.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;
    font-weight: 700;
}
.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);
}
/*.news_another_wr{
	    display: flex;
    flex-wrap: wrap;
	width:28.2rem;
}
.news_another_link{
	display: block;

}
.news_another_date{
	color:#1d1d1d;
	font-size: 1.6rem;
	margin-bottom: 1rem;
  opacity: 0;
  transform: translateX(20rem);
  transition:  all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .news_another_date {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.news_another_title{
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 1.8rem;
  opacity: 0;
  color:#38383a;
  transform: translateX(20rem);
  transition:  all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .news_another_title {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1), color 0.9s cubic-bezier(.19,1,.22,1);
}

.news_another_link:hover .news_another_title{
	color:#e3af39;
}
.news_another_line{
	background: #65763b;
	opacity: 0.2;
	height: 3px;
	width: 100%;
  opacity: 0;
  transform: translateX(20rem);
  transition:  all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .news_another_line {
  opacity: 0.2;
  transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
  transform: translateX(0);
}*/
/* ========================================
/* 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_page_img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events:none;
}
.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;
    font-weight: 700;
    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;
	font-weight: 700;
	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;
	font-weight: 700;
}

.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-weight: 700;
	font-size: 1.6rem;
	color:#1d1d1d;
	width: 25rem;
}


/* ========================================
/* VISUALISATION
======================================== */
.gallery_page {
	position: relative;
	width:100%;
	height: 100%;
    padding-top: 16.6vh;
    padding-left: 12.7vw;
    padding-bottom: 10rem;
    background: url(../img/bg_floor.png) no-repeat;
    background-size: cover;
	background-position: center;
    overflow: auto;
}
.gallery_page::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
    z-index: 2;
}
.gallery_page::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
    z-index: 1;
}

.visual_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
   /* background-image: url(../img/visual_bg_min.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;*/

    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.visual_img_bg{
	position: absolute;
	left: 0;
	top: 0;
	object-fit:cover;
	width: 100%;
	height: 100%
}
.show_page_anim .visual_bg {
    opacity: 1;
}
.visual_bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(360deg, #ffffff 40%, transparent);
}

.visual_cont_wr {
    width: 100%;
    margin-bottom: 7vh;
}
.visual_cont_title {
    position: relative;
    margin-bottom: 3.4vh;
    z-index: 1;

    font-weight: 900;
    font-size: 5.2rem;
    color: #a2836e;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .5s;
}
.show_page_anim .visual_cont_title {
    opacity: 1;
    transform: translateY(0rem);
}
.visual_cont_txt {
    position: relative;
    /*width: 39%;*/
    margin-bottom: 5vh;
    line-height: 19px;

    font-size: 1.8rem;
    color: #42565d;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .9s;
}
.show_page_anim .visual_cont_txt {
    opacity: 1;
    transform: translateY(0rem);
}
.visual_cont_slider_wr {
    position: relative;
    z-index: 2;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.3s;
}
.swiper_slide_img{
	position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}    
.show_page_anim .visual_cont_slider_wr {
    opacity: 1;
    transform: translateY(0rem);
}
.visual_prev {
    top: 55% !important;
    left: -9rem !important;
    transform: translateY(-50%);
}
.visual_next {
    top: 55% !important;
    right: 15.5rem !important;
    transform: translateY(-50%);
}
.visual_slide_pop_bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.visual_slide {
    position: relative;
    height: 24.2rem !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.opacitySlide {
    opacity: .2;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
#visual_pop_container_1 .opacitySlide,
#visual_pop_container_2 .opacitySlide,
#visual_pop_container_3 .opacitySlide {
    opacity: 1 !important;
}
.visual_slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    pointer-events: none;
}
.visual_slide:hover::before  {
    box-shadow: inset 0 0 0 5px #54676D;
}
.visual_pop_gallery_wr {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.visual_pop_gallery_wr.open {
    opacity: 1;
    pointer-events: all;
}
.visual_close_btn {
    position: absolute;
    top: 7rem;
    right: 3rem;
    z-index: 2;
}
#visual_container {
    width: 100%;
}
.visual_shadow_top_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 157rem;
    height: auto;
    z-index: 1;
}
.visual_shadow_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100rem;
    height: auto;
    z-index: 1;
}
.visual_shadow_bottom_left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100rem;
    height: auto;
    z-index: 1;
}
.visual_shadow_top_left,
.visual_shadow_bottom_right,
.visual_shadow_bottom_left {
    opacity: 0;
    transform: translateY(5rem);
    transition: all 1.5s ease-in-out .6s;
}
.show_page_anim .visual_shadow_top_left,
.show_page_anim .visual_shadow_bottom_right,
.show_page_anim .visual_shadow_bottom_left {
    opacity: 1;
    transform: translateY(0rem);
}
.visual_pop_next {
    position: absolute !important;
    top: 60% !important;
    right: 11rem !important;
    width: 6.2rem !important;
    height: 6.2rem !important;
    background-image: none !important;
}
.visual_pop_prev {
    position: absolute !important;
    top: 60% !important;
    left: 11rem !important;
    width: 6.2rem !important;
    height: 6.2rem !important;
    background-image: none !important;
}
.visual_pagin_number {
    position: absolute;
    bottom: 9.5rem;
    left: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.visual_pagin_current {
    position: relative;

    font-weight: 700;
    font-size: 4rem;
    color: #fde1b4;
}
.visual_pagin_line {
    position: relative;
    margin: 0 3.5rem;
    font-size: 4rem;
    color: #fff;
}
.visual_pagin_all {
    position: relative;

    font-weight: 700;
    font-size: 4rem;
    color: #fff;
}
/* ========================================
/* END VISUALISATION
======================================== */


/* ========================================
/* DOCS
======================================== */
.docs_wrap{
	position: relative;
	width:100%;
	height: 100%;
background: url(../img/bg_docs.jpg) no-repeat;
	background-size: cover;
	background-position: center;

}

.bg_docs{
    position: absolute;
    left: -30rem;
    top: 10rem;
    width: 81rem;
}

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

  opacity: 0;
  transform: translateX(50rem);
}
.show_page_anim .docs_wr {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.docs_cont{
width: 100%;
    display: flex;
    justify-content: center;
    padding-left: 51rem;
    padding-right: 1rem;
}
.docs_flex{
    max-width: 117rem;

    width: 117rem;
    max-width: 100%;
}
.docs_info{
    margin-left: 10rem;
}

.docs_tittle{
    position: relative;
    margin-left: 2rem;
    font-size: 4.8rem;
 	font-weight: 700;
    color: #f9cb0c;
    line-height: 0.9;
        margin-bottom: 3rem;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .docs_tittle{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.docs_text{
	font-size: 1.8rem;
	color:#000000;
}
.docs_slider_wr{
    position: relative;
    width: calc(100%);
    margin: 0 auto;

}
.docs_slider{
    overflow: hidden;
    width: calc(100% - 19rem);
    left: 0;
    right: 0;
    margin: auto;

}
.doc_link{
	display:block;
	    max-width: 26.7rem;
    width: 89%;
    margin: auto;
    position: relative;
    padding-top: 2rem;
    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);
}
.doc_img_wr{
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
 max-width: 297px;
    left: 0;
    right: 0;
    margin: auto;
}
.doc_img_wr:after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 1rem #f0cf47;
}
.doc_img_wr:before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 0rem #1f2936;
    z-index: 1;
}
.doc_img_wr:hover:before {
    box-shadow: inset 0 0 0 1rem #1f2936;
}
.docs_img{
	max-width: 297px;
    width: 100%;
    display: block;

}
#docs_slider .swiper-slide{
    text-align: center;
}
.doc_tittle_wr{
	display:flex;
	align-items: center;
	margin-top: 1rem;
}
.doc_tittle{
    color: #20070a;
    font-size: 1.6rem;
	font-weight: 700;
    width: calc(100% - 3.2rem);
    text-transform: uppercase;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    text-align: left;
}
.doc_link:hover .doc_tittle{
	color:#000;
}
.doc_icon{
	width:3.2rem;
	height: auto;
	margin-right: 1rem;

}
.docs_slider_wr .prev_slide_doc{
    width: 5.7rem;
    height: 5.7rem;
    background: #ebc334;
    left: 0rem;
    top: 0;
    bottom: 0rem;
    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_doc{
	opacity: 1;
    transform: translateY(0rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}





.prev_doc_svg {
	width:3.3rem;
	position: relative;
	z-index: 1;
	transform: scale(-1);
}
.prev_doc_svg polygon{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_doc:hover polygon{
	fill:#fff;
}
.prev_slide_doc: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_doc:hover:after{
    box-shadow: inset 0 0 0 3rem #1e2735;
}
.docs_slider_wr .next_slide_doc{
    width: 5.7rem;
    height: 5.7rem;
    background: #ebc334;
    right: 0rem;
    top: 0;
    bottom: 0rem;
    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 .next_slide_doc{
	opacity: 1;
    transform: translateY(0rem);
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}


.next_doc_svg {
	width:3.3rem;
	z-index: 1;
	position: relative;
}
.next_doc_svg polygon{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_doc:hover polygon{
	fill:#fff;
}
.next_slide_doc: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_doc:hover:after{
    box-shadow: inset 0 0 0 3rem #1e2735;
}
/* ========================================
/* END DOCS
======================================== */

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

}
.about_title{
	font-size: 4.8rem;
    color: #f9cb0c;
 	font-weight: 700;
	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;
	font-weight: 700;
}
.ab_text{
    font-size: 1.6rem;
    color: #363637;
    width: 90%;
    margin-top: 2rem;
}
.ab_text strong{
	font-weight: 700;
}
.ab_text h2{
	    font-size: 2.4rem;
    color: #1e2735;
    font-weight: 700;
    margin: 1rem 0;

}
.ab_text ul{
	list-style: none;
}
.ab_text li{
	padding-left:2rem;
	position: relative;
}
.ab_text li:after{
	content: '';
	position: absolute;
	top: 1rem;
	left: 0;
	width:0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #f9cb0c;
}
.ab_link_wr{
	margin-top: 6rem;
	position: relative;
	padding: 1rem 2rem;
	display: inline-flex;
  white-space: nowrap;
  cursor: pointer;
}
.ab_pop_open {
  margin-right: 6rem;
}
.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-weight: 700;
	 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;
	font-family: "Century_Gothic_Bold";
	    margin-top: 2vh;
    padding: 0 13%;
}*/
.about_pop_cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba();
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 13;
  opacity: 0;
  pointer-events: none;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.about_pop_cont.visible {
  opacity: 1;
  pointer-events: all;
}
.about_pop_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 44, 56, 0.9);
}
.about_pop_wr {
  position: relative;
  width: 58vw;
  max-width: 76vh;
  min-width: 420px;
  height: 76vh;
  max-height: 58vw;
  min-height: 400px;
  padding: 5rem 4rem;
  background: #fff;
  box-shadow: inset 0 0 0 1rem #c1a31e;
}
.about_pop_wr path {
  fill: #ffffff;
}
.about_bg_svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.about_close_cb {
	position: absolute;
  top: 0.5rem;
  right: 0.5rem;
	width: 5.5rem;
	height: 5.5rem;
	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);
}
.visible .about_close_cb {
	opacity: 1;
}
.about_close_cb:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 105%;
    height: 105%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    background-color: #ff6600;
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
}

.about_close_cb:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.about_close_cb:hover {
    transform: rotate(180deg);
}
.about_close_cb svg{
	width:2.8rem;
	height: auto;
	position: relative;
}
.about_close_cb svg polygon{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.about_pop_txt {
  position: relative;
  height: 100%;
  font-size: 1.4rem;
  color: #000
}
.about_pop_txt strong {
  font-weight: 700;
  font-size: 3rem;
  color: #f9cb0c;
}
.about_pop_txt ul,
.about_pop_txt ol {
  margin-left: 2rem;
}
/* ========================================
/* END ABOUT
======================================== */

/* ========================================
/* HID BUD
======================================== */
.hb_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg_visual.jpg) no-repeat;
    background-size: cover;
    background-position: center;

}
.shadow_hb_left{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.hb_wr{
    height: 100%;
    display: flex;
    margin: auto;
    width:100%;

}
.hb_left{
    width: 31rem;
    width: 25rem;
    padding: 2rem;
    padding-top: 18rem;
    background: #38383a;
    opacity: 0;
}
.show_page_anim .hb_left {
  opacity: 1;
  transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.hb_right{
	width:calc(100% - 31rem);
	width:calc(100% - 25rem);
	display: flex;
	height: 100%;
}
.hb_tittle{
	font-size: 2.8rem;
	font-weight: 700;
	color:#f9cb0c;
	width: 100%;
    margin-bottom: 5vh;
    position: relative;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_tittle{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}

.green_video_btn {
    display: flex;
        padding: 1rem 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    background: #ebc334;
    z-index: 1;
    margin: 0 21px 2rem 13px;
    opacity: 0;
    transform: translateY(5rem);
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .green_video_btn {
  opacity: 1;
  transform: translateY(0);
  transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.green_video_btn:hover{

}

.green_video_btn_icon {
  width: 3.5rem;
  margin-right: 0.5rem;
}
.green_video_btn_icon path {
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.green_video_btn_txt {
  display: block;
  font-weight: 700;
  font-size: 2.3em;
  text-transform: uppercase;
  color: #1f2834;
}
.green_video_btn: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);
    z-index: -1;
}
.green_video_btn:hover:after {
    box-shadow: inset 0 0 0 5rem #fff;
}
.video_pop_up{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  	z-index: 100;
  	display:none;
}
.video_pop_up_cont{
    height: 86%;
    width: 79%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.video_pop_up_cont iframe{
    height: auto;
    width: 80%;
    height: 80%;
    min-height: 70%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.video_pop_up_bg{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top:0;
	background: #fff;
  opacity: 0.9;
  z-index: -1;
}
.video_pop_up_close{
    position: absolute;
    top: 3.5rem;
    right: 8.5rem;
    background: url(../img/video_close.svg) no-repeat;
    background-size: cover;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    transition: all 0.2s ease-out;
}
.video_pop_up_close:hover{
	transform: rotate(180deg);
}

.hb_cherga_years_wrap{
	display:flex;
	justify-content: space-between;
}
.hb_cherga_wr {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 4rem;*/
    padding: 0.5rem 1rem;
    cursor: pointer;
    z-index: 1;
    position: relative;
    box-shadow: inset 0 0 0 2px #e3af39;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_cherga_wr{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}

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

.hb_cherga_wr_bg:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 3px #fff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: -1;
}
.hb_cherga_wr:hover .hb_cherga_wr_bg:after,
.hb_cherga_wr_open .hb_cherga_wr_bg:after{
	box-shadow: inset 0 0 0 3rem #fff;
}



.hb_cherga_active {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8rem;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_cherga_wr:hover .hb_cherga_active,
.hb_cherga_wr_open .hb_cherga_active{
	color:#1e2735;
}
.hb_cherga_arrow {
    width: 2.1rem;
    width: 1.5rem;
    transform: rotate(90deg);
    margin-left: 0.5rem;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_cherga_wr_open .hb_cherga_arrow{
    transform: rotate(270deg);
}

.hb_cherga_arrow polygon{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.hb_cherga_wr:hover .hb_cherga_arrow polygon,
.hb_cherga_wr_open .hb_cherga_arrow polygon{
	fill:#1e2735;
}



.hb_cherga_dropdawn {
    /* height: 0; */
    display: none;
    overflow: hidden;
    position: absolute;
    top: calc(100%);
    left: 0;
    width: 100%;
}
.hb_cherga {
    color: #1e2735;
    font-weight: 700;
    font-size: 1.6rem;
    white-space: nowrap;
    background: #fff;
    padding: 1rem;
    display: flex;
    align-items: center;
    padding-left: 1.5rem;
    position: relative;
        position: relative;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_cherga_bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
}

.hb_cherga_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;
}
.hb_cherga:hover .hb_cherga_bg:after{
box-shadow: inset 0 0 0 3rem #1e2735;
}
.hb_cherga_text{
	position: relative;
	color:#1e2735;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_cherga:hover .hb_cherga_text{
	color:#fff;

}





.hb_years_wr {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    /*height: 4rem;*/
    cursor: pointer;
    z-index: 1;
    position: relative;
    box-shadow: inset 0 0 0 2px #e3af39;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_years_wr{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}

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

.hb_years_wr_bg:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 3px #fff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: -1;
}
.hb_years_wr:hover .hb_years_wr_bg:after,
.hb_years_wr_open .hb_years_wr_bg:after{
	box-shadow: inset 0 0 0 3rem #fff;
}



.hb_years_active {
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_wr:hover .hb_years_active,
.hb_years_wr_open .hb_years_active{
	color:#1e2735;
}
.hb_years_arrow {
    width: 2.1rem;
    width: 1.5rem;
    transform: rotate(90deg);
    margin-left: 1rem;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_wr_open .hb_years_arrow{
    transform: rotate(270deg);
}

.hb_years_arrow polygon{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.hb_years_wr:hover .hb_years_arrow polygon,
.hb_years_wr_open .hb_years_arrow polygon{
	fill:#1e2735;
}
.hb_years_wr_open .news_years_arrow {
    transform: rotate(180deg);
}




.hb_years_dropdawn {
    /* height: 0; */
    display: none;
    overflow: hidden;
    position: absolute;
    top: calc(100%);
    left: 0;
    width: 100%;
}
.hb_years {
    color: #1e2735;
    font-weight: 700;
    font-size: 1.6rem;
    white-space: nowrap;
    background: #fff;
    padding: 1rem;
    display: flex;
    align-items: center;
    padding-left: 1.5rem;
    position: relative;
        position: relative;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
}

.hb_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;
}
.hb_years:hover .hb_years_bg:after{
box-shadow: inset 0 0 0 3rem #1e2735;
}
.hb_years_text{
	position: relative;
	color:#1e2735;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years:hover .hb_years_text{
	color:#fff;

}

.hb_slider{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_slider{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}

#hb_slider .next_slide_hb{
    background: #ebc334;
    width: 5.7rem;
    height: 5.7rem;
    right: -1px;
    top: 0;
    bottom: 0rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
#hb_slider .prev_slide_hb{
background: #ebc334;
    width: 5.7rem;
    height: 5.7rem;
    left: -1px;
    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_hb:hover .prev_gal_svg polygon, .next_slide_hb:hover .next_gal_svg polygon {
    fill: #fff;
}
.prev_slide_hb:after, .next_slide_hb: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_hb:hover:after, .next_slide_hb:hover:after {
    box-shadow: inset 0 0 0 3rem #1e2735;
}
.hb_wrap .swiper-slide {
    display: flex;
    align-items: flex-end;
}
#hb_slider .swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.month_wrap{
    margin-top: 2vh;
    height: calc(100% - 24rem - 7vh);
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .month_wrap{
	opacity: 1;
    transform: translateY(0rem);
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}
.month_link {
    display: flex;
    justify-content: flex-start;
    align-items: center;


    font-size: 1.8rem;
    color: #1f2834;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin: 1rem 1.4rem;
    padding: 0.6rem 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.month_link:hover{
	color: #fff;
}

.month_link_icon {
  width: 2.2rem;
  position: absolute;
  left: 1rem;
}
.month_link_txt {
  padding-left: 4rem;
  position: relative;
}

.month_link_active{
  	color: #fff;
	pointer-events: none;
}
.month_link_icon path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.month_link:hover .month_link_icon path,
.month_link_active .month_link_icon path {
  fill: #fff;
}


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

    background: #ebc334;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.month_link_active .month_link_bg{
	background: #232c39;
}
.month_link_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.month_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);
}
.month_link:hover .month_link_bg{
   background: #232c39;
}
.month_link_bg_before path,
.month_link_bg_after path{

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.month_link:hover .month_link_bg_before path,
.month_link:hover .month_link_bg_after path{
   fill: #232c39;
}
.month_link_active .month_link_bg_before path,
.month_link_active .month_link_bg_after path{
	fill: #232c39;
}



.hb_slider_wr{
	width: calc(100% - 17rem);
	width: calc(100% - 24.7rem);
	height: 100%;
}
/* ========================================
/* END HID BUD
======================================== */

/* ========================================
/* VIDEO
======================================== */
.hb_video_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 14.5vh 11vw 0 11vw;

    /*border-left: 3rem solid #fff;*/
    /*border-right: 3rem solid #fff;*/
}
.hb_video_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
    z-index: 2;
}
.hb_video_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}
.hb_video_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/hb_video_bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;

    opacity: 0;
    transform: translateY(40%);
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .hb_video_bg {
    opacity: 1;
    transform: translateY(0rem);
}
.hb_video_bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 47vh;
    background-color: #e0f4ff;
    opacity: .95;

    opacity: 0;
    transform: translateY(20%);
    transition: all 0.9s ease-in-out .7s;
}
.show_page_anim .hb_video_bg::before {
    opacity: .95;
    transform: translateY(0rem);
}
.hb_video_title {
    position: relative;
    margin-bottom: 2vh;

    font-weight: 900;
    font-size: 6.1rem;
    color: #a2836e;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .7s;
}
.show_page_anim .hb_video_title {
    opacity: 1;
    transform: translateY(0rem);
}
.hb_video_btn_wr {
    margin-bottom: 5vh;
    display: flex;
    align-items: center;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1s;
}
.show_page_anim .hb_video_btn_wr {
    opacity: 1;
    transform: translateY(0rem);
}
.hb_video_btn {
position: relative;
        margin-right: .7vw;
    font-weight: 700;
    font-size: 2.4rem;
    text-transform: uppercase;
    color: #a2836e;
    /*border: 2px solid rgb(83 102 108 / 0%);*/
    height: 5rem;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    box-shadow: inset 0 0 0 2px #53666c;
}
.hb_video_btn:hover {
    color: #a2836e;
}
.hb_video_btn.active {
    color: #fff;
    pointer-events: none;
        /*border: 2px solid #53666c;*/
        
}


.hb_video_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hb_video_btn.active::before {
    background-color: #53666c;
}
.hb_video_btn:hover {
    background: #1e2735;
}
/*.hb_video_btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 163%;
    height: 154%;
    border: 2px solid #53666c;
    opacity: 0;
}
.hb_video_btn.active::before {
    opacity: 1;
}*/
/*.hb_video_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 163%;
    height: 154%;
    background: #1e2735;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_video_btn:hover::after {
    opacity: 1;
}*/
.hb_video_btn span {
    position: relative;
    z-index: 1;
}
.hb_video_report_wr {
    margin-bottom: 6.5vh;
}
.hb_video_report_title {
    margin-bottom: 1.5vh;

    font-weight: 700;
    font-size: 2.4rem;
    letter-spacing: 0.9px;
    color: #53666c;
}
.hb_video_report_lists_wr {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.2s;
}
.show_page_anim .hb_video_report_lists_wr {
    opacity: 1;
    transform: translateY(0rem);
}
.hb_video_report_lists_line {
    width: 5.5rem;
    height: 2px;
    margin: 0 1rem;
    background-color: #53666c;
}
.hb_video_slider_wr {
    position: relative;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.5s;
}
.show_page_anim .hb_video_slider_wr {
    opacity: 1;
    transform: translateY(0rem);
}
.hb_video_slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hb_video_slide_img_wr {
    position: relative;
    width: 100%;
    height: 35vh;
    margin-bottom: 1.5vh;

    /*background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_video_slide_img{
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.hb_photo_link:hover .hb_video_slide_img_wr {
    box-shadow: inset 0 0 0 5px #a2836e;
}
.hb_video_slide_play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14.5rem;
    height: 14.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.hb_video_slide_play_btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}
.hb_video_slide_play_btn:hover::before {
     animation: 1s video_btn_hover linear;
     animation-delay: .2s;
 }
.hb_video_slide_play_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11rem;
    height: 11rem;
    border: 2px solid #FADFB2;
    border-radius: 50%;
}
.hb_video_slide_play_btn:hover::after {
    animation: 1s video_btn_hover linear;
    animation-delay: .1s;
}
@keyframes video_btn_hover {
    0% { transform: translate(-50%, -50%) scale(1); }
    20% { transform: translate(-50%, -50%) scale(0.9); }
    40% { transform: translate(-50%, -50%) scale(1.1); }
    80% { transform: translate(-50%, -50%) scale(1); }
}
.hb_video_slide_play_btn svg {
    width: 4rem;
    height: auto;
    transform: translateX(3px);
}
.hb_video_slide_play_btn:hover svg {
    animation: 1s video_btn_hover_svg linear;
}
@keyframes video_btn_hover_svg {
    0% { transform: translateX(3px) scale(1); }
    20% { transform: translateX(3px)  scale(0.9); }
    40% { transform: translateX(3px)  scale(1.1); }
    80% { transform: translateX(3px)  scale(1); }
}

.hb_video_slide_txt {
    font-weight: 900;
    font-size: 3.6rem;
    color: #a2836e;
}
.hb_video_slide_txt span {
    color: #53666c;
}
.hb_video_slide_next {
    top: 44% !important;
    right: -9.5rem !important;
    transform: translateY(-50%) !important;
}
.hb_video_slide_prev {
    top: 44% !important;
    left: -9.5rem !important;
    transform: translateY(-50%) !important;
}

.hb_video_wr{
    position: relative;
    height:100%;
    cursor: pointer;
    z-index: 1;
}
.hb_video_pop_wr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("../img/new_bg_new_min.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    z-index: 11;
    opacity: 0;
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_video_pop_wr.open {
    opacity: 1;
    pointer-events: all;
}
.hb_video_pop_wr::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.97;
}
.hb_video_pop_close_btn {
    position: absolute;
    top: 1rem;
    right: 0rem;
    transform: translate(100%, -100%);
}
.hb_video_pop_title {
    margin-bottom: 1rem;

    font-weight: 900;
    font-size: 3.6rem;
    color: #a2836e;
}
.hb_video_pop_title span {
    color: #53666c;
}
.hb_video_frame {
    position: relative;
    width: 71vw;
    min-width: 620px;
    height: 81vh;
    min-height: 360px;
    margin: 0 auto;
    z-index: 1;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_video_frame {
    opacity: 1;
    transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.hb_video_frame_bg {
    position: absolute;
    top: 59%;
    left: -26%;
    transform: translateY(-50%);
    width: 32.5vw;
    min-width: 325px;
    height: 45vh;
    min-height: 247px;
    display: flex;
    justify-content: center;
}
.hb_video_frame_bg img {
    max-width: 100%;
    max-height: 100%;
}
.hb_video_frame_container {
    position: relative;
    width: 100%;
    height: 100%;
}
.hb_video_frame_container iframe {
    position: relative;
    width: 100%;
    height: 100%;
}
/* ========================================
/* END VIDEO
======================================== */
/* ========================================
/* PHOTO
======================================== */
.hb_photo_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 14.5vh 11vw 0 11vw;

    /*border-left: 3rem solid #fff;*/
    /*border-right: 3rem solid #fff;*/
}
.hb_photo_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
    z-index: 2;
}
.hb_photo_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}
.hb_photo_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: url(../img/hb_photo_bg_min.jpg) no-repeat;
    background-position: center;
    background-size: cover;*/
	overflow: hidden;
    opacity: 0;
    transform: translateY(40%);
    transition: all 0.9s ease-in-out .4s;
}
.hb_photo_img_bg{
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.show_page_anim .hb_photo_bg {
    opacity: 1;
    transform: translateY(0rem);
}
.hb_photo_bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 47vh;
    background-color: #e0f4ff;

    opacity: 0;
    transform: translateY(20%);
    transition: all 0.9s ease-in-out .7s;
    z-index: 2;
}
.show_page_anim .hb_photo_bg::before {
    opacity: .95;
    transform: translateY(0rem);
}
.hb_photo_link {
    display: block;
    width: 100%;
}
/* ========================================
/* END PHOTO
======================================== */
/* ========================================
 */
/* ONE PHOTO
======================================== */
.one_photo_page {
    position: relative;
    width: 100%;
    height: 100%;
}
.hb_one_photo_gallery_wr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    /*opacity: 0;*/
    /*pointer-events: none;*/
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_one_photo_gallery_wr.open {
    opacity: 1;
    pointer-events: all;
}
.hb_photo_close_btn {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 15;

    opacity: 0;
    transition: all 0.9s ease-in-out 1.3s;
}
.show_page_anim .hb_photo_close_btn {
    opacity: 1;
}
.close_btn_hover {
}
.close_btn_hover svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 49%;
    height: auto;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.close_btn_hover svg:first-child {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
.close_btn_hover:hover svg:first-child {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1) .2s;
}
.close_btn_hover:hover svg:last-child {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5);
}

.hb_one_photo_slider {

    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .hb_one_photo_slider {
    opacity: 1;
}
.hb_one_photo_next {
    position: absolute !important;
    top: 50% !important;
    right: 17rem !important;
    width: 6.2rem !important;
    height: 6.2rem !important;
    background-image: none !important;

    opacity: 0;
    transition: all 0.9s ease-in-out 1.3s;
}
.show_page_anim .hb_one_photo_next {
    opacity: 1;
}
.hb_one_photo_prev{
    position: absolute !important;
    top: 50% !important;
    left: 17rem !important;
    width: 6.2rem !important;
    height: 6.2rem !important;
    background-image: none !important;
}
.hb_one_photo_pagin_number {
    position: absolute;
    bottom: 6rem;
    left: 6rem;
    z-index: 1;
}
.hb_one_photo_pagin_number::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 135%;
    height: 153%;
    background: #53666c;

    opacity: 0;
    transition: all 0.9s ease-in-out .8s;
}
.show_page_anim .hb_one_photo_pagin_number::before {
    opacity: .58;
}
.hb_one_photo_pagin_number_cont {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1s;
}
.show_page_anim .hb_one_photo_pagin_number_cont {
    opacity: 1;
    transform: translateY(0rem);
}
.hb_one_photo_pagin_number_month {
    position: relative;

    font-weight: 900;
    font-size: 2.5rem;
    color: #fff;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.3s;
}
.show_page_anim .hb_one_photo_pagin_number_month {
    opacity: 1;
    transform: translateY(0rem);
}
/* ========================================
/* END ONE PHOTO
======================================== */
/* ========================================
/* WEBCAM
======================================== */
.web_cam_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 23vh 0 7rem;

    /*background: url(../img/web_bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;*/

    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.web_bg_img{
	position: absolute;
	top: 0;
	left: 0;
	object-fit:cover;
	width: 100%;
	height: 100%;
}
.show_page_anim .web_cam_wrap {
    opacity: 1;
}
.web_cam_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}
.web_cam_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}
.web_cam_title_cont_wr {
    position: absolute;
    top: 10rem;
    left: 12.2vw;
    padding-left: 3rem;
    z-index: 2;
}
.web_cam_title_cont_wr::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    /*transform: translateY(-50%);*/
    width: .26vw;
    height: 164%;
    background-color: #ffffff;

    opacity: 0;
    transform: translate(2rem, -50%);
    transition: all 0.9s ease-in-out 1.2s;
}
.show_page_anim .web_cam_title_cont_wr::before {
    opacity: 1;
    transform: translate(0, -50%);
}
.web_cam_title_cont {
    margin-bottom: 1rem;

    font-weight: 700;
    font-size: 4.6rem;
    letter-spacing: 1.8px;
    color: #fff;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .7s;
}
.show_page_anim .web_cam_title_cont {
    opacity: 1;
    transform: none;
}
.web_cam_title_txt {
    font-weight: 700;
    font-size: 2.6rem;
    letter-spacing: 1px;
    color: #fde1b4;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1s;
}
.show_page_anim .web_cam_title_txt {
    opacity: 1;
    transform: none;
}
.web_cam_wr{
	position: relative;
	height:100%;
  cursor: pointer;
  z-index: 1;
}


.web_cam_frame {
    position: relative;
    width: 62vw;
    min-width: 620px;
    height: 66vh;
    min-height: 360px;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .web_cam_frame {
    opacity: 1;
    transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.web_cam_frame_bg {
    position: absolute;
    top: 59%;
    left: -26%;
    /*transform: translateY(-50%);*/
    width: 32.5vw;
    min-width: 325px;
    height: 45vh;
    min-height: 247px;
    display: flex;
    justify-content: center;

    opacity: 0;
    transform: translate(10rem, -50%);
    transition: all 0.9s ease-in-out 1.8s;
}
.show_page_anim .web_cam_frame_bg {
    opacity: 1;
    transform: translate(0rem, -50%);
}
.web_cam_frame_bg img {
    max-width: 100%;
    max-height: 100%;
}
.web_cam_frame iframe {
    position: relative;

    opacity: 0;
    transform: translateY(10rem);
    transition: all 0.9s ease-in-out 1.5s;
}
.show_page_anim .web_cam_frame iframe {
    opacity: 1;
    transform: none;
}
/* ========================================
/* END VIDEO
======================================== */


/* ========================================
/* UCHASNIKI
======================================== */
.dev_wrap {
    overflow-y: auto;
    height: 100%;	
}
.dev_container {
    position: relative;
    width: 100%;
    z-index: 1;
}
.dark_footer .uchasniki_footer_bg{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 82rem;
    height: auto;
    pointer-events: none;
    opacity: 0;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.uchasniki_footer_bg{
	    position: absolute;
    bottom: 0;
    right: 0;
    width: 82rem;
    height: auto;
    pointer-events: none;
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity:1;
    z-index: 1;
}
.dev_top {
  position: relative;
  width: 100%;
  padding: 11.5rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dev_top_container {
  width: 130rem;
}
.dev_title {
  position: relative;
  margin-bottom: 6.5vh;
  font-weight: 900;
  font-size: 4.4rem;
  color: #957864;
}
.dev_top_logos_wrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 46rem;
  margin-bottom: 13vh;
}
.dev_top_logos_left {
  width: calc(100% - 37rem);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dev_top_logos_left img {
  width: auto;
  max-width: 37rem;
  height: auto;
  max-height: 32rem;
}
.dev_top_logos_right {
  width: 37rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.dev_top_logos_right img {
  height: auto;
  max-height: 7.5rem;
  width: auto;
  max-width: 100%;
  display: block;
}
.dev_top_content_wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 3vh;
}
.dev_top_content_left {
  width: calc(100% - 37rem);
  height: 100%;
  padding-right: 13rem;
}
.dev_top_content_left_title {
  margin-bottom: 3vh;
  font-weight: 900;
  font-size: 2.9rem;
  line-height: 3.5rem;
  color: #393e51;
}
.dev_top_content_left_title span {
  color: #7dd2f7;
}
.dev_top_content_left_txt {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #42565d;
}
.dev_top_content_left_txt p:not(:last-child) {
  margin-bottom: 2vh;
}
.dev_top_content_right {
  width: 37rem;
  padding: 2.7rem 3.7rem;
  border: 2px solid #dce0e1;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 2.7rem;
  color: #9ad1f6;
}
.dev_top_content_right span {
  color: #3d4051;
  
    white-space: nowrap;
}
.dev_top_content_right sup{
    font-size: 1.2rem;	
}
.dev_btn {
  position: relative;
  height: 4.4rem;
  display: inline-flex;
  cursor: pointer;
  transform: translateY(5rem);
  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_btn {
  opacity: 1;
  transform: none;
}
.dev_btn_txt {
  padding: 0 2.4rem 0 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #53666c;
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: .9px;
  color: #ffffff;
}
.dev_btn_ico {
  position: relative;
  width: 4.2rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dbcbbc;
}

.dev_bottom_container {
  position: relative;
  background-color: #748f9d;
  padding-top: 7vh;
  padding-bottom: 10vh;
     padding-bottom: 15rem;
}
.dev_bottom_title {
  position: relative;
  width: 130rem;
  margin: 0 auto;
  margin-bottom: 6.5vh;
  font-weight: 900;
  font-size: 4.4rem;
  color: #fde1b4;
}
.dev_bottom_wrap {
  position: relative;
  width: 130rem;
  margin: 0 auto;
}
.dev_bottom_item_img {
  width: 100%;
  height: 31rem;
  margin-bottom: 3vh;
  /*background-repeat: no-repeat;
  background-position: center;
  background-size: cover;*/
  position: relative;
}
.dev_bottom_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.dev_bottom_item_title {
  position: relative;
  height: 7rem;
  margin-bottom: .5vh;
  overflow: hidden;
  font-weight: 900;
  font-size: 3.1rem;
  color: #ffffff;
}
.dev_bottom_item_txt {
  /*height: 7rem;*/
  min-height: 11rem;
  margin-bottom: 1.5vh;
  overflow: hidden;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #ffffff;
}
.dev_bottom_item_btn {
  position: relative;
  height: 4.4rem;
  display: inline-flex;
  cursor: pointer;
  transform: translateY(5rem);
  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_bottom_item_btn {
  opacity: 1;
  transform: none;
}
.dev_bottom_item_btn_txt {
  padding: 0 2.4rem 0 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #aa8768;
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: .9px;
  color: #ffffff;
}
.dev_bottom_item_btn_ico {
  position: relative;
  width: 4.2rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dbcbbc;
}
.dev_visual_next {
  top: 55% !important;
  right: -9rem !important;
  transform: translateY(-50%);
}
/* ========================================
/* END UCHASNIKI
======================================== */
/* ========================================
/* GENPLAN
======================================== */
.genplan_page{
	position: relative;
	height: 100%;
	height: 100%;
}
.genplan_wrap{
	position: relative;
	height: 100%;
	height: 100%;
	display: flex;

}
#genplan_svg,
#genplan_floor_svg {
	position: absolute!important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.genplan_img_wrap{
    width: calc(100% - 48.3rem);
	position: relative;
	overflow: hidden;
}

.genplan_img_wr{
	position: absolute;
  opacity: 0;
}
.show_page_anim .genplan_img_wr {
  opacity: 1;
  transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
}

.genplan_img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.genplan_left{
position: relative;
    width: 48.3rem;
    height: 100%;
    padding-top: 20rem;
}
.genplan_left:before{
    content: '';
    position: absolute;
    background: linear-gradient(to right, #fff,#fff,#fff, transparent);
    top: 0;
    left: 0;
    height: 100%;
    width: 52rem;
}
.genplan_info{
	height: 100%;
	position: relative;
    padding-left: 9rem;
}
.lines_gp{
    position: absolute;
    width: 111.7rem;
    top: 0;
    left: 0;
    transform: translate(calc(-59% + 9rem), -29%);
}
.line_gp{
position: absolute;
    width: 95.5rem;
    bottom: 0;
    left: 0;
    transform: translate(calc(-59% + 7rem), 45%);
}
.genplan_title{
    font-size: 6.1rem;
    color: #f9cb0c;
   	font-weight: 700;
    line-height: 1;
    margin-bottom: 1vh;
    position: relative;
    opacity: 0;
    transform: translateX(-10rem);
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .genplan_title {
  opacity: 1;
  transform: translateX(0);
}

.genplan_oboz_title{
  position: relative;
	font-size: 2.3rem;
	color:#393939;
    font-weight: 700;
  margin-bottom: 3vh;
	text-transform: uppercase;
  opacity: 0;
  transform: translateX(-10rem);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.6s;
}
.show_page_anim .genplan_oboz_title {
  opacity: 1;
  transform: translateX(0);
}
.genplan_oboz_scroll{
	    height: calc(100% - 10vh - 12rem);
    max-height: calc(90vh - 31rem);
    overflow: hidden;
}
.genplan_oboz_wrap{

}
.genplan_oboz_wr{
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateX(-10rem);
}
.show_page_anim .genplan_oboz_wr:nth-child(1) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.7s;
}
.show_page_anim .genplan_oboz_wr:nth-child(2) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) .75s;
}
.show_page_anim .genplan_oboz_wr:nth-child(3) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.8s;
}
.show_page_anim .genplan_oboz_wr:nth-child(4) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.85s;
}
.show_page_anim .genplan_oboz_wr:nth-child(5) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.9s;
}
.show_page_anim .genplan_oboz_wr:nth-child(6) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.95s;
}
.show_page_anim .genplan_oboz_wr:nth-child(7) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 1s;
}
.show_page_anim .genplan_oboz_wr:nth-child(8) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.05s;
}
.show_page_anim .genplan_oboz_wr:nth-child(9) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.1s;
}
.show_page_anim .genplan_oboz_wr:nth-child(10) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.15s;
}
.show_page_anim .genplan_oboz_wr:nth-child(11) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.2s;
}
.show_page_anim .genplan_oboz_wr:nth-child(12) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.25s;
}
.show_page_anim .genplan_oboz_wr:nth-child(13) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.3s;
}
.show_page_anim .genplan_oboz_wr:nth-child(14) {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.4s;
}

.genplan_oboz_img_wr{
    width: 5.1rem;
    height: 4.8rem;
    min-height: 42px;
    margin-right: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.genplan_oboz_img{
	max-width: 95%;
	max-height: 90%;
}
.genplan_oboz_text{
    color: #393939;
    font-size: 1.6rem;
    width: calc(100% - 3rem - 14rem);
    font-weight: 700;
    margin-left: 2rem;
}

.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;
}






/* ========================================
/* END GENPLAN
======================================== */
/* ========================================
/* ABOUT
======================================== */
.about_menu_container {
    position: relative;
    width: 100%;
}
.about_menu_toogle_block {
    width: 100%;
    height: 37.8rem;
        height: 39.8rem;
}
/*.about_menu_container::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 58rem;*/
/*    background-color: #6e99b0;*/
/*}*/

.about_menu_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 58rem;
    overflow: hidden;
}
.about_menu_wr {
    /*position: absolute;*/
    position: fixed;
    /*top: 0;*/
    top: 5.6rem;
    left: 10.8vw;
    height: 7rem;
    padding: 0 1rem 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #6e99b0;
    z-index: 2;
}
.about_menu_wr_z.about_menu_wr {
    z-index: 3;
}
.about_menu_hide .about_menu_wr {
    transform: none;
}
.about_menu_wr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #6e99b0;
    pointer-events: none;
    transition: all 0.9s ease-in-out .5s;
}
.show_page_anim .about_menu_wr::before {
    transform: translate(30%, 25rem) scaleX(2.3) scaleY(8.5);
}
.about_menu_hide .about_menu_wr::before {
    transform: none;
    transition: all 0.9s ease-in-out;
}
.about_menu_item {
    position: relative;
    padding: 0 3rem;
    display: block;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #ffffff;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .5s;
}
.show_page_anim .about_menu_item {
    opacity: 1;
    transform: translateY(0rem);
}
.about_menu_item span {
    position: relative;
    display: inline-block;
}
.about_menu_item span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    background: #fde1b4;
    opacity: 0;
    transform: translate(-50%, 1.2rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.about_menu_item:hover span::after {
    opacity: 1;
    transform: translate(-50%, .2rem);
}
.about_menu_item.active {
    color: #fde1b4;
    pointer-events: none;
}
.about_menu_item::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    /*transform: translateY(-50%);*/
    width: 1px;
    height: 2.4rem;
    background-color: #ffffff;
    opacity: .2;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .7s;
}
.show_page_anim .about_menu_item::before {
    opacity: .2;
    transform: translateY(-50%);
}
.about_menu_item:last-child::before {
    display: none;
}
.about_page_wr {
    position: absolute;
    top: 14.2rem;
    left: 12.2vw;
    z-index: 2;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.about_menu_hide .about_page_wr {
    transform: translateY(-10rem);
    opacity: 0;
}
.about_page_title {
    margin-bottom: 4.8vh;

    font-weight: 900;
    font-size: 5.4rem;
    color: #fde1b4;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.show_page_anim .about_page_title {
    transition: all 0.9s ease-out .9s;
    transform: translateY(0rem);
    opacity: 1;
}
.about_page_title span {
    color: #ffffff;
}
.about_page_txt {
    max-width: 62%;

    font-weight: 400;
    font-size: 3.6rem;
    letter-spacing: .6px;
    line-height: 4.2rem;
    color: #ffffff;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.show_page_anim .about_page_txt {
    transition: all 0.9s ease-out 1.3s;
    transform: translateY(0rem);
    opacity: 1;
}
/* ========================================
/* END ABOUT
======================================== */

/* ========================================
/* INFRASTRUKTURA
======================================== */
.infra_page {
    position: relative;
	width:100%;
	height: 100%;
    padding-top: 5.7rem;
    overflow: auto;
}
.infra_wrap {
    position: relative;
    width: 100%;
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
}
.infra_main_img_wr {
    position: relative;
    width: 100%;
    padding: 0 12.2vw;
    padding-bottom: 8.5vh;
    z-index: 2;

    opacity: 0;
    transition: all 0.9s ease-out;
}
.show_page_anim .infra_main_img_wr {
    transition: all 0.9s ease-out 1.6s;
    opacity: 1;
}
.infra_main_img {
    width: 100%;
    height: auto;
    margin-bottom: 6.5vh;
    display: block;
}
.infra_main_img_txt {
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #42565d;
}
.infra_main_img_txt p {
    width: 85%;
}
.infra_main_img_txt p:not(:last-child) {
    margin-bottom: 2vh;
}

.infra_local_wrap {
    position: relative;
    width: 100%;
    padding: 5vh 12.2vw;
    background-color: #f6f8f9;
}
.infra_local_title {
    margin-bottom: 5vh;
    font-weight: 700;
    font-size: 3.2rem;
    color: #42565d;
}
.infra_local_wr {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.infra_local_big_num {
    position: relative;
    width: 35rem;
    height: 35rem;
    padding-top: 4vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 3.8rem;
    text-transform: uppercase;
    color: #a2836e;
}
.infra_local_big_num span,
.infra_local_big_num strong {
    position: relative;
    z-index: 1;
}
.infra_local_big_num strong {
    font-size: 23.3rem;
	line-height: 0.8;
}
.infra_local_big_number{
	position: relative;
    z-index: 1;
    font-size: 23.3rem;
	line-height: 0.8;
}
.infra_local_big_num::before {
    content: "";
    position: absolute;
    top: 0;
    /*left: 50%;*/
    left: 130%;
    transform: translateX(-50%);
    width: 57rem;
    height: 100%;
    /*background: linear-gradient(to left, rgba(0, 0, 0,.5) 50%, transparent 50%);*/
    background: linear-gradient(90deg, #d3d3d347, transparent);
}
.infra_local_big_num::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
}
.infra_local_left_wr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.infra_local_items_wr {
    padding: 2.6vh 0 3.2vh 0;
}
.infra_local_big_items_wrap {
    width: calc(100% - 35rem);
    padding-left: 4rem;
}
.infra_local_item_wr {
    margin-bottom: 1.5vh;
    display: flex;
    align-items: center;
}
.infra_local_item_ico {
    width: 2.4rem;
    height: 2rem;
}
.infra_local_item_txt {
    width: calc(100% - 2.4rem);
    padding-left: 1.4rem;

    font-size: 1.6rem;
    color: #42565d;
}

.infra_local_right_wr {
}
.infra_local_small_half_wr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.infra_local_small_half_wr:first-child {
    margin-bottom: 3.2vh;
}
.infra_local_small_num {
    position: relative;
    width: 16rem;
    height: 16rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #a2836e;
}
.infra_local_small_num strong {
    font-size: 8.2rem;

}
.infra_local_small_num span,
.infra_local_small_num strong {
    position: relative;
    z-index: 1;
}
.infra_local_small_number{
	position: relative;
    z-index: 1;
    font-size: 8.2rem;
}
.infra_local_small_num::before {
    content: "";
    position: absolute;
    top: 0;
    left: 190%;
    transform: translateX(-50%);
    width: 46rem;
    height: 100%;
    background: linear-gradient(90deg, #d3d3d347, transparent);
}
.infra_local_small_num::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
}
.infra_local_small_items_wrap {
    width: calc(100% - 16rem);
    padding-left: 3.3rem;
}

.infra_cont_wrap {
    position: relative;
    padding: 0 12.2vw;
    padding-top: 7.6vh;
    padding-bottom: 16vh;
}
.infra_cont_item_wr {
    width: 100%;
    /*min-height: 69vh;*/
    height: 69vh;
    display: flex;
}
.infra_cont_item_img {
    width: 50%;
    height: 100%;
    /*background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
    position: relative;
}
.infra_cont_img_item{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.infra_cont_item_txt_wr {
    width: 50%;
    padding: 11vh 0;
    padding-right: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;

    letter-spacing: .5px;
    line-height: 1.9rem;
}
.infra_cont_wrap .infra_cont_item_wr:nth-child(odd) .infra_cont_item_txt_wr {
    padding-left: 6.5rem;
}
.infra_cont_wrap .infra_cont_item_wr:nth-child(even) .infra_cont_item_txt_wr {
    padding-right: 6.5rem;
}
.infra_cont_wrap .infra_cont_item_wr:last-child .infra_cont_item_txt_wr {
    padding-bottom: 0;
    /*justify-content: flex-end;*/
}
.infra_cont_item_txt_wr h3 {
    margin-bottom: 4vh;

    font-weight: 700;
    font-size: 3.2rem;
    line-height: 3.5rem;
    color: #a2836e;
}
.infra_cont_item_txt_wr p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #42565d;
}
.infra_cont_item_txt_wr p:not(:last-child) {
    margin-bottom: 2vh;
}
.infra_cont_item_txt_wr b {
    font-weight: 700;
    color: #a2836e;
}
.infra_cont_item_txt_wr strong {
    font-weight: 700;
    letter-spacing: 1.5px;
}
.infra_cont_item_txt_wr ul {
    list-style-type: none;
}
.infra_cont_item_txt_wr ul li {
    position: relative;
    margin-bottom: 1.5vh;
    padding-left: 2rem;

    font-weight: 700;
    font-size: 1.6rem;
    color: #42565d;
}
.infra_cont_item_txt_wr ul li::before {
    content: "";
    position: absolute;
    top: .4vh;
    left: 6px;
    width: 6px;
    height: 6px;
    background-color: #a2836e;
    border-radius: 50%;
}
.infra_contact_info_wr {
    width: 100%;
    padding: 1.8vh 2.5rem 1.8vh 1.5rem;
    display: flex;
    box-shadow: inset 0 0 0 2px #42565d;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.55s;
}
.show_page_anim .infra_contact_info_wr {
    opacity: 1;
    transform: translateY(0rem);
}
.infra_contact_info_half {
    width: 50%;
}
.infra_contact_info_txt {
    padding-top: 1.3vh;

    font-weight: 700;
    font-size: 1.8rem;
    letter-spacing: .5px;
    line-height: 2.4rem;
    color: #957864;
}
.infra_contact_info_item_wr {
    display: flex;
    align-items: flex-start;
        font-size: 1.6rem;
    color: #42565d;
}
.infra_contact_info_wr .infra_contact_info_half:nth-child(2) .infra_contact_info_item_wr:not(:last-child) {
    margin-bottom: .5vh;
}
.infra_contact_info_item_ico svg {
    width: 1.7rem;
    height: 1.9rem;
}
.infra_contact_info_item_txt {
    width: calc(100% - 1.7rem);
    padding-left: 1.9rem;

    font-size: 1.6rem;
    color: #42565d;
}
a .infra_contact_info_item_txt {
    font-size: 2.3rem;
    line-height: 2.5rem;
}
.infra_contact_info_item_txt span {
    display: block;
}

/* ========================================
/* END INFRASTRUKTURA
======================================== */
/* ========================================
/* ROZTASH
======================================== */
.roztash_page {
    position: relative;
    width:100%;
    height: 100%;
    padding-top: 5.7rem;
    overflow: auto;
}
.roztash_page .about_page_txt {
    max-width: 84%;
}
.roztash_page .about_menu_toogle_block {
    height: 45.8rem;
    height: 50.8rem;
}
.roztash_page .infra_main_img_wr {
    padding-bottom: 0;
}
.roztash_wrap {
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
}
.roztash_time_wrap {
    position: relative;
    width: 100%;
    padding: 0 12.2vw;
    padding-bottom: 2vh;
    padding-right: 25.5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.roztash_time_wrap::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background-color: #f6f8f9;
}
.roztash_time_item_wr {
    width: 40%;
    margin-bottom: 2.2vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.roztash_time_item_num {
    position: relative;
    width: 8rem;
    height: 8rem;
    /*padding-top: 2.5vh;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 2.1rem;
    text-transform: uppercase;
    color: #a2836e;
}
.roztash_time_item_num strong {
    font-size: 3.6rem;
    /*line-height: 0;*/
}
.roztash_time_item_num span,
.roztash_time_item_num strong {
    position: relative;
    z-index: 1;
}
.roztash_time_item_number{
	position: relative;
    z-index: 1;
    font-size: 3.6rem;
}
.roztash_time_item_num::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 332%;
    transform: translate(-50%, -50%);
    width: 46rem;
    height: 75%;
    background: linear-gradient(90deg, #d3d3d347, transparent);
}
.roztash_time_item_num::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
}
.roztash_time_item_txt {
    position: relative;
    width: calc(100% - 8rem);
    padding-left: 2rem;

    font-weight: 700;
    font-size: 2.1rem;
    color: #42565d;
}
.roztash_txt_wr {
    position: relative;
    width: 100%;
    padding: 6.5vh 24vw 8vh 24.2vh;
    letter-spacing: 1px;
    line-height: 2rem;
}
.roztash_txt_wr p {
    margin-bottom: 2vh;

    font-weight: 400;
    font-size: 1.6rem;
    color: #42565d;
}

.roztash_footer_wr {
    position: relative;
    width: 100%;
    padding: 10vh 24vw 21vh 24.2vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.roztash_img_footer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}
.roztash_footer_title {
    margin-bottom: 5.5vh;

    font-weight: 700;
    font-size: 3.6rem;
    color: #a2836e;
}
.roztash_footer_items_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.roztash_footer_item_wr {
    width: 44%;
    margin-bottom: 6.5vh;
    display: flex;
    align-items: center;
}
.roztash_footer_item_ico {
    width: 9.7rem;
    height: 9.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 2px #a2836e;
}
.roztash_footer_item_ico img {
    width: 50%;
    height: 55%;
    display: block;
}
.roztash_footer_item_txt {
    width: calc(100% - 9.7rem);
    padding-left: 4rem;

    font-weight: 700;
    font-size: 2.1rem;
    color: #53666c;
}
/* ========================================
/* END ROZTASH
======================================== */
/* ========================================
/* CONCEPT
======================================== */
.concept_page {
    position: relative;
    width:100%;
    height: 100%;
    padding-top: 5.7rem;
    overflow: auto;
}
.concept_page .about_menu_toogle_block {
    height: 45rem;
}
.concept_page .roztash_footer_item_wr {
    margin-bottom: 2.5vh;
}
.concept_page_container {
    width: 100%;
    overflow: hidden;
}
.concept_wrap {
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
}
.pro_kompl_menu_shadow {
    position: absolute;
    top: 5.7rem;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 3;
}
.concept_main_img_wr {
    position: relative;
    width: 100%;
    padding: 0 12.2vw;
    z-index: 2;

    opacity: 0;
    transition: all 0.9s ease-out;
}
.show_page_anim .concept_main_img_wr {
    transition: all 0.9s ease-out 1.6s;
    opacity: 1;
}
.concept_main_img {
    width: 100%;
    height: auto;
    display: block;
}
.concept_main_txt_wr {
    position: relative;
    width: 100%;
    padding: 7vh 12.2vw 8vh 12.2vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.concept_main_txt_half {
    width: 45%;
    font-weight: 400;;
    font-size: 1.8rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #42565d;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-out;
}
.show_page_anim .concept_main_txt_half {
    transition: all 0.9s ease-out 1.8s;
    transform: none;
    opacity: 1;
}
.concept_main_txt_half p {
    margin-bottom: 2vh;
}
.concept_footer_wr {
    position: relative;
    width: 100%;
    padding: 10vh 24vw 17.5vh 24.2vh;
    /*background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
}
.concept_img_footer{
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.concept_footer_txt_1_wr {
    margin-top: 8.5vh;
    margin-bottom: 5vh;
    font-weight: 400;
    font-size: 3.6rem;
    color: #42565d;
}
.concept_footer_txt_2_wr {
    font-weight: 700;
    font-size: 3.6rem;
    color: #a2836e;
}
.about_footer_shadow {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 72rem;
    height: auto;
    z-index: 2;
    pointer-events: none;
}
/* ========================================
/* END CONCEPT
======================================== */
/* ========================================
/* ARCH
======================================== */
.arch_page {
    position: relative;
    width:100%;
    height: 100%;
    padding-top: 5.7rem;
    overflow: auto;
}
.arch_wrap {
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;
}
.arch_main_txt_cont {
    position: relative;
    width: 100%;
    margin-top: 5.5vh;
    margin-bottom: 2vh;
    padding: 0 12.2vw;
}
.arch_footer_wr {
    position: relative;
    width: 100%;
    padding: 10vh 23vw 9.5vh 22.2vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.arch_img_footer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	z-index: -1;
}
.arch_main_txt_small_wr {

    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #42565d;
}
.arch_main_txt_small_wr p {
    width: 80%;
    margin-bottom: 3.3vh;
}
.arch_main_txt_items_cont {
    padding-bottom: 8vh;
}
.arch_main_txt_items_cont_title {
    margin-bottom: 3vh;
    font-weight: 700;
    font-size: 3.2rem;
    color: #a2836e;
}
.arch_main_txt_items_cont ul {
    list-style-type: none;
}
.arch_main_txt_items_cont ul li {
    position: relative;
    margin-bottom: 2vh;
    padding-left: 2rem;
    font-weight: 700;
    font-size: 1.6rem;
    color: #42565d;
}
.arch_main_txt_items_cont ul li::before {
    content: "";
    position: absolute;
    top: .2rem;
    left: 6px;
    width: 6px;
    height: 6px;
    background-color: #a2836e;
    border-radius: 50%;
}
.arch_page .roztash_footer_item_wr {
    margin-bottom: 8.5vh;
}
.arch_footer_item_txt_wr {
    width: calc(100% - 9.7rem);
    padding-left: 4rem;
}
.arch_footer_item_txt {
    margin-bottom: 1.5vh;
    font-weight: 700;
    font-size: 2.1rem;
    color: #53666c;
}
.arch_footer_item_small_txt {
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #42565d;
}

/* ========================================
/* END ARCH
======================================== */
/* ========================================
/* 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;
     font-weight: 700;
     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%;
    padding: 0 3rem;
    overflow: hidden;
    /*border-left: 3rem solid #ffffff;*/
    /*border-right: 3rem solid #ffffff;*/
}
.flats_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
    z-index: 2;
}
.flats_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}
.flats_move{

	display:none;
}
.flats_wr{
	position: relative;
    height:100%;
    padding-top: 5.6rem;
}
.flats_top_wr {
    position: relative;
    width: 100%;
    height: 27rem;
    padding-top: 3.5vh;
    padding-left: 11vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*background-image: url(../img/flats_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/

    opacity: 0;
    transition: all 0.9s ease-out;
}
.flats_top_img{
	position: absolute;
	top: 0;
	left: 0;
	object-fit:	cover;
	width: 100%;
	height: 100%;
}
.show_page_anim .flats_top_wr {
    transition: all 0.9s ease-out .5s;
    opacity: 1;
}
.flats_title {
    position: relative;
    margin-bottom: 2.5vh;
    font-weight: 900;
    font-size: 6.1rem;
    color: #a2836e;
    z-index: 1;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-out;
}
.show_page_anim .flats_title {
    opacity: 1;
    transform: translateY(0rem);
    transition: all 0.9s ease-out .5s;
}
.flats_cherga_btn_wr {
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    z-index: 1;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-out;
}
.show_page_anim .flats_cherga_btn_wr {
    opacity: 1;
    transform: translateY(0rem);
    transition: all 0.9s ease-out .8s;
}
.flats_cherga_btn {
    position: relative;
    height: 4.6rem;
    padding: 0 2.5rem;
    display: flex;
    align-items: center;
    margin-right: .7vw;
    font-size: 2.1rem;
    text-transform: uppercase;
    color: #957864;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flats_cherga_btn.active {
    color: #ffffff;
    pointer-events: none;
}
.flats_cherga_btn:hover {
    background: #1e2735;
}
.flats_cherga_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px #53666c;
}
.flats_cherga_btn.active::before {
    opacity: 1;
    background-color: transparent;
    background-color: #53666c;
}
.flats_cherga_btn span {
    position: relative;
}
.flats_bottom_wr {
    position: relative;
    width: 100%;
    height: calc(100% - 27rem);
    padding-top: 0.7rem;
    display: flex;
    justify-content: space-between;
}
.flats_bottom_item {
    position: relative;
    width: 24.6%;
    height: 100%;
    padding-top: 3.3vh;
    display: flex;
    justify-content: center;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.flats_bottom_item_img_1{
	position: absolute;
	top: 0;
	left: 0;
	object-fit:	cover;
	width: 100%;
	height: 100%;
}
.flats_bottom_item_img_2{
	position: absolute;
	top: 0;
	left: 0;
	object-fit:	cover;
	width: 100%;
	height: 100%;
}
.flats_bottom_item_img_3{
	position: absolute;
	top: 0;
	left: 0;
	object-fit:	cover;
	width: 100%;
	height: 100%;
}
.flats_bottom_item_img_4{
	position: absolute;
	top: 0;
	left: 0;
	object-fit:	cover;
	width: 100%;
	height: 100%;
}
.flats_bottom_item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: 2;
}
.flats_bottom_item:hover::before {
    box-shadow: inset 0 0 0 5px #a2836e;
}
.flats_bottom_item:nth-child(2) {
    opacity: 0;
    transform: translateX(10%);
    transition: all 0.9s ease-out;
    z-index: 1;
}
.flats_bottom_item:nth-child(3) {
    opacity: 0;
    transform: translateX(-10%);
    transition: all 0.9s ease-out;
    z-index: 1;
}
.show_page_anim .flats_bottom_item:nth-child(2),
.show_page_anim .flats_bottom_item:nth-child(3) {
    opacity: 1;
    transform: none;
    transition: all 0.9s ease-out 1.3s;
}
.show_page_anim .flats_bottom_item:nth-child(3) {
    opacity: 1;
    transition: all 0.9s ease-out 1.3s;
}
.flats_bottom_item:nth-child(1) {
    opacity: 0;
    transform: translateX(50%);
    transition: all 0.9s ease-out;
}
.flats_bottom_item:nth-child(4) {
    opacity: 0;
    transform: translateX(-50%);
    transition: all 0.9s ease-out;
}
.show_page_anim .flats_bottom_item:nth-child(1),
.show_page_anim .flats_bottom_item:nth-child(4) {
    opacity: 1;
    transform: none;
    transition: all 0.9s ease-out 1.6s;
}
.flats_bottom_item.sold {
    pointer-events: none;
}
.flats_bottom_item_title {
    height: 7.5rem;
    display: inline-flex;
    align-items: center;
    padding: 0 2.3rem;
    box-shadow: inset 0 0 0 2px #53666c;

    font-weight: 700;
    font-size: 3.8rem;
    text-transform: uppercase;
    color: #957864;
    position: absolute;
    z-index: 1;
}
.flats_bottom_item_area {
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 21px;
    font-weight: bold;
    color: #957864;
    z-index: 1;
}
.flats_bottom_item_area span {
    background: #fff;
    padding: 3px 5px;
}
.flats_bottom_item_sold_wr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(256, 256, 256, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flats_bottom_item.sold .flats_bottom_item_sold_wr {
    opacity: 1;
}
.flats_bottom_item_sold_txt {
    display: inline-flex;
    padding: 1.5rem 2.7rem;
    box-shadow: inset 0 0 0 2px #e02e29;
    transform: rotate(-30deg);

    font-weight: 700;
    font-size: 3.6rem;
    text-transform: uppercase;
    line-height: 45px;
    color: #e02e29;
}

/* ========================================
/* 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: 2rem 3rem;
    max-width: 100%;
    align-items: center;
    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_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 .back_btn_wr_bg path {
    fill: #232c39;
}


.back_btn_wr:hover .filt_btn_text{
	color:#fff;
  z-index: 1;
}
.filt_btn_svg polygon {
  fill: #1d1d1d;
}
.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%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.floor_btn_wr {
    width: 100%;
    display: flex;
    justify-content: space-between;
margin-top: 2vh;
}


.floor_price_wr {
    padding: 0.8rem 1rem 1.3rem 1rem;
    margin-top: 2vh;
    font-weight: 700;
    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-weight: 700;
  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_marker{
	position: absolute;
	transform: translate(-100%, -50%);
	color:white;
	font-family: "Century_Gothic_Bold";
	font-size: 1.2rem;
	pointer-events: none;
}
.gp_marker_top{
	position: absolute;
    transform: translate(-32%, -13%);
	color:white;
	font-family: "Century_Gothic_Bold";
	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-weight: 700;
    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;
    font-weight: 700;
    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;
  font-weight: 700;
	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;
	font-weight: 700;
	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;
}

.floor_consult_btn_wr{
	display: inline-block;
    padding: 0 2rem;
}
.floor_consult_btn {
    padding: 0.5rem 0;
    position: relative;
    display: inline-block;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    opacity: 0;
    transform: translateX(-5rem);
}
.show_page_anim .floor_consult_btn {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s all 1s cubic-bezier(.19,1,.22,1); /* время анимации нестандартоное */
}
.floor_consult_btn_bg{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #0075bd;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_consult_btn_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_consult_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);
}
.floor_consult_btn:hover .floor_consult_btn_bg{
   background: #232c39;
}

.floor_consult_btn_bg_before path,
.floor_consult_btn_bg_after path{

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



.floor_consult_icon_wr {
  width: 5.1rem;
     position: relative;
    margin-right: 0.5rem;
}
.floor_consult_icon {
  width: 100%;
}

.floor_consult_btn_text {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
}
.floor_consult_bigger_txt {
  font-size: 2.6rem;
}
.floor_consult_smaller_txt {
  font-size: 1.8rem;
}


.floor_reserv_btn{
margin-top: 1rem;
	    padding: 0.5rem 0;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    opacity: 0;
    transform: translateX(-5rem);
}
.show_page_anim .floor_reserv_btn {
    opacity: 1;
    transform: translateX(0);
    transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.floor_reserv_btn_bg{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #00bbc1;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_reserv_btn_bg_before{
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_reserv_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);
}
.floor_reserv_btn:hover .floor_reserv_btn_bg{
   background: #232c39;
}

.floor_reserv_btn_bg_before path,
.floor_reserv_btn_bg_after path{

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_reserv_btn:hover .floor_reserv_btn_bg_before path,
.floor_reserv_btn:hover .floor_reserv_btn_bg_after path{
   fill: #232c39;
}
.floor_reserv_icon_wr {
  width: 6.1rem;
  height: 3.7rem;
     position: relative;
    margin-right: 0.5rem;
}
.floor_reserv_icon {
  width: 100%;
  height: 100%;
}
.floor_reserv_btn_text {
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    text-align: left;
    padding-left: 0.5rem;
}
.floor_reserv_bigger_txt {
  font-size: 2.3rem;
}
.floor_reserv_smaller_txt {
  font-size: 1.8rem;
}




.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-weight: 700;
  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;
	font-weight: 700;
}
.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;
    font-weight: 700;
  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-weight: 700;
  font-size: 3.2rem;
  font-size: 2.8rem;
  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;
  font-weight: 700;
  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;
	font-weight: 700;
	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;
	font-weight: 700;
	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
======================================== */
/* ========================================
/* BREADCRUMBS
======================================== */
.breadcrumbs_wrap{
    position: absolute;
    top: 7rem;
    left: 20rem;
    pointer-events: auto;
    z-index: 2;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap{
	opacity: 1;
}
.breadcrumbs_wrap_2{
	position: absolute;
	top: 12rem;
    left: 20rem;
    pointer-events: auto;
    z-index: 1;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap_2{
	opacity: 1;
}
.breadcrumbs_wrap_3{
    position: absolute;
    top: 14rem;
    left: 21rem;
    pointer-events: auto;
    z-index: 3;
    background: #fff;
    padding: 0.5rem 1rem;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap_3{
	opacity: 1;
}
.breadcrumbs_wrap_4{
	position: absolute;
    top: 9rem;
    left: 18rem;
    pointer-events: auto;
    z-index: 3;
    background: #fff;
    padding: 0.5rem 1rem;
	opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap_4{
	opacity: 1;
}
.breadcrumbs_wrap_5{
	position: absolute;
    top: 7rem;
    left: 21rem;
    pointer-events: auto;
    z-index: 3;
    background: #fff;
    padding: 0.5rem 1rem;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap_5{
	opacity: 1;
}
.breadcrumbs_wrap_6{
	position: absolute;
    top: 7rem;
    left: 21rem;
    pointer-events: auto;
    z-index: 2;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap_6{
	opacity: 1;
}
.breadcrumbs_wrap_7{
	position: absolute;
    top: 7rem;
    left: 23rem;
    pointer-events: auto;
    z-index: 2;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap_7{
	opacity: 1;
}
.breadcrumbs_wrap_8{
	position: absolute;
    top: 14rem;
    left: 21rem;
    pointer-events: auto;
    z-index: 3;
    background: #fff;
    padding: 0.5rem 1rem;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap_8{
	opacity: 1;
}
.breadcrumbs_wrap_9{
	position: absolute;
    top: 7rem;
    left: 27rem;
    pointer-events: auto;
    z-index: 2;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .breadcrumbs_wrap_9{
	opacity: 1;
}
.breadcrumbs{
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.breadcrumds_arrow{
	width: 0.5rem;
    height: auto;
    position: relative;
    margin: auto 0.3rem;
}
.breadcrumbs br{display:none}
.breadcrumbs li{
	display:inline-block;
}
.breadcrumbs_wrap ol li:last-child{
	pointer-events: none;
	cursor: none;
}
.breadcrumbs a{
	text-decoration: none;
	display: inline-block;
	color: #3b3d49;
    font-weight: 400;
}
.breadcrumbs a span{
}
.breadcrumbs a:hover{
    color:#cf5c47;
}
/* ========================================
/* END BREADCRUMBS
======================================== */
/* ========================================
/* FLAT
======================================== */
.flat_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;

}
.flat_wr {
    position: relative;
    width:100%;
    height: 100%;
    padding: 0 4vw 0 6.5vw;
    /*padding-top: 20vh;*/
    display:flex;
    justify-content: space-between;

    /*background: url(../img/flat_bg.jpg) no-repeat;
    background-size: cover;
    background-position: top center;*/

    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.flat_img_bg{
	position: absolute;
	top: 0;
	left: 0;
	object-fit:cover;
	width: 100%;
	height: 100%;
}
.show_page_anim .flat_wr {
    opacity: 1;
}
.flat_wr::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}
.flat_wr::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}

.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: 17.5%;
    /*padding-top: 3.7vh;*/
    padding-top: 23.7vh;
    padding-bottom: 12rem;
    text-align: center;
    display: flex;
    flex-direction: column;

    opacity: 0;
    transform: translateX(50%);
    transition: all 0.9s ease-in-out 1s;
}
.show_page_anim .wrap_left {
    opacity: 1;
    transform: none;
}
.flat_back_btn_wr {
    position: relative;
    max-width: 30rem;
    height: 4.6rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}
.flat_back_btn_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.flat_back_btn_bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px #52656C;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_back_btn_arrow_wr {
    position: relative;
    width: 5rem;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    border-right: 2px solid #52656C;
}
.flat_back_btn_arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 1.4rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_back_btn_wr svg:nth-child(2),
.flat_back_btn_wr svg:nth-child(2) {
    opacity: 0;
    transform: translate(180%, -50%) rotate(90deg);
}
.flat_back_btn_wr:hover svg:nth-child(2),
.flat_back_btn_wr:hover svg:nth-child(2) {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(90deg);
}
.flat_back_btn_wr:hover svg:nth-child(1),
.flat_back_btn_wr:hover svg:nth-child(1) {
    opacity: 0;
    transform: translate(-180%, -50%) rotate(90deg);
}
.flat_back_btn_txt {
    position: relative;
    width: calc(100% - 5rem);
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1.2px;
    color: #AB8869;
    height: 4.3rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_back_btn_wr:hover .flat_back_btn_txt {
    background-color: #53666c;
    color: #fff;
}
.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: 41%;
    padding-top: 20vh;
    display: flex;
    justify-content: center;

    opacity: 0;
    transition: all 0.9s ease-in-out .8s;
}
.show_page_anim .wrap_middle_flat {
    opacity: 1;
}
.wrap_right {
    position: relative;
    height: 100%;
    width: 24%;
    max-width: 37.3rem;
    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)
}


.flat_gp_wrap{
    width:100%;
    padding-top: 4vh;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.gp_cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.gp_wrap{
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.gp_wr {
    position: relative;
    width: 100%;
    height: 32vh;
    margin-bottom: 3.5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-102%);
    opacity: 0;
    transition: opacity 0.9s cubic-bezier(.19,1,.22,1),transform 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_wr {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s opacity 0.6s cubic-bezier(.19,1,.22,1),.9s transform 0.6s cubic-bezier(.19,1,.22,1) ;
}
.gp_wr_street {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    font-weight: 700;
    font-size: 1.9rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    white-space: nowrap;
    color: #283438;
}
.gp_wr_street.top {
    top: 2.5rem;
}
.gp_wr_street.bottom {
    bottom: 1rem;
}
.gp_floor_wr {
    position: relative;
    width: 81%;
    height: 22vh;
    margin: 0 auto;
    margin-bottom: 4.5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-102%);
    opacity: 0;
    transition: opacity 0.9s cubic-bezier(.19,1,.22,1),transform 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_floor_wr {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s opacity 0.6s cubic-bezier(.19,1,.22,1),.9s transform 0.6s cubic-bezier(.19,1,.22,1) ;
}
.gp_img,
.gp_floor_img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.gp_marker_sec {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fbe1b8;
    border-radius: 12px;
    transform: translate(-50%,-50%);
    z-index: 1;
    font-size: 1.4rem;
    color: #283438;
    padding: 0.2rem 1rem;
}

.gplan_marker {
    /*position: absolute;
    pointer-events: none;
    color: #4a4c4f;
font-family: "GothamPro-Medium";
    font-size: 1.3rem;
    transform: translate(-50%, -100%);
    line-height: 1;*/
    position: absolute;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    /*font-family: GothamPro-Bold;*/
    font-weight: 700;
    color: #fff;
    background: #7a9c22;
    border: 3px solid #95c121;
    pointer-events: none;
    transform: translate(-50%, -50%);
}
.gplan_marker span {
    text-transform: uppercase;
    font-size: 0.7rem;
}

.gplan_marker_active {
    color: #323c39;
    background: #fff;
    border: 3px solid #ffe400;
}
#genplan_svg{
    /*position: absolute!important;*/
}
.flat_on_floor_cont{

}
.flat_on_floor_btns{
    display: flex;
    margin-bottom: 2vh;
    justify-content: center;
    flex-wrap: wrap;
    transform: translateX(-102%);
    opacity: 0;
    transition: transform 0.9s cubic-bezier(.19,1,.22,1), opacity 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_on_floor_btns {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s transform 0.5s cubic-bezier(.19,1,.22,1), .9s opacity 0.5s cubic-bezier(.19,1,.22,1);
}
.flat_on_floor_btn {
    position: relative;
    height: 3.2rem;
    margin-bottom: 0.5vh;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    background: #53666c;

    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #ffffff;
}
.flat_on_floor_btn span {
    margin-left: .5rem;
    color: #f4e1d0;
}
.flat_on_floor_btn:not(:last-child) {
    margin-right: 3px;
}
/*.flat_on_floor_btn:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 0rem;*/
/*    height: 0rem;*/
/*    z-index: -1;*/
/*    border-radius: 50%;*/
/*    background: #7f922c;*/
/*    transition: all .9s cubic-bezier(.19,1,.22,1);*/
/*}*/
/*.flat_on_floor_btn:hover:before {*/
/*    width: 10rem;*/
/*    height: 10rem;*/
/*}*/
.flat_on_floor_btn_active{
    color:#fff;
    background: #4c4e51;
    pointer-events: none;
}


.flat_on_floor_wrap{
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
.flat_on_floor_wr{
    max-width: 19.8rem;
    max-height: 11.9rem;
    max-height: 19.8rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 100%;
    height: 19.8rem;
    width: 100%;
    transform: translateX(-102%);
    opacity: 0;
    transition: transform 0.9s cubic-bezier(.19,1,.22,1), opacity 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_on_floor_wr {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s transform 0.5s cubic-bezier(.19,1,.22,1), .9s opacity 0.5s cubic-bezier(.19,1,.22,1);
}
.flat_on_floor_img_wr{
    position: absolute;
    /*top: 0;
    left: 0;*/
    /*width:100%;
    height: 100%;*/
    left: 0;
    top: 0;
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.9s cubic-bezier(.19,1,.22,1);

}
.flat_on_floor_img_wr_active{
    opacity: 1;
    pointer-events: auto;
}
.flat_on_floor_img{
    display: flex;
    max-width: 100%;
    max-height: 100%;
}
.flat_on_floor_svg{
    position: absolute!important;
    top: 0!important;
    left: 0!important;

}
.flat_consult_btn_wrap{


}
.flat_consult_btn_wr{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.flat_consult_btn{
    padding:1rem 2rem;
    border-radius: 25px;
    background: #48aed3;
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
    transform: translateX(102%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_consult_btn {
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.flat_consult_btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0rem;
    height: 0rem;
    border-radius: 50%;
    background: rgba(55, 50, 53, 0.4);
    background: #95c121;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.flat_consult_btn:hover:before {
    width: 30rem;
    height: 30rem;
}
.flat_consult_btn_text{
    color:#fff;

    position: relative;
    font-size: 1.7rem;
    text-transform: uppercase;
    font-family: "GothamPro-Bold";
}


.wrap_right_big {
    position: relative;
    height: 100%;
    width:78%;
}

.wrap_right_flex{
    display:flex;

}
.wrap_right_flat{
    position: relative;
    height: 100%;
    width: 25%;
    /*padding-top: 4vh;*/
    padding-top: 20vh;

    opacity: 0;
    transform: translateX(-50%);
    transition: all 0.9s ease-in-out 1s;
}
.show_page_anim .wrap_right_flat {
    opacity: 1;
    transform: none;
}
.wrap_right_flat_cont {
    position: relative;
    width: 100%;
    height: 100%;
}
.flat_plan_wr{
    height: 100%;
    width: 100%;
}
.flat_plan_scroll_wrap {
    height: calc(100% - 8rem);
    position: relative;
}
.wind_rose{
    position: absolute;
    top: 0;
    left: 0%;
    width: 10.7rem;
    z-index: 1;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .wind_rose {
    /*transform: translate(-91%, -47%);*/
    opacity: 1;
    transition: .9s opacity 0.9s cubic-bezier(.19,1,.22,1), .9s transform 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_tittle_wr{
    margin-bottom: 2rem;

}
.flat_tittle{
    text-align: center;
}
.flat_house{
    font-size: 1.8rem;
    color:#38383a;
    font-weight: 700;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_house{
    transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}

.flat_room_num {
    font-weight: 700;
    font-size: 3.7rem;
    text-transform: uppercase;
    text-align: left;
    color: #2e4147;
}

.flat_section_wr{
    display:inline-flex;
    align-items: center;
}
.flat_section{
    padding:0 1rem;
    text-align: center;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_section{
    transform: translateY(0rem);
    opacity: 1;
    transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.flat_sect_line{
    width: 2px;
    background: #d7dbcf;
    opacity: 0.15;
    opacity: 0;
}
.show_page_anim .flat_sect_line {
    opacity: 1;
    transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.flat_sect{
    color:#1e2735;
    font-weight: 700;
    font-size: 1.8rem;
    white-space: nowrap;
}
.flat_floor{
    color:#1e2735;
    font-weight: 700;
    font-size: 1.8rem;
}
.line_short{
    height: 9rem;

}

.flat_plan{
    position: relative;
    margin: auto;
    width: 60rem;
    height: 60rem;
    width: 100%;
    height: calc(100vh - 19rem);
    min-height: 414px;
    height: 100%;
    transform: translateY(3rem);
    opacity: 0;
    transition: all 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_plan_floor {
    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;
}
.flat_plan_floor_1 {
    transform: translateX(-5rem);
}
.flat_plan_floor_2{
	transform: translateX(5rem);
}
.flat_plan_floor_active {
    transition: 0.9s opacity 0.5s cubic-bezier(.19,1,.22,1), 0.9s transform 0.5s cubic-bezier(.19,1,.22,1);
    pointer-events: auto;
    opacity: 1;
    transform: translateX(0rem);
}



.flat_type{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    transition: all 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{
    pointer-events: auto;
    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{
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_type_active .flat_img_wr {
    pointer-events: auto;
    opacity: 1;

}
.flat_img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width:100%;
    max-height:100%;
    display: block;
}
.gp_marker_wrap {
    position: absolute!important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}
.marker_wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width:100%;
    height: 100%;
    margin: auto;
}
.marker_room{
    position: absolute;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #46575c;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    font-size: 2.37rem;
    color: #fff;
}
.change_view_cont{
    position: absolute;
    top: 12.5vh;
    left: 50%;
    transform: translateX();
    display: inline-flex;
    align-items: center;
    z-index: 1;

    opacity: 0;
    transform: translate(-50%, 5rem);
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .change_view_cont {
    opacity: 1;
    transform: translate(-50%, 0);
}
.change_view_num {
    position: relative;
    font-weight: 700;
    font-size: 3.2rem;
    text-transform: uppercase;
    color: #2e4147;
    pointer-events: all;
    z-index: 1;
}
.change_view_num.active {
    pointer-events: none;
}
.change_view_num:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 12rem;
    height: 100%;
    /*background: lightblue;*/
}
.active.change_view_num:first-child::before {
    pointer-events: none;
}
.change_view_num:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12rem;
    height: 100%;
    /*background: lightgreen;*/
}
.active.change_view_num:last-child::before {
    pointer-events: none;
}
.change_view_toggle_wr {
    width: 6rem;
    height: 1.6rem;
    margin: 0 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10rem;
    background: radial-gradient(ellipse at center, #53666c 50%,#3d4a4f 80%);
    transform: translateY(-.3rem);
}
.change_view_toggle_move {
    width: 3.7rem;
    height: 3.7rem;
    background: radial-gradient(ellipse at center, #53666c 50%,#3d4a4f 80%);
    border: .5rem solid #dbccbd;
    border-radius: 50%;
    transform: translateX(-41%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.change_view_toggle_move.right {
    transform: translateX(41%);
}

.flat_change_type_wrap{
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.flat_change_type_wr{
    display:flex;
}
.flat_change_type{
    position: relative;
    cursor: pointer;
    color: #373235;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-family: "GothamPro-Bold";
    padding: 1rem 3rem;
    margin: 0 0.5rem;
    border: 2px solid #949494;
    border-radius: 25px;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_change_type_active{
    border: 2px solid #95c121;
    pointer-events: none;
    color:#95c121;
}
.flat_change_type:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0rem;
    height: 0rem;
    border-radius: 50%;
    background: #7f922c;
    background: rgba(55, 50, 53, 0.4);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.flat_change_type:hover:before {
    width: 30rem;
    height: 30rem;
}





.flat_floor_level {
    margin: 0 2rem;
    padding: 0.5rem 1rem;
    color: #1e2735;
    font-weight: 700;
    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{
    width: 100%;
    max-width: 30rem;
}


.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.7s cubic-bezier(.19,1,.22,1);
}
.change_view_wrap{
    margin-bottom: 2rem;	
}
.change_view_wr{
display: flex;	
}
.change_view{
    background-color: #957864;
    color: #fff;
    font-size: 1.6rem;
    height: 4.3rem;
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: center;
    text-transform: uppercase;	
    cursor: pointer;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.change_view_active{
    background-color: #52656C;	
    pointer-events: none;
}
.change_view:hover {
    background-color: #52656C;
}



.flat_type_name_wrap{
}
.flat_type_name_wr{
    position: relative;
}
.flat_type_name {
    font-weight: 400;
    font-size: 4.2rem;
    text-transform: uppercase;
    text-align: left;
    color: #957864;
    line-height: 0.9;
    margin-bottom: 1rem;
}
.flat_area{
    display: flex;
    justify-content: space-around;
    position: relative;
    width: 100%;
    height: 6.7rem;
    background: #53666c;
    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_wr{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.flat_area_div {
    margin: 0.5rem 0;
}
.flat_area_line{
    width: 2px;
    height: 55%;
    margin: auto 0;
    background: #cccccd;
    opacity: .5;
}


.flat_area_text {
    font-weight: 400;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
    margin: 0.5rem 0;
}
.flat_area_text sup{
    font-size: 0.8rem;
}
.flat_area_number {
    font-weight: 700;
    font-size: 2.6rem;
    letter-spacing: 2px;
    color:#ffffff;
}
.expl_cont {
    width: 100%;
    height: 35%;
    max-height: 27rem;
    padding-top: 1.1vh;
    display: inline-block;
    overflow: hidden;
    box-shadow: inset 0 0 0 2px #53666c;
}
.expl_wr {
    font-size: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    color: #6c627a;
}

.expl_scroll{
    width: 100%;
}
.flat_wrap .mCSB_1_container{
    margin: 0!important;
}
.flat_wrap .mCSB_container{
    padding-right: 20px!important;
    margin: 0!important;
}
.flat_wrap .mCSB_scrollTools .mCSB_dragger {
    background: #53666c;
    width: 3px;
}
.flat_wrap .mCSB_dragger .mCSB_dragger_bar{
    background:none!important;
}
.expl_wr sup{
    font-size:1rem;
}
.expl_wr_count {
    position: relative;
    width: 3rem;
    display:flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.expl_wr_room{
    width: 60%;
    display: flex;
    align-items: center;
    text-align: left;
    color:#4a4c4f;
}
.expl_wr_defis{
    color:#545659;
    opacity: 0.4;

}
.expl_wr_number{
    width: 32%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
}
.expl_tr{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    align-items: center;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #282b2c;
}

.flat_btns_conteiner{
    display:flex;
    justify-content: center;
}
.flat_btn_wrap{
    text-align: center;
    padding-top: 2.2vh;
}
.flat_btn_wr {
    width: 30rem;
    height: 4.3rem;
    margin-bottom: 1vh;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.flat_btn_txt {
    width: calc(100% - 4.5rem);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #52656C;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    color: #ffffff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_btn_new_bg {
    background-color: #957864;
}
.flat_btn_new_bg:hover {
    background-color: #52656C;
}
.flat_btn_icon {
    width: 4.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DBCBBB;
}
.flat_btn_icon svg {
    width: 53%;
    height: auto;
}

.download_pdf_wr {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;

    border-radius: 25px;
    border: 2px solid #95c121;
    padding: 0.8rem 1.5rem;
    overflow: hidden;
    transform: translateX(102%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .download_pdf_wr{
    transform: translateX(0rem);
    opacity: 1;
    transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.download_pdf_wr:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0rem;
    height: 0rem;
    border-radius: 50%;
    background: #7f922c;
    background: rgba(55, 50, 53, 0.4);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.download_pdf_wr:hover:before {
    width: 30rem;
    height: 30rem;
}
.download_pdf_text{
    margin-right: 1rem;
    color: #4a4c4f;
    font-size: 1.7rem;
    text-transform: uppercase;
    font-family: "GothamPro-Bold";

    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.download_pdf_wr:hover .download_pdf_text{


}
.download_pdf_icon{
    width: 2.2rem;
    height: auto;
    position: relative;
}
.download_pdf_icon polygon{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.download_pdf_wr:hover polygon{

}
.flat_pagin_wrap{
    text-align: left;
}
.flat_pagin_cont{

}

.flat_plan_scroll{
    height: 100%;
    position: relative;
}
.back_flat_btn_cont{
    position: absolute;
    left: 0;
    top: 4vh;
    z-index: 1;
}
.back_flat_btn_wrap{
    display: inline-flex;
    overflow: hidden;

}

.back_flat_btn_wr{
    display: inline-flex;
    border-radius: 25px;
    border: 2px solid rgba(55, 50, 53, 0.4);
    margin: 0.5rem 0;
    padding: 1rem 2rem;
    overflow: hidden;
    transform: translateX(-102%);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .back_flat_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_flat_btn_wr:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0rem;
    height: 0rem;
    border-radius: 50%;
    background: #7f922c;
    background: rgba(55, 50, 53, 0.4);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.back_flat_btn_wr:hover:before {
    width: 30rem;
    height: 30rem;
}
.back_flat_btn_text{
    color:#373235;
    font-size: 1.6rem;
    font-family: "GothamPro-Bold";
    text-transform: uppercase;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.back_flat_btn_svg{
    width: 1.9rem;
    transform: scale(-1);
    margin-right: 1rem;
}
.back_flat_btn_svg polygon {
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.back_flat_btn_wr:hover polygon {
    fill: #373235;
}


.genplan_icon_zoom{
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 4.5rem;
    cursor: pointer;
}
.genplan_icon_zoom path,
.genplan_icon_zoom polygon{
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.genplan_icon_zoom:hover path,
.genplan_icon_zoom:hover polygon{
    fill:#4a4c4f;
}

/* ========================================
/* END FLAT
======================================== */

/* ========================================
/* FILTER
======================================== */
.fil_page{
	position: relative;
	width:100%;
	height: 100%;
  z-index: -2;
}
.fil_wrap{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 35.5vh;
    /*background-image: url("../img/filter_bg.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;*/
    border-left: 3rem solid #ffffff;
    border-right: 3rem solid #ffffff;

    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
    top: -50px
}
.bg_filter{
	position: relative;
	display: none;
}
.bg_img_filter{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.fill_bg_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events:none;
}
.show_page_anim .fil_wrap {
    opacity: 1;
}
.filter_back_btn_wr {
    position: absolute;
    top: 28vh;
    left: 15.5rem;
    height: 4.6rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1;

    opacity: 0;
    transition: all 0.9s ease-in-out .8s;
}
.show_page_anim .filter_back_btn_wr {
    opacity: 1;
}
.filter_back_btn_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.filter_back_btn_bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px #52656C;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filter_back_btn_arrow_wr {
    position: relative;
    height: 100%;
    padding: 1rem 2rem;
    display: flex;
    align-content: center;
    justify-content: center;
    border-right: 2px solid #52656C;
}
.filter_back_btn_arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 1.4rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filter_back_btn_wr svg:nth-child(2),
.filter_back_btn_wr svg:nth-child(2) {
    opacity: 0;
    transform: translate(180%, -50%) rotate(90deg);
}
.filter_back_btn_wr:hover svg:nth-child(2),
.filter_back_btn_wr:hover svg:nth-child(2) {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(90deg);
}
.filter_back_btn_wr:hover svg:nth-child(1),
.filter_back_btn_wr:hover svg:nth-child(1) {
    opacity: 0;
    transform: translate(-180%, -50%) rotate(90deg);
}
.filter_back_btn_txt {
    position: relative;
    height: 100%;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #AB8869;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filter_back_btn_wr:hover .filter_back_btn_txt {
     background-color: #53666c;
    color: #fff;
 }
.filter_cont_wrap {
    position: relative;
    width: 76vw;
    min-width: 760px;
}
.filter_title_box {
    padding-left: 150px;
    padding-top: 50px;
    position: relative;
    z-index: 50;
}
.filter_cont_title {
    /* margin-bottom: 3vh;
    padding-right: 1.4vw;
    font-size: 7.6rem;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    color: #957864; */
    /* position: relative; */
    margin-bottom: 2vh;
    font-weight: 900;
    font-size: 6.1rem;
    color: #a2836e;
    text-align: left;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .5s;
}

.hb_one_photo_title {
    margin-bottom: 2vh;
    margin-left: 150px;
    margin-right: 150px;
    padding-top: 53px;
   	font-weight: 900;
    font-size: 6.1rem;
    color: #a2836e;
    text-align: left;
    transition: all 0.9s ease-in-out .5s;
    position: relative;
    z-index: 14;
}
.show_page_anim .filter_cont_title {
    opacity: 1;
    transform: translateY(0rem);
}
.filter_slider_wr {
    position: relative;
}
.filter_slider {
    height: calc(100%);
    overflow: hidden;
    width: 100%;
    margin-bottom: 6.5vh;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .9s;
}
.show_page_anim .filter_slider {
    opacity: 1;
    transform: none;
}
.filter_cont_slide {
    display: flex;
    justify-content: center;
}
.filter_cont_link {
    width: 100%;
    padding: 2.5rem 2rem 1rem 2rem;

    display: block;
    box-shadow: inset 0 0 0 2px #2e4147;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filter_cont_link:hover {
    box-shadow: inset 0 0 0 5px #2e4147;
}
.filter_cont_img_wr {
    width: 100%;
    height: 30vh;
    margin-bottom: 4vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter_cont_img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
}
.filter_cont_flat_sqr {
    margin-bottom: 0.4vh;

    font-size: 3.4rem;
    text-align: center;
    color: #2e4147;
}
.filter_cont_flat_name {
    font-weight: 700;
    font-size: 2.1rem;
    text-transform: uppercase;
    text-align: center;
    color: #957864;
}
body .next_filter_news {
    top: 50%;
    transform: translateY(-50%);
    right: -10.5rem;
    width: 6.5rem;
    height: 6.5rem;
    margin: 0;
    background: #42565D;
    display: flex;
    justify-content: center;
    align-self: center;
}
body .prev_filter_news {
    top: 50%;
    transform: translateY(-50%);
    left: -10.5rem;
    width: 6.5rem;
    height: 6.5rem;
    margin: 0;
    background: #42565D;
    display: flex;
    justify-content: center;
    align-self: center;
}
.prev_filter_news .arrow_news_svg {
    transform: scale(-1);
}
.filter_pagination {
    position: relative;
    display: flex;
    justify-content: center;
}

/* ========================================
/* END FILTER
======================================== */

/* ========================================
/* UMOVU
======================================== */
.umovu_page{
    position: relative;
    width: 100%;
    min-height: 100%;
    display: flex;
    padding: 0 3rem;
    /*border-left: 3rem solid #ffffff;*/
    /*border-right: 3rem solid #ffffff;*/
}
.umovu_page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
    z-index: 2;
}
.umovu_page::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
}
.umovu_content_wrap {
    position: relative;
    width: 60%;
    height: 100%;
    /*padding: 10vh 20rem 0 21rem;*/
    padding: 10vh 10.5vw 0 10.5vw;
    background: url(../img/umovu_cont_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;

    font-weight: 400;
    font-size: 1.9rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #42565d;
	font-weight: 400;
	    padding-bottom: 5rem;
    opacity: 0;
    transition: all 0.9s ease-in-out .4s;
}
.show_page_anim .umovu_content_wrap {
    opacity: 1;
}
.umovu_title {
    position: relative;
    margin-bottom: 4vh;
    z-index: 1;

    font-weight: 900;
    font-size: 6.1rem;
    line-height: 1.2;
    color: #957864;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .5s;
}
.show_page_anim .umovu_title {
    opacity: 1;
    transform: translateY(0rem);
}
.umovu_text_wr_1 {
    margin-bottom: 4vh;
}
.umovu_text_wr_1 p {
    margin-bottom: 2vh;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out;
}
.show_page_anim .umovu_text_wr_1 p:first-child {
    opacity: 1;
    transform: translateY(0rem);
     transition: all 0.9s ease-in-out .65s;
}
.show_page_anim .umovu_text_wr_1 p {
    opacity: 1;
    transform: translateY(0rem);
        transition: all 0.9s ease-in-out .8s;
}
.umovu_text_wr_1 ul {
    list-style-type: none;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .8s;
}
.show_page_anim .umovu_text_wr_1 ul {
    opacity: 1;
    transform: translateY(0rem);
}
.umovu_text_wr_1 ul li {
    position: relative;
    margin-bottom: 1.5vh;
    padding-left: 2rem;
    display: flex;
    align-items: flex-start;
    font-weight: 700;
    font-size: 1.8rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #42565d;
}
.umovu_text_wr_1 ul li::before {
    content: "";
    position: absolute;
    top: .5rem;
    left: 6px;
    width: 6px;
    height: 6px;
    background-color: #a2836e;
    border-radius: 50%;
}
.umovu_text_wr_1 ul li sup {
    transform: translateY(-5px);
}
.umovu_text_wr_1 p:last-child {
    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out .95s;
}
.show_page_anim .umovu_text_wr_1 p:last-child {
    opacity: 1;
    transform: translateY(0rem);
}
.umovu_cherga_wrap {
    margin-bottom: 5vh;
    display: flex;
    align-content: center;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.1s;
}
.show_page_anim .umovu_cherga_wrap {
    opacity: 1;
    transform: translateY(0rem);
}
.umovu_cherga_item_wr {
    height: 5rem;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 2px #42565d;

    font-weight: 700;
    font-size: 1.9rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #42565d;
}
.umovu_cherga_item_wr:first-child {
    margin-right: 1rem;
}
.umovu_text_wr_3 {
    margin-bottom: 5.5vh;

   	font-weight: 700;
    font-size: 2.1rem;
    letter-spacing: 1px;
    line-height: 2rem;
    color: #957864;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.25s;
}
.show_page_anim .umovu_text_wr_3 {
    opacity: 1;
    transform: translateY(0rem);
}
.umovu_text_manager_wr {
    margin-bottom: 2.3vh;

    font-weight: 400;
    font-size: 1.9rem;
    letter-spacing: 1px;
    line-height: 1.8rem;
    color: #42565d;

    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.9s ease-in-out 1.4s;
}
.show_page_anim .umovu_text_manager_wr {
    opacity: 1;
    transform: translateY(0rem);
}

.umovu_text_manager_wr span {
    font-weight: 400;
    font-size: 2.1rem;
    font-weight: 700;
}
.umovu_text_manager_wr a span  {
    color: #42565d;
}

.umovu_img_wr {
    width: 40%;
    /*background: url(../img/bg_umovu_crop_min.jpg) no-repeat;
    background-size: cover;
    background-position: center right;*/

    opacity: 0;
    transform: translateX(-20%);
    transition: all 0.9s ease-in-out .5s;
}
.bg_umovu_crop_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events:none;
	object-position: right;
}
.show_page_anim .umovu_img_wr {
    opacity: 1;
    transform: translateX(0%);
}
.umovu_footer_bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 82rem;
    height: auto;
    pointer-events: none;

    opacity: 0;
    transition: all 0.9s ease-in-out .6s;
}
.show_page_anim .umovu_footer_bg {
    opacity: 1;
}


/* ========================================
/* 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;
    font-weight: 700;
        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;
	font-weight: 700;
	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;
	font-weight: 700;
	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;
    font-weight: 700;
    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
======================================== */

/* ========================================
/* COMERCIAL
======================================== */
.comercial_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 8rem;
}
.com_title{
	font-size: 4rem;
	color:#4b415a;
	font-weight: 700;
	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;
	font-weight: 700;
}
.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;
	font-weight: 700;
}
.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;
	font-weight: 700;
}
.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;
	font-weight: 700;
	    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;
	font-weight: 700;
}
.com_area_line{
	color:#7d7d82;
	text-transform: uppercase;
	font-weight: 700;
	margin:0 1rem;
}
.com_area_number{
	color:#353537;
	font-weight: 700;

}
.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;
    font-weight: 700;
}
.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;
    font-weight: 700;
    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{
    font-weight: 700;
}
.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;

    /*border-left: 3rem solid #ffffff;*/
    /*border-right: 3rem solid #ffffff;*/

    overflow: auto;
}
.perevagu_page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
    z-index: 1;
}
.perevagu_page::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-color: #ffffff;
    z-index: 1;
}
.perevagu_wrap {
    position: relative;
    width: 100%;
    padding: 0 3rem;
    padding-top: 15.5vh;
}
.perevagu_bg {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
     /*background-image: url(../img/news_bg_min.png); 
     background-repeat: no-repeat; 
     background-position: center; 
     background-size: cover; */
    opacity: 0;
    transition: all 0.9s ease-out;
    height: 100%;
    overflow: hidden;
}
.perevagu_img_bg{
	position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    pointer-events: none;
    height: calc(100% + 63vh)
}
.perevagu_bg_img_2{
	position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.show_page_anim .perevagu_bg {
    transition: all 0.9s ease-out .5s;
    opacity: 1;
}
.perevagu_bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, #ffffff 40%, transparent);
}
.perevagu_title {
    position: relative;
    padding-left: 15vw;

    font-weight: 900;
    font-size: 6.1rem;
    color: #a2836e;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.show_page_anim .perevagu_title {
    transition: all 0.9s ease-out .5s;
    transform: translateY(0rem);
    opacity: 1;
}
.perevagu_cont_items_wrap {
    position: relative;
    width: 100%;
}
.perevagu_cont_item_wr {
    width: 100%;
    height: 48rem;
    display: flex;
    align-items: center;

    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.9s ease-out;
}
.show_page_anim .perevagu_cont_item_wr {
    transition: all 0.9s ease-out .9s;
    transform: translateY(0rem);
    opacity: 1;
}
.show_page_anim .perevagu_cont_item_wr:nth-child(2) {
    transition: all 0.9s ease-out 1.3s;
}
.show_page_anim .perevagu_cont_item_wr:nth-child(3) {
    transition: all 0.9s ease-out 1.5s;
}
.perevagu_cont_item_txt_cont_wr {
    width: 50%;
    height: 100%;
    /*padding: 0 9rem;*/
    padding: 0 4.7vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.perevagu_cont_item_ico_wr {
    width: 8.8vw;
    height: 8.8vw;
    max-width: 18vh;
    max-height: 18vh;
    min-width: 88px;
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #a2836e;
}
.perevagu_cont_item_ico_wr img {
    max-width: 59%;
    max-height: 51%;
}
.perevagu_cont_item_txt_wr {
    width: calc(100% - 8.8vw);
    height: 17rem;
    padding-left: 3rem;
}
.perevagu_cont_item_txt_title {
    margin-bottom: 2vh;

    font-weight: 700;
    font-size: 3.4rem;
    color: #53666c;
}
.perevagu_cont_item_txt {
    font-size: 1.6rem;
    letter-spacing: .4px;
    line-height: 19px;
    color: #42565d;
}
.perevagu_cont_item_img {
    width: 50%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* 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;
    font-weight: 700;
    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;
}
/* BANNER ON MAIN */
.rek_cont{
	position: absolute;
	top: 13rem;
	right: 2rem;
	text-align: center;
	z-index: 1;
	display: block;
	width:calc(20.2rem + 20px);
	overflow: hidden;
	padding:10px;
}
.rek_wrap{
	display:block;
	background: #fff;
    box-shadow: 0 0 0 10px rgba(237, 196, 28, 0.81);
	transform: translateX(102%);
	opacity: 0;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .rek_wrap{
	opacity: 1;
	transform: translateX(0);
	transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.rek_wrap:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 0px #1e2735;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.rek_wrap:hover:before{
    box-shadow: 0 0 0 10px #1e2735;
}
.rek_img{
	width:26.1rem;
	width:100%;
	display: block;
}
.rek_title{
    color: #1e2735;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: left;
        padding: 1rem;
}
.rek_link_wr{
	position: relative;
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: 1;
    padding: 0.5rem 2rem;
    display: inline-flex;
    align-items: center;
    margin: 1rem 0 1rem;
}
.rek_wrap:hover .main_link {
    color: #fff;
}
.rek_wrap path{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.rek_wrap:hover .main_link_wr_bg  path {
    fill: #1e2735;
}
.rek_wrap:hover .rek_link_arrow  path {
    fill: #fff;
}
.rek_link_arrow{
    width: 1.5rem;
    position: relative;
    height: auto;

    margin-left: 1rem;
}
.commercial_wrap .filter_tittle{
    font-size: 2.8rem;
    margin-bottom: 2rem;

}
.floor_commercial_wrap .flat_marker_head{
    font-size: 2.2rem;
}
.flat_com_wrap .flat_plan{
    height: calc(100vh - 28rem);
}

/* 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;
    font-weight: 700;
    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;
    font-weight: 700;
    position: relative;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.error_btn:hover .error_btn_text {
    color: #fff;
}

/* WINDOWS VIEW */
.windows_wrap {
    height: 100%;
}
.windows_wr {
    height: 100%;
}
.windows_cb_btn {
    position: absolute;
    top: 0;
    left: 0;
}
.main_flats_link_wrap_2{
	margin-left: 1.9rem;
	position: relative;
    overflow: hidden;
    padding: 10px;
    pointer-events: auto;
}
.main_flats_link_wr_2 {
display: flex;
    background: #1b232e;
    box-shadow: 0 0 0 10px rgba(27, 35, 46, 0.6);
    padding: 1rem;
    transform: translateY(calc(100% + 20px));
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_flats_link_wr_2 {
    transform: translateY(0%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1), .9s transform 1s cubic-bezier(.19,1,.22,1);
}
.main_flats_link_wr_2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 0px #f9cb0c;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_link_wr_2:hover:before {
    box-shadow: 0 0 0 10px #f9cb0c;
}
.main_flats_link_right_2 {
    font-weight: 700;
    color: #f9cb0c;
    line-height: 1;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-left: 1.2rem;
}
.main_flats_link_icon_2 {
    height: 6.4rem;
    margin-right: 0.5rem;
    display: block;
    transform: translateY(100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_flats_link_icon_2 {
    transform: translateY(0%);
    transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}

/* END WINDOWS VIEW */
/*.as-action-button__group{
	opacity:0!important;
	pointer-events: none;
}*/


/*@media screen and (max-width: 1500px), (max-height: 800px) {*/
@media screen and (max-width: 1680px), (max-height: 800px) {
    html {
        font-size: 9px;
    }
    .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_slogan {
    	font-size: 3.3rem;
    	margin-bottom: 1vh;
    	line-height: 0.9;
	}
	.main_slogan_2_wr,
	.main_slogan_3_wr{
		margin:0;
	}
	.main_text {
    	font-size: 1.5rem;
	}
	.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_consult_bigger_txt {
	    font-size: 2rem;
	}
	.floor_consult_smaller_txt {
	    font-size: 1.3rem;
	}
	.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;
  }
	.download_pdf_text{
		font-size:1.4rem;
		    margin-left: 0.5rem;
	}
	.print_pdf_text,
	.flat_print_txt{
		font-size:1.4rem;
		    margin-left: 0.5rem;
	}
	.download_pdf_icon {
    	width: 1.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;
	}
    /*-------------------- NEWS ------------------------*/
    .news_wrap {
        padding: 16vh 9vw 6vh 11vw;
    }
    /*-------------------- END NEWS --------------------*/
    /*-------------------- UMOVU --------------------*/
    .umovu_content_wrap {
        padding: 10vh 6.5vw 5rem 9.5vw;
    }
    /*-------------------- END UMOVU --------------------*/
    /*------------------ FLAT ---------------------*/
    .wrap_left {
        width: 20%;
    }
    /*------------------ END FLAT ---------------------*/
    .form_img_container{
	    /*margin-bottom: 3.5vh;	*/
	}
	.sub_tittle {
	    font-size: 2.5rem;
	    /*margin-bottom: 1.8rem;*/
	}
	#formText {
		height: 8rem;
	}
}
@media screen and (max-width: 1350px), (max-height: 700px) {
  html {
      font-size: 8px;
  }
    /*------------------ PEREVAGU -------------------------*/
    .perevagu_cont_item_ico_wr {
        padding: 3rem;
    }
    .perevagu_cont_items_wrap {
        padding-bottom: 5rem;
    }
    /*------------------ END PEREVAGU ---------------------*/
    /*------------------ FLAT ---------------------*/
    .wrap_left {
        width: 21%;
    }
    /*------------------ END FLAT ---------------------*/
    .video_txt {
        font-size: 3rem;
    }
    .contetn_bold_text_2 {
        font-size: 4.5rem;
    }
    .expl_tr {
	    font-size: 1.6rem;
	}
}
@media screen and (max-width: 1280px), (max-height: 600px) {
  html {
      font-size: 7px;
  }
    .map_filt_wr{
		padding-top: 2vh;
	}
	.map_filt_tittle {
	    margin-bottom: 3vh;
	}
	.map_filt_li {
    	margin: 1vh 0;
	}
	.fil_hide_markers {
    	margin-top: 1vh;
	}
    .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;
	}

	.menu_tel {
    	font-size: 1.8rem;
	}
	.menu_tw {
    	font-size: 1.1rem;
	}
    .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;
	}
  .filt_btn_svg{
  	width: 1.8rem;
  	height: auto;
  }

	.floor_crums_sec {
    	font-size: 2.5rem;
	}
	.floor_crums_floor {
    	font-size: 2.3rem;
	}
	.floor_consult_bigger_txt {
	    font-size: 2rem;
	}
	.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;
  }

  .floor_price_num {
    font-size: 2.5rem;
  }
	.floor_crums_dom {
    	font-size: 4rem;
	}
	.menu_left {
	}
	.menu_mid {
    	/*width: calc(100% - 51rem);*/
	}
	.menu_ul:nth-child(2) .menu_second {
	    white-space: normal;
	}
	.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;
  }
	.download_pdf_wr{
	    padding: 1rem 2rem;
	    height: 4rem;
	}
	.floor_cb_btn_wr{
	    padding: 1rem 1rem;
	    height: 7rem;
	}
  .print_pdf_icon {
    	width: 2.4rem;
	}
  .flat_print_icon {
    width: 2.4rem;
  }
  .flat_download_icon {
    width: 2.6rem;
  }
	.download_pdf_icon {
    	width: 2.6rem;
	}
  .print_pdf_text{
		font-size:1.4rem;
	}
  .flat_download_txt {
    font-size: 1.4rem;
  }
	.download_pdf_text{
		font-size:1.4rem;
	}
	.floor_cb_btn_text{
		font-size:1.2rem;

	}
	.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_right {
    	width: 107.5rem;
	}
	.news_left {
    	width: calc(100% - 107.5rem);
	}
    .sixth_go_btn_wr {
        height: 5.5rem;
    }
    .sixth_go_txt {
        width: 25rem;
        font-size: 2rem;
    }
    .sixth_ico {
        width: 5rem;
    }
    .main_logo_wr img {
    	width: 6.5vw;
	}
	

    /*-------------------- MAIN ------------------------*/
    .main_second_right {
        padding-top: 35vh;
    }
    .sixth_flat_title_txt {
        font-size: 1.8rem;
    }
    .sixth_flat_title_num {
        font-size: 2rem;
    }
    /*-------------------- END MAIN --------------------*/
    /*-------------------- NEWS ------------------------*/
    .news_wrap {
        padding: 13vh 9vw 6vh 10vw;
    }
    /*-------------------- END NEWS --------------------*/
    /*-------------------- INFRA ------------------------*/
    .about_page_wr {
        left: 2.2vw;
    }
    .roztash_time_wrap,
    .infra_main_img_wr,
    .infra_local_wrap,
    .infra_cont_wrap {
        padding-left: 2.2vw;
        padding-right: 2.2vw;
    }
    /*-------------------- END INFRA --------------------*/
    /*-------------------- UMOVU ------------------------*/
    .umovu_content_wrap {
        padding-right: 4vw;
    }
    .umovu_title {
        font-size: 5.5rem;
    }
    .umovu_cherga_item_wr {
        font-size: 1.5rem;
    }
    /*-------------------- END UMOVU --------------------*/
    /*-------------------- PEREVAGU --------------------*/
    .perevagu_cont_items_wrap {
        padding-bottom: 9rem;
    }
    /*-------------------- END PEREVAGU --------------------*/
    /*-------------------- FLAT --------------------*/
    .wrap_left {
        width: 23.5%;
    }
    /*-------------------- END FLAT --------------------*/
}

.privacy-policy {
    padding: 32px 16px;
    position: fixed;
    bottom: 0;
    background-color: rgba(255, 255, 255, .95);
    width: 100%;
    z-index: 20;
}

@media only screen and (min-width: 768px) {
  .privacy-policy {
    padding: 35px 43px
  }
}
@media only screen and (max-width: 768px) {
	.breadcrumbs_wrap{
		left: 17rem;
	}
	.privacy-policy {
       padding: 15px 16px 10px 16px;
    position: fixed;
    bottom: 0;
    background-color: rgba(255, 255, 255, .95);
    width: 100%;
    z-index: 20;
}
.dev_btn {
    position: relative;
    height: 4.4rem;
    display: inline-flex;
    cursor: pointer;
    transform: translateY(0rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dev_btn_txt {
    padding: 0 5vmin;
    font-size: 3vmin;
}
.dev_btn {
    height: 8vmin;
    opacity: 1;
}
}
@media only screen and (min-width: 1140px) {
  .privacy-policy {
    /*padding: 31px 0;*/
    padding: 21px 35px;
  }
}

.privacy-policy__btn-box {
  display: grid;
  grid-row-gap: 15px;
  /*margin-top: 20px;*/
  margin-top: 12px;
  grid-auto-rows: max-content;
}

@media only screen and (min-width: 1140px) {
  .privacy-policy__btn-box {
    margin-top: unset;
  }
}

.privacy-policy__title {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;

  color: #A2836E;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .privacy-policy__title {
    /*font-size: 18px;
    line-height: 20px;*/
    font-size: 17px;
     line-height: 15px;
  }
}

.privacy-policy__paragraph,
.privacy-policy__link,
.privacy-policy__link a {
  font-size: 12px;
  line-height: 13px;
  margin-bottom: 10px;
  color: #53666C;
}

@media only screen and (min-width: 768px) {
  .privacy-policy__paragraph {
    font-size: 14px;
    line-height: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .privacy-policy__link {
    /*margin-bottom: 33px;*/
    margin-bottom: 3px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) {
  .privacy-policy__link,
  .privacy-policy__link a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1140px) {
  .privacy-policy__link {
  .privacy-policy__link {
    margin-bottom: unset;
  }
}

.privacy-policy__link a {
  border-bottom: 1px solid #53666C;
  padding-bottom: 3px;
}

.privacy-policy__btn-box .dev_btn {
  width: unset;
  height: 40px;
  transform: unset;
}

@media only screen and (min-width: 1140px) {
  .privacy-policy__btn-box .dev_btn  {
    width: 247px;
  }
}

.privacy-policy__btn-box .dev_btn_txt  {
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  padding: 0 16px;
} 

.privacy-policy-page {
  border-bottom: 10px solid #DACBBC;
  padding: 0 16px;
}

@media only screen and (min-width: 768px) {
  .privacy-policy-page__wrapper {
    width: 1054px;
    margin: 0 auto;
    padding: 0 43px;
  }
}

@media only screen and (min-width: 1140px) {
  .privacy-policy-page__wrapper {
    padding: unset;
  }
}

@media only screen and (min-width: 768px) {
  .privacy-policy-page {
    padding: unset;
  }
}

@media only screen and (min-width: 1140px) {
  .privacy-policy__wrapper {
    display: flex;
    grid-column-gap: 112px;
    align-items: center;
    
    /*width: 1054px;*/
    margin: 0 auto;
  }
}

.privacy-policy-page__text-box {
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {
  .privacy-policy-page__text-box {
    margin-bottom: 80px;
  }
}

.privacy-policy-page__paragraph {
  font-size: 18px;
  line-height: 21px;
  color: #53666C;
  font-weight: bold;
  letter-spacing: 0.01em;
}

@media only screen and (min-width: 768px) {
  .privacy-policy-page__paragraph {
    font-size: 24px;
  }
}

.privacy-policy-page__paragraph.bottom {
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .privacy-policy-page__paragraph.bottom {
    margin-bottom: 20px;
  }
}

.privacy-policy-page .dev_bottom_wrap {
  padding: 0 16px;
}

.privacy-policy-page__text {
  display: grid;
  grid-row-gap: 10px;

  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.01em;
  color: #53666C;
}

@media only screen and (min-width: 768px) {
  .privacy-policy-page__text {
    grid-row-gap: 15px;
    font-size: 16px;
    line-height: 18px;
  }
}

@media only screen and (min-width: 768px) {
  .privacy-policy-page .dev_bottom_wrap {
    padding: unset;
  }
}

.privacy-policy-page__box:not(:last-child) {
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {
  .privacy-policy-page__box:not(:last-child) {
    margin-bottom: 80px;
  }
}

.privacy-policy .dev_btn {
    opacity: 1;
}

.privacy-policy.hidden {
    transform: translateY(100%);
    transition: transform 0.4s ease;
}
@media screen and (max-width: 1680px) {
.main_ninth_section.main_genplan::before {
    height: 157%;
}
@media screen and (max-width: 1440px) {
	.main_ninth_section.main_genplan::before {
    height: 164%;
}
}
@media screen and (max-width: 1366px) {
.main_ninth_section.main_genplan::before {
    height: 200%;
}
}
@media screen and (max-width: 1280px) {
.main_ninth_section.main_genplan::before {
    height: 100%;
}
}
@media screen and (max-width: 1024px) {

}