@font-face {
    font-family: "Akrobat";
    src: url('../fonts/Akrobat.ttf');
}
@font-face {
    font-family: "Akrobatbold";
    src: url('../fonts/Akrobatbold.ttf');
}
@font-face {
    font-family: "Akrobatblack";
    src: url('../fonts/Akrobatblack.ttf');
}
@font-face {
    font-family: "Akrobatextrabold";
    src: url('../fonts/Akrobatextrabold.ttf');
}
@font-face {
    font-family: "Akrobatlight";
    src: url('../fonts/Akrobatlight.ttf');
}
@font-face {
    font-family: "Akrobat_Semi_Bold";
    src: url('../fonts/Akrobat_Semi_Bold.ttf');
}
@font-face {
    font-family: "Akrobat_Regular";
    src: url('../fonts/Akrobat-Regular.ttf');
}


html{
    font-size: 10px;
}
body, html{
font-family: "Akrobat";
    height:100%;
    width:100%;
    position: relative;
    min-width: 1006px;
    min-height:550px;
    color:#242424;
}
*{
    box-sizing: border-box;
    font-weight: normal;
    margin:0;
    padding: 0;
    text-decoration: none;
}
body .mofiScrollContainer{
	padding-right: 0;
}
body .mofiScrollWrap{
	width:100%;
}
body .mofiScrollBox{
	padding-right: 20px;
}
*:focus{
	outline: none;
}
svg a{
	cursor: pointer;
}
.noscroll {
    overflow: overlay;
}

.swiper-slide{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-slide-cover{
	background-size: cover;
}
input::-webkit-input-placeholder       {opacity: 1; color: #e8b96a; font-size: 1.6rem; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; color: #e8b96a; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; color: #e8b96a; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; color: #e8b96a; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; color: #e8b96a; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; color: #e8b96a; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; color: #e8b96a; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; color: #e8b96a; font-size: 1.6rem; transition: opacity 0.3s ease;}

input:focus{
	outline: none;
}

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

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

#change_page.change_page_full{
	width: calc(100% + 8rem);
	width: calc(100%);
}

.sdvig_wrap{
    transform: translateX(-50rem);
    transform: translateX(-28rem);
    height: 100%;
	width: calc(100% + 50rem);
	width: calc(100% + 35rem - 7rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	position: relative;
	display: flex;
}
.open_menu .sdvig_wrap{
    transform: translateX(0rem);
}

/* =================================
/*  VHOD
================================= */
.vhod_cont{
	position: fixed;
	left:0;
	top: 0;
	width:100%;
	height: 100%;
	z-index: 1000;
	display: flex;
    justify-content: center;
    align-items: center;
    visibility: visible;
    transition: all 1.9s ease-out;
	display:none;
}
.vhod_cont_hide{
	visibility: hidden;
}
.vhod_wrap{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100vw;
	height: 100vw;
	background:#1d2d4e;
	transition: width 0.5s ease-out, height 0.5s ease-out;
	overflow: hidden;
	position: relative;
}

.vhod_cont_hide .vhod_wrap{
	border-radius:50%;
	width:0;
	height: 0;
}
.vh_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: green;
	background-size: cover;
	background-position: center;
	transition: all 3.1s ease-out;
	transform: scale(1);
}
.vhod_arrow_wr {
    position: fixed;
    cursor: pointer;
    left: 14rem;
    bottom: 2rem;
    display: flex;
    opacity: 1;
    transition: all .1s ease-out;
}
.vhod_arrow_text {
    font-family: "Akrobat_Bold";
    text-transform: uppercase;
    font-size: 1.7rem;
}
/* =================================
/*  END VHOD
================================= */

/* =================================
/*  PRELOADER
================================= */
.preloader_wrap{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
	width:100%;
	height: 100%;
	display: flex;
    align-items: center;
    pointer-events: none;
    transition: 0s all .5s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0px 0px 0px 15px #fff;
	opacity: 1;
}
/* .full_window .preloader_wrap{
	box-shadow:inset 0px 0px 0px 15px #fff0;
} */
.preloader_wr{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    overflow: hidden;
    justify-content: center;
    width: 0;
    height: 100%;
    background-color: #FFF;
    z-index: 1000;
    transition: width 0.7s cubic-bezier(0, 0, 0.21, 1);
}
.preloader_run .preloader_wr{
	width:100%;
}

.preloader_move_r {
    left: auto;
    right: 0;
}


.preloader_move_r {
    left: auto;
    right: 0;
}
.preloader_wrap:after{
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    left: 15px;
    top: 15px;
    box-shadow: inset 0px 3px 40px 0px rgba(0, 0, 0, 0.48);
}
/* .full_window .preloader_wrap:after{
    box-shadow: inset 0px 3px 40px 0px rgba(0, 0, 0, 0);
} */
/*.prelline_1{
	position: absolute;
	top: 0;
	left:0;
	height: 15px;
	width: 100%;
	background: white;

}
.prelline_1:after{
	content: '';
	position: absolute;
	top:0;
	left: 15px;
	width:calc(100% - 30px);
	height: 100%;
  	box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.48);
}
.prelline_2{
	position: absolute;
	top: 0;
	right:0;
	width: 15px;
	height: 100%;
	background: white;

}
.prelline_2:after{
	content: '';
	position: absolute;
	top:15px;
	left: 0;
	height:calc(100% - 30px);
	width: 100%;
  	box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.48);
}
.prelline_3{
	position: absolute;
	bottom: 0;
	left:0;
	height: 15px;
	width: 100%;
	background: white;
  	box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.48);
}
.prelline_4{
	position: absolute;
	top: 0;
	left:0;
	width: 15px;
	height: 100%;
	background: white;
  	box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.48);
}*/
/* =================================
/* END PRELOADER
================================= */

/* =================================
/* HEADER
================================= */
header{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 0px;
	z-index: 11;
}
.main_page header{

}
.shadow_menu{
	position: absolute;
	top: 0;
	left: 0;
	width:54rem;
	pointer-events: none;
	opacity: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hid_bid_window .shadow_menu,
.flats_wrap .shadow_menu,
.fil_wrap .shadow_menu,
.video_wrap  .shadow_menu{
	opacity: 0;
}
/* MENU BTN */
.header_btn_wrap{
	position: absolute;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	    top: calc(15px + 2rem);
    left: calc(15px + 2rem);
}
.header_btn_wr{
	width:4rem;
	height: 4rem;
	border: 1px solid #bababa;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
	align-content: space-between;
	transform: translateY(0);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.umovu_wrap  .header_btn_wr,
.flats_wrap .header_btn_wr,
.flat_wrap .header_btn_wr,
.genplan_wrap .header_btn_wr,
.fil_wrap .header_btn_wr,
.dev_wrap  .header_btn_wr{
	border: 1px solid #221200;
}
.open_menu .header_btn_wr{

}
.header_btn_lines{
    position: relative;
    width: 63%;
    width: 2rem;
    height: 2rem;

    overflow: hidden;

}
.header_btn_line_1{
	height:2px;
	background:#6f378a;
	width:100%;
	position: absolute;
    top: 15%;
	left: 0;
	transform: translateX(0%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.header_btn_wrap:hover .header_btn_line_1{
	transform: translateX(-100%);
}
.header_btn_line_6{
	height:2px;
	background:#6f378a;
	width:100%;
	position: absolute;
    top: 15%;
	left: 0;
	transform: translateX(110%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.header_btn_wrap:hover .header_btn_line_6{
	transform: translateX(0%);
}
.header_btn_line_2{
    height: 2px;
    background: #6f378a;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	transform: translateX(0%);
}
.header_btn_wrap:hover .header_btn_line_2{
    transform: translateX(-100%);
}
.header_btn_line_5{
    height: 2px;
    background: #6f378a;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(100%);
}
.header_btn_wrap:hover .header_btn_line_5{
	transform: translateX(0%);
}
.header_btn_line_3{
	height:2px;
	background:#6f378a;
	width:100%;
	position: absolute;
    bottom: 15%;
	left: 0;
	transform: translateX(-50%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.header_btn_wrap:hover .header_btn_line_3{
    transform: translateX(-100%);
}
.header_btn_line_4{
	height:2px;
	background:#6f378a;
    width: 100%;
	position: absolute;
    bottom: 15%;
	right: 0;
	transform: translateX(100%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.header_btn_wrap:hover .header_btn_line_4{
	transform: translateX(0%);
}
.header_line_close_1{
    height: 2px;
    width: 105%;
    position: absolute;
    top: 0.9rem;
    left: 0rem;
    transform: rotate(46deg);
}
.header_line_close_1:after{
	transform: translateX(-120%);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #6f378a;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_menu .header_line_close_1:after{
	transform: translateX(0%);

}
.header_btn_wrap.open_menu:hover .header_line_close_1:after {
    transform: translateX(46%);
}
.header_line_close_2{
    height: 2px;

    width: 105%;
    position: absolute;
    top: 0.9rem;
    left: 0rem;
    transform: rotate(-46deg);
}
.header_line_close_2:after{
	transform: translateX(120%);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #6f378a;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_menu .header_line_close_2:after{
	transform: translateX(0%);

}
.header_btn_wrap.open_menu:hover .header_line_close_2:after {
    transform: translateX(46%);
}
.open_menu .header_btn_line_1,
.open_menu .header_btn_line_2,
.open_menu .header_btn_line_3,
.open_menu .header_btn_line_4,
.open_menu .header_btn_line_5,
.open_menu .header_btn_line_6{
    transform: translateX(-200%)!important;
}
.hid_bid_window .header_line,
.video_wrap  .header_line
{
    background: #9062a6;
}



.header_btn_text{
	font-size: 1.6rem;
	margin-left: 1rem;
	letter-spacing: 8px;
	text-transform: uppercase;
	color:#bababa;
	font-family: "Akrobatbold";
	transform: scale(1);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_menu .header_btn_text{
	transform: scale(0);
}
.umovu_wrap  .header_btn_text,
.flats_wrap .header_btn_text,
.genplan_wrap .header_btn_text,
.flat_wrap .header_btn_text,
.fil_wrap .header_btn_text,
.dev_wrap  .header_btn_text{
	color:#231300;
}
.hid_bid_window .header_btn_text,
.video_wrap  .header_btn_text{
	color:#fff;
}

/* END MENU BTN */

.menu_wrap{

    height: 100%;
    height: 100vh;
    width: 36rem;
    position: relative;
    /*overflow: hidden;*/
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: 101;
    perspective: 800px;
    min-height: 550px;
    left: 0rem;

    /*transform: translateX(-100%);*/
}
/* .full_window .menu_wrap{
	width: 27rem;
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
} */
.menu_wrap:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:101%;
	height: 100%;
	/*background: white;*/
}
.menu_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:36rem;
	height: 100%;
	background: url(../img/menu_bg.jpg);
    background-size: cover;
    background-size:auto 100%;
}
.menu_wrap .mofiScrollBar{
	display: none!important;
}
.open_menu .menu_wrap{
	/*transform:translateX(0%);*/
	visibility: visible;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	/*transform: translateX(0%);*/
}
.menu_svg{
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
}
.logo_menu_img{
	width: 100%;
	transform-style: preserve-3d;
	transform: translateZ(-30rem);
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.open_menu .logo_menu_img{
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
	transform: translateZ(0rem);
}

.menu_wr{
    position: relative;
    height: 100%;
    /*display: flex;
    justify-content: space-between;
    align-items: center;*/
}
.menu_line_wr{
	position: absolute;
    width: 3px;
	background: url(../img/dotted.png);
	height: 0;
	transition: all 1.3s ease-out;
}
.open_menu .menu_line_wr{
    height: 96%;
}
.menu_cont{
    position: absolute;
    top: 10rem;
    left: 8rem;
    width: calc(100% - 8rem);
    height: calc(100% - 15rem);
    height: calc(100% - 13rem);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    /* transform: translateZ(-30rem); */
    /* opacity: 0; */
    z-index: 1;
    min-height: 500px;
}
.open_menu .menu_cont{
	/*transform: translateZ(0rem);
    opacity: 1;*/
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.menu_bg_2{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 8rem);
    background: #393837;
    opacity: 0.2;
}
.menu_scroll{
   /* height: calc(100% - 8rem);
    margin-top: 4rem;
    margin-bottom: 4rem;
    margin-left: 17%;
    margin-right: 17%;*/
    height: 100%;
    overflow: auto;
}
.menu_btns_wr{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 8rem;
	height:100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
/* .full_window .menu_btns_wr{
    left: -8rem;
     transition: all 0.5s cubic-bezier(.19,1,.22,1);
} */
.menu_btns{
    flex-direction: column;
    display: flex;
    height: calc(100% - 9rem);
    height: calc(100% - 15rem);
    height: calc(100% - 13rem);
	top: 9rem;
	top: 10rem;
	position: absolute;
	width:100%;
	    min-height: 500px;
}
.menu_btn{
	flex-grow: 1;
}
.menu_btn_link{
	width:5.3rem;
	height: 5.3rem;
	    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.menu_btn_icon_link{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 5rem;
    height: 5.8rem;
        z-index: 1;
}
.menu_btn_icon_link:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../img/menu_lik_bg_hover.png) no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
}
.menu_btn:hover .menu_btn_icon_link:before{
	opacity: 1;
}
.menu_btn_icon_link:after{
content: '';
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../img/menu_lik_bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}


.menu_btn_img{
	max-height: 52%;
	max-width: 55%;
	position: relative;
	z-index: 2;
}
.menu_btns .menu_btn:nth-child(3) .menu_btn_img{
    margin-left: 1rem;
}
.menu_hover_wr{
    position: absolute;
    left: 100%;
    background: rgba(255, 255, 255, 0.95);
    margin-top: -6rem;

    width:0;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn:hover .menu_hover_wr{
	width:22rem;
}
.open_menu .menu_btn:hover .menu_hover_wr{
	width:0rem;
}
.menu_hover{
	margin: 0.5vh 0;
}
.menu_hover_pad{
    padding: 2.5rem 2rem;
    padding-left: 3rem;
	display: flex;
    flex-direction: column;
}
.menu_btn_arrow{
    position: absolute;
    top: 0;
    left: 62%;
    width: 3.5rem;
    height: 5.3rem;
    pointer-events: none;
    overflow: hidden;
}
.menu_btn_arrow:after{
	background: url(../img/menu_hover_arrow.png) no-repeat;
	background-size: cover;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	transform:translateX(100%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn:hover .menu_btn_arrow:after{
	transform:translateX(0%);
}
.open_menu .menu_btn:hover .menu_btn_arrow:after{
	transform:translateX(100%);
}
.menu_hover_main_link{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
    font-size: 2.1rem;
    text-transform: uppercase;
    color: #231300;
    position: relative;
    font-family: "Akrobatbold";
    margin-top: 1rem;
    display: inline-block;
}
.menu_hover_second_link{
	    display: inline-block;
    color: #231300;
    font-size: 1.6rem;
    font-family: "Akrobatlight";
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    position: relative;
    overflow: hidden;
}



.menu_ul_wr{
    width: 100%;
    flex-direction: column;
    display:flex;
        height: 100%;
    overflow: hidden;
}
.menu_ul{
	position: relative;
    /*margin-bottom: 2vh;	*/
    /*transition: all 0.1s ease-out;*/
    transform: translateX(2rem);
    opacity: 0;
    padding-left: 4rem;
    flex-grow: 1;
}
.show_element.show{
	transform: translateX(0rem);
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_ul_a{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	font-size: 2.1rem;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	font-family: "Akrobatbold";

    display: inline-block;

}
.menu_btn .menu_ul_a{
	color: #231300;
}
.menu_ul_a:hover{

}
.menu_ul_a:after{
	content: '';
	position: absolute;
	bottom: -0.3vh;
	height: 2px;
	left: auto;
    right: 0;
    width: 0;
	background: #fff;
	transition: width 0.3s ease-in-out;
}
.menu_btns_wr .menu_ul_a:after{
	background: #6f378a;
}
.menu_ul_a:hover:after{
	width: 100%;
    left: 0;
    right: auto;
}
.menu_li{
	position: relative;
  max-height: 8vh;
	margin-top: 0.5vh;
	    position: absolute;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.menu_li div {
  margin-right: 1rem;
}
.menu_li_a{
	display: inline-block;
	color: #fff;
	font-size: 1.6rem;

	font-family: "Akrobatlight";
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    position: relative;
}
.menu_btn .menu_li_a{
	color: #231300;
}
.menu_li_a:hover{
	/*color:#6f378a;*/
}

.menu_li_a:after{
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	height: 1px;
	width:0;
	background: #fff;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn .menu_li_a:after{
	background: #6f378a;
}
.menu_li_a:hover:after{
	width:100%;
}
.menu_li_slash{
	color: white;
	font-size: 1.8rem;
	color: #b9bec6;
	margin: 0 1.5rem;
}
.menu_li_slash:last-child{
	display: none;
}
.social_wrap{
	display: flex;
	margin-top: 5vh;
	transform: translateY(-2rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.social_wr{
	position: relative;
	display: flex;

}
.social{
	height: 2.2rem;
	height: 32px;

    overflow: hidden;
	perspective: 800px;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	margin-right: 1.5rem;
	opacity: 0.62;
}
.social_img{
	width: 2.2rem;
	width: 32px;
    transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    display: block;
    z-index: 1;
    position: relative;
}
.social:hover{
    opacity: 1;
}
.about_wrap .social_img path{
	fill: #eadada;
}
.genplan_wrap .social_img path,
.umovu_wrap  .social_img path{
	fill: #9e9e9e;
}
.menu_links{
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu_link{
    display: block;
    width: 100%;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(-2rem);
    opacity: 0;
}
.menu_link_wr{
    perspective: 800px;
}
.menu_link_img{
    width: 10.9rem;
    height: 10.9rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    border: 2px solid white;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    transform-style: preserve-3d;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.menu_link:hover .menu_link_img{
	transform: rotateY(180deg);
}
.menu_link_img img{
	max-width: 60%;
    max-height: 60%;
}
.menu_link_text{
    font-size: 2.1rem;
    margin-top: 1rem;
    color: white;
    text-transform: uppercase;
    font-family: "Akrobat_Bold";
    text-align: center;
}

.docs_wrap .prava{
	color: #aeaeae;
}
/*.docs_wrap .tel_img_1,
.dark_footer .tel_img_1{
	background: url(../img/tel_img_blue.svg) no-repeat;
    background-size: 65%;
    box-shadow: inset 0 0 0 1px #1d2d4e;
    background-position: center;
}*/
/* ========================================
/* LOGO
======================================== */
.logo_wrap {
position: absolute;
    top: 0;
    z-index: 13;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    transform: translateY(0);
    transition: 0.5s all 0.5s ease-out;
}
/* .hide_logo,
.full_window .logo_wrap{
	opacity: 0;
	transform: translateY(-3rem);
	transition:  all 0.5s ease-out;
} */
.cloud_logo{
	position: absolute;
	top: 50%;
	left: 50%;
	width:40.8rem;
	transform: translate(-50%, -50%);
	opacity: 0;
	pointer-events: none;
}
.shadow_logo{
	position: absolute;
	top: 50%;
	left: 50%;
	width:40.8rem;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, -50%);
}
.shadow_logo_show{
	opacity: 1;
}
.logo_lines{
    position: absolute;
    height: 8.6rem;
    left: 0.1rem;
    margin: auto;
    right: 0;
    text-align: center;
}
.logo_line_1{
	height: 100%;
	margin: 0 0.5rem;
	transform: translateY(0rem);
	transition:all 0.5s ease-out;
}
.preloader_run .logo_line_1{
	animation: move_logo_1 1s infinite;
}
.logo_line_2{
    height: 100%;
    margin: 0 0.5rem;
    transform: translateY(-1rem);
}
.preloader_run .logo_line_2{
	animation: move_logo_2 1s infinite;
}
.logo_line_3{
	height: 100%;
	margin: 0 0.5rem;
}
.preloader_run .logo_line_3{
	animation: move_logo_1 1s infinite;
}
@keyframes move_logo_1{
	0%{
		transform: translateY(0rem);
	}
	50%{
		transform: translateY(-1rem);
	}
	100%{
		transform: translateY(0rem);
	}
}
@keyframes move_logo_2{
	0%{
		transform: translateY(-1rem);
	}
	50%{
		transform: translateY(0rem);
	}
	100%{
		transform: translateY(-1rem);
	}
}


.logo_wr{
    width: 21.2rem;
    position: absolute;
	z-index: 1;
    left: 10rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	left: 0;
    right: 0;
    margin: auto;
    top: calc(15px + 3rem);
}
.logo{
	position: relative;
	width: 100%;
}
.logo_black_white{
	position: absolute;
	width: 100%;
	display: none;
}
.logo_b_w .logo_black_white{
	display: block;
}
.hid_bid_window .logo,
.logo_b_w .logo{
	display:none;
}
.logo_white{
	display:none;
		position: relative;
	width: 100%;
}
.hid_bid_window .logo_white{
	display:block;
}
/* ========================================
/* END LOGO
======================================== */

/* ========================================
/* FOOTER
======================================== */
footer{
	position: fixed;
	bottom: 0;
	left: 36rem;
    width: calc(100% - 36rem);
	z-index: 4;
}
.footer_left{
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    bottom:  calc(15px + 2rem);
    left: calc(15px + 2rem);
    display: flex;
    align-items: center;

}
.about_wrap .footer_left{
	color:#eadada;
}

.genplan_wrap  .footer_left,
.umovu_wrap  .footer_left{
	color:#9e9e9e;
}

.tel_wrap{
	display: flex;
	color: white;
	position: absolute;
	right: calc(15px + 2rem);
    bottom: calc(15px + 2rem);

}
.dark_footer .tel_wrap{
	color:#1d2d4e;
}

.tel_right{
	cursor: pointer;
	height: 6.3rem;
	width: 5.4rem;
    perspective: 800px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.tel_img_1{
	display: block;
	height: 4.3rem;
	width: 4.3rem;
	position: absolute;
	transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    display: block;
    z-index: 1;
    background: url(../img/svg/tel_img.svg) no-repeat;
    background-size: 65%;
    background-position: center;
    pointer-events: none;

        top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.dark_footer .tel_img_1{
	background: url(../img/svg/tel_img_blue.svg) no-repeat;
    background-size: 65%;
    box-shadow: inset 0 0 0 1px #1d2d4e;
    background-position: center;
}
.tel_right:hover .tel_img_1 {
   /*opacity: 0.5;*/
}
/*svg path {
	transition: all 0.5s;
}
.tel_right:hover #svg_tel_bg path {
  d: path("M0.006,0.247 L0.016,0.749 L27.010,0.009 L53.993,0.767 L53.983,63.264 L26.990,63.005 L0.006,63.247 Z");
  d:"M0.006,0.247 L0.016,0.749 L27.010,0.009 L53.993,0.767 L53.983,63.264 L26.990,63.005 L0.006,63.247 Z";
}*/
.prava{
	display:flex;
}

/* ========================================
/* END FOOTER
======================================== */

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

.realist_digital_link span {
    position: relative;
    display: inline-block;
    height: 32px;
    height: 32px;
    width: 54px;
    background: url('../img/logo_realist_128x108.png')no-repeat 0 0;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.realist_digital_link span::before {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    height: 32px;
    width: 54px;
    background: url('../img/logo_realist_128x108.png')no-repeat 0 -33px;
        background: url(../img/logo_realist_128x108.png)no-repeat 0 -35px;
    content: " ";
    transition: background 0.3s;
    transform: rotateX(-90deg);
    transform: rotateX(-89deg);
    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;
    background: url('../img/logo_realist_128x108.png')no-repeat 0 -32px;
}
/* ========================================
/* 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, .sub_wrap {
    position: absolute;
    top: 0%;
    height: 100vh;
    min-height: 550px;
    width: 100%;
    overflow: hidden;
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    pointer-events: none;
    opacity: 0;
    z-index: 101;
        overflow: auto;
}
.open_cb.cb_wrap,
.sub_wrap.open_cb {
	top: 0;
	pointer-events: auto;
	opacity: 1;
	 transition:  all 0.9s cubic-bezier(.19,1,.22,1);
}
.cb_wr{
	    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
        display: flex;
    justify-content: center;
    align-items: center;
}
.cb_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background-color: rgba(44,36,73,.6);

}
.bg_cb_img_wr{
    height: 30vh;
    max-height: 29.1rem;
    background: url(../img/img_subcribe.jpg) no-repeat;
    background-size: cover;
    opacity: 0;
    transform: translateY(3rem);
    transition:  all 0.5s cubic-bezier(.19,1,.22,1);

}
.open_cb .bg_cb_img_wr{
	transition: 0.9s all .7s cubic-bezier(.19,1,.22,1);
	opacity: 1;
    transform: translateY(0rem);
}
.close_cb_wr{
	position: absolute;
	top: -2rem;
	right: -1.9rem;
	width:8.8rem;
    opacity: 0;
    transform: translateY(3rem);
}
.open_cb .close_cb_wr {
    transition: 0.9s all .6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.close_pop_up_svg {
	width:8.8rem;
	height: auto;
 	transition: all 0.5s cubic-bezier(.19,1,.22,1);
}

.close_cb {
    position: absolute;
    right: 0.5rem;
    top: 2rem;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    z-index: 1;
    transition: all 0.5s ease-out;
}

.open_cb .close_cb:hover {
	transform: rotate(90deg);
}
.close_line_1,
.close_line_2 {
	position: absolute;
	top: calc(50% - 0.1rem);
	left: 0;
	width: 100%;
	height: 0.2rem;
	background: white;
	transition: 0.3s ease-out;
}
.close_line_1 {
	transform: rotate(-45deg) translateZ(0);
}
.close_line_2 {
	transform: rotate(45deg) translateZ(0);
}
.cb_svg{
    width: 100%;
    height: auto;
    position: absolute;
    margin-top: -1.4rem;
     opacity: 0;
     z-index: 1;
    transform: translateY(3rem);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.open_cb .cb_svg{
    transition: 0.9s all .8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);

}
.cb_svg_text{
	font-size: 16px;
	font-family: "Akrobatlight";
	letter-spacing: 1.5px;
}
.cb_svg_span{
	font-family: "Akrobatbold";
}
.cb_cont{
	position: relative;
	display: block;
	width: 49.2rem;
	/*height: calc(100% - 10rem);
	height: fit-content;*/
    margin: 2rem auto;
    padding-bottom: 1vh;
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	    max-height: 100%;
}
.open_cb .cb_cont{
	transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
}

.cb_cont_bg{

	width:100%;
	height: 100%;
	background: #fff;
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.open_cb .cb_cont_bg{
	transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
}
.sub_tittle {
font-size: 3.2rem;
    margin: 1.5vh;
    margin-top: 0;
    color: #2b2443;
    text-align: center;
    text-transform: uppercase;
    padding-top: 12rem;
    font-family: "Akrobatbold";
    opacity: 0;
    transform: translateY(3rem);
}
.open_cb .sub_tittle {
    transition: 0.9s all .9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.sub_btn {
	position: relative;
    width: 20rem;
    margin: 0 auto;
    opacity: 0;
        display: flex;
    align-items: center;
        background-color: #2b2443;
    border: 2px solid #2b2443;
    color: #fce0ae;
    margin: 8vh auto;
        display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    margin-bottom: 2vh;
    cursor: pointer;
 	transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.open_cb .sub_btn {
    transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1),  background-color 0.9s cubic-bezier(.19,1,.22,1), color 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}

.sub_btn_text {
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
    text-transform: uppercase;

    letter-spacing: 1px;
}
.sub_btn:hover  {
	background-color: #fff;
	color: #2b2443;
}
.input_wr {
    margin-bottom: 1.5vh;
    color: #d57b55;
}
#pr_formTel, #pr_formName, #formName, #formEmail, #formTel,
#formNameSub, #formEmailSub, #formText {
	width: 90%;
	height: 4.3rem;
	margin: 0 5%;
    padding: 0 2rem;
	font: italic 1.6rem "Roboto-Regular", sans-serif;
	color: #e8b96a;
	border: 1px solid #ffc565;
	background: transparent;
	resize: none;
	transition: all .4s ease-out;
	opacity: 0;
    transform: translateY(3rem);
}
.open_cb #formNameSub {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formEmailSub {
    transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formName {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formEmail {
    transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formTel {
    transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formText {
    transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
#formText {
	height: 10rem;
	padding: 1rem 2rem;
}
.important_input input {
	border: 1px solid #e84343 !important;
}
#report, #report_sub{
	font-size: 1.8rem;
	margin: .5rem 3.5rem;
    padding-left: 1rem;
    position: absolute;
    color:#e84343;
     transition: all 0.5s cubic-bezier(.19,1,.22,1);
    margin-top: -0.5rem;
}
#report.done ,#report_sub.done{
	color: #2cbd5c;
}
.arrow_sub{
	width:13px;
	transform: scale(-1);
}
.arrow_sub path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.sub_btn:hover .arrow_sub path{
	fill: #2b2443;
}
/* ========================================
/* 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_wrap{
    width: calc(100% - 36rem);
    height: 100%;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
/* .full_window .main_wrap{
    width: calc(100% - 27rem);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
} */
.main_fullpage {
    width: 100%;
    height: 100%;
    position: relative;
}
.main_fullpage .swiper-slide{
	overflow: hidden;
}

.main_tel_wrap{
    position: absolute;
    top: calc(15px + 2.5rem);
    right: calc(15px + 2.5rem);
    width: 23.5rem;
    min-width: 190px;
    height: 4.6rem;
    overflow: hidden;
}
.main_tel_wr{
display: flex;
    align-items: center;
}
.main_tel_cont{
    height: 2rem;
    line-height: 1;
    margin-right: 2rem;
    letter-spacing: 3px;
}
.main_tel,
.dynamicnumber{
	display: block;
    color: #575757;
    font-size: 1.6rem;
    font-family: "Akrobatbold";
    letter-spacing: 2px;
}
.tel_arr {
    position: absolute;
    top: 1rem;
    right: 1.65rem;
    width: 2rem;
    height: 2.2rem;
    background-color: #fff;
    transition: height .2s ease-in-out;
    pointer-events: none;
    background: url(../img/svg/tel_img.svg) no-repeat;
    background-size: cover;
}

#path2 {
	position: absolute;
	top: 0;
	left: 0;
}
.head_tel_wr {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 3.6rem;
	overflow: hidden;
	transition: height .2s ease-in-out;
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 3rem;
    height: 100%;
    padding-bottom: 0.5rem;
}
.tel_wr:hover .head_tel_wr {
	height: 12rem;
	transition-duration: .4s;
}
.head_tel {
	display: block;
	padding: 0 2rem;
	font: 1.8rem/4.2rem Akrobat_Bold, sans-serif;
	color: #313131;
	letter-spacing: 5px;
}



.hid_bid_window .main_tel,
.video_wrap  .main_tel,
.umovu_wrap .main_tel{
	/*color:white;*/
}
.docs_wrap .main_tel{
	color:#44372b;
}
.main_tel_hide{
	margin: 1rem 0;
	height:0;
	overflow: hidden;
	transition: all 0.5s ease-out;
}
.main_tel_wrap:hover .main_tel_hide{
	height: 2rem;
}
.main_tel_arrow{
	width:4rem;
	height: 4rem;
	display:flex;
	justify-content: center;
	align-items: center;
	border:1px solid #bababa;
	position: relative;
}
.docs_wrap .main_tel_arrow,
.flats_wrap .main_tel_arrow,
.fil_wrap .main_tel_arrow,
.genplan_wrap .main_tel_arrow,
.flat_wrap .main_tel_arrow,
.dev_wrap .main_tel_arrow
{
	border:1px solid #231300;
}
.main_tel_arrow_1{
    position: absolute;
    top: 2.3rem;
    left: 1rem;
    width: 1rem;
    height: 2px;
    transform: rotate(38deg);

}
.main_tel_arrow_1:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width:100%;
	height: 100%;
    background: #6f378a;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_1:after{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	width:0%;
}
.main_tel_arrow_2{
	    position: absolute;
    top: 2.3rem;
    right: 1rem;
    width: 1rem;
    height: 2px;
    transform: rotate(-38deg);
}
.main_tel_arrow_2:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #6f378a;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_2:after{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	width:0%;
}
.main_tel_arrow_3{
    position: absolute;
    top: 0.9rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 1.9rem;
}
.main_tel_arrow_3:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
    background: #6f378a;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_3:after{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	height: 0%;
}




.main_tel_arrow_4{
    position: absolute;
    top: 1.2rem;
    left: 1rem;
    width: 1rem;
    height: 2px;
    transform: rotate(-38deg);


}
.main_tel_arrow_4:after{
	content: '';
	position: absolute;
	top: 0;
	width:0%;
	right: 0;
	height: 100%;
    background: #6f378a;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_4:after{
	width:100%;
	transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_arrow_5{
position: absolute;
    top: 1.2rem;
    right: 1rem;
    width: 1rem;
    height: 2px;
    transform: rotate(38deg);
}
.main_tel_arrow_5:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:0%;
	height: 100%;
    background: #6f378a;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_5:after{
	width:100%;
	transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_arrow_6{
    position: absolute;
    top: 0.9rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 1.9rem;
}
.main_tel_arrow_6:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 0%;
	width:100%;
    background: #6f378a;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_6:after{
	height:100%;
	transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}

.umovu_wrap .main_tel_arrow_1:after,
.umovu_wrap .main_tel_arrow_2:after,
.umovu_wrap .main_tel_arrow_3:after,
.umovu_wrap .main_tel_arrow_4:after,
.umovu_wrap .main_tel_arrow_5:after,
.umovu_wrap .main_tel_arrow_6:after{
	background: #ffc565;
}

.hid_bid_window .main_tel_arrow_1:after,
.hid_bid_window .main_tel_arrow_2:after,
.hid_bid_window .main_tel_arrow_3:after,
.hid_bid_window .main_tel_arrow_4:after,
.hid_bid_window .main_tel_arrow_5:after,
.hid_bid_window .main_tel_arrow_6:after{
	background: #9062a6;
}


.new_main_wrap{
	position: absolute;
    right: calc(15px + 2rem);
    top: 15rem;
    /*background: #d57b55;*/
    border: 1px solid #d57b55;
    z-index: 1;
    white-space: nowrap;
    width:0;
    transition:all 0.5s ease-out;
    overflow: hidden;
    background: rgba(255, 255, 255, 1);
}
.show_page_anim .new_main_wrap{
    transition:0.8s all 0.5s ease-out, 0.5s background 1.3s ease-out;
    width: 35.8rem;

}
.new_main_wrap:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: #535353;
	opacity: 0;
	transition:all 0.5s ease-out;
}
.new_main_wrap:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 0 #e8b96a;
}
.new_main_wrap:hover:before{
    box-shadow: inset 0 0 0 1rem #e8b96a;
}

.new_main_wr{
	display: flex;
	    position: relative;
    z-index: 1;
}
.new_main_img{
	width:14.9rem;
	width:11.9rem;
	height: 12.1rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo_lines_anons{
	max-width:80%;
	max-height: 80%;
}
.new_main_info{
    padding: 2rem;
    max-width: 20.7rem;
        display: flex;
    flex-wrap: wrap;
        padding: 2rem 1rem 2rem 0;
}
.new_main_title{
    color: #535353;
    white-space: normal;
    font-family: "Akrobatextrabold";
    font-size: 1.3rem;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    width: 16.7rem;
    height: 5rem;
}
.new_main_more{
	color:#a0335c;
	font-size: 1.6rem;
    position: absolute;
    top: 8rem;
	display: flex;
    align-items: center;
}
.new_main_more_arrow{
    transform: rotate(180deg);
    margin-left: 1rem;
    width: 1.3rem;
}

.cloud_main{
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    pointer-events: none;
    display:none;
}
#main_video_1{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    object-fit: cover;
    height: 100%;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
#main_video_2{
	    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    object-fit: cover;
    height: 100%;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.video_run{
	opacity: 1!important;
}
.main_text_wr{
    position: absolute;
    bottom: 17rem;
    left: 0;
    z-index: 5;
    width: 100%;
    width: 134.5rem;
    height: 11rem;
	font-family: "Akrobatblack";
	display: flex;
	color:white;
	font-size: 12rem;
	align-items: center;
	text-transform: uppercase;
	    width: 100%;
    justify-content: center;
}
.main_letter_wr{
	position: relative;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(3rem);
}

.show_page_anim  .main_letter_wr{
	transform: translateY(0rem);
	opacity: 1;
}
.show_page_anim  .main_letter_wr:nth-child(1){
	 transition: 0.9s all 0.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(2){
	 transition: 0.9s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(3){
	 transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(4){
	 transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(5){
	 transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(6){
	 transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(7){
	 transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(8){
	 transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(9){
	 transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(10){
	 transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(11){
	 transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(12){
	 transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(13){
	 transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(14){
	 transition: 0.9s all 1.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(15){
	 transition: 0.9s all 1.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(16){
	 transition: 0.9s all 1.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(17){
	 transition: 0.9s all 1.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(18){
	 transition: 0.9s all 1.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(19){
	 transition: 0.9s all 1.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(20){
	 transition: 0.9s all 2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(21){
	 transition: 0.9s all 2.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(22){
	 transition: 0.9s all 2.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(23){
	 transition: 0.9s all 2.3s cubic-bezier(.19,1,.22,1);
}
.main_letter_pusto{
	margin: 0 2rem;
}


.main_letter_shadow{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(3rem);
}
.show_page_anim   .main_letter_shadow{
	transform: translateY(0rem);
	opacity: 0.5;
}
.show_page_anim  .main_letter_wr:nth-child(1) .main_letter_shadow{
	 transition: 1.2s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(2) .main_letter_shadow{
	 transition: 1.2s all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(3) .main_letter_shadow{
	 transition: 1.2s all 0.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(4) .main_letter_shadow{
	 transition: 1.2s all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(5) .main_letter_shadow{
	 transition: 1.2s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(6) .main_letter_shadow{
	 transition: 1.2s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(7) .main_letter_shadow{
	 transition: 1.2s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(8) .main_letter_shadow{
	 transition: 1.2s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(9) .main_letter_shadow{
	 transition: 1.2s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(10) .main_letter_shadow{
	 transition: 1.2s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(11) .main_letter_shadow{
	 transition: 1.2s all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(12) .main_letter_shadow{
	 transition: 1.2s all 1.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(13) .main_letter_shadow{
	 transition: 1.2s all 1.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(14) .main_letter_shadow{
	 transition: 1.2s all 1.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(15) .main_letter_shadow{
	 transition: 1.2s all 1.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(16) .main_letter_shadow{
	 transition: 1.2s all 1.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(17) .main_letter_shadow{
	 transition: 1.2s all 1.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(18) .main_letter_shadow{
	 transition: 1.2s all 1.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_letter_wr:nth-child(19) .main_letter_shadow{
	 transition: 1.2s all 2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(20) .main_letter_shadow{
	 transition: 1.2s all 2.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(21) .main_letter_shadow{
	 transition:1.2s all 2.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(22) .main_letter_shadow{
	 transition: 1.2s all 2.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .main_letter_wr:nth-child(23) .main_letter_shadow{
	 transition:1.2s all 2.4s cubic-bezier(.19,1,.22,1);
}

.main_dwnld_pres {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 8rem;
    left: 0;
    right: 0;
    width: 30rem;
    height: 5rem;
    margin: 0 auto;
    border: 3px solid #c84152;
    transform: skewX(45deg);
    overflow: hidden;
    cursor: pointer;

    opacity: 0;
    transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.5s;
    transform: translateY(10rem);
}
.show_page_anim .main_dwnld_pres {
  opacity: 1;
  transform: translateY(0) skewX(45deg);
}
.main_dwnld_pres span {
  font-family: "Akrobatblack";
  font-size: 3rem;
  color: #ffffff;
  transform: skewX(-45deg);
}
.main_dwnld_pres:before {
  content: "";
  position: absolute;
  top: -5%;
  left: -20%;
  height: 110%;
  width: 4rem;
  background: linear-gradient(-90deg, rgba(256, 256, 256, 0.5), transparent);
  transform: skewX(-60deg);
  animation: pr_btn 2.5s infinite;
}
@keyframes pr_btn{
	0%{
		left: -40%;
	}
	100%{
		left: 120%;
	}
}
.pr_pop_wr .close_cb {
  transform: rotate(90deg);
}

/* .main_dwnld_pres:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #ffc565;
  border: 3px solid #c84152;
  transform: skewX(45deg);
} */

.pr_pop_wr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(44,36,73,.6);
  z-index: 1;

  opacity: 0;
  pointer-events: none;
}
.pr_pop_visible {
  opacity: 1;
  pointer-events: all;
}
.pr_pop_cont {
  width: 70rem;
  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.5s;
}
.pr_pop_visible .pr_pop_cont {
  opacity: 1;
}
.pr_cont {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 2rem auto;
  padding-bottom: 1vh;
  transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.bg_pr_img_wr {
  width: 50%;

  min-height: 30vh;
  background: url(../img/img_subcribe_new.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  transform: translateX(-5rem);
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.6s;
}
.pr_pop_visible .bg_pr_img_wr {
  opacity: 1;
  transform: none;
}
.pr_info_cont {
  width: 50%;
  position: relative;
}
.close_pr_wr{
	position: absolute;
	top: -2rem;
	right: -1.9rem;
	width: 8.8rem;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.7s;
  transform: translateX(5rem);
}
.pr_pop_visible .close_pr_wr {
  opacity: 1;
  transform: none;
}
.pr_cont_bg {
    width: 100%;
    height: 100%;
    background: #fff;
}
.pr_sub_tittle {
  margin: 1.5vh;
  margin-top: 0;
  padding-top: 4rem;
  line-height: 1;
  font-family: "Akrobatbold";
  font-size: 3.2rem;
  text-align: center;
  /* text-transform: uppercase; */
  color: #2b2443;

  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.7s;
  transform: translateY(3rem);
}
.pr_pop_visible .pr_sub_tittle {
  opacity: 1;
  transform: none;
}
.pr_small_tittle {
  margin: 1.5vh;
    margin-top: 0;
    color: #2b2443;
    text-align: center;
    text-transform: uppercase;
    font-family: "Akrobatbold";
    font-size: 1.5rem;

  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.8s;
  transform: translateY(3rem);
}
.pr_pop_visible .pr_small_tittle {
  opacity: 1;
  transform: none;
}
.pr_pop_wr #pr_formName,
.pr_pop_wr #pr_formTel {
  opacity: 1;
  transform: none;
}
.pr_pop_wr #formName {
  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.9s;
  transform: translateY(3rem);
}
.pr_pop_visible #formName {
  opacity: 1;
  transform: none;
}
.pr_pop_wr #formTel {
  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 1s;
  transform: translateY(3rem);
}
.pr_pop_visible #formTel {
  opacity: 1;
  transform: none;
}
.pr_sub_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 20rem;
    margin: 0 auto;
    padding: 1rem 2rem;
    background-color: #2b2443;
    border: 2px solid #2b2443;
    color: #fce0ae;
    cursor: pointer;

  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 1.1s;
  transform: translateY(3rem);
}
.pr_pop_visible .pr_sub_btn {
  opacity: 1;
  transform: none;
}

.pr_info_dwnld {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #ffffff;
  z-index: 1;
  font-family: "Akrobatbold";
  font-size: 4rem;
  text-align: center;
}
.pr_hide {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pr_close_dwnld {
  position: absolute;
  top: 0;
  right: -2rem;
  width: 10rem;
}
.pr_close {
    position: absolute;
    right: 1vmin;
    top: 5vmin;
    width: 8vmin;
    height: 8vmin;
    cursor: pointer;
    z-index: 1;
    transition: all 0.5s ease-out;
}

/* MAIN PAGINATION */
.main_pagin_wr{
	position: fixed;
	right: 2.5rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	list-style: none;
	opacity: 0;
	transform: translateX(3rem);
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_pagin_wr{
	opacity: 1;
	transform: translateX(0);
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.main_pagin_wr .swiper-pagination-bullet{
	width: 6px;
	margin: 15px 0;
	height: 6px;
	border-radius: 50%;
	background: #1d2570;
	opacity: 0.7;
	display: block;
	position: relative;
	display: block;
}
.main_pagin_wr .swiper-pagination-bullet{
	background: #1d2570;
}
.white_menu .main_pagin_wr .swiper-pagination-bullet{
	background: white;
}
.main_pagin_wr .swiper-pagination-bullet:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 1px solid #1d2570;
	width: 20px;
	height: 20px;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.main_pagin_wr .swiper-pagination-bullet-active:after{
	border: 1px solid #1d2570;
}
.white_menu .main_pagin_wr .swiper-pagination-bullet-active:after {
    border: 1px solid white;
}
.main_pagin_wr .swiper-pagination-bullet-active:after{
	opacity: 1;
}
/* END MAIN PAGINATION */

/* BLOCK 1 */
.block_1{
	width:100%;
	height: 100vh;
	min-height: 550px;
	position: relative;
	background: #fff;
}
/* ========================================
/* NEWS
======================================== */
.news_wrap{
	width:100%;
	height: 100%;
	position: relative;
	background: blue;
	background-size: cover;
	background: url(../files/bg/bg_news.jpg) no-repeat;
	background-size: cover;
}
.news_top{
	position: absolute;
	left: 13rem;
	top: 16rem;
	z-index: 11;
	/*padding-left: 16rem;*/
}
.news_title{
	color:#35295a;
	font-size: 10rem;
	font-family: "Akrobatblack";
	    line-height: 0.8;
    margin-bottom: 3rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .news_title {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.news_sub_wr{
	cursor: pointer;
    display: inline-flex;
    border: 2px solid #833069;
    align-items: center;
    padding: 0.5rem 1.5rem;
    background: transparent;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .news_sub_wr {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1),background 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.news_sub_wr:hover{
	 background: #833069;
}

.news_sub_text{
	font-family: "Akrobatbold";
	text-transform: uppercase;
	font-size: 1.9rem;
	color:#833069;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_sub_wr:hover .news_sub_text{
	color:#fff;
}
.news_sub_img{
	width:2rem;
	margin-left: 1rem;
}
.news_sub_img path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_sub_wr:hover .news_sub_img path{
	fill: #fff;
}


.news_wr{
    left: 0;
	/*bottom: 12rem;
	bottom: 12vh;*/
	bottom: 0;
    margin: auto;
    position: absolute;
    width: 100%;
     /*display: flex;
    justify-content: flex-end;	*/

}
.news_wr:after{
	content: '';
	position: absolute;
    top: 15.5rem;
	left: 0;
	width:100%;
	height: 100%;
	background: #2d2a37;
	opacity: 0.8;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(10rem);
}
.show_page_anim .news_wr:after {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.news_slider_wr{
    position: relative;
    width: calc(100% - 16rem);
    width: calc(100% - 13rem);
    width: calc(100% - 23rem);
    /*height: 46rem;*/
    /* float: right; */
    margin: 0 auto;
    margin-bottom: 12vh;
    position: relative;
    z-index: 1;
}
.news_slider_cont{
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}
.news_slider{
    position: relative;
    width: calc(100% - 23rem);
    width: calc(100% - 10rem);
    margin: 0 auto;
    padding-top: 5.5rem;
    overflow: hidden;
}
.one_new_wr{
	position: relative;
    color: white;
    width: 20% !important;
    margin: 0 2.5% !important;
}
.one_new_wr{
    /* transition: all 0.5s cubic-bezier(.19,1,.22,1); */
	/* opacity: 0; */
	/* transform: translateX(3rem); */
}
.show_page_anim .one_new_wr:nth-child(1) {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.show_page_anim .one_new_wr:nth-child(2) {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.show_page_anim .one_new_wr:nth-child(3) {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.show_page_anim .one_new_wr:nth-child(4) {
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.show_page_anim .one_new_wr:nth-child(5) {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.one_new_img_wr{
	width: 100%;
    /*height: 20rem;*/
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
    margin-bottom: 1.5vh;
}
.one_new_img_wr:after {
    box-shadow: inset 0 0 0 0rem transparent;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_new_link:hover .one_new_img_wr:after{
    box-shadow: inset 0 0 0 1.2rem #e8b96a;

}
.one_new_link{
    display: block;
    color: white;
}
.one_new_img{
    width: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: scale(1);
    /*object-fit: cover;
    height: 100%;*/
    /*padding: 0 2rem;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
}
.one_new_link:hover .one_new_img{
    transform: scale(1.1);
}
.one_new_info{

}
.one_new_date{
    font-size: 1.3rem;
    position: absolute;
    top: 0;
    z-index: 2;
    font-family: "Akrobatextrabold";
    width:9.9rem;
    height: 8.1rem;
        display: flex;
    align-items: center;
    justify-content: center;
    top: -5.5rem;
        text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 1.8rem;
    text-align: center;
}
.one_new_date_svg{
	position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.one_new_date span{
    font-size: 2.5rem;
    display:block;
}
.one_new_tittle{
    font-size: 2.6rem;
    font-family: "Akrobatblack";
    margin-bottom: 1.5rem;
    margin-bottom: 1.5vh;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
        max-height: 9.3rem;
    overflow: hidden;
    text-transform: uppercase;
    line-height: 1;
}
.one_new_wr:hover .one_new_tittle{
	color:#e8b96a;
}
.one_new_text{
    font-size: 1.8rem;
}
.show_page_anim .news_slider  .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide {
    /* opacity: 0.2; */
    pointer-events: none;
}
.show_page_anim .news_slider{
	opacity: 1;
}
body .mCSB_scrollTools .mCSB_dragger {
    height: 93px!important;
    width: 4px!important;
    background: #ffc565!important;
    border-radius: 5px!important;
}
body .mCSB_scrollTools,
body .mCSB_draggerRail {
    width: 4px!important;
}
body .next_news{
    width: 6.6rem;
    height: 11.1rem;
    background: none;
    margin: auto;
    right: auto;

    left: calc(100% + 2.4rem);
    top: 50%;

    top: 4.5rem;
    top: 10rem;
    /*transform: translateY(-50%);*/
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	/* opacity: 0!important; */
	transform: translateY(3rem);
}
.show_page_anim .next_news {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    /* opacity: 1!important; */
    transform:translateY(0);
}
.show_page_anim .next_news.swiper-button-prev.swiper-button-disabled{
	opacity: .35!important;
}
.next_news:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_news:hover:after {
    opacity: 1;
}
body .prev_news{
    width: 6.6rem;
    height: 11.1rem;
    background: none;
    left: -8rem;
    top: 50%;
       margin: auto;
    top: 10rem;
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(3rem) scale(-1);
}
.show_page_anim .prev_news {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(0) scale(-1);
}
.show_page_anim .prev_news.swiper-button-prev.swiper-button-disabled{
	opacity: .35!important;
}
.prev_news:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_news:hover:after {
    opacity: 1;
}
/* ========================================
/* END NEWS
======================================== */

/* ========================================
/* ONE NEW
======================================== */
.new_wrap {
	position: relative;
	height: 100%;
}
.new_content_wr{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}
.new_wr{
	color: white;
    padding: 0 3rem;
    /* padding: 0 18%; */
    max-width: calc(600px + 6rem);
    margin: auto;
}
.new_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_new.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}


.secod_menu_wr{
    width: 25%;
    display: flex;
    padding-top: 26rem;
    justify-content: flex-end;
}
.secod_menu{
	display: inline-block;
	    position: relative;
    z-index: 1;
}


.secod_menu_link {
	color:white;
	font-size: 10rem;
    display: inline-block;

    display:flex;
    justify-content: center;
    align-content: center;
	position: relative;
	font-family: "Akrobatblack";
    z-index: 1;
	line-height: 1;
	align-items: center;
    margin-bottom: 1rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .secod_menu_link{
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.new_sub_wr{
    cursor: pointer;
    display: inline-flex;
    border: 2px solid #fff;
    align-items: center;
    padding: 0.5rem 1.5rem;
    background: transparent;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .new_sub_wr{
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1), border 0.9s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.new_sub_wr:hover{
	background:#ffc565;
	border: 2px solid #ffc565;
}


.new_sub_text{
font-family: "Akrobatbold";
    text-transform: uppercase;
    font-size: 1.9rem;
    color: #fff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_sub_wr:hover .new_sub_text{
	color: #231300;
}
.new_sub_img{
    width: 2rem;
    margin-left: 1rem;
}
.new_sub_wr path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_sub_wr:hover path{
	fill: #231300;
}
.new_img_wr{
    width: 100%;
    /*height: 31rem;*/
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.new_img{
	/*padding: 0 2rem;*/
    width: 100%;
    /*height: 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        /*height: 30rem;
    object-fit: cover;*/
}
.new_dot{
    position: absolute;
    width: 13px;
    height: 13px;
    background: #55555a;
    left: 0rem;
    margin-top: 12.25rem;
}
.new_text{
	font-size: 1.6rem;
	letter-spacing: 1px;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_text{
	transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.new_text a{
	color:#6cc14a;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	text-decoration: underline;
}
.new_text a:hover{
	text-decoration: none;
}

.close_new{
    position: absolute;
    top: -5rem;
    right: -6.6rem;
    width: 5rem;
    height: 5.8rem;
    z-index: 2;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .close_new{
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}

.close_line_1{
	height: 2px;
    position: absolute;
    display: block;
    width: 100%;
    transition: all .3s;
    top: 50%;
    transform: rotate(-45deg) translateZ(0);

}
/*.close_hover:hover .close_line_1{
    transition-delay: 0s;

}*/
.close_line_1_stroke{
    background-color: white;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
     transition-delay: .1s;
    content: "";
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-1rem);
}
/*.close_hover:hover .close_line_1_stroke{
	width:0;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
}*/
.close_line_1_hover{
    background-color: white;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    content: "";
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    transform: translateX(4rem);

}
/*.close_hover:hover .close_line_1_hover{
	 transform: translateX(-1rem);
    transition-delay: .1s;
}*/

.close_line_2{
    height: 2px;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    transition: all .3s;
    transform: rotate(45deg) translateZ(0);
}
.close_line_2_stroke{
	background-color: white;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
     transition-delay: .1s;
    content: "";
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-1rem);
}
/*.close_hover:hover .close_line_2_stroke{
	width:0;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
}*/
.close_line_2_hover{
	 background-color: #c2921d;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    content: "";
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    transform: translateX(4rem);

}
/*.close_hover:hover .close_line_2_hover{
	transform: translateX(-1rem);
    transition-delay: .1s;
}*/
.close_new_text{
	color:white;
	text-transform: uppercase;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	font-size: 1.4rem;
}
.close_hover:hover .close_new_text{
	color:#c2921d;
}

.new_right_wr{
    width: 50%;
        height: 90%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 32.7rem;
}
.new_right{
    width: 32.7rem;
    position: relative;
    /*height: 21%;*/
    display: block;

    padding: 0 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_right:nth-child(1){
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.show_page_anim .new_right:nth-child(2){
	transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.show_page_anim .new_right:nth-child(3){
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.show_page_anim .new_right:nth-child(4){
	transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.new_right:hover .new_right_date{
	color:#fff;
}


.new_right_date{
	margin-bottom: 0.5rem;
	position: relative;
	font-size: 1.7rem;
	width: 11.7rem;
	height: 3rem;
	color:#362f52;
	text-transform: uppercase;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
	font-family: "Akrobatbold";
	z-index: 1;
	    display: flex;
    justify-content: center;
    align-items: center;
}
.new_right_date_text{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}
.new_svg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	z-index: -1;
}
.new_svg path{

	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.new_right:hover .new_svg path{
	fill:rgb(202, 65, 83);
}


.new_right_tittle{
	font-size: 2.3rem;
	color:white;
	text-transform: uppercase;
	font-family: "Akrobatbold";
	    line-height: 1;
	margin-bottom: 1rem;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.new_right:hover .new_right_tittle{
	color:#ffc565;
}
.new_right_anons{
	font-size: 1.6rem;
	color:white;
	margin-bottom: 2rem;
}

.new_scroll{
    transition: all .9s cubic-bezier(.19,1,.22,1);
    height: 90%;
    overflow: hidden;
}



.new_scroll_wr{
    padding-top: 11%;
    width: 75%;
    position: relative;
    display: flex;
    justify-content: space-around;
        height: 100%;
}
.new_img_wrap{
	position: relative;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_img_wrap{
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.new_date{
	    bottom: -1.5rem;
    position: absolute;
    z-index: 1;
    left: 3rem;
	font-size: 2.5rem;
	font-family: "Akrobatbold";
	width:9.9rem;
	height: 8.1rem;
	    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_date{
	transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.new_date span{
	font-size: 1.3rem;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.new_date_svg{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top:0;
	z-index: -1;
}
.new_tittle{
	font-size: 2.6em;
	text-transform: uppercase;
	font-family: "Akrobatblack";
	margin-bottom: 1.5rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_tittle{
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.new_middle{
	position: relative;
    width: 50%;
    z-index: 1;
}
/* ========================================
/* END ONE NEW
======================================== */

/* ========================================
/* VISUALISATION
======================================== */
.gallery_wrap {
	position: relative;
	width:100%;
	height: 100%;
	background: #fff;
}
/* .full_window .footer_left{
	display:none;
} */
.gallery_slider{
	position: relative;
	width:100%;
	height: 100%;
	overflow: hidden;
	background: url(../files/bg/bg_hid_bud_open.jpg) no-repeat;
	background-size: cover;
	    z-index: 1;
	cursor: none;
}

.gallery_dot_container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hide_logo {
  opacity: 0;
  pointer-events: none;
}
.gallery_dot_centered {
  position: relative;
  width: 100%;
  /* max-width: 100%; */
  height: 100%;
  /* max-height: 100%; */
}
.gallery_dot_wr {
  position: absolute;
  top: 50%;
  left: 30%;
  width: 5rem;
  height: 5rem;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
/* .gallery_dot_appear  */
.gallery_dot_appear {
  pointer-events: all;
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
  animation: rate_blink 3s infinite;
}
.gallery_dot_active {
  animation: none !important;
}
.gallery_dot_purple {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  background: rgba(58, 44, 101, 0.7);
  border-radius: 50%;
  pointer-events: none;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gallery_dot_active .gallery_dot_purple {
  border: 1px solid rgba(253, 202, 112, 0.5);
}
.gallery_dot_plum {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: rgba(145, 50, 104, 0.5);
  border-radius: 50%;
  pointer-events: none;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gallery_dot_active .gallery_dot_plum {
  background: rgba(253, 202, 112, 1)
}
.gallery_beige {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: rgba(253, 202, 112, 1);
  border-radius: 50%;
  pointer-events: none;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gallery_dot_active .gallery_beige {
  background: rgba(145, 50, 104, 1);
}
.gallery_dot_txt_wr {
  position: absolute;
  bottom: 5rem;
  right: 0rem;
  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
  pointer-events: none;
}
.gallery_dot_active .gallery_dot_txt_wr {
  opacity: 1;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.3s;
}
/* положение маркера в самом верху с права */
.gallery_dot_top_right .gallery_dot_txt_wr {
  top: 5rem;
  bottom: auto;
}
/* положение маркера в самом низу с лева */
.gallery_dot_bottom_left .gallery_dot_txt_wr {
  right: auto;
  left: 0
}
/* положение маркера в самом верху с лева */
.gallery_dot_top_left .gallery_dot_txt_wr {
  top: 5rem;
  bottom: auto;
  right: auto;
  left: 0;
}

.gallery_dot_txt {
  position: relative;
  min-width: 23rem;
  /* height: auto; */
  padding: 1rem 2rem;
  background: #7d2f5a;
}

.gallery_dot_txt_wr::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border: 15px solid transparent;
  border-top: 15px solid #7d2f5a;
  transform: translate(-6px, 97%);
}
/* положение маркера в самом верху с права */
.gallery_dot_top_right .gallery_dot_txt_wr::before {
  top: 0;
  bottom: auto;
  transform: rotate(180deg) translate(6px, 97%);
}
/* положение маркера в самом низу с лева */
.gallery_dot_bottom_left .gallery_dot_txt_wr::before {
  right: auto;
  left: 0;
  transform: translate(6px, 97%);
}
/* положение маркера в самом верху с лева */
.gallery_dot_top_left .gallery_dot_txt_wr::before {
  top: 0;
  bottom: auto;
  right: auto;
  left: 0;
  transform: rotate(180deg) translate(-6px, 97%);
}

.gallery_dot_txt_wr::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border: 14px solid transparent;
  border-top: 14px solid #ffffff;
  transform: translate(-7px, 96%);
}
/* положение маркера в самом верху с права */
.gallery_dot_top_right .gallery_dot_txt_wr::after {
    top: 0;
    bottom: auto;
    transform: rotate(180deg) translate(7px, 96%);
}
/* положение маркера в самом низу с лева */
.gallery_dot_bottom_left .gallery_dot_txt_wr::after {
    right: auto;
    left: 0;
    transform: translate(7px, 96%);
}
/* положение маркера в самом верху с лева */
.gallery_dot_top_left .gallery_dot_txt_wr::after {
  top: 0;
  bottom: auto;
  right: auto;
  left: 0;
  transform: rotate(180deg) translate(-7px, 96%);
}

.gallery_dot_txt_bg {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background: #ffffff;
}
.gallery_dot_txt span {
  position: relative;
  font-family: "Akrobatbold";
  font-size: 2.6rem;
  color: #873b67;
}

.visual_slide{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.show_page_anim .visual_slide {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}
.visual_slide_img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.gallery_question_wr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 20vh;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 55rem;
  z-index: 2;
  pointer-events: none;

  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gallery_question_appear {
  opacity: 1;
  pointer-events: all;
}
.gallery_question_btn_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100rem;
  height: 30rem;
  z-index: -1;
  transform: translate(-22%, -16%);
  pointer-events: none;
}
/* .gallery_txt_yellow, */
.gallery_txt_white {
  font-family: "Akrobatbold";
  font-size: 3.7rem;
  color: #ffc565;
}
.gallery_txt_white {
  color: #ffffff;
}
#gallery_question_btn,
.gallery_question_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 2rem;
  padding: 1rem 5rem;
  cursor: pointer;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);

  font-family: "Akrobat_Regular";
  font-size: 2.6rem;
  text-transform: uppercase;
  color: #353237;
}
.gallery_question_btn::before {
  content: "";
  position: absolute;top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffc565;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gallery_question_btn:hover::before {
  opacity: 0;
}
.gallery_question_btn::after {
  content: "";
  position: absolute;top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 197, 101, 0.7);
  opacity: 0;
}
.gallery_question_btn:hover::after {
  opacity: 1;
}
.gallery_question_btn span {
  position: relative;
  z-index: 1;
}
.gallery_binotel_btn {
  display: block !important;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
/* .gallery_question_appear .gallery_question_btn {
  pointer-events: all;
} */
.gal_slider_pagin_wr{
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  height: 5.6rem;
  top: 1rem;
  margin: auto;
  width: 37rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #654879;
  height: 9rem;
  transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(100%);
}
@keyframes bigger_block {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
.gal_slider_pagin_wr.anim_block {
  animation: bigger_block 0.5s linear;
}
.gal_slider_pagin_wr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 9rem solid transparent;
  border-top: 0rem solid #654879;
  border-right: 5rem solid #654879;
  transform: translateX(-100%);
}
.gal_slider_pagin_wr::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border: 6rem solid transparent;
  border-left: 0rem solid #654879;
  border-top: 9rem solid #654879;
  transform: translateX(100%);
}
.show_page_anim .gal_slider_pagin_wr {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.close_visual{
	position: absolute;
	top: 1rem;
	right: 2.4rem;
	width:5rem;
	height: 5.8rem;
	z-index: 2;
	cursor: pointer;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .close_visual {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.close_visual_svg{

}
.close_svg{
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
}
/* VISUAL PREWIE */
#gal_slider_pagin{
  left: 0;
    right: 0;
    width: 110rem;
    width: 127rem;
    width: 30rem;
     height: 8.6rem;
     height: 2.6rem;
     bottom: 2rem;
     margin: 1rem auto;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}

.show_page_anim #gal_slider_pagin {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.visual_numbers{
	position: absolute;
	left:0;
	right: 0;
	text-align: center;
	color:#fff;
	font-family: "Akrobatblack";
	font-size: 3.6rem;
	bottom: 92%;
	    font-size: 3rem;
    bottom: 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.visual_index_yellow_txt {
  position: relative;
  color: #f9e148;
}
.show_page_anim .visual_numbers {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
#dot_counter {
  position: absolute;
  left: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
@keyframes checked_dot {
  0% {transform: scale(1); opacity: 1}
  100% {transform: scale(50); opacity: 0;}
}
.anim_block #dot_counter {
  animation: checked_dot 0.5s linear;
}
.gal_prew_wr{
    width: calc(100% - 0.5rem);
	height: 100%;
	position: relative;
	background-size: cover;
    background-repeat: no-repeat;
    margin: 0 0.5rem;
    cursor: pointer;
    background: #fff;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-thumb-active .gal_prew_wr,
.gal_prew_wr:hover{
	box-shadow: inset 0 0 0 4px #e9ba6a;
}
.gal_prew_wr:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: #e9ba6a;
	opacity: 0;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-thumb-active .gal_prew_wr:after{
	opacity: 1;
}
body .prev_slide_gal{
    width: 6.6rem;
    height: 11.1rem;
    background: none;
    left: 4rem;
    top: 0;
    bottom: 3rem;
    margin: auto;
    margin: 0;
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    /* transform: scale(-1) translate(50%,50%); */
    transform: scale(-1) translate(150%,50%);
    cursor: none;
   /* transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(3rem) scale(-1);	*/
}
.show_page_anim .prev_slide_gal {
   /* transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(0) scale(-1);*/
}
.show_page_anim .prev_slide_gal.swiper-button-prev.swiper-button-disabled{
	/*opacity: .35!important;*/
}
.prev_slide_gal:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_gal:hover:after {
    opacity: 1;
}
body .next_slide_gal{
    width: 6.6rem;
    height: 11.1rem;
    background: none;
    right: 4rem;
    top: 0;
    right: auto;
    top: auto;
    bottom: auto;
    left: auto;
    bottom: 3rem;
    margin: auto;
    margin: 0;
    overflow: hidden;
    transform: translate(-200%,-50%);
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    cursor: none;
   /* transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(3rem);*/
}
.show_page_anim .next_slide_gal {
    /*transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(0);*/
}
.show_page_anim .next_slide_gal.swiper-button-next.swiper-button-disabled{
	/*opacity: .35!important;*/
}

.next_slide_gal:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_gal:hover:after {
    opacity: 1;
}
.arrow_hide{
	opacity:0!important;
	pointer-events: none;
}
.visual_romb_left{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width:29rem;
	height: 23.5rem;
	pointer-events: none;
}
.visual_romb_left_svg path {
    opacity: 0;
    transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.visual_romb_left_svg path:nth-child(1){
	opacity: 0.9;
    transform: translateX(-100%);
}
.show_page_anim .visual_romb_left_svg path:nth-child(1){
    transform: translateX(0%);
}
.show_page_anim .visual_romb_left_svg path:nth-child(2){
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .visual_romb_left_svg path:nth-child(4){
	transition: .9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 0.6;

}
.show_page_anim .visual_romb_left_svg path:nth-child(3){
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}

.visual_romb_top{
	position: absolute;
	top: 0;
	right: -2px;
	width:28.9rem;
	height: 35rem;
	z-index: 1;
	pointer-events: none;
}
.visual_romb_top_svg{

}
.visual_romb_top_svg path{
	opacity: 0;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .visual_romb_top_svg path:nth-child(1){
    transition: .9s all .9s cubic-bezier(.19,1,.22,1);
	opacity: 0.988;
}
.show_page_anim .visual_romb_top_svg path:nth-child(2){
    transition: .9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .visual_romb_top_svg path:nth-child(3){
    transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
	opacity: 0.988;
}
.show_page_anim .visual_romb_top_svg path:nth-child(4){
    transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
	opacity: 0.988;
}
.show_page_anim .visual_romb_top_svg path:nth-child(5){
    transition: .9s all 1.3s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .visual_romb_top_svg path:nth-child(6){
    transition: .9s all 1.4s cubic-bezier(.19,1,.22,1);
	opacity: 0.6;
}
.show_page_anim .visual_romb_top_svg path:nth-child(7){
    transition: .9s all 1.5s cubic-bezier(.19,1,.22,1);
	opacity: 0.702;
}
.show_page_anim .visual_romb_top_svg path:nth-child(8){
    transition: .9s all 1.6s cubic-bezier(.19,1,.22,1);
	opacity: 0.949;
}

/* ========================================
/* END VISUALISATION
======================================== */

/* ========================================
/* DOCS
======================================== */
.docs_wrap{
	position: relative;
	width:100%;
	height: 100%;
	background: grey;
	background-position: center;

}
.docs_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_docs.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.docs_wr{
	height: 100%;
	position: relative;
	width:100%;

    z-index: 1;
    width: 82rem;
    width: 95rem;
}
.docs_tittle{
    position: relative;
    font-size: 4.7rem;
    color: #2f2b27;
    padding-left: 17rem;
    padding-top: 16rem;
    font-family: "Akrobatblack";
    z-index: 11;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .docs_tittle {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.docs_slider_wr{
    position: relative;
    width: 66rem;
    margin-left: 17rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .docs_slider_wr {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.docs_slider{
	width: 100%;
	width: 52rem;
	width: 66rem;
    overflow: hidden;
    height: 37rem;
    padding-top: 2rem;
    margin-left: -2rem;
}
.doc_link{
	display:block;
	max-width: 18.7rem;
    /*width: 89%;*/
    margin: auto;
    position: relative;
    height: 26.1rem;
}
.doc_img_wr{
	position: relative;
	box-shadow: 0 0 24px 0px #00000059;
}
.doc_img_wr:after{
position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 0 #e8b96a;

}
.doc_link:hover .doc_img_wr:after{
    box-shadow: inset 0 0 0 1.2rem #e8b96a;
}
.docs_img{
    width: 100%;
        display: block;
}
#docs_slider .swiper-slide{
    text-align: center;
}
.doc_tittle{
	color:#231300;
	font-size: 1.6rem;
	text-transform: uppercase;
	margin-top: 1rem;
	font-family: "Akrobatbold";
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.doc_link:hover .doc_tittle{
	color:#000;
}
.docs_slider_wr .prev_slide_doc {
    width: 5rem;
    height: 9.5rem;
    background: none;
    left: -9rem;
    top: 10rem;
    bottom: auto;

    margin: auto;
    overflow: hidden;
    background: url(../img/docs_arrow.png) no-repeat;
    background-size: cover;
    transform: scale(-1);
}
.docs_slider_wr .prev_slide_doc:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.docs_slider_wr .prev_slide_doc:hover:after{
	opacity: 1;
}
.docs_slider_wr .next_slide_doc{
    width: 6.6rem;
    height: 11.1rem;

        width: 5rem;
    height: 9.5rem;
    background: none;
    right: -5rem;
    top: 10rem;
    bottom: auto;

    margin: auto;
    overflow: hidden;
    background: url(../img/docs_arrow.png) no-repeat;
    background-size: cover;
}
.docs_slider_wr .next_slide_doc:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.docs_slider_wr .next_slide_doc:hover:after{
	opacity: 1;
}
/*.docs_plashka_wr{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    height: 100%;
    min-height: 91rem;

}*/
.bg_docs_plashka{
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    min-height: 91rem;
}
.docs_bg_svg{
    position: absolute;
    z-index: -1;
    top: 0;
    width: auto;
    height: 98rem;
    min-height: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.docs_svg_white{
    transform: translateX(-80%);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .docs_svg_white{
	transform: translateX(0%);
	transition: all 1s cubic-bezier(.19,1,.22,1);
}

.docs_svg_path{
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.show_page_anim .docs_svg_path:nth-child(1){
	transition:  0.5s all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .docs_svg_path:nth-child(2){
	transition:  0.5s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .docs_svg_path:nth-child(3){
	transition:  0.5s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 0.329;
}
.show_page_anim .docs_svg_path:nth-child(4){
	transition:  0.5s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 0.329;
}
.show_page_anim .docs_svg_path:nth-child(5){
	transition:  0.5s all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0.329;
}
.show_page_anim .docs_svg_path:nth-child(6){
	transition:  0.5s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .docs_svg_path:nth-child(7){
	transition:  0.5s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 0.702;
}
.show_page_anim .docs_svg_path:nth-child(8){
	transition:  0.5s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 0.902;
}
.show_page_anim .docs_svg_path:nth-child(9){
	transition:  0.5s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0.902;
}

.show_page_anim .docs_svg_path:nth-child(10){
	transition:  0.5s all 1.9s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}

.show_page_anim .docs_svg_path:nth-child(11){
	transition:  0.5s all 2s cubic-bezier(.19,1,.22,1);
	opacity: 0.6;
}




.docs_cb_wr{
	cursor: pointer;
	margin: 3rem 0px;
	margin-left: 17rem;
    display: inline-flex;
    border: 2px solid #ffc565;
    background: #ffc565;
    align-items: center;
    padding: 0.5rem 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .docs_cb_wr {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1), border 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.docs_cb_wr:hover{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	background: #833069;
	border: 2px solid #833069;
}


.docs_cb_text{
font-family: "Akrobatbold";
    text-transform: uppercase;
    font-size: 1.9rem;
    color: #2b2248;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.docs_cb_wr:hover .docs_cb_text{
	color:#fff;
}
.docs_cb_img{
    width: 2rem;
    margin-left: 1rem;
}
.docs_cb_img path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.docs_cb_wr:hover .docs_cb_img path {
    fill: #fff;
}
/* ========================================
/* END DOCS
======================================== */

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

}
.hid_bud_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_hid_bud.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.hb_wr{
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    top: 0;
    margin: auto;
    width:100%;
    position: absolute;
	display:flex;
}
.hb_tittle{
	font-size: 5.8rem;
	color:white;
	width: 100%;
	margin-bottom: 0rem;
	font-family: "Akrobatblack";
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .hb_tittle {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.hb_slider_wr{
    width: calc(100%);
    height: 52.5rem;
    position: relative;
    display: flex;
}
.hb_slider{
	height: 37.4rem;
    width: calc(100% - 11rem);
    position: relative;
}

.hb_slider_mini:after {
	 opacity: 0;
}
.hb_slide_anim{
	width: 100%;
    height: 100%;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .hb_slide_anim{
opacity: 1;
    transform:translateY(0rem);
}
.show_page_anim .hb_slide:nth-child(1) .hb_slide_anim{
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.show_page_anim .hb_slide:nth-child(2) .hb_slide_anim{
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.show_page_anim .hb_slide:nth-child(3) .hb_slide_anim{
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.show_page_anim .hb_slide:nth-child(4) .hb_slide_anim{
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.hb_slide_top{
    margin: auto;
    text-align: center;
    position: absolute;
    top: calc(100% + 0.2rem);
    right: 1px;
    z-index: 2;
    transform: translateY(-50%);
}
.swiper-slide-top .hb_slide_top{
    top: 0;
    transform: translateY(-50%);
}
.hb_slider_mini .hb_slide_top{
	/*opacity: 0;*/
}
.hb_slider .swiper-slide-next+.swiper-slide+.swiper-slide{
	opacity: 0.2;
}
.hb_svg{
    width: 27.7rem;
}
.swiper-slide-top .hb_svg{
 	transform: rotate(180deg);
}
.hb_slide_date{
	z-index: 1;
    font-size: 2.6rem;
    color: white;
    height: 100%;
    position: absolute;
    font-family: "Akrobatblack";
    text-transform: uppercase;
    padding-top: 7rem;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}
.swiper-slide-top .hb_slide_date{
    padding-bottom: 7rem;
    padding-top: 0;
}
.hb_slide_date span{
margin-left: 1rem;
}
.hb_slide_img_wr{
	 width: 100%;
    width: calc(100% - 2px);
    height: 100%;
    overflow: hidden;
}
.hb_slide_img{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
    background-size: cover;
    background-position: center;
    margin: auto;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
    transform: scale(1);
}
.hb_slide_anim:hover .hb_slide_img{
	transform: scale(1.1);
}
.hb_slide_anim:after{
    box-shadow: inset 0 0 0 1.2rem white;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	z-index: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_slide_anim:nth-child(3n+1):hover:after{
	box-shadow:inset 0 0 0 1.2rem #e8b96a;
}
.hb_slide_anim:nth-child(3n+2):hover:after{
	box-shadow:inset 0 0 0 1.2rem #d76364;;
}
.hb_slide_anim:nth-child(3n+3):hover:after{
	box-shadow:inset 0 0 0 1.2rem #803068;;
}
.hb_slider_wr .prev_slide_hb {
    width: 6.6rem;
    height: 11.1rem;
    background: none;
left: -8rem;
    top: 50%;
    transform: translateY(-50%) scale(-1);
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(calc(-50% + 3rem)) scale(-1);
}
.show_page_anim .prev_slide_hb {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(-50%) scale(-1);
}
.show_page_anim .prev_slide_hb.swiper-button-prev.swiper-button-disabled{
	opacity: .35!important;
}

.prev_slide_hb:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_hb:hover:after {
    opacity: 1;
}
.hb_slider_wr .next_slide_hb {
width: 6.6rem;
    height: 11.1rem;
    background: none;
    margin: auto;
    right: auto;
    left: calc(100% - 9rem);
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(calc(-50% + 3rem));
}
.show_page_anim .next_slide_hb {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(-50%);
}
.show_page_anim .next_slide_hb.swiper-button-prev.swiper-button-disabled{
	opacity: .35!important;
}
.next_slide_hb:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_hb:hover:after {
    opacity: 1;
}
.hb_slider_cont{
    position: relative;
    overflow: hidden;
    width: 100%;
        display: flex;
    align-items: center;
}
.hb_left{
    width: 45rem;
    padding-right: 9rem;
    padding-left: 10rem;
    margin-top: 14rem;
}
.hb_right{
	margin-top: 10rem;
	width: calc(100% - 46rem);
}
.camera_btn{
	display:flex;
	margin-bottom: 6rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .camera_btn {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0rem);
}
.camera_img_wr{
	width:6.4rem;
	margin-right: 2rem;
}
.camera_img_wr path,
.camera_img_wr rect{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.camera_btn:hover path,
.camera_btn:hover rect{
	fill:#e9ba6a;
}
.icon_camera{
	width:100%;
}
.camera_line{
	width:100%;
	height: 4px;
	background: #ffc565;
}
.camera_text{
	display: flex;
	align-items: center;
	font-family: "Akrobatblack";
	font-size: 2.6rem;
	color:white;
	text-transform: uppercase;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.camera_btn:hover .camera_text{
	color:#e9ba6a;
}
.hb_years_wr{
    display: flex;
    flex-flow: wrap;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .hb_years_wr {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0rem);
}
.hb_years {
    font-family: "Akrobatblack";
    font-size: 2.6rem;
    color: white;
    border: 3px solid transparent;
    width: 31%;
    margin: 0.5rem 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years:hover{
	color: #e9ba6a;
}
.hb_years_active{
	 color: #e9ba6a;
    border: 3px solid #e9ba6a;

}
/* ========================================
/* END HID BUD
======================================== */

/* ========================================
/* HID BUD OPEN
======================================== */
.hb_open_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../files/bg/bg_hid_bud_open.jpg) no-repeat;
    background-size: cover;
}
.hb_open_pagin_wr{
left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    height: 11.6rem;
    bottom: 0;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hb_open_slider_wr{
    position: absolute;
    max-width: 127rem;
    height: calc(100% - 22rem);
    margin: auto;
    bottom: 19rem;
    width: 69%;
    min-width: 873px;
    top: 8rem;
    left: 0;
    right: 0;
}
.hb_open_slider{
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: calc(100%);
    margin: auto;
    margin-bottom: 7rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .hb_open_slider {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
body .hb_open_slider_wr .next_slide_gal{
    right: -8rem;
    bottom: 0;
}
body .hb_open_slider_wr .prev_slide_gal{
    left: -8rem;
    bottom: 0;
}
#hb_slider_pagin{
    width: 110rem;
    width: 127rem;
     height: 8.6rem;
     bottom: 1rem;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim #hb_slider_pagin {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}

body .prev_slide_hb_open{
    width: 6.6rem;
    height: 11.1rem;
    background: none;
    left: -8rem;
    top: 0;
    bottom: 3rem;
    margin: auto;
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: scale(-1) translateY(3rem);
}
.show_page_anim .prev_slide_hb_open {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:scale(-1) translateY(0);
}
.show_page_anim .prev_slide_hb_open.swiper-button-next.swiper-button-disabled{
	opacity: .35!important;
}
.prev_slide_hb_open:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_hb_open:hover:after {
    opacity: 1;
}

body .next_slide_hb_open{
    width: 6.6rem;
    height: 11.1rem;
    background: none;
    right: -8rem;
    top: 0;
    bottom: 3rem;
    margin: auto;
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(3rem);
}
.show_page_anim .next_slide_hb_open {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(0);
}
.show_page_anim .next_slide_hb_open.swiper-button-next.swiper-button-disabled{
	opacity: .35!important;
}
.next_slide_hb_open:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_hb_open:hover:after {
    opacity: 1;
}
.hb_open_prew_wr{
    width: calc(100% - 0.5rem);
    height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 0.5rem;
    cursor: pointer;
     box-shadow: inset 0 0 0 0px #e9ba6a;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}

.swiper-slide-thumb-active .hb_open_prew_wr, .hb_open_prew_wr:hover {
    box-shadow: inset 0 0 0 4px #e9ba6a;
}

/* ========================================
/* UCHASNIKI
======================================== */
.dev_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    background:white;
}
.dev_bg{
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_dev.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.dev_wr{
    height: 100%;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-size: 101% 100%;
}
.dev_content_wr{
    position: relative;

    height: 100%;
    margin: auto;
    display: flex;
	justify-content: space-between;
    min-width: 787px;

}
.dev_tittle{
	    position: absolute;
    font-size: 4.7rem;
    color: #2f2b27;
    left: 17rem;
    top: 12rem;
    font-family: "Akrobatblack";
    z-index: 11;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .dev_tittle {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.dev_left{
    padding-top: 22rem;
	width:31%;
	color:#231300;
	font-size: 1.8rem;
	    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.dev_right{
    position: relative;
    padding-top: 30rem;
	width:31%;
	color:#fff;
	    display: flex;
    justify-content: center;
    z-index: 1;
}


.dev_info{
    text-align: center;
    width: 48rem;
	width: 420px;
    /*width: 42rem;*/
}
.dev_info_link {
  position: relative;
  display: block;
  margin-bottom: 3vh
}
.dev_info_link::before,
.dev_info_link::after {
  content: "";
  position: absolute;
  bottom: 1rem;
  right: 17%;
  width: 47%;
  height: 2px;
  background: #fff;
  opacity: 0;
  transform: translateY(3rem);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dev_info_link::after {
  bottom: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.2s;
}

.dev_info_link:hover::before,
.dev_info_link:hover::after {
  opacity: 1;
  transform: translateY(0);
}
.dev_logo_riel{
	margin-bottom: 3rem;
	max-width: 25.8rem;
	margin-bottom: 3vh;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .dev_logo_riel {
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.dev_logo_ab{
	max-width: 31.5rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .dev_logo_ab {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.dev_text{
	font-size: 1.8rem;
    letter-spacing: 1px;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.dev_right .dev_text{
	transform: translateY(3rem);
}
.show_page_anim .dev_text {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.bg_dev_plashka{
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    min-height: 91rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-10rem);
}
.show_page_anim .bg_dev_plashka {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.bg_dev_plashka_2{
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    min-height: 91rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(10rem);
}
.show_page_anim .bg_dev_plashka_2 {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.bg_dev_plashka_wr{
    position: absolute;
    top: 0;
    left: 60%;
    transform: translateX(-48%);
    z-index: -1;
    height: 100%;
    min-height: 91rem;
}
.dev_link{
	margin-top: 4vh;
    display: inline-block;
	color:#231300;
	font-size: 1.8rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: #ffc565;
    border: 2px solid #ffc565;
    padding: 1rem 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1), color 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .dev_link {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.dev_link:hover{
	background: white;
}
.bg_dev_1_after{
    display: none;
    position: absolute;
    top: 0;
    z-index: -2;
    height: 43.7rem;
    right: 0;
    transform: translateX(19%);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-100%);
}
.show_page_anim .bg_dev_1_after {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(19%);
}
.bg_dev_2_after{
    display: none;
    position: absolute;
    bottom: 0;
    z-index: -2;
    right: 100%;
    height: 41.1rem;

	transform: translateX(71%);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	pointer-events: none;
	transform: translateX(100%);
}
.show_page_anim .bg_dev_2_after {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(71%);
}
/* ========================================
/* END UCHASNIKI
======================================== */

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

}
#map_infra{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	background: grey;

}
.map-marker{
	position: absolute;
	width: 4.7rem;
    height: 7.3rem;
    left: 50%;
    top: 50%;
	transform: translate(-50%, -100%);
	cursor: pointer;
	opacity: 0;
	transform: translateY(-3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_marker{
	opacity: 1;
	transform: translateY(0);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.map_marker {
	height: 100%;
	width:100%;
    background-size: cover;
}

.marker_tittle{
	    position: absolute;
    display: none;
}
.marker_tittle_text{

}
.map_filt_wrap{
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    min-height: 550px;

}
.map_filt_btn{
	background: black;
	width:5.2rem;
	height: 5.2rem;
	position: absolute;
    z-index: 1;
	right: 0;
    transform: translateX(50%) ;
}



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

	padding: 4rem 5rem 4rem 2rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	transform: translateX(-90%);
	background: white;

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

}
.map_filt_wr_open:before{
	opacity: 1;
}
.map_filt_tittle{
	font-size: 3.8rem;
	color:#000;

}
.map_filt_li{
    align-items: center;
    display: flex;
    padding: 0rem 1rem;
    margin: 1rem 0;
    position: relative;
    height: 4.6rem;
    cursor: pointer;
    background: transparent;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.map_filt_li:hover, .map_filt_li_check{
	background: red;

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

}
.check_1:after{
    background-color: #c2921d;
    transition: .3s all .4s;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
}
.map_filt_li_check .check_1:after{
	transform: translateY(0%);
	 transition: all 0.3s ;
}
.check_2{
    width: 14px;
    height: 3px;
    position: absolute;
    bottom: 0;
    right: 0px;
}
.check_2:after{
    background-color: #c2921d;
    transition: .3s all 0.2s;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
}
.map_filt_li_check .check_2:after{
	transform: translateX(0%);
}
.map_filt_img_wr{
    margin-right: 1rem;
	text-align: center;
	width: 3rem;
}
.map_filt_img{

}
.map_filt_text{
	font-size: 1.8rem;
}
/* ========================================
/* END INFRASTRUKTURE
======================================== */

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

/* ========================================
/* FLATS
======================================== */
.flats_wrap{
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: white;
}
.shadow_cload_flats{
position: absolute;
    top: -20rem;
    left: 0;
    z-index: 1;
    pointer-events: none;
    width: 192rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-10rem);
}
.show_page_anim .shadow_cload_flats {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.flats_tittle_wr{
    position: absolute;
    top: 15rem;
    left: 9rem;
    z-index: 2;
}
.flats_tittle{
    font-family: "Akrobatbold";
	display: flex;
    color: #4f2f67;
    font-size: 5.4rem;
    align-items: center;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 1rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-10rem);
}
.show_page_anim .flats_tittle {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.arrow_flats{
    width: 4rem;
    margin-top: 0.5rem;
}
.choose_flats_btn{
	display:flex;
	align-items: center;
	cursor: pointer;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-10rem);
}
.show_page_anim .choose_flats_btn {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.choose_flats_checkbox{
	width:3.1rem;
	height: 3.1rem;
	position: relative;
	margin-right: 1rem;
	border:2px solid #ffc565;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.choose_flats_checkbox .check_wr,
.double_floors_wr .check_wr{
    right: 0.5rem;
}
.choose_flats_checkbox .check_1:after,
.choose_flats_checkbox .check_2:after{
	background-color:#4f2f67;
}
.double_floors_wr .check_1:after,
.double_floors_wr .check_2:after{
	background-color:#fff;
}


.choose_flats_checkbox_active .check_1:after,
.double_floors_wr_active .check_1:after{
	transform: translateY(0%);
	 transition: all 0.3s ;
}
.choose_flats_checkbox_active .check_2:after,
.double_floors_wr_active .check_2:after{
	transform: translateX(0%);
}
.choose_flats_text{
	font-family: "Akrobat_Semi_Bold";
	font-size: 2.6rem;
	color:#231300;
}
#houses_wrap{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.show_page_anim #houses_wrap {
    transition: 0.9s opacity 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}
#houses_img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#houses_svg{

}

.house_marker{
	position: absolute;
	background: url(../img/house_marker_bg.png) no-repeat;
	background-size: cover;
	width:6.1rem;
	height: 5.4rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%);
	opacity: 1;
	pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.house_marker path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.house_marker_show{
}
.house_marker_show path{
	fill: #913268;
	stroke: #913268;
}
.house_marker_number{
	position: relative;
	z-index: 1;
	color:#fff;
	font-family: "Akrobatbold";
	font-size: 2.9rem;
}
.house_marker_svg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;

}
.filt_btn_wr{
    position: absolute;
    top: 24rem;
    left: 2.1rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: 1;
    display: flex;
    text-transform: uppercase;
    width: 26.2rem;
    height: 6.2rem;
    align-items: center;
    justify-content: center;

	margin-top: 10rem;
    top: 14vh;
    z-index: 1;
}
.filt_wrap{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 59.2rem;
	pointer-events: none;
	/*width:113.7rem;*/
	z-index: 1;
}
.filt_svg{
	width:100%;
	width: auto;
	height: auto;
	height: 100%;
}
.filt_svg path {
    opacity: 0;
    transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .filt_svg path:nth-child(1){
   transition: .9s all .6s cubic-bezier(.19,1,.22,1);
	opacity: 0.7;
}
.show_page_anim .filt_svg path:nth-child(2){
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
	opacity: 0.4;
}
.show_page_anim .filt_svg path:nth-child(4){
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;

}
.show_page_anim .filt_svg path:nth-child(3){
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
	opacity: 0.051;
}
.show_page_anim .filt_svg path:nth-child(4){
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .filt_svg path:nth-child(5){
	transition: .9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 0.7;
}
.show_page_anim .filt_svg path:nth-child(6){
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
}
.show_page_anim .filt_svg path:nth-child(7){
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
}
.show_page_anim .filt_svg path:nth-child(8){
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
}
.show_page_anim .filt_svg path:nth-child(10){
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
}
.show_page_anim .filt_svg path:nth-child(11){
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
}
.show_page_anim .filt_svg path:nth-child(12){
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
}
.filt_wr{
    position: absolute;
    bottom: 6%;
    right: 0;
    width: 72%;
    padding: 0 10rem;
    padding-left: 22rem;
        z-index: 1;
    max-width: 111rem;
    min-width: 898px;
}
.fil_polz_wr{
	width:23rem;
}
.fil_polz_wr:nth-child(2){
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .fil_polz_wr:nth-child(2) {
    transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.fil_polz_wr:nth-child(3){
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .fil_polz_wr:nth-child(3) {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.fil_polz_wr:nth-child(4){
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .fil_polz_wr:nth-child(4) {
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.double_floors_wr{
    display: flex;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: -7rem;
    right: 10rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .double_floors_wr {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.double_floors_text{
    font-family: "Akrobatblack";
    font-size: 2.3rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.double_floors_checkbox{
width: 3.1rem;
    height: 3.1rem;
    position: relative;
    margin-left: 1rem;
    border: 2px solid #ffc565;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filt_flex{
	display:flex;
	width:100%;
	justify-content: space-between;
	margin-bottom:2rem;
}
.fil_polz_tittle{
    font-family: "Akrobatblack";
    font-size: 2.3rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 6rem;
    text-align: center;
}
.fil_polz_tittle sup{
	font-size: 1.2rem;
}
.fil_par_polzunok{

}
.fil_polz_values{
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}
.fil_polz_val{
	font-size: 1.8rem;
}
.fil_polz_tittle_2{
	font-size: 2.1rem;
    margin-top: 1.5rem;
}
.fil_btn_done{
	color:white;
	text-transform: uppercase;
	font-size: 1.8rem;
	width:17.8rem;
	height: 4.1rem;
	margin: auto;
	font-family: Arial;
	    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    cursor: pointer;

	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_btn_done:hover{
	color:#c2921d;
}
.fil_btn_done:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: url(../img/bg_filter_btn.png) no-repeat;
	background-size: 100% 100%;
	opacity: 1;
	z-index: -1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_btn_done:hover:before{
	opacity:0;
}
.fil_btn_done:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: url(../img/bg_filter_btn_hover.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	z-index: -1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_btn_done:hover:after{
	opacity:1;
}
.fil_polz_wr .ui-state-default,.fil_polz_wr .ui-widget-content .ui-state-default,.fil_polz_wr .ui-widget-header .ui-state-default{
    background: none;
    /*width: 14px;*/
    border: none;
    top: -5.4rem;
    border-radius: 0;
    cursor: pointer;
    height: 4.4rem;
    font-family: "Akrobatbold";
    font-size: 3.2rem;
    color: #fdca70;
        display: flex;
    /*justify-content: center;*/
}
#fil_area .ui-state-default:nth-child(2){
	    padding-right: 5rem;
    text-align: right;
}
#fil_area .ui-state-default:nth-child(3){

    padding-left: 5rem;
}
#fil_floor  .ui-state-default:nth-child(3){
	padding-left: 5rem;
}
.fil_polz_wr .ui-slider-horizontal{
	height:4px!important;
	background: rgba(255, 255, 255, 0.2);
    border: none;
        width: 94%;
    margin: auto;
	border-radius: 0;
}
.fil_polz_wr  .ui-slider-horizontal .ui-slider-range{
	height:3px!important;
}
.fil_polz_wr .ui-widget-header{
	background:#fff;
}
.fil_polz_wr .ui-state-default:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 2.4rem;
    background: #ffc565;
    top: 4.3rem;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_polz_wr .ui-state-default:hover:after{
	background: rgb(160, 51, 92);
}


.filter_btn{
	font-family: "Akrobatbold";
	font-size: 2.3rem;
	color:#373337;
	background: #fdca70;
	padding: 1rem 3rem;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	border:3px solid #fdca70;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .filter_btn {
    transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1), color 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.filter_btn:hover{
	background: transparent;
	color:#fff;
}
.cloud_flats_bot{
	pointer-events: none;
    position: absolute;
    bottom: -2rem;
    right: 79rem;
    width: 61.3rem;
    z-index: 1;
}
.triagle_flats{
	position: absolute;
	width:28.2rem;
	height: auto;
    left: 11rem;
    bottom: -6rem;
}
/* ========================================
/* END FLATS
======================================== */

/* ========================================
/* FILTER
======================================== */
.fil_wrap{
	position: relative;
	height: 100%;

}
.fil_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_filter.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.cloud_fil_left{
	position: absolute;
	top: 0;
	left: 0;
	width:50.9rem;
	z-index: 1;
	pointer-events: none;
}
.cloud_fil_right{
	position: absolute;
	top: 0;
	right: 0;
	width:105.8rem;
	z-index: 1;
	pointer-events: none;
}
.fil_wr{
	height:100%;
	padding: 0 10rem;
	padding-top: 20rem;
	position: relative;
	z-index: 1;
}
.show_filter_btn_wr{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 4rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .show_filter_btn_wr {
    transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.show_filter_btn{
	display:inline-flex;
	background: #ffc66b;
	text-transform: uppercase;
	color:#2b2248;
	font-size: 2.1rem;
	font-family: "Akrobatbold";
	position: relative;
	padding: 1rem 3rem;
	align-items: center;
	border:3px solid #ffc66b;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_filter_btn:hover{
	background: transparent;
	border:3px solid #2b2248;
}
.open_filter_icon_wrap{
	display: inline-block;
	width:2.6rem;
	margin-right: 2.5rem;
}
.open_filter_line_1{
	height: 2px;
	background: #2b2248;
	position: relative;
	margin-bottom: 0.7rem;
}
.open_filter_line_1:after{
    content: '';
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background: #2b2248;
    top: -0.35rem;
    border-radius: 25px;
    left: 0.5rem;
    transition: all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_filter_btn:hover .open_filter_line_1:after{
    left: 2.2rem;
}
.open_filter_line_2{
	height: 2px;
	background: #2b2248;
	position: relative;
	margin-bottom: 0.7rem;
}
.open_filter_line_2:after{
    content: '';
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background: #2b2248;
    top: -0.35rem;
    border-radius: 25px;
    left: 1.6rem;
    transition: all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_filter_btn:hover .open_filter_line_2:after{
    left: 0.5rem;
}
.open_filter_line_3{
	height: 2px;
	background: #2b2248;
	position: relative;
}
.open_filter_line_3:after{
    content: '';
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background: #2b2248;
    top: -0.3rem;
    border-radius: 25px;
    left: 0.5rem;
    transition: all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_filter_btn:hover .open_filter_line_3:after{
    left: 2.2rem;
}
.show_filter_text{

}
.fil_slider_wr{
    width: 90%;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1460px;
}
body .prev_slide_fil{
	    width: 6.6rem;
    height: 11.1rem;
    background: none;
    left: -11rem;
    top: 50%;
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    margin: 0;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(-2rem)  scale(-1);
}
.show_page_anim .prev_slide_fil {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform: translateY(-5rem) scale(-1);
}
.show_page_anim .prev_slide_fil.swiper-button-prev.swiper-button-disabled{
	opacity: .35!important;
}

.prev_slide_fil:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_fil:hover:after {
    opacity: 1;
}
body .next_slide_fil{
    width: 6.6rem;
    height: 11.1rem;
    background: none;
    margin: auto;
    right: -11rem;
    top: 50%;
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(-2rem);
}
.show_page_anim .next_slide_fil {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform: translateY(-5rem);
}
.show_page_anim .next_slide_fil.swiper-button-next.swiper-button-disabled{
	opacity: .35!important;
}
.next_slide_fil:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_fil:hover:after {
    opacity: 1;
}
.fil_slider{
	width:100%;
	overflow: hidden;
}
.one_flat_slide{
	height: 100%;
	position: relative;
}
.one_flat_slide{
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(3rem);
}
.show_page_anim .one_flat_slide:nth-child(1) {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_slide:nth-child(2) {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_slide:nth-child(3) {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_slide:nth-child(4) {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_slide:nth-child(5) {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_slide {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.one_flat_wr{
	height: 100%;
}
.one_flat_top{
	height: 6rem;
	display: flex;
}
.one_flat_type{
	height: 100%;
	width:7.2rem;
	display:flex;
	justify-content: center;
	align-items: center;
	background: #ffc66b;
	color:#2b2248;
	font-size: 3.8rem;
	font-family: "Akrobatbold";
	text-transform: uppercase;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_flat_slide:hover .one_flat_type{
	background: #35295a;
	color:#fff;
}
.one_flat_size{
    background: #ededed;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_flat_slide:hover .one_flat_size{
	background: #ffc66b;
}




.one_flat_gen_size,
.one_flat_liv_size{
	color:#494846;
	font-size: 1.6rem;
}
.one_flat_slide:hover .one_flat_gen_size,
.one_flat_slide:hover .one_flat_liv_size {
	/*color:#fff;*/
}
.one_flat_gen_size sup,
.one_flat_liv_size sup{
	font-size: 1rem;
}
.one_flat_img_wr{
	height:30rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}
.one_flat_img{
	max-width:90%;
	max-height: 90%;
}
.one_flat_dostup_wr{
	background:#a0355e;
	padding: 1rem 2rem;
}
.one_flat_dostup_text{
	font-size: 1.6rem;
	color:#fff;
}
.one_flat_dostup{
	font-size: 1.6rem;
	color:#fff;
	font-family: "Akrobatbold";
}
.fil_pagin_wr{
	display:flex;
	justify-content: center;
	margin-top: 8rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .fil_pagin_wr {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.fil_pagin{

}
.fil_pagin span{
	width:1.4rem;
	height: 1.4rem;
	position: relative;
	background:none;
	margin: 0 1rem;
	opacity: 1;
}
.fil_pagin span:after{
	content: '';
	position: absolute;
	width:100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_pagin span.swiper-pagination-bullet-active:after{
	background: #ffc565;
	width:1.8rem;
	height: 1.8rem;
}


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

/* ========================================
/* FLAT
======================================== */
.flat_wrap{
	position: relative;
	height: 100%;
}
.flat_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_flat.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.flat_wr{
    height: 100%;
    padding: 0 10rem;
    padding-top: 16rem;
    position: relative;
    z-index: 1;
    padding-top: 16vh;
}
.flat_content{
    width: 90%;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    height: calc(100% - 12rem);
    max-width: 1460px;
}
.flat_flex{
	display:flex;
	height: calc(100% - 9rem);
	position: relative;
}
.flat_prev{
	position: absolute;
width: 6.6rem;
    height: 11.1rem;
    left: -10rem;
    margin: auto;
    top: 15rem;
    transform: scale(-1);
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: scale(-1) translateY(3rem);
}
.show_page_anim .flat_prev {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: scale(-1) translateY(0rem);
}
.flat_prev:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_prev:hover:after{
	opacity: 1;
}
.flat_next{
	position: absolute;
	width: 6.6rem;
    height: 11.1rem;
    background: none;
    margin: auto;
    right: -10rem;
    top: 15rem;
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_next {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_next:after{
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_next:hover:after{
	opacity: 1;
}

.wrap_left{
	position: relative;
	height: 100%;
	width:41.2rem;
	padding: 2rem 1rem;
	background: url(../img/bg_flat_info.jpg);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(30rem);
}
.show_page_anim .wrap_left {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.wrap_right{
	position: relative;
	height: 100%;
	width:calc(100% - 41.2rem);
    background: #fff;
        padding: 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(30rem);
}
.show_page_anim .wrap_right {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.flat_plan_wrap{
	display:flex;
	height: calc(100% - 8rem);
}
.flat_plan_wr{
	width:calc(100% - 10.9rem);

}
.flat_tittle_wr{
	display:flex;
	justify-content: space-around;
	margin-bottom: 1rem;
	position: relative;
	z-index: 1;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_tittle_wr {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_tittle_flex{
	position: absolute;
	z-index: 1;
	height: 100%;
	width:100%;
	left: 0;
	top: 0;
	display:flex;
	justify-content: space-around;
	align-items: center;
}
.flat_tittle_svg{
	width:100%;
	z-index: -1;
}
.flat_tittle{
	color:#fff;
	font-family: "Akrobatbold";
	text-align: center;
}
.flat_tittle_text{
	font-size: 1.8rem;
}
.flat_tittle_text sup{
	font-size: 1rem;

}
.flat_parametr{
	font-size: 3.2rem;
}
.flat_tittle span{
    white-space: nowrap;
	color:#c2921d;
}
.flat_plan{
	position: relative;
    margin: auto;
	width:100%;

    height: calc(100% - 4rem);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_plan {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_type{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	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{
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
	opacity:1;
	transform: translateX(0rem);
}
.flat_img_wr{
    position: relative;
    height: 100%;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}
.flat_img{
	max-width:100%;
	max-height:100%;
}
.marker_rooms_wr{

    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.marker_room{
	transform: translate(-50%,-50%);
	font-size: 2.9rem;
	color:white;
	position: absolute;
	    width: 4.8rem;
    height: 4.1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-family: "Akrobatbold";
    align-items: center;
}
.marker_room_svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.marker_room_text{
	position: relative;
	z-index: 1;

}
.change_view_wr{
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .change_view_wr {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.change_view {
	text-transform: uppercase;
	width:10.2rem;
	height: 3.1rem;


	cursor: pointer;
	position: relative;
	z-index: 1;
	font-family: "Akrobatblack";
    font-size: 1.6rem;
    color: #e9ba6a;
    border: 3px solid #e9ba6a;
    margin: 0.5rem 0.2rem;


    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1)
}
.change_view:hover{
	color: #833069;
	border: 3px solid #833069;
}

.change_view_active{
	pointer-events: none;
	color: #fff;
	background: #833069;
	border: 3px solid #833069;
}

.change_view_bg{
	position: absolute;
	width:100%;
	height: 100%;
	z-index: 1;
	display: flex;
	justify-content:center;
	align-items:center;
}

.expl_wrap{
	display: flex;
    flex-wrap: wrap;
    padding: 0 3rem;
    height: calc(100% - 27rem);
        margin: 2rem 0;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .expl_wrap {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.compas_wr{
	width:10.9rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .compas_wr {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_compas{
    width: 10.9rem;
    height: 10.9rem;
}
.expl_wr{
	font-size: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	padding: 0rem 2rem;
	padding-right: 0rem;
	height: 100%;
}
.expl_scroll{
height: 100%;
	width: 100%;
}
.expl_wr sup{
	font-size:1rem;
}
.expl_wr_room{
    width: 60%;
}
.expl_wr_number{
    width: 26%;
	text-align: right;
	font-family: "Akrobatbold";
}
.expl_tr{
    width: 100%;
    display: flex;
    justify-content: space-between;
	padding: 0.5rem 0;
	color:#1d172f;
	font-size: 2.1rem;
	    padding-right: 1rem;
}
.download_pdf_wr{
	padding: 0 2rem;
	display:flex;
	width: 100%;
	margin-bottom: 1rem;
	justify-content: space-between;
  transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .download_pdf_wr {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.download_pdf{
	width: calc(50% - 1rem);
	padding: 0 1rem;
	height: 4.4rem;
	display: flex;
	font-size: 1.7rem;
	text-transform: uppercase;
	color:#070605;
	align-items: center;
	z-index: 1;
	position: relative;
    justify-content: center;
    border:3px solid #070605;
    font-family: "Akrobat_Semi_Bold";
    background: transparent;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.download_pdf:hover{
	color:white;
    border:3px solid #35295a;
	background: #35295a;
}
.pdf_icon{
    margin-left: 1rem;
	position: relative;
	width:1.7rem;
	z-index: 1;
}
.download_pdf path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.download_pdf:hover path{
	fill: #fff;
}
.flat_download_pres {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 25rem;
    height: 4.4rem;
    margin: 0 auto;
    margin-bottom: 1rem;
    padding: 0 1rem;
    border: 3px solid #070605;
    font-family: "Akrobat_Semi_Bold";
    font-size: 1.7rem;
    text-transform: uppercase;
    color: #070605;
    cursor: pointer;
    z-index: 1;
    background: transparent;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .flat_download_pres {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.flat_download_pres:hover {
    color: white;
    border: 3px solid #35295a;
    background: #35295a;
}
.flat_cb_btn{
	position: relative;
	text-align: center;
	width: 28.6rem;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_cb_btn {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_cb_svg{
    width: 100%;
    height: auto;
}
.flat_cb_btn path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_cb_btn:hover path{
	fill: #833069;
}
.flat_cb_text{
	font-size: 2.6rem;
	color:#fff;
	text-transform: uppercase;
	font-family: "Akrobatbold";
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}


.flat_on_floor_wrap{
display: flex;
    align-items: baseline;
    justify-content: flex-end;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_on_floor_wrap {
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_on_floor_wr{
	width: 14.8rem;
    height: 7.8rem;
    position: relative;
}
.flat_on_floor_img{
	/*width:100%;*/
	position: absolute;

	    max-width: 100%;
    max-height: 100%;
        left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#flat_on_floor_svg{
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;

}
.flat_on_floor_number{
	color:#1d172f;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-family: "Akrobatbold";
	letter-spacing: 1px;
	transform: translateY(-1rem);
}
/* ========================================
/* END FLAT
======================================== */


/* ========================================
/* UMOVU
======================================== */
.umovu_wrap{
	width: calc(100%);
    height: 100%;
    position: relative;
}
.umovu_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	pointer-events: none;
	background: url(../files/bg/bg_umovu.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease-out;
}
.umovu_flex_wr{
	position: absolute;
    right: 4rem;
	height: 100%;
	height: 74%;
	display:flex;
	align-items: center;
	    padding-top: 15vh;
}
.umovu_wr{
    position: relative;
    width: 55.5rem;
    z-index: 1;
    height: 100%;
    display: flex;
    align-content: space-between;
    flex-flow: wrap;
    padding: 12rem 0 10rem;
}
.umovu_cont{
    position: relative;
    transition: all 0.5s ease-out;
    opacity: 0;
    width: 100%;
    transform: translateX(6rem);
}
.show_page_anim .umovu_cont {
    transition: 0.5s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.umovu_scroll{
    min-height: 31rem;
    position: relative;
    overflow: hidden;
}
.umovu_scroll_cont{
    padding-right: 3rem;
    padding-left: 2rem;
}
.umovu_drop_wr{
margin-bottom: 2rem;
    max-width: 59rem;
}
.umovu_vvod_wr{
    width: 100%;
    margin-top: 2vh;
    padding-left: 6rem;
     opacity: 0;
    transform: translateX(6rem);
    transition: all 0.5s ease-out
}
.show_page_anim .umovu_vvod_wr {
    transition: 0.5s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.umovu_docs_wr{
    width: 100%;
    margin-top: 2vh;
    padding-left: 6rem;
     opacity: 0;
    transform: translateX(6rem);
    transition: all 0.5s ease-out
}
.show_page_anim .umovu_docs_wr {
    transition: 0.5s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.umovu_vvod_title{
	font-family: "Akrobatbold";
	font-size: 2.1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#fff;
	margin-bottom: 2rem;
}
.umovu_vvod_text{
	font-family: "Akrobatblack";
	font-size: 1.8rem;
	color:#fff;
}
.umovu_vvod_text table{
	width:100%;
	letter-spacing: 1px;
}
.umovu_docs{
	display:flex;
    width: 100%;
    margin-top: 2vh;

}
.umovu_doc{
    width: 8.5rem;
    margin-right: 2rem;
}
.umovu_doc_img{
	width:100%;
}
.dropdown {

}
.open_dropdown{

}
.dropdown_tittle{
    font-size: 2.3rem;
    color: #231300;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    height: 4.7rem;
    display: flex;
    align-items: center;
    font-family: "Akrobatblack";
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .dropdown_tittle{
	color:#fff;
}
.dropdown_tittle:before{
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #ffc565;
    transform: skew(-30deg);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .dropdown_tittle:before{
	background: #6d3589;
}
.dropdown_tittle_text{
    padding-left: 3rem;
	letter-spacing: 1px;
}
.dropdown_tittle_arrow{
    height: 100%;
    width: 5.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 0;
    position: absolute;
}
.umovu_arrow{
    width: 2.8rem;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 1.5rem;
    transform: rotate(180deg);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.umovu_arrow_1{
    position: absolute;
    top: 50%;
    width: 1.7rem;
    height: 3px;
    transform: rotate(40deg);
    left: 1.1rem;
}
.umovu_arrow_1:after{
	content: '';
	position: absolute;
	left: 0;
	width:100%;
	height: 100%;
	top: 0;
    background: #231300;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .umovu_arrow_1:after{
	width:0;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.umovu_arrow_2{
    position: absolute;
    top: 50%;
    width: 1.7rem;
    height: 3px;
    transform: rotate(-40deg);
    right: 1.15rem;
}
.umovu_arrow_2:after{
	content: '';
	position: absolute;
	right: 0;
	width:100%;
	height: 100%;
	top: 0;
    background: #231300;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .umovu_arrow_2:after{
	width:0;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}

.umovu_arrow_3{
    position: absolute;
    top: 50%;
    width: 1.7rem;
    height: 3px;
    transform: rotate(-40deg);
    left: 1.1rem;
}
.umovu_arrow_3:after{
	content: '';
	position: absolute;
	left: 0;
	width:0;
	height: 100%;
	top: 0;
    background: #fff;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .umovu_arrow_3:after{
	width:100%;
	transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}

.umovu_arrow_4{
    position: absolute;
    top: 50%;
    width: 1.7rem;
    height: 3px;
    transform: rotate(40deg);
    right: 1.15rem;
}
.umovu_arrow_4:after{
	content: '';
	position: absolute;
	right: 0;
	width:0;
	height: 100%;
	top: 0;
    background: #fff;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .umovu_arrow_4:after{
	width:100%;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}

.option_wrap{
    margin-bottom: 1rem;
    position: relative;
    padding-left: 4rem;
    display: none;
}
.option_wrap ul{
    list-style: none;
    padding-top: 1rem;
}
.option_wrap li{

     padding: 0.5rem 0;
	font-size: 1.8rem;
    padding-left: 2rem;
	color:#fff;
	font-family: "Akrobat";
	position: relative;
	letter-spacing: 1px;
}
.option_wrap li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ffc565;
    border-radius: 50%;
    left: 0;
    top: 1.2rem;
}
.option_wrap a{
	position: relative;
	padding-left: 3rem;
	color:#ffc565;
	letter-spacing: 1px;
	font-size:1.8rem;
	font-family: "Akrobatextrabold";
	text-decoration: underline;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.option_wrap a:hover{
	text-decoration: none;
}
.option_wrap a:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background:url(../img/svg/icon_doc.svg) no-repeat;
	background-size: cover;
	width:	2rem;
	height: 2rem;
}
.umovu_soon_text{
    color: #fff;
    text-transform: uppercase;
    font-size: 5.3rem;
    font-family: "Akrobatbold";
    letter-spacing: 6px;
    padding-left: 4rem;
    margin-top: 4rem;
}

.umovu_scroll  .mCSB_scrollTools{
    position: absolute;
}
.umovu_scroll .mCSB_inside > .mCSB_container{
	margin:0;
}
.umovu_line_wrap{
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    right: 0;
}
.svg_umovu{
    position: absolute;
    right: 0;
    width: 98.8rem;
    height: 97.6rem;
        width: auto;
    height: 97.6rem;
    min-height: 100%;
}
.svg_umovu path{
	opacity:0;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.svg_umovu path:nth-child(4){
    transform: rotateX(12deg ) translateX(73rem) translateZ(188rem);
}
.show_page_anim .svg_umovu path:nth-child(4){
	opacity:0.85;
	transition: 0.9s all .3s cubic-bezier(.19,1,.22,1);
	transform:  rotateX(0deg ) rotateZ(0deg ) translateX(0%) translateZ(0rem);
}
.svg_umovu path:nth-child(5){
    transform: rotateX(0deg ) translateY(-42rem) translateZ(0rem);

}

.show_page_anim .svg_umovu path:nth-child(5){
	opacity:0.5;
	transition: 0.9s all .4s cubic-bezier(.19,1,.22,1);
	transform: rotateX(0deg ) translateY(0rem) translateZ(0rem);
}
.svg_umovu path:nth-child(6){
    transform: rotateX(0deg ) translateX(71rem) translateZ(0rem);
}

.show_page_anim .svg_umovu path:nth-child(6){
	opacity:0.98;
	transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
	transform: rotateX(0deg) translateX(0rem) translateZ(0rem);
}
 .svg_umovu path:nth-child(1){
    transform:  rotateX(12deg)  translateZ(-277rem);

}
.show_page_anim .svg_umovu path:nth-child(1){
	opacity:0.9;
	transition: 0.9s all .6s cubic-bezier(.19,1,.22,1);
	transform:  rotateX(0deg ) rotateZ(0deg ) translateX(0%) translateZ(0rem);
}
.svg_umovu path:nth-child(3){
transform: rotateX(0deg ) translateY(33rem) translateZ(0rem);
}

.show_page_anim .svg_umovu path:nth-child(3){
	opacity:0.5;
	transition: 0.9s all .7s cubic-bezier(.19,1,.22,1);
	transform: rotateX(0deg ) translateY(0rem) translateZ(0rem);
}
.svg_umovu path:nth-child(2){
    transform: rotateX(0deg ) translateY(33rem) translateZ(0rem);
}
.show_page_anim .svg_umovu path:nth-child(2){
	opacity:0.2;
	transition: 0.9s all .8s cubic-bezier(.19,1,.22,1);
	transform: rotateX(0deg ) translateY(0rem) translateZ(0rem);
}
.umovu_rozstochka{
	color:#fff;
	border: 3px solid #fff;
	font-size: 1.9rem;
	text-transform: uppercase;
	padding: 1rem 2rem;
	display: inline-block;
	margin-top: 2rem;
	font-family: "Akrobatbold";
	cursor: pointer;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.umovu_rozstochka:hover{
	background: #fff;
	color:#231300;
}
/* ========================================
/* END UMOVU
======================================== */

/* ========================================
/* ABOUT
======================================== */
.about_wrap {
	position: relative;
	width:100%;
	height: 100%;
	background: white;
}
.about_wr{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 7rem;
	justify-content: space-between;
}
.about_pagin_wrap{
    /*white-space: nowrap;*/
    position: relative;
    z-index: 1;
    width: 24%;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-10rem);
}
.show_page_anim .about_pagin_wrap {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0rem);
}
.about_prev{
    position: absolute;
    bottom: 100%;
    width: 5rem;
    height: 5rem;
    right: 7rem;
	cursor: pointer;

	opacity: 0.3;
}
.about_next{
    position: absolute;
    top: 100%;
    width: 5rem;
    height: 5rem;
    right: 7rem;
	cursor: pointer;

	opacity: 0.3;

}

.about_next_arrow_1{
    position: absolute;
    top: 3.2rem;
    left: 1.6rem;
    width: 1rem;
    height: 2px;
    transform: rotate(38deg);

}
.about_next_arrow_1:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width:100%;
	height: 100%;
    background: #000;
    transition: all 0.3s ease-out;

}
.about_next:hover .about_next_arrow_1:after{
	transition: all 0.3s ease-out;
	width:130%;
}
.about_next_arrow_2{
	    position: absolute;
    top: 3.2rem;
    right: 1.6rem;
    width: 1rem;
    height: 2px;
    transform: rotate(-38deg);

}
.about_next_arrow_2:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #000;
    transition: all 0.3s ease-out;
}
.about_next:hover .about_next_arrow_2:after{
	transition: all 0.3s ease-out;
	width:130%;
}
.about_next_arrow_3{
    position: absolute;
    top: 0.9rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 2.6rem;

}
.about_next_arrow_3:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
    background: #000;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.about_next:hover .about_next_arrow_3:after{

}

.about_next_arrow_4{
position: absolute;
    top: 1.2rem;
    left: 1.5rem;
    width: 1rem;
    height: 2px;
    transform: rotate(-38deg);

}
.about_next_arrow_4:after{
	content: '';
	position: absolute;
	top: 0;
	width:100%;
	right: 0;
	height: 100%;
    background: #000;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.about_prev:hover .about_next_arrow_4:after{
	width:130%;
transition: all 0.3s ease-out;
}
.about_next_arrow_5{
position: absolute;
    top: 1.2rem;
    right: 1.6rem;
    width: 1rem;
    height: 2px;
    transform: rotate(38deg);

}
.about_next_arrow_5:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #000;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.about_prev:hover .about_next_arrow_5:after{
	transition: all 0.3s ease-out;
	width:130%;
}
.about_next_arrow_6{
    position: absolute;
    top: 0.9rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 2.6rem;

}
.about_next_arrow_6:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width:100%;
    background: #000;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.about_prev:hover .about_next_arrow_6:after{

}


.about_prev.swiper-button-disabled,
.about_next.swiper-button-disabled{
	pointer-events:none;
	opacity:0.1;
}
.about_pagin_wr{
    text-align: right;
}
.about_pagin{
	font-family: "Akrobatbold";
	color:#231300;
	font-size: 2.1rem;
	text-transform: uppercase;
	margin: 1rem 0;
	letter-spacing: 1px;
	padding-right: 7rem;
}
.about_pagin_a{
	cursor: pointer;
	position: relative;
}
.about_pagin_a_active{
	pointer-events: none;
	color:#ffc565;
}
.about_pagin_a:after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 3px;
	width:0%;
	left:calc(100% + 3rem);
	background: #fdc364;
	transition:all .5s cubic-bezier(.19,1,.22,1);
}
.about_pagin_a_active:after{
	width:1.7rem;
}
.about_pagin_a:hover:after{
	width:1.7rem;
}
.about_svg_wrap{
    height: 100%;
    position: relative;
    width: 77.7rem;
    width: 98.8rem;
	    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about_svg_bg{
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
}

.about_slider_wrap{
    height: 100%;
    width: 24%;
    padding-top: 10rem;
    padding-left: 2rem;
    padding-left: 4%;
    padding-bottom: 19rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateX(10rem);
}
.show_page_anim .about_slider_wrap {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0rem);
}
.about_slider_wr{
	height:100%;
}
.about_slider_wr .swiper-slide{
    align-items: center;
    display: flex;
}
.about_text{
	font-family: "Akrobatlight";
	font-size: 2.1rem;
	color:#231300;
	letter-spacing: 1px;
}

.about_ugol{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 21.7rem;
	height:34.9rem;

}
.about_svg_slider{
	height: 90%;
	position: absolute;
	z-index: 1;
	width:100%;
width: 98.8rem;
    height: 92.2rem;

        width: 100%;
}
.about_svg_slider_1{
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(10rem);
}
.show_page_anim .about_svg_slider_1 {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.about_svg_slider_2{
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(10rem);
}
.show_page_anim .about_svg_slider_2 {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.about_svg_slider_3{
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(10rem);
}
.show_page_anim .about_svg_slider_3 {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.about_text{
	opacity:0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .about_text{
	opacity:1;

}

.ab_text_wr{
    position: absolute;
    bottom: 17rem;
    bottom: 11%;
    left: 0;
    z-index: 5;
    width: 100%;
    width: 134.5rem;
    height: 11rem;
	font-family: "Akrobatblack";
	display: flex;
	color:#ffc565;
	font-size: 13.5rem;
	align-items: center;
	text-transform: uppercase;
	    width: 100%;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.ab_text_wr_show{
	opacity: 1;
    transform: translateY(0rem);
}
.ab_text_wr_1 {
	opacity: 0!important;
}

.ab_letter_wr{
    position: relative;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(3rem);
}
.show_page_anim .ab_letter_wr {
    transform: translateY(0rem);
    opacity: 1;
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(1){
	 transition: 0.9s all 0.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(2){
	 transition: 0.9s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(3){
	 transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(4){
	 transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(5){
	 transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(6){
	 transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(7){
	 transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(8){
	 transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(9){
	 transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(10){
	 transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(11){
	 transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(12){
	 transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(13){
	 transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(14){
	 transition: 0.9s all 1.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(15){
	 transition: 0.9s all 1.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(16){
	 transition: 0.9s all 1.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(17){
	 transition: 0.9s all 1.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(18){
	 transition: 0.9s all 1.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(19){
	 transition: 0.9s all 1.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(20){
	 transition: 0.9s all 2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(21){
	 transition: 0.9s all 2.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(22){
	 transition: 0.9s all 2.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(23){
	 transition: 0.9s all 2.3s cubic-bezier(.19,1,.22,1);
}

.ab_letter{
    letter-spacing: 2px;

}
.ab_letter_shadow{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(3rem);
}
.show_page_anim .ab_text_wr_show .ab_letter_shadow{
	transform: translateY(0rem);
	opacity: 0.5;
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(1) .ab_letter_shadow{
	 transition: 1.2s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(2) .ab_letter_shadow{
	 transition: 1.2s all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(3) .ab_letter_shadow{
	 transition: 1.2s all 0.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(4) .ab_letter_shadow{
	 transition: 1.2s all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(5) .ab_letter_shadow{
	 transition: 1.2s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(6) .ab_letter_shadow{
	 transition: 1.2s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(7) .ab_letter_shadow{
	 transition: 1.2s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(8) .ab_letter_shadow{
	 transition: 1.2s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(9) .ab_letter_shadow{
	 transition: 1.2s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(10) .ab_letter_shadow{
	 transition: 1.2s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(11) .ab_letter_shadow{
	 transition: 1.2s all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(12) .ab_letter_shadow{
	 transition: 1.2s all 1.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(13) .ab_letter_shadow{
	 transition: 1.2s all 1.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(14) .ab_letter_shadow{
	 transition: 1.2s all 1.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(15) .ab_letter_shadow{
	 transition: 1.2s all 1.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(16) .ab_letter_shadow{
	 transition: 1.2s all 1.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(17) .ab_letter_shadow{
	 transition: 1.2s all 1.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(18) .ab_letter_shadow{
	 transition: 1.2s all 1.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(19) .ab_letter_shadow{
	 transition: 1.2s all 2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(20) .ab_letter_shadow{
	 transition: 1.2s all 2.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(21) .ab_letter_shadow{
	 transition:1.2s all 2.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(22) .ab_letter_shadow{
	 transition: 1.2s all 2.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(23) .ab_letter_shadow{
	 transition:1.2s all 2.4s cubic-bezier(.19,1,.22,1);
}
.ab_letter_pusto{
    margin: 0 2rem;

}

/* CONTACTS */
.contacts_wrap{
	background:white;
	position: relative;
	height: 100%;
}
#contacts_bg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#contacts_img{
	    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.show_page_anim #contacts_img{
	transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
	opacity: 1;
}
.marker_jk{
	position: absolute;
	background: url(../files/marker/marker_jk_shadow.png) no-repeat;
	background-size: cover;
	width:27.1rem;
	height: 14.1rem;
	z-index: 1;
	transform: translate(-11.8rem, -93%);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.show_page_anim .marker_jk{
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
}
.marker_jk_img{
	background: url(../files/marker/marker_jk.png) no-repeat;
	background-size: cover;
	width:100%;
	height: 100%;
	animation: marker_jk_move 1s infinite;
}
@keyframes marker_jk_move{
	0%{
		transform: translateY(0rem);
	}
	50%{
		transform: translateY(-1rem);
	}
	100%{
		transform: translateY(0rem);
	}
}
.contacts_wr{
	height:100%;
	width: 87.5rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.svg_contacts{
	position: absolute;
	height:100%;
	width: auto;
}
.svg_contacts path{
	transition: all .5s cubic-bezier(.19,1,.22,1);
	opacity: 0;

}
.svg_contacts path:nth-child(3){
	transform: translateX(-108rem);
}
.show_page_anim .svg_contacts path:nth-child(3){
	transition: .9s all .3s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
	transform: translateX(0rem);
}
.svg_contacts path:nth-child(4){
	transform: translateY(-32rem);
}
.show_page_anim .svg_contacts path:nth-child(4){
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
	transform: translateY(0rem);
}
.svg_contacts path:nth-child(5){
	transform: translateY(-32rem);
}
.show_page_anim .svg_contacts path:nth-child(5){
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
	transform: translateY(0rem);

}
.show_page_anim .svg_contacts path:nth-child(6){
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.svg_contacts_image{
	transition: all .5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.svg_contacts .svg_contacts_image_1{
	transform: translateY(100%);
}

.show_page_anim .svg_contacts .svg_contacts_image_1{
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0);
}
.svg_contacts .svg_contacts_image_2{
	transform: translateY(100%);
}

.show_page_anim .svg_contacts .svg_contacts_image_2{
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0);
}

.contacts_info{
	position: absolute;
	top:24%;
	left:8rem;
	z-index:1;
	color:#231300;

}
.contacts_title{
	font-family: "Akrobatblack";
	font-size: 4.2rem;
	margin-bottom: 3rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .contacts_title{
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}

.contacts_link_wr{
	display:flex;
	font-size: 1.8rem;
  text-decoration: underline;
  color: #231300;
	margin-bottom: 1rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .contacts_link_wr{
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.contacts_text_wr{
	display:flex;
	font-size: 1.8rem;
  color: #231300;
	margin-bottom: 1rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .contacts_text_wr:nth-child(2){
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.show_page_anim .contacts_text_wr:nth-child(3){
	transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.show_page_anim .contacts_text_wr:nth-child(4){
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.show_page_anim .contacts_text_wr:nth-child(5){
	transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.contacts_text{
	margin-top: 0.5rem;
	    white-space: pre;
}
.contacts_icon_bg{
	margin-right: 1.5rem;
	width:2.9rem;
	height: 3.4rem;
	background: url(../img/svg/icon_bg.svg) no-repeat;
	background-size: cover;
	position: relative;
}
.contacts_icon_loc{

}
.contacts_icon_mail{
}
.contacts_mail{
	margin-top: 0.5rem;
	color:#231300;
}
.contacts_icon_tel{

}
.contacts_info .dynamicnumber,
.contacts_tel{
	display: block;
	font-family: "Akrobatbold";
	font-size: 2.5rem;
	margin-top: 0.5rem;
	color: #231300;
}
.contacts_icon_img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 58%;
	max-height: 60%;
}
.contacts_tima_work{
	margin-top: 0.5rem;
}
.contacts_dop_info{
    position: absolute;
    top: 71%;
    left: 26%;
    width: 40%;

}
.contacts_dop_text{
    color: white;
    font-size: 26px;
    font-family: 'Akrobatbold';
    text-align: center;
	text-transform: uppercase;

	    letter-spacing: 2px;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .contacts_dop_text{
	transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.contacts_subcribe_btn{
    cursor: pointer;
    display: inline-flex;

    border: 2px solid #ffc56a;
        background: #ffc56a;
    align-items: center;
    padding: 0.5rem 1.5rem;
    height: 41px;
    white-space: nowrap;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .contacts_subcribe_btn{
	transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.contacts_subcribe_btn:hover{
	 background: transparent;
}
.contacts_sub_text{
	font-family: "Akrobatbold";
    line-height: 1.5;
    font-size: 19px;
	white-space: nowrap;
}
.contacts_sub_img{

    margin-left: 1rem;
}
.contacts_sub_img path{

}
.contacts_subcribe_btn:hover .contacts_sub_img path{

}

/* BIZNESS */
.biz_wrap{

}
.biz_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: white;
}

/* GENPLAN */
.genplan_wrap{
    width: 100%;
    height: 100%;
    background: white;
}
.genplan_bg_wr{
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 15px;
    left: 15px;
    position: absolute;
    background: white;
}
.genplan_rate_btn {
  display: block;
  position: absolute;
  bottom: 7rem;
  right: 43rem;
  padding: 1rem 2rem;
  z-index: 2;
  animation: rate_blink 3s infinite;
}
.genplan_rate_btn:hover {
  animation: none;
}
@keyframes rate_blink {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.6;
	}
	100%{
		opacity: 0;
	}
}
.genplan_rate_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffc565;
  box-shadow: inset 0px 0px 0px 1px #fff;
  transform: skew(-30deg);
}
.genplan_rate_btn span {
  position: relative;
  font-family: "Akrobat_Semi_Bold";
  font-size: 2rem;
  letter-spacing: 1px;
  color: #1d172f;
}
.genplan_rate_btn span:after {
    content: '';
    position: absolute;
    bottom: -0.3vh;
    height: 2px;
    left: auto;
    right: 0;
    width: 0;
    background: #1d172f;
    transition: width 0.3s ease-in-out;
}
.genplan_rate_btn:hover span:after {
    width: 100%;
    left: 0;
    right: auto;
}
#genplan_bg{
	position: absolute;
}
.gp_tittle{

}
.compas_genplan{
    width: 15.7rem;
    position: absolute;
    top: 7%;
    left: 8%;
    z-index: 1;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .compas_genplan{
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
#genplan_img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.gp_info_wrap{
	/*width:105.8rem;
	width: 98.8rem;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;*/
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
    padding-top: 10rem;
    padding-right: 4rem;
	height: 100%;
	    width: 29rem;
}
.gp_info_wr{
    margin-bottom: 3vh;
}
.gp_genplan_info{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	z-index: -1;
}
.gp_svg{
	width: 100%;
	height: auto;
}

.gp_svg path{
	opacity: 0;
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.gp_svg .gp_white_svg{
    transform: translateX(109rem);
	opacity: 0;
}
.show_page_anim .gp_svg .gp_white_svg{
    transition: .9s all .4s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
    transform: translateX(0rem);
}
.show_page_anim .gp_svg path:nth-child(1){
    transition: .9s all .5s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}

.show_page_anim .gp_svg path:nth-child(3){
    transition: .9s all .6s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .gp_svg path:nth-child(4){
    transition: .9s all .7s cubic-bezier(.19,1,.22,1);
	opacity: 0.7;
}
.show_page_anim .gp_svg path:nth-child(5){
    transition: .9s all .8s cubic-bezier(.19,1,.22,1);
	opacity: 0.988;
}
.show_page_anim .gp_svg path:nth-child(6){
    transition: .9s all .9s cubic-bezier(.19,1,.22,1);
	opacity: 0.051;
}
.show_page_anim .gp_svg path:nth-child(7){
    transition: .9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 0.051;
}
.show_page_anim .gp_svg path:nth-child(8){
    transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
	opacity: 0.502;
}
.show_page_anim .gp_svg path:nth-child(8){
    transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
	opacity: 0.251;
}
.show_page_anim .gp_svg path:nth-child(8){
    transition: .9s all 1.3s cubic-bezier(.19,1,.22,1);
	opacity: 0.42;
}
.show_page_anim .gp_svg path:nth-child(8){
    transition: .9s all 1.4s cubic-bezier(.19,1,.22,1);
	opacity: 0.42;
}
.gp_text_wr {
	transform: translateX(3rem);
	opacity: 0;
	transition:  all .9s cubic-bezier(.19,1,.22,1);
    margin-bottom: 0.5vh;
	    display: flex;
    align-items: center;
}
.show_page_anim .gp_text_wr{
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0);
}
.gp_text_wr_2{
	transform: translateX(3rem);
	opacity: 0;
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_text_wr_2{
	transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0);
}
.posn_1_wr{
	width:21px;
    height: 19px;
      display: inline-flex;
    justify-content: center;
    align-items: center;
}
.posn_1_wr{
	width:3rem;
}
.posn_1{
	max-width: 100%;
	max-height: 87%;
}
.posn_2{
	vertical-align: bottom;
	width:21px;
}
.gp_text{
	color:#1d172f;
	font-size: 1.5rem;
	vertical-align: top;
	letter-spacing: 1px;
	font-family: "Akrobat_Semi_Bold";
}
.gp_text SPAN{
	font-family: Arial;
}
.gp_text_title{
	font-family: "Akrobatblack";
	font-size: 2.2rem;
	color:#231300;
	margin-bottom: 2vh;
	    transform: translateX(3rem);
    opacity: 0;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_text_title {
    transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0);
}
/* VIDEO */
.video_wrap {
	position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video_bg{
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background: url(../files/bg/bg_video.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.video_wr{
	position: relative;
}
.video_tittle{
	font-family: "Akrobatblack";
	font-size: 5.8rem;
	color:#fff;
	margin-bottom: 1rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .video_tittle{
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.video_frame{
	width:96.8rem;
	height: 54.3rem;
	border:8px solid #fff;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .video_frame{
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}

#bingc-phone-button{
	bottom:2%!important;
}

/* POP UP SEO */
.more_btn{
	margin-left:	1rem;
	text-decoration: underline;
	cursor: pointer;
	display:none;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.more_btn:hover{
	text-decoration: none;
}
.main_page  .more_btn{
	display:block;
}
.more_wrap{
    position: absolute;
    top: 0%;
    height: 100vh;
    min-height: 550px;
    width: 100%;
    overflow: hidden;
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    pointer-events: none;
    opacity: 0;
    z-index: 101;
    overflow: auto;
}
.open_more{
    top: 0;
    pointer-events: auto;
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.more_wr{
	    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.more_bg{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(44,36,73,.6);
}
.more_cont{
	    position: relative;
    display: block;
    width: 49.2rem;
    margin: 2rem auto;
    padding-bottom: 1vh;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    max-height: 100%;
    width: 80%;
    background: #fff;
    padding: 3rem 7rem;

    height: 78%;
    color: #2b2443;
        font-size: 1.6rem;
    letter-spacing: 1px;
}
.open_more .more_cont {
    transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}
.more_cont_scroll{
	height:100%;
	overflow: hidden;
}
.more_cont h1{
font-size: 2.6em;
    text-transform: uppercase;
    font-family: "Akrobatblack";
    margin-bottom: 1.5rem;
    text-align: center;
}
.more_cont h2{
	font-size: 2.2em;
    text-transform: uppercase;
    font-family: "Akrobatblack";
    margin-bottom: 1.5rem;
}
.more_cont a{
	    color: #6cc14a;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    text-decoration: underline;
}
.more_cont a:hover {
    text-decoration: none;
}
.more_cont ul{
    list-style: none;
}
.more_cont li{
	position: relative;
	padding-left: 2rem;
}
.more_cont li:before{
content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #ffc56a;
    border-radius: 50%;
}
.close_more_wr{
	    position: absolute;
    top: -2rem;
    right: -1.9rem;
    width: 8.8rem;
        opacity: 0;
    transform: translateY(3rem);
}
.open_more .close_more_wr {
    transition: 0.9s all .6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.close_more_wr:hover .close_cb:hover{
    transform: rotate(90deg);
}

.presentation_text{
font-family: "Akrobatbold";
    font-size: 3.7rem;
    color: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 1500px), (max-height: 800px) {
    html {
        font-size: 9px;
    }
    .news_top{
	    top: 10rem;
	}
	.one_new_tittle {
    	font-size: 2rem;
	}
	.dev_logo_riel{
	    max-width: 18.8rem;
	}
	.sub_tittle {
    	font-size: 2.8rem;
    	padding-top: 11.5rem;
	}
	.sub_btn{
	    margin-bottom: 2vh;
	}
	.menu_li {
    	margin-top: 0;
	}

}
@media screen and (max-width: 1280px), (max-height: 700px) {
    html {
        font-size: 8px;
    }
    .dev_info_link::before, .dev_info_link::after {
      right: 19%;
      width: 44%;
    }
    .menu_li{
	    margin-top: 0vh;
	}
	.menu_li_a{

    line-height: 1;
	}
    .dev_left,
    .dev_right {
    	padding-top: 20rem;
	}
	.dev_tittle{
	    top: 11rem;
	}
	.video_frame {
    	height: 42.3rem;
	}
	.one_flat_img_wr {
    	height: 21rem;
	}
	.one_flat_dostup_wr {
    	padding: 1rem 1rem;
	}
	.one_flat_type{
		font-size: 3.2rem;
	}
	.bg_cb_img_wr {
    	height: 25vh;
	}
	#formName, #formEmail, #formTel, #formNameSub, #formEmailSub {
	    height: 3.3rem;
	}
	#formText{
	    height: 8rem;
	}
	.ab_text_wr{
	font-size: 10.5rem;
	}
	.about_svg_wrap {
    	width: 61.8rem;
	}

}
@media (min-width: 2046px) { 
	.bg_dev_plashka_wr{
		left: 55%;
	}
	.dev_text{
		font-size: 2.2rem;
	}
}