html{
font-size: 10px;
}
body, html{
font-family: "Gilroy-Regular";
height:100%;
width:100%;
position: relative;
min-width: 1006px;
min-height:550px;
color:#000;
}
*{
box-sizing: border-box;
font-weight: normal;
margin:0;
padding: 0;
text-decoration: none;
}
a{
color: #03b594;
}
body .mofiScrollContainer{
padding-right: 0;
}
body .mofiScrollWrap{
width:100%;
}
body .mofiScrollBox{
padding-right: 20px;
}
*:focus{
outline: none;
}
svg a{
cursor: pointer;
}
body .swiper-button-next.swiper-button-disabled, body .swiper-button-prev.swiper-button-disabled {
opacity: 0!important;
}
.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: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input::-moz-placeholder {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:-moz-placeholder {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:-ms-input-placeholder {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus{
outline: none;
}
textarea::-webkit-input-placeholder {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea::-moz-placeholder {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:-moz-placeholder {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.8rem; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
.h1_absolute{
position: absolute;
z-index: -1;
opacity: 0;
pointer-events: none;
}
.contaniner {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
#change_page {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
background: #fff;
z-index: 0;
opacity: 0;
transition: opacity 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: transform 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;
align-items: center;
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_line{
height: 40rem;
background: #fce841;
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.preloader_img{
height: 80%;
width: 35.6rem;
height: 32rem;
opacity: 0;
transition: opacity 0.7s cubic-bezier(0, 0, 0.21, 1);
}
.preloader_run .preloader_img{
opacity: 1;
}
.preloader_list{
position: absolute;
width: 100%;
z-index: -1;
top: 0;
bottom: 0;
margin: auto;
}
/* =================================
/* END PRELOADER
================================= */
/* =================================
/* HEADER
================================= */
header{
position: absolute;
top: 0;
left: 0;
width:100%;
height: 0px;
z-index: 11;
}
.main_page header{
}
/* MENU BTN */
.header_btn_wrap{
position: absolute;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
top: 2rem;
left: 0;
background: #fce841;
border-radius: 25px;
width: calc(100% - 1.6rem);
margin: auto;
right: 0;
padding: 0.7rem 1rem;
z-index: 1;
overflow: hidden;
border: 2px solid #fce841;
}
.header_btn_wrap:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.header_btn_wrap:hover:before {
transform: translateX(0%);
}
.header_btn_wr{
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);
}
.open_menu .header_btn_wr{
}
.header_btn_lines{
position: relative;
width: 2rem;
height: 1.8rem;
overflow: hidden;
}
.header_btn_line_1{
height:2px;
background:#000;
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:#000;
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: #000;
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: #000;
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:#000;
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:#000;
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: #000;
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;
}
.header_btn_text{
font-size: 1.6rem;
margin-left: 0.5rem;
text-transform: uppercase;
color: #000;
font-family: "Gilroy-SemiBold";
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;
}
/* END MENU BTN */
.menu_wrap{
height: 100%;
height: 100vh;
width: 36rem;
width: 39rem;
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: 28rem;
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:39rem;
height: 100%;
background: url(../img/menu_bg.jpg);
background-size: cover;
}
.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% - 11rem);
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: 11rem;
height:100%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.full_window .menu_btns_wr{
left: -11rem;
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;
position: relative;
}
.menu_btn_link{
width: 7.1rem;
height: 7.1rem;
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: 100%;
height: 100%;
z-index: 1;
}
.menu_btn_icon_link:before{
content: '';
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
border-radius: 50%;
background: #fce841;
opacity: 0;
z-index: 2;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.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%;
border-radius: 50%;
background: rgba(18, 95, 82, 0.55);
}
.menu_btn_img{
max-height: 52%;
max-width: 55%;
position: relative;
z-index: 2;
}
.menu_btn_img_hover{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-height: 52%;
max-width: 55%;
z-index: 2;
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn:hover .menu_btn_img_hover{
opacity:1;
}
.menu_hover_wr{
position: absolute;
left: 93%;
background: rgba(255, 255, 255, 0.95);
width: 0;
overflow: hidden;
white-space: nowrap;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
transform: translateY(-50%);
top: 3rem;
box-shadow: 0 0 7px 2px rgba(203, 203, 203, 0.42);
}
.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_wr{
position: absolute;
top: 0;
left: 94%;
width: 3.5rem;
height: 5.3rem;
pointer-events: none;
overflow: hidden;
transform: rotate(90deg);
}
.menu_btn_arrow{
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
transform:translateY(-100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn:hover .menu_btn_arrow{
transform:translateY(0%);
}
.open_menu .menu_btn:hover .menu_btn_arrow{
transform:translateY(-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: "Gilroy-Bold";
margin-top: 1rem;
display: inline-block;
}
.menu_hover_second_link{
display: inline-block;
color: #231300;
font-size: 1.6rem;
font-family: "Gilroy-Light";
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: 6rem;
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: "Gilroy-Bold";
display: inline-block;
}
.menu_btn .menu_ul_a{
color: #25241c;
font-size: 2.4rem;
font-family: "Gilroy-ExtraBold";
}
.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: #25241c;
}
.menu_ul_a:hover:after{
width: 100%;
left: 0;
right: auto;
}
.menu_li{
position: relative;
margin-top: 0.5vh;
position: absolute;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.menu_li_a{
display: inline-block;
color: #fff;
font-size: 1.6rem;
font-family: "Gilroy-Light";
transition: all 0.9s cubic-bezier(.19,1,.22,1);
position: relative;
}
.menu_btn .menu_li_a{
color: #25241c;
}
.menu_btn .menu_li_a:hover{
color:#00b495;
}
.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: #00b495;
}
.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;
}
.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 path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.social:hover path{
fill:#000!important;
}
.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;
pointer-events: none;
}
.logo_wr{
width: 17.7rem;
position: absolute;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
left: 3rem;
top: 1rem;
}
.logo{
position: relative;
width: 100%;
}
.hid_bid_window .logo{
}
.logo_shadow{
position: absolute;
top: -1rem;
left: -3rem;
width: 105.5rem;
pointer-events: none;
display:none;
}
.realizovani_wrap .logo_shadow,
.main_page .logo_shadow,
.flat_wrap .logo_shadow{
display:block;
}
.main_slogan_wrap{
position: absolute;
bottom: 16rem;
bottom: 11rem;
left: 6rem;
z-index: 1;
pointer-events: none;
}
.main_slogan_wr{
position: relative;
display: flex;
}
.main_slogan_letter{
font-size: 16.9rem;
color:#00b494;
font-family: "Gilroy-Black";
line-height: 1;
}
.main_slogan_letter_2{
font-size: 11.6rem;
font-family: "Gilroy-Black";
color:#ffe940;
line-height: 0.7;
}
.main_slogan_bird_big{
width: 10rem;
align-self: flex-end;
margin: 0 3rem 1rem 3rem;
}
.main_slogan_bird_small{
width:3.5rem;
align-self: flex-end;
margin-bottom: 2rem;
}
/* ========================================
/* END LOGO
======================================== */
/* ========================================
/* FOOTER
======================================== */
footer{
position: fixed;
bottom: 0;
left: 36rem;
width: calc(100% - 36rem);
z-index: 11;
}
.main_page footer {
position: absolute;
bottom: 0;
left: 0rem;
width:100%;
}
.footer_left{
font-size: 1.2rem;
color: #fff;
position: absolute;
bottom: 2rem;
left: 6.5rem;
display: flex;
align-items: center;
text-align: left;
}
.about_wrap .footer_left,
.main_page .footer_left,
.genplan_wrap .footer_left,
.dev_wrap .footer_left,
.umovu_wrap .footer_left{
color:rgba(112, 107, 49, 0.7);
}
.tel_wrap{
color: white;
position: fixed;
right: 4rem;
bottom: 2rem;
cursor: pointer;
height: 10rem;
width: 10rem;
background: #f5e348;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
overflow: hidden;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
display: none;
}
.tel_wrap:before{
content: '';
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.tel_wrap:hover:before{
transform: translateX(0%);
}
.tel_right{
transform: rotate(13deg);
}
.tel_img_1{
display: block;
height: 4.8rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
display: block;
z-index: 1;
animation: telH 1s linear infinite;
}
@keyframes telH {
0% {transform: rotateZ(0deg);}
20% {transform: rotateZ(10deg);}
40% {transform: rotateZ(-10deg);}
60% {transform: rotateZ(10deg);}
80% {transform: rotateZ(-10deg);}
100% {transform: rotateZ(0deg);}
}
.tel_right:hover .tel_img_1 {
/*opacity: 0.5;*/
}
/* ========================================
/* 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, .hb_video_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 , .hb_video_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(0, 0, 0, 0.54);
}
.close_cb_wr{
position: absolute;
top: -8rem;
right: -8rem;
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
z-index: 2;
cursor: pointer;
overflow: hidden;
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_cb_wr:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.close_cb_wr:hover:after {
transform: translateX(0%);
}
.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;
}
.hb_video_wrap .cb_cont{
width: 55%;
height: 67%;
}
.hb_video_iframe_wr{
width:100%;
height: 100%;
}
.hb_video_iframe_wr iframe{
width:100%!important;
height: 100%!important;
}
.cb_cont_bg{
border: 3px solid #f5e348;
width: 100%;
height: 100%;
text-align: center;
background: #03b594;
border-radius: 25px;
padding: 4rem;
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: 0 1.5vh 2rem;
text-align: center;
text-transform: uppercase;
padding-top: 0rem;
font-family: "Gilroy-Bold";
opacity: 0;
transform: translateY(3rem);
color: #f5e348;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
}
.open_cb .sub_tittle {
transition: 0.9s all .9s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.sub_btn {
margin: 4rem auto 0;
justify-content: center;
cursor: pointer;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
position: relative;
z-index: 1;
border-radius: 25px;
border: 3px solid #fce841;
display: inline-flex;
align-items: center;
padding: 1rem 3rem;
overflow: hidden;
color: #000;
}
.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:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #fce841;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.sub_btn:hover:before {
transform: translateX(0%);
}
.sub_btn_text {
width: 100%;
font-size: 1.8rem;
text-align: center;
position: relative;
font-family: "Gilroy-Bold";
text-transform: uppercase;
}
.sub_btn:hover {
}
.input_wr {
margin-bottom: 1.5vh;
color: #d57b55;
}
#formName, #formEmail, #formTel,
#formNameSub, #formEmailSub, #formText {
padding: 0 2rem;
color: #000;
font-size: 1.6rem;
background: white;
resize: none;
width: 100%;
height: 3.9rem;
box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
border: 1px solid rgb(0, 180, 149);
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;
position: absolute;
color: #e84343;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
text-align: left;
left: 2rem;
}
#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);
width: calc(100% - 39rem);
height: 100%;
position: relative;
transition: width 0.9s cubic-bezier(.19,1,.22,1);
}
.full_window .main_wrap{
width: calc(100% - 27rem);
transition: width 0.5s cubic-bezier(.19,1,.22,1);
}
.main_fullpage {
width: 100%;
height: 100%;
position: relative;
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_fullpage{
opacity: 1;
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.main_fullpage .swiper-slide{
overflow: hidden;
}
.main_wr{
overflow: hidden;
overflow: auto;
width:100%;
height: 100%;
position: relative;
}
.main_tel_wrapper{
position: absolute;
top: 2rem;
right: 2rem;
display: flex;
align-items: center;
}
.main_tel_wrap{
/* width: 23.5rem;
min-width: 190px;
height: 4.6rem;
overflow: hidden;*/
display: flex;
justify-content: center;
align-items: center;
background: #f5e34d;
position: relative;
padding: 0.5rem 2rem;
border-radius: 25px;
border: 3px solid rgba(3, 181, 150, 0.82);
}
.main_tel_shadow{
position: absolute;
top: -2rem;
right: -2rem;
width: 105.5rem;
pointer-events: none;
transform: rotateY(180deg);
}
.new_wrap .main_tel_shadow,
.flat_wrap .main_tel_shadow,
.contacts_wrap .main_tel_shadow,
.flats_wrap .main_tel_shadow,
.fil_wrap .main_tel_shadow{
display:none;
}
.main_tel_wr{
display: flex;
align-items: center;
}
.main_tel_cont{
height: 2rem;
line-height: 1;
margin-right: 2rem;
letter-spacing: 3px;
}
.main_tel{
display: block;
color: #000;
font-size: 3.2rem;
font-family: "Gilroy-SemiBold";
}
.head_tel_wr {
position: relative;
}
.main_tel_img{
margin-right: 1rem;
transform: rotate(13deg);
height: 2.1rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
display: block;
z-index: 1;
}
.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: -3px;
bottom: 16rem;
border: 3px solid rgba(3, 181, 150, 0.82);
z-index: 3;
overflow: hidden;
width:28.2rem;
border-radius: 5px;
background: #fff;
transform: translateX(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_main_wrap{
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
transform: translateX(0%);
}
.new_main_wr{
display: flex;
position: relative;
z-index: 1;
}
.new_main_info{
padding: 2rem;
}
.new_main_title{
color: #000;
font-family: "Gilroy-Bold";
font-size: 1.9rem;
text-transform: uppercase;
}
.new_main_title span{
}
.new_main_more{
color: #000;
font-family: "Gilroy-Medium";
font-size: 1.6rem;
align-items: center;
background: #f5e34a;
border: 4px solid #f5e34a;
border-radius: 25px;
display: inline-flex;
padding: 1rem 1.5rem;
margin-top: 2rem;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_main_more:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.new_main_wr:hover .new_main_more:before {
transform: translateX(0%);
}
.new_main_more_arrow{
margin-left: 1rem;
width: 1rem;
}
.brn_main_left{
position: absolute;
top: 50%;
left: -4px;
transform: translateY(-50%);
z-index: 3;
border-radius: 0 25px 25px 0;
background: #fce841;
border: 4px solid #22bea1;
display:flex;
align-items: center;
padding: 1rem 1rem;
cursor: pointer;
}
.brn_main_right{
position: absolute;
top: 50%;
right: -4px;
transform: translateY(-50%);
z-index: 3;
border-radius: 25px 0 0 25px;
background: #fce841;
border: 4px solid #22bea1;
display:flex;
align-items: center;
padding: 1rem 1rem;
cursor: pointer;
}
.brn_main_left_bg{
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
transform: translateX(-100%);
border-radius: 0 25px 25px 0;
background: #22bea1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.brn_main_left:hover .brn_main_left_bg{
transform: translateX(0%);
}
.brn_main_right_bg{
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
transform: translateX(100%);
border-radius: 25px 0 0 25px;
background: #22bea1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.brn_main_right:hover .brn_main_right_bg{
transform: translateX(0%);
}
.brn_main_left_arrow{
width:1.7rem;
margin-right: 1rem;
position: relative;
}
.brn_main_right_arrow{
width:1.7rem;
margin-left: 1rem;
transform: scaleY(-1) rotate(162deg);
position: relative;
}
.brn_main_text{
font-family: "Gilroy-Bold";
color:#000;
font-size: 1.8rem;
text-transform: uppercase;
position: relative;
}
.main_video_wrap{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
.preloader_video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
display: flex;
z-index: 2;
justify-content: center;
align-items: center;
opacity: 0;
/*display:none;*/
pointer-events: none;
}
.preloader_video_show .preloader_video{
opacity: 1;
pointer-events: auto;
}
.bg_video {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.bg_video_show {
opacity: 1;
}
.video_flats {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
opacity: 0;
}
.video_flats_show {
opacity: 1;
}
.houses_img_wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
transition: opacity 0.9s cubic-bezier(.19,1,.22,1);
}
.houses_img_wrap_show {
opacity: 1;
pointer-events: all;
z-index: 1;
}
.houses_img {
/*width: 100%;
height: 100%;*/
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cloud_main_1{
position: absolute;
bottom: -18.5rem;
left: -36rem;
width: 81.1rem;
z-index: 2;
}
.cloud_main_2{
position: absolute;
top: -4.5rem;
right: -21rem;
width: 70.7rem;
z-index: 2;
}
.cloud_main_3{
position: absolute;
bottom: -12.5rem;
right: -28rem;
width: 81.1rem;
z-index: 2;
}
.main_dot_wr{
position: absolute;
width:5.1rem;
height: 5.1rem;
cursor: pointer;
z-index: 1;
z-index: 1;
transform:translate(-50%, -50%);
border-radius: 50%;
}
.main_dot_black:before, .main_dot_black:after{
content: '';
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
width: 18px;
height: 18px;
/*-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);*/
border: 2px solid white;
border-radius: 50%;
background: white;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
/*transition: all 0.9s ease-out;*/
}
.main_dot_black:before{
-webkit-animation: circle1 2.6s linear infinite;
-moz-animation: circle1 2.6s linear infinite;
-ms-animation: circle1 2.6s linear infinite;
-o-animation: circle1 2.6s linear infinite;
animation: circle1 2.6s linear infinite;
}
.main_dot_black:after{
-webkit-animation: 2.6s circle1 1.3s linear infinite;
-moz-animation: 2.6s circle1 1.3s linear infinite;
-ms-animation: 2.6s circle1 1.3s linear infinite;
-o-animation: 2.6s circle1 1.3s linear infinite;
animation: 2.6s circle1 1.3s linear infinite;
}
@keyframes circle1{
0% {
width: 18px;
height: 18px;
}
70% {
width: 9rem;
height: 9rem;
opacity: 0;
background: #000;
}
100% {
width: 9rem;
height: 9rem;
opacity: 0;
}
}
.main_dot_wr:hover .main_dot_black:after, .main_dot_wr:hover .main_dot_black:before{
animation:none;
}
.main_dot_black{
background-color: rgba(0, 0, 0, 0.45);
border: 2px solid #fff;
border-radius: 50%;
width:100%;
height: 100%;
overflow: hidden;
position: relative;
z-index: -1;
transition: opacity 0.9s cubic-bezier(.19,1,.22,1);
}
.main_dot_wr:hover .main_dot_black{
opacity:0.8;
}
.main_dot_green{
background:#00b494;
width:3.1rem;
height: 3.1rem;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.5;
transition: opacity 0.9s cubic-bezier(.19,1,.22,1);
z-index: 1;
}
.main_dot_wr:hover .main_dot_green{
background:#fde740;
opacity:1;
}
.main_dot_yellow{
background:#fde740;
width:1.8rem;
height: 1.8rem;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.9s cubic-bezier(.19,1,.22,1);
z-index: 1;
}
.main_dot_wr:hover .main_dot_yellow{
background:#00b494;
}
.main_dot_info{
position: absolute;
bottom: calc(100% + 1.5rem);
left: -3.9rem;
background: #fff;
border-radius: 50px;
display: flex;
white-space: nowrap;
padding: 0.5rem 2rem;
align-items: center;
pointer-events: none;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(-3rem);
}
.main_dot_wr:hover .main_dot_info{
opacity: 1;
transform: translateY(0rem);
}
.main_dot_triangle{
position: absolute;
top: calc(100% - 1rem);
height: 3.2rem;
left: 3.2rem;
}
.main_dot_img_wr{
width: 5.5rem;
height: 6.5rem;
margin-right: 1rem;
display: flex;
}
.main_dot_img{
max-width: 100%;
max-height: 100%;
display: block;
}
.main_dot_text{
font-size: 1.6rem;
color: #000;
font-family: "Gilroy-Bold";
}
.main_dot_text span{
color: #03b594;
}
/* 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;
}
.video_run .block_1{
pointer-events: none;
}
.img_mouse{
position: absolute;
bottom: 9rem;
z-index: 1;
left: 0;
right: 0;
cursor: pointer;
margin: auto;
animation: jump_mouse 1.5s infinite;
width: 6rem;
}
@keyframes jump_mouse{
0%{
transform:translateY(0);
}
50%{
transform:translateY(1rem);
}
100%{
transform:translateY(0);
}
}
.img_mouse path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.img_mouse:hover path{
fill:#fce841;
}
/* MESENGERS */
.mes_btn_close_wr{
position: absolute;
right: 19px;
top: 8px;
width: 21px;
cursor: pointer;
}
.mes_btn_close_icon{
width: 100%;
display: block;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_close_wr:hover .mes_btn_close_icon{
transform: rotate(360deg);
}
.mes_btn_info_wr{
position: absolute;
right: calc(100% + 10px);
bottom: 0;
width: 24vw;
min-width: 200px;
}
.mes_btn_info_wr_hide{
display:none;
}
.mes_btn_info_svg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.mes_btn_info{
padding: 20px 27px;
padding-right: 29px;
}
.mes_btn_info_title{
font-size: 18px;
color:#22bea1;
margin-bottom: 15px;
font-weight: bold;
}
.mes_btn_info_text{
color:#1c2236;
/* font-family: PFBeauSansPro-Bbook; */
font-size: 16px;
}
@media screen and (max-width: 1500px), (max-height: 800px) {
.mes_btn_info {
padding: 10px 15px;
padding-right: 24px;
}
.mes_btn_info_title {
font-size: 15px;
margin-bottom: 5px;
}
.mes_btn_info_text {
font-size: 14px;
}
}
#bingc-phone-button {
/*display: none !important;*/
display:block!important;
}
.bg_mesengers{
position: fixed;
top: 0;
left: 0;
width:100%;
height: 100%;
background: #000;
opacity: 0;
pointer-events: none;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_mesengers .bg_mesengers{
opacity: 0.6;
pointer-events: auto;
}
.mes_btn_wrap{
position: fixed;
bottom: 3%;
right: 2%;
z-index: 1;
}
.mes_btn_wrap_call {
position: absolute;
top: 50%;
left: -110%;
transform: translate(-32%, -50%);
padding: 1rem;
background: #fff;
border-radius: 10rem;
font-size: 1.4rem;
color: #000;
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wr:hover .mes_btn_wrap_call {
opacity: 1;
transform: translate(-50%, -50%);
}
.open_mesengers .mes_btn_wrap_call {
opacity: 0 !important;
}
.mes_btn_wr{
position: relative;
width: 9rem;
height: 9rem;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 50%;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wr:hover{
}
.mes_btn_wr:before{
content: '';
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: scale(0);
width: 65%;
height: 65%;
border-radius: 50%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
box-shadow: inset 0 0 0 2px #fff;
}
/* .mes_btn_wrap:hover .mes_btn_wr:before, */
.open_mesengers .mes_btn_wr:before{
transform: translate(-50%, -50%) scale(1);
}
.mes_btn_wr_bg{
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 130%;
height: 130%;
border-radius: 50%;
background: #22bea1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wrap:hover .mes_btn_wr_bg{
width: calc(100% - 10px);
height: calc(100% - 10px);
}
.open_mesengers .mes_btn_wr_bg{
width: calc(100% - 10px);
height: calc(100% - 10px);
background: linear-gradient(to right, transparent, transparent);
}
.mes_btn_wr_bg::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 98%;
height: 98%;
border: 3px solid #fce841;
border-radius: 100%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wrap:hover .mes_btn_wr_bg::before{
width: 130%;
height: 130%;
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.2s;
}
.open_mesengers .mes_btn_wr_bg::before {
opacity: 0;
}
.mes_btn_wr_bg::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 100%;
}
.mes_btn_wrap:hover .mes_btn_wr_bg::after{
width: 180%;
height: 180%;
}
.mes_btn_icon{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 70%;
max-height: 70%;
transform: scale(1);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
animation: change_icon 4s infinite;
}
.mes_btn_phone_icon{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 70%;
max-height: 70%;
transform: scale(1);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
animation: change_icon_tel 4s infinite;
}
@keyframes change_icon_tel {
0% {opacity: 1; transform: scale(1);}
45% {opacity: 1; transform: scale(1);}
50% {opacity: 0; transform: scale(0);}
95% {opacity: 0; transform: scale(0);}
100% {opacity: 1; transform: scale(1);}
}
@keyframes change_icon {
0% {opacity: 0; transform: scale(0);}
45% {opacity: 0; transform: scale(0);}
50% {opacity: 1; transform: scale(1);}
95% {opacity: 1; transform: scale(1);}
100% {opacity: 0; transform: scale(0);}
}
.open_mesengers .mes_btn_icon,
.open_mesengers .mes_btn_phone_icon{
display: none;
}
.mes_btn_icon_close{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
width: 5rem;
height: 5rem;
opacity:0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_mesengers .mes_btn_icon_close{
opacity:1;
}
.mes_links_wr{
z-index: 1;
position: absolute;
bottom: 8.5rem;
width: 100%;
text-align: center;
opacity: 0;
transform: translateY(3rem);
pointer-events: none;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_mesengers .mes_links_wr{
opacity: 1;
pointer-events: auto;
transform: translateY(0rem);
}
.mes_link{
position: relative;
display: inline-block;
margin-bottom: 6px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
width: 5.6rem;
border-radius: 50%;
background: none;
height: auto;
}
.mes_link:last-child{
margin-bottom: 0;
}
.mes_link:hover{
box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
}
.mes_link_bin {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
z-index: 3;
}
.mes_link_icon{
width: 100%;
display: block;
z-index: 1;
position: relative;
}
.mes_link_text_wr{
position: absolute;
padding-right: 37px;
right: 50%;
white-space: nowrap;
height: 33px;
top: 0;
bottom: 0;
margin: auto;
overflow: hidden;
pointer-events: none;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_link_text{
color: #1c2236;
font-size: 16px;
background: #fff;
padding: 0 8px;
height: 100%;
display: flex;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(calc(110% + 37px));
}
.mes_link:hover .mes_link_text{
transform: translateX(0%);
}
/* END MESENGERS */
.block_2{
padding: 17rem 0;
text-align: center;
}
.bl_2{
/*width:62%;
margin: auto;*/
}
.main_h1{
font-family: "Gilroy-Bold";
font-size: 5.6rem;
color: #000;
margin-bottom: 2rem;
color: #0d7a67;
}
.bl_2_title{
font-family: "Gilroy-Bold";
font-size: 4.6rem;
color: #03b594;
margin-bottom: 2rem;
white-space: nowrap;
}
.bl_2_title span{
color: #0d7a67;
}
.bl_2_text{
color:#000;
font-size: 2.3rem;
width: 62%;
margin: auto;
}
.main_play_brns_wr{
display: flex;
justify-content: center;
position: relative;
margin-top: 5rem;
z-index: 1;
}
.main_btn_prezentaciia{
font-size: 2rem;
color: #000;
text-transform: uppercase;
border-radius: 25px;
background: #fce841;
border: 3px solid #03b594;
font-family: "Gilroy-Bold";
padding: 1rem 2rem;
margin-top: 4rem;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
margin-left: 5rem;
cursor: pointer;
}
.main_btn_prezentaciia:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.main_btn_prezentaciia:hover:before {
transform: translateX(0%);
}
.main_play{
font-size: 2rem;
color: #000;
text-transform: uppercase;
border-radius: 25px;
background: #fce841;
border: 3px solid #03b594;
font-family: "Gilroy-Bold";
padding: 0.2rem 2rem;
padding-left: 0.2rem;
margin-top: 4rem;
display: inline-flex;
align-items: center;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
.main_play_text{
}
.main_play:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.main_play:hover:before {
transform: translateX(0%);
}
.main_play_icon{
width: 4rem;
cursor: pointer;
margin-right: 2rem;
}
.main_play .main_play_path {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_play:hover .main_play_path {
fill: #fce841!important;
}
.main_video_pop_up {
/*position: absolute;*/
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
opacity: 0;
pointer-events: none;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_video_pop_up_show {
opacity: 1;
pointer-events: all;
}
.main_video_pop_up_bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
opacity: 0.9;
z-index: -1;
}
.main_video_pop_up_cont {
height: 86%;
width: 79%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.main_video_pop_up_close {
position: absolute;
top: -4rem;
right: -9.6rem;
width: 5.5rem;
height: 5.5rem;
background: #f5e348;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
z-index: 2;
cursor: pointer;
overflow: hidden;
cursor: pointer;
}
.main_video_pop_up_close:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.main_video_pop_up_close:hover:after {
transform: translateX(0%);
}
.main_video_pop_up_cont iframe {
width: 100% !important;
height: 100% !important;
min-height: 70%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.block_3{
}
.bl_3{
display:flex;
min-height: 57.8rem;
}
.bl_3_img{
width:50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.bl_3_info_wr{
width:50%;
padding: 5rem 0;
text-align: center;
background: #eceef3;
display: flex;
}
.bl_3_info{
width:80%;
margin: auto;
}
.bl_3_icon_wr{
width: 19.3rem;
height: 19.3rem;
border-radius: 10px;
background: #f5e348;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
margin-bottom: 2rem;
}
.bl_3_icon{
max-height: 95%;
max-width: 85%;
}
.bl_3_text{
font-size: 2.1rem;
color: #000;
}
.bl_3_text b,
.bl_3_text strong{
font-family: "Gilroy-Bold";
font-size: 3.6rem;
color: #03b594;
}
.bl_3_text p{
display: inline;
}
.bl_3_dop_text{
font-size: 1.6rem;
color: #0f1010;
margin-top: 4rem;
}
.bl_3_fishka_wr{
display: inline-block;
margin-top: 3rem;
}
.bl_3_fishka{
margin-top: 1rem;
background: #fff;
border-radius: 25px;
padding: 1rem 2rem;
color: #000;
font-size: 2rem;
font-family: "Gilroy-Bold";
}
.bl_3_fishka span {
font-family: "Gilroy-ExtraBold";
color: #03b594;
}
.bl_3_fishka sup{
font-size: 1rem;
}
.block_4{
padding: 17rem 0;
position: relative;
text-align: center;
}
.bl_4{
width: 62%;
margin: auto;
}
.bl_4_text{
font-size: 5.7rem;
color: #000;
margin-bottom: 1rem;
}
.bl_4_title{
font-family: "Gilroy-Bold";
font-size: 5.7rem;
color: #03b594;
}
.bl_4_link{
font-size: 2rem;
color: #000;
text-transform: uppercase;
border-radius: 25px;
background: #fce841;
border: 3px solid #03b594;
font-family: "Gilroy-Bold";
padding: 1rem 2rem;
margin-top: 4rem;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
.bl_4_link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.bl_4_link:hover:before {
transform: translateX(0%);
}
/* ========================================
/* 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;
}
.batterfly_news{
position: absolute;
bottom: 0;
left: 42rem;
width: 26.5rem;
display: block;
}
.lavka_news{
position: absolute;
bottom: 0;
left: 66%;
width: 46rem;
display: block;
}
.news_title{
font-size: 9rem;
color: #f5e348;
text-shadow: 0px 0px 53.6px rgb(0, 0, 0);
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
font-family: "Gilroy-Black";
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: "Gilroy-Bold";
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;
}
.bg_news{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../files/bg/bg_news.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.news_wr{
left: 0;
right: 0;
bottom: 0;
top: 10rem;
top: 20vh;
margin: auto;
position: absolute;
min-width: 700px;
width: calc(100% - 24vw);
}
.news_slider_wr{
width:100%;
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%);
margin-top: 2.5rem;
}
.one_new_wr{
position: relative;
color: white;
}
.one_new_wr{
display: flex;
justify-content: space-between;
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);
}
.show_page_anim .one_new_wr {
transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateX(0);
}
.one_new_img_wrap{
width: 100%;
/*height: 20rem;*/
position: relative;
margin-bottom: 1.5rem;
margin-bottom: 1.5vh;
border-radius: 15px;
}
.one_new_img_wrap:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0%;
left: 0%;
border-radius: 15px;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
box-shadow: inset 0 0 0 0px #f5e348;
z-index: 2;
}
.one_new_link:hover .one_new_img_wrap:before{
/*box-shadow: inset 0 0 0 14px #f5e348;*/
box-shadow: inset 0 0 0 14px #f5e348, 0 0 0 2px #f5e348;
}
.one_new_img_wrap:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 50%;
left: 50%;
border-radius: 15px;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
box-shadow: inset 0 0 0 0px #03b594;
z-index: 2;
transform: translate(-50%, -50%);
}
.one_new_link:hover .one_new_img_wrap:after{
box-shadow: inset 0 0 0 6px #03b594;
width: 97%;
height: 97%;
}
.one_new_img_wr{
width: 100%;
position: relative;
overflow: hidden;
border-radius: 15px;
}
.one_new_link{
display: block;
width: 23%;
position: relative;
}
.one_new_img{
display: block;
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;*/
min-height: 21rem;
height: 21rem;
}
.one_new_link:hover .one_new_img{
transform: scale(1.1);
}
.one_new_info{
}
.one_new_date{
font-size: 1.8rem;
position: absolute;
z-index: 3;
background: #03b594;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 2rem;
text-align: center;
padding: 0.5rem 1.5rem;
border-radius: 15px;
transform: translateY(-50%);
color: #fff;
}
.one_new_tittle{
font-size: 2.1rem;
font-family: "Gilroy-Bold";
margin-bottom: 1.5rem;
margin-bottom: 1.5vh;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
max-height: 9.3rem;
color: #04b594;
min-height: 6rem;
overflow: hidden;
text-transform: uppercase;
line-height: 1;
}
.one_new_link:hover .one_new_tittle{
color:#000;
}
.one_new_text{
font-size: 1.6rem;
color: #000;
min-height: 8rem;
}
.new_text img{
clear: both;
max-width: 80%;
border-radius: 15px;
}
.one_new_more{
position: relative;
z-index: 1;
border-radius: 25px;
background: #fce841;
border: 3px solid #22bea1;
display: inline-flex;
align-items: center;
padding: 1rem 1rem;
overflow: hidden;
margin-top: 2vh;
}
.one_new_more_bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(-100%);
border-radius: 25px 0 0 25px;
background: #22bea1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_new_link:hover .one_new_more_bg {
transform: translateX(0%);
}
.one_new_more_text{
font-size: 1.6rem;
color:#000;
position: relative;
}
.one_new_more_arrow{
width: 0.8rem;
margin-left: 1rem;
position: relative;
}
/*.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 {
width: 11px!important;
background: #f5e348!important;
border-radius: 5px!important;
}
body .mCSB_scrollTools,
body .mCSB_draggerRail {
width: 11px!important;
}
body .mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0, 180, 148, 0.2);
width: 5px!important;
}
body .next_news{
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
right: -10rem;
top: 13rem;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s 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%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.next_news:hover:after {
transform: translateX(0%);
}
body .prev_news{
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
left: -10rem;
top: 13rem;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0!important;
transform: translateY(3rem);
}
.show_page_anim .prev_news {
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
opacity: 1!important;
transform:translateY(0);
}
.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%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.prev_news:hover:after {
transform: translateX(0%);
}
.prev_slide_news_arrow{
width: 3.8rem;
transform: rotate(90deg);
position: relative;
z-index: 1;
}
.next_slide_news_arrow{
width: 3.8rem;
transform: rotate(-90deg);
position: relative;
z-index: 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;
/*width: 66rem;*/
}
.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: top;
}
.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: "Gilroy-Black";
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: "Gilroy-Bold";
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;*/
margin-bottom: 2.5rem;
border-radius: 15px;
overflow: hidden;
}
.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;
font-size: 1.8rem;
color: #1b1a1a;
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:#03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
text-decoration: underline;
}
.new_text a:hover{
text-decoration: none;
}
.new_text b,
.new_text strong{
font-family: "Gilroy-Bold";
}
.new_text a:hover{
text-decoration: none;
}
.close_new{
position: absolute;
top: -4rem;
right: -9.6rem;
width: 5.5rem;
height: 5.5rem;
background: #f5e348;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
z-index: 2;
cursor: pointer;
overflow: hidden;
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_new:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.close_new:hover:after {
transform: translateX(0%);
}
.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%;*/
width: 36.4rem;
width: 22%;
height: 90%;
display: flex;
align-items: center;
}
.new_right_cont{
}
.new_link_wr{
}
.new_link{
font-size: 2rem;
color: #000;
text-transform: uppercase;
border-radius: 25px;
background: #fce841;
border: 3px solid #03b594;
font-family: "Gilroy-Bold";
padding: 1rem 2rem;
margin-top: 4rem;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .new_link{
transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.new_link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.new_link:hover:before {
transform: translateX(0%);
}
.new_right{
width: 32.7rem;
width: 100%;
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{
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.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_date{
margin-bottom: 0.5rem;
position: relative;
font-size: 1.8rem;
padding: 0.5rem 1rem;
border:2px solid #f5e348;
background: #f5e348;
border-radius: 25px;
color:#000;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
font-family: "Gilroy-Bold";
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.new_right_date:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
z-index: -1;
}
.new_right:hover .new_right_date:after {
transform: translateX(0%);
}
.new_right_tittle{
font-size: 2.1rem;
color:#04b594;
text-transform: uppercase;
font-family: "Gilroy-Bold";
line-height: 1;
margin-bottom: 1rem;
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.new_right:hover .new_right_tittle{
color:#000;
}
.new_right_anons{
font-size: 1.8rem;
color:#1b1b1b;
margin-bottom: 3rem;
}
.new_scroll{
transition: all .9s cubic-bezier(.19,1,.22,1);
height: 100%;
overflow: hidden;
background: rgba(255, 255, 255, 0.73);
box-shadow: 0 0 15px #fff;
padding: 0rem 1rem 1rem;
}
.new_scroll_wr{
padding-top: 7%;
width: 100%;
position: relative;
display: flex;
justify-content: space-around;
height: 100%;
padding-left: 21%;
/*padding-left: 10%;*/
}
.new_img_wrap{
position: relative;
/*width: 50%;
float: left;
margin-top: 3rem;
margin-bottom: 2rem;
margin-right: 2rem;*/
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{
font-size: 1.8rem;
position: absolute;
z-index: 3;
background: #03b594;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 4rem;
text-align: center;
padding: 0.5rem 1.5rem;
border-radius: 15px;
transform: translateY(calc(-50% + 3rem));
color: #fff;
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(-50%);
}
.new_date span{
}
.new_tittle{
font-size: 3.2em;
/*padding-top: 3rem;*/
font-family: "Gilroy-Bold";
margin-bottom: 1.5rem;
color: #04b594;
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: 70rem;
/*width: calc(100% - 72.4rem);*/
/* width: 65%;*/
z-index: 1;
height: 90%;
height: calc(90% - 7rem);
}
#floor_svg{
left:0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
/* ========================================
/* END ONE NEW
======================================== */
/* ========================================
/* VISUALISATION
======================================== */
.gallery_wrap {
position: relative;
width:100%;
height: 100%;
background: #fff;
}
.realizovani_wrap {
position: relative;
width:100%;
height: 100%;
background: url(../files/bg/bg_hid_bud.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.realis_link_wr{
/*margin-top: 14rem;*/
z-index: 2;
position: relative;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .realis_link_wr {
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.realis_link{
font-size: 1.6rem;
color: #000;
text-transform: uppercase;
border-radius: 25px;
background: #fce841;
border: 3px solid #03b594;
font-family: "Gilroy-Bold";
padding: 1rem 2rem;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
margin-bottom: 1rem;
}
.realis_link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.realis_link:hover:before {
transform: translateX(0%);
}
.full_window .footer_left{
display:none;
}
.gallery_slider{
position: relative;
width:100%;
height: 100%;
overflow: hidden;
z-index: 1;
/*cursor: none;*/
}
.visual_slide{
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;
}
.gal_slider_pagin_wr{
left: 0;
right: 0;
/*background: rgba(0, 0, 0, 0.64);*/
position: absolute;
z-index: 1;
height: 6.4rem;
bottom: 0;
margin: auto;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(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: 7.6rem;
height: 7.6rem;
background: #f5e348;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
z-index: 2;
cursor: pointer;
overflow: hidden;
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:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.close_visual:hover:after {
transform: translateX(0%);
}
.close_svg{
/*width: 3rem;
height: 3rem;*/
width: 43%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
pointer-events: none;
z-index: 1;
}
.visuals_link_wr{
display: flex;
justify-content: center;
position: absolute;
top: 2rem;
z-index: 2;
width: 100%;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(-3rem);
}
.show_page_anim .visuals_link_wr {
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform:translateY(0rem);
}
.visuals_link{
font-size: 2rem;
color: #000;
text-transform: uppercase;
border-radius: 25px;
background: #fce841;
border: 3px solid #03b594;
font-family: "Gilroy-Bold";
padding: 1rem 2rem;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
}
.visuals_link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.visuals_link:hover:before {
transform: translateX(0%);
}
/* VISUAL PREWIE */
#gal_slider_pagin{
width: 30rem;
width: 32rem;
height: 2.6rem;
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:#000;
font-family: "Gilroy-Black";
font-size: 4.2rem;
bottom: 92%;
bottom: 4.5rem;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .visual_numbers {
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform:translateY(0rem);
}
.gal_prew_wr{
width: calc(100% - 0.73rem);
height: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
margin: 0 0.5rem;
border-radius: 50%;
cursor: pointer;
background: #f5e348;
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.gal_prew_wr:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 50%;
left: 50%;
border-radius: 15px;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
box-shadow: inset 0 0 0 0px #03b594;
z-index: 2;
transform: translate(-50%, -50%);
}
.gal_prew_wr:hover:before{
box-shadow: inset 0 0 0 3px #03b594;
width: 90%;
height: 90%;
}
.gal_prew_wr:after{
content: '';
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
background: #03b594;
border-radius: 50%;
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: 7.6rem;
height: 7.6rem;
background: #f5e348;
left: 2rem;
top: 50%;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
transform: translateY(-50%);
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
}
.prev_slide_gal:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.prev_slide_gal:hover:after {
transform: translateX(0%);
}
body .next_slide_gal{
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
right: 2rem;
top: 50%;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
transform: translateY(-50%);
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
}
.next_slide_gal:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.next_slide_gal:hover:after {
transform: translateX(0%);
}
.arrow_hide{
opacity:0!important;
pointer-events: none;
}
.prev_slide_gal_arrow {
width: 3.8rem;
transform: rotate(90deg);
position: relative;
z-index: 1;
}
.next_slide_gal_arrow{
width: 3.8rem;
transform: rotate(-90deg);
position: relative;
z-index: 1;
}
.list_gal_1{
position: absolute;
bottom: -10rem;
left: -20rem;
z-index: 1;
width: 59.1rem;
display: block;
}
.list_gal_2{
position: absolute;
bottom: -6rem;
left: -11rem;
z-index: 1;
width:22.3rem;
display: block;
}
.list_gal_3{
position: absolute;
top: -10rem;
right: -14rem;
z-index: 1;
width: 22.3rem;
display: block;
transform: rotate(-201deg);
}
.list_gal_4{
position: absolute;
top: -6rem;
right: -17rem;
z-index: 1;
width: 44rem;
display: block;
transform: rotate(-197deg);
}
/* ========================================
/* 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: 5.6rem;
color: #f5e348;
padding-left: 13rem;
padding-top: 20rem;
font-family: "Gilroy-Black";
z-index: 11;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
text-shadow: 0px 6px 47.6px rgba(0, 0, 0, 0.14);
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: 86rem;
margin-left: 13rem;
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: 86rem;
overflow: hidden;
height: 44rem;
padding-top: 2rem;
margin-left: -2rem;
}
.doc_link{
display:block;
max-width: 22.5rem;
/*width: 89%;*/
margin: auto;
position: relative;
/*height: 26.1rem;*/
}
.doc_img_wr{
position: relative;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 0 24px 0px #00000059;
}
.doc_img_wr:after{
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 15px;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
box-shadow: inset 0 0 0 6px #ffe940;
}
.doc_link:hover .doc_img_wr:after{
box-shadow: inset 0 0 0 12px #ffe940;
}
.doc_img_wr:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 50%;
left: 50%;
border-radius: 15px;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
box-shadow: inset 0 0 0 0px #03b594;
z-index: 2;
transform: translate(-50%, -50%);
}
.doc_link:hover .doc_img_wr:before{
box-shadow: inset 0 0 0 6px #03b594;
width: 97%;
height: 97%;
}
.docs_img{
width: 100%;
display: block;
}
.docs_icon_svg_wr{
position: absolute;
bottom: 0;
left: 110rem;
width: calc(100% - 110rem);
display: flex;
justify-content: center;
}
.docs_icon_svg{
width:56.3rem;
max-width:100%;
}
#docs_slider .swiper-slide{
text-align: center;
}
.doc_tittle_wr{
display:flex;
align-items: flex-start;
margin-top: 1rem;
}
.doc_tittle_icon{
margin-right:1rem;
width:2.6rem;
margin-top: 0.5rem;
}
.doc_tittle{
color:#231300;
font-size: 1.6rem;
width: calc(100% - 3.6rem);
text-align: left;
font-family: "Gilroy-Bold";
transition: all 0.9s cubic-bezier(.19,1,.22,1);
line-height: 1.1;
}
.doc_link:hover .doc_tittle{
color:#000;
}
.docs_slider_wr .prev_slide_doc {
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
left: -9rem;
top: 13rem;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
}
.docs_slider_wr .prev_slide_doc:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.docs_slider_wr .prev_slide_doc:hover:after{
transform: translateX(0%);
}
.docs_slider_wr .next_slide_doc{
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
right: -5rem;
top: 13rem;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
}
.docs_slider_wr .next_slide_doc:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.docs_slider_wr .next_slide_doc:hover:after{
transform: translateX(0%);
}
.prev_slide_doc_arrow{
width:3.8rem;
transform: rotate(90deg);
position: relative;
z-index: 1;
}
.next_slide_doc_arrow{
width:3.8rem;
transform: rotate(-90deg);
position: relative;
z-index: 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_list{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width:47.2rem;
display: block;
}
.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: "Gilroy-Bold";
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%;
}
.hb_img{
position: absolute;
bottom: -1rem;
right: -4rem;
width: 40.3rem;
pointer-events: none;
}
.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%;
padding: 0 7rem;
top: 0;
margin: auto;
width:100%;
position: absolute;
display:flex;
justify-content: space-between;
z-index: 11;
}
.hb_tittle{
font-size: 3.6rem;
color:#f5e348;
width: 100%;
margin-bottom: 2rem;
font-family: "Gilroy-Bold";
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
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(90%);
height: 100%;
position: relative;
display: flex;
margin: auto;
}
.hb_slider{
height: 100%;
width: 100%;
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);
}
.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-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: auto;
position: relative;
width: 100%;
height: 100%;
}
.hb_slider_wr .prev_slide_hb {
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
left: -10rem;
top: 50%;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0!important;
transform: translateY(calc(-50% + 3rem));
}
.show_page_anim .prev_slide_hb {
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 1!important;
transform:translateY(-50%);
}
.show_page_anim .prev_slide_hb.swiper-button-prev.swiper-button-disabled{
opacity: 0!important;
}
.prev_slide_hb:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.prev_slide_hb:hover:after {
transform: translateX(0%);
}
.hb_slider_wr .next_slide_hb {
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
right: -10rem;
top: 50%;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
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%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.next_slide_hb:hover:after {
transform: translateX(0%);
}
.prev_slide_hb_arrow{
width: 3.8rem;
transform: rotate(90deg);
position: relative;
z-index: 1;
}
.next_slide_gb_arrow{
width: 3.8rem;
transform: rotate(-90deg);
position: relative;
z-index: 1;
}
.hb_slider_cont{
position: relative;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
}
.hb_left{
width: 28.1rem;
/*margin-top: 22rem;*/
height: calc(73vh - 10rem);
height: 78vh;
align-self: center;
}
.hb_right{
width: calc(100% - 76rem);
width: calc(100% - 40.1rem);
height: 78vh;
min-height: 426px;
align-self: center;
}
.hb_years_wrapper{
display:flex;
align-items: center;
z-index: 2;
position: relative;
}
.camera_btn{
border-radius: 25px;
background: #fce841;
border: 3px solid #22bea1;
display: inline-flex;
align-items: center;
padding: 0.5rem 1rem;
overflow: hidden;
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_btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.camera_btn:hover:before {
transform: translateX(0%);
}
.camera_img_wr{
width:3.2rem;
margin-right: 1rem;
}
.icon_camera{
width:100%;
}
.camera_text{
font-family: "Gilroy-Bold";
font-size: 2.6rem;
color:#000;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_wrap{
position: relative;
cursor: pointer;
margin-right: 1rem;
}
.hb_years_wr{
border-radius: 25px;
background: #fce841;
border: 3px solid #22bea1;
display: inline-flex;
align-items: center;
padding: 0.5rem 1rem;
overflow: hidden;
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_wr:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.hb_years_wr:hover:before {
transform: translateX(0%);
}
.hb_years_active{
font-family: "Gilroy-Bold";
font-size: 2.6rem;
color: #000;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_arrow{
position: relative;
width: 2rem;
margin-left: 1rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_wr_open .hb_years_arrow{
transform: rotate(180deg);
}
.hb_years_dropdawn{
display: none;
overflow: hidden;
position: absolute;
top: calc(100%);
left: 0;
width: 100%;
}
.hb_years {
border-radius: 25px;
background: #fce841;
border: 3px solid #22bea1;
display: inline-flex;
align-items: center;
padding: 0.5rem 1rem;
width: 100%;
position: relative;
justify-content: center;
overflow: hidden;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.hb_years:hover:before {
transform: translateX(0%);
}
.hb_years_text{
font-family: "Gilroy-Bold";
font-size: 2.6rem;
color: #000;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
position: relative;
z-index: 1;
}
.hb_month_wr{
width:100%;
margin-top: 1rem;
height: calc(100% - 13rem);
position: relative;
overflow: hidden;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .hb_month_wr {
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform:translateY(0rem);
}
.hb_month{
background: #22bea1;
border-radius: 25px;
padding: 1rem 3rem;
width:100%;
display: flex;
font-family: "Gilroy-Medium";
color:#fff;
font-size: 2.3rem;
margin-top: 0.5rem;
border: 3px solid #22bea1;
position: relative;
overflow: hidden;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_month_active{
background: #fce841;
border: 3px solid #fce841;
pointer-events: none;
}
.hb_month_text{
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
width: 100%;
}
.hb_month_icon{
width: 3rem;
margin-right: 2rem;
}
.hb_month_icon path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_month:hover .hb_month_icon path,
.hb_month_active .hb_month_icon path{
fill: #000;
}
.hb_month:hover,
.hb_month_active{
color:#000;
}
.hb_month:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #fce841;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.hb_month:hover:before {
transform: translateX(0%);
}
.hb_month:after{
content: '';
position: absolute;
width:2.2rem;
height: 2.2rem;
border-radius: 50%;
background: #22bea1;
right: 1rem;
top: 50%;
transform: translateY(-50%);
opacity: 0;
}
.hb_month_active:after{
opacity: 1;
}
.hb_pagination_wr{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 5.6rem;
background: rgba(33, 33, 37, 0.6);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(-3rem);
}
.show_page_anim .hb_pagination_wr {
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform:translateY(0rem);
}
.hb_pagination{
width: 32rem;
height: 2.6rem;
overflow: hidden;
}
.hb_link_to_new_wrap{
display:flex;
justify-content: center;
margin-top: 1.5rem;
}
.hb_link_to_new_wr{
border-radius: 25px;
background: #fce841;
border: 3px solid #22bea1;
display: inline-flex;
align-items: center;
padding: 0.8rem 3rem;
overflow: hidden;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateX(-3rem);
}
.show_page_anim .hb_link_to_new_wr {
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateX(0rem);
}
.hb_link_to_new_wr:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.hb_link_to_new_wr:hover:before {
transform: translateX(0%);
}
.hb_link_to_new_icon{
width: 3rem;
margin-left: 1rem;
}
.hb_link_to_new_text{
font-family: "Gilroy-Bold";
font-size: 2.6rem;
color: #000;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
/* ========================================
/* 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: left;
}
.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;
align-items: center;
min-width: 787px;
}
.dev_tittle{
font-size: 3.3rem;
margin-bottom: 2vh;
color: #03b594;
font-family: "Gilroy-SemiBold";
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-left: 14rem;
color:#231300;
font-size: 1.8rem;
display: flex;
justify-content: center;
position: relative;
z-index: 1;
}
.dev_info{
text-align: center;
width: 71rem;
}
.dev_info_link {
position: relative;
display: inline-block;
margin-bottom: 2vh
}
.dev_info_link::before,
.dev_info_link::after {
content: "";
position: absolute;
bottom: 1rem;
right: 0%;
width: 71%;
height: 2px;
background: rgb(28, 28, 80);
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{
max-width: 44rem;
max-width: 35rem;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(-3rem);
}
.dev_logo_riel.marg {
margin-bottom: 2vh;
}
.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{
margin-bottom: 3rem;
max-width: 31.5rem;
margin-bottom: 3vh;
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;
color: #000;
letter-spacing: 1px;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
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);
}
.dev_text a{
color: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
text-decoration: underline;
}
.dev_text a:hover{
text-decoration: none;
}
.dev_link{
margin-top: 4vh;
color:#000;
font-size: 2.1rem;
text-transform: uppercase;
font-family: "Gilroy-SemiBold";
position: relative;
z-index: 1;
border-radius: 25px;
background: #fce841;
border: 3px solid #22bea1;
display: inline-flex;
align-items: center;
overflow: hidden;
padding: 1rem 3rem;
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:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 25px;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.dev_link:hover:before {
transform: translateX(0%);
}
/* ========================================
/* 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;
display: flex;
}
.flats_tittle_wr{
margin-bottom: 2rem;
margin-bottom: 4rem;
}
.flats_tittle{
font-family: "Gilroy-Bold";
display: flex;
color: #000;
font-size: 4.4rem;
align-items: center;
text-transform: uppercase;
line-height: 1;
margin-bottom: 1vh;
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;
}
.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:2.4rem;
height: 2.4rem;
position: relative;
margin-right: 1rem;
border:2px solid #000;
border-radius: 5px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flats_sections .check_wr,
.choose_flats_checkbox .check_wr,
.double_floors_wr .check_wr{
right: 0rem;
transform: translateY(-50%) rotate(-45deg) scale(0.8);
}
.choose_flats_checkbox .check_1:after,
.flats_sections_active .check_1:after,
.choose_flats_checkbox .check_2:after{
background-color:#000;
}
.double_floors_wr .check_1:after,
.flats_sections .check_2:after,
.double_floors_wr .check_2:after{
background-color:#000;
}
.choose_flats_checkbox_active .check_1:after,
.flats_sections_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,
.flats_sections_active .check_2:after,
.double_floors_wr_active .check_2:after{
transform: translateX(0%);
}
.choose_flats_text{
font-family: "Gilroy-SemiBold";
font-size: 2.1rem;
color:#000;
}
.houses_right{
width:calc(100% - 50rem);
position: relative;
overflow: hidden;
}
.cloud_flats_1{
position: absolute;
top: -14rem;
top: -23rem;
right: -49rem;
width: 94.5rem;
z-index: 1;
animation: cloud_anim_1 7s infinite;
pointer-events: none;
}
@keyframes cloud_anim_1{
0%{
transform: translate(0rem, 0);
}
50%{
transform: translate(-5rem, 0);
}
100%{
transform: translate(0rem, 0);
}
}
.cloud_flats_2{
position: absolute;
bottom: -33rem;
right: -34rem;
width: 101.1rem;
z-index: 1;
animation: 7s cloud_anim_1 1s infinite;
pointer-events: none;
}
#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;
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_number{
color: #000;
font-family: "Gilroy-SemiBold";
font-size: 1.8rem;
padding: 0.5rem 1rem;
border-radius: 25px;
background: #fce841;
}
.house_marker_number_sold{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #fff;
border-radius: 14px;
font-size: 1.2rem;
text-transform: uppercase;
z-index: -1;
padding-top: 3.7rem;
text-align: center;
color: #8a3351;
font-weight: 700;
padding-bottom: 0.5rem;
}
.house_block_marker{
position: absolute;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 50%;
background: #fff;
width:4.6rem;
height: 4.6rem;
font-size: 3.4rem;
color: #000;
font-family: "Gilroy-Bold";
transform: translate(-50%, -50%);
box-shadow: 0px 1px 1.86px 0.14px rgba(0, 0, 0, 0.14);
opacity: 1;
pointer-events: none;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.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_wr{
position: relative;
width: 50rem;
padding: 0 2rem;
padding-top: 20rem;
padding-top: 8rem;
padding-top: 4rem;
}
.flats_sect_wrap{
display: flex;
flex-wrap: wrap;
text-align: center;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
display: grid;
grid-gap: 4rem 3rem;
grid-template-columns: repeat(4, calc(25% - 2.3rem));
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .flats_sect_wrap {
transition: 0.9s all .9s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.flats_sect_wr{
/*margin-right: 3rem;
margin-bottom: 4rem;*/
}
.flats_sect_dom{
opacity: 1;
margin-bottom: 1rem;
position: relative;
}
.flats_sect_dom_text{
align-items: center;
border-radius: 25px;
justify-content: center;
flex-wrap: wrap;
display: inline-flex;
background: #fce841;
color: #000;
font-family: "Gilroy-SemiBold";
padding: 0.5rem 1rem;
line-height: 1;
font-size: 1.8rem;
}
.flats_sect_dom_sold{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
border-radius: 14px;
font-size: 1.2rem;
text-transform: uppercase;
z-index: -1;
padding-bottom: 3rem;
color: #06ad8e;
text-align: center;
font-weight: 700;
}
.flats_sect_dom_ends{
position: absolute;
bottom: 0;
left: -9px;
width: 100%;
background: #fff;
border-radius: 14px;
font-size: 1.2rem;
text-transform: uppercase;
z-index: -1;
padding-bottom: 3rem;
color: #06ad8e;
text-align: center;
font-weight: 700;
}
.flats_sections_wr{
display: flex;
justify-content: center;
}
.flats_sections{
margin: 0 0.5rem;
}
.flats_sections_text{
font-family: "Gilroy-SemiBold";
color: #000;
font-size: 2.1rem;
line-height: 1;
margin-bottom: 2px;
}
.flats_sections_checkbox{
width: 2.4rem;
height: 2.4rem;
position: relative;
border: 2px solid #000;
border-radius: 5px;
cursor: pointer;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flats_sections_active .check_wr{
opacity: 1;
}
.fil_polz_wr{
}
.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 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 1.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 1.2s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.double_floors_wr{
display: flex;
align-items: center;
cursor: pointer;
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 1.3s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.double_floors_text{
font-family: "Gilroy-SemiBold";
font-size: 2.1rem;
color: #000;
}
.double_floors_checkbox{
width: 2.4rem;
height: 2.4rem;
position: relative;
margin-right: 1rem;
border: 2px solid #000;
border-radius: 5px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filt_flex{
width:100%;
margin-bottom:2rem;
}
.fil_polz_tittle{
font-family: "Gilroy-SemiBold";
font-size: 2.1rem;
color: #000;
margin-top: 2vh;
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;
background: #f1f1f1;
padding: 1.5rem 1rem;
border-radius: 20px;
}
.fil_polz_val{
font-size: 2.3rem;
color: #000;
font-family: "Gilroy-Medium";
width: 9rem;
text-align: center;
}
.fil_polz_val:first-child{
padding-right: 0.5rem;
}
.fil_polz_val:last-child{
padding-left: 0.5rem;
}
.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{
display: flex;
align-items: center;
justify-content: center;
top: 50%;
width: 3rem;
height: 3rem;
margin: 0;
background-image: none;
background-color: #f9f9f9;
background-size: cover;
border: none;
border-radius: 50%;
box-shadow: inset 0 0 0.5rem lightgrey;
cursor: pointer;
transform: translate(-50%, -50%);
transition: background 0.9s cubic-bezier(.19,1,.22,1), box-shadow 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_polz_wr .ui-slider-horizontal{
height: 9px!important;
background: rgba(55, 55, 55, 0.2);
border: none;
width: 94%;
margin: auto;
border-radius: 20px;
}
.fil_polz_wr .ui-slider-horizontal .ui-slider-range{
height:9px!important;
}
.fil_polz_wr .ui-widget-header{
background-image: linear-gradient( to right, rgb(252,232,65) 0%, rgb(0,180,149) 100%);
}
.fil_polz_wr .ui-state-default:after {
content: "";
width: 1rem;
height: 1rem;
background-color: #03b594;
border-radius: 50%;
box-shadow: inset 1px 1px 4px rgba(50, 51, 51, 0.53);
}
.fil_polz_wr .ui-state-default:hover:after{
background: #f5e348;
}
.filter_btn_wr{
margin-top: 2vh;
display: flex;
justify-content: center;
align-items: center;
}
.filter_btn{
color: #000;
font-size: 2.1rem;
text-transform: uppercase;
font-family: "Gilroy-SemiBold";
position: relative;
z-index: 1;
border-radius: 25px;
background: #fce841;
border: 2px solid #000;
display: inline-flex;
align-items: center;
overflow: hidden;
padding: 1rem 3rem;
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 .filter_btn {
transition: 0.9s all 1.4s 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:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 25px;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.filter_btn:hover:before {
transform: translateX(0%);
}
.floor_pop_up_wr{
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
background: #fff;
border-radius: 10px;
padding: 0.5rem;
box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.33);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translate(-50%, calc(-100% - 7.4rem));
}
.floor_pop_up_wr_bot{
transform: translate(-50%, calc(-100% - 7.4rem));
}
.floor_pop_up_wr_bot.floor_pop_up_wr_active{
opacity: 1;
transform: translate(-50%, calc(-100% - 2.4rem));
pointer-events: auto;
}
.floor_pop_up_wr_top{
transform: translate(-50%, calc(100% + 3.4rem));
}
.floor_pop_up_wr_top.floor_pop_up_wr_active{
opacity: 1;
/*transform: translate(-50%, calc(100% - 2.4rem));*/
transform: translate(-50%, calc(0% - -3.6rem));
pointer-events: auto;
}
.floor_pop_up_wr_bot .tigual_floor_pop_up{
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
display: block;
height: 4.4rem;
}
.floor_pop_up_wr_top .tigual_floor_pop_up{
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) scale(-1);
display: block;
height: 4.4rem;
}
.floor_pop_up_title{
text-transform: uppercase;
color: #000;
font-size: 1.9rem;
font-family: "Gilroy-Bold";
margin-bottom: 0.5rem;
text-align: center;
}
.floor_pop_up_link{
font-family: "Gilroy-Bold";
color: #fff;
font-size: 1.6rem;
border-radius: 25px;
margin-bottom: 3px;
background: #03b594;
position: relative;
display: flex;
justify-content: center;
padding: 0.5rem 1rem;
z-index: 1;
overflow: hidden;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_pop_up_link:hover{
color: #000;
}
.floor_pop_up_link:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 25px;
background: #fce841;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.floor_pop_up_link:hover:before{
transform: translateX(0%);
}
/* ========================================
/* END FLATS
======================================== */
/* ========================================
/* FILTER
======================================== */
.fil_wrap{
position: relative;
height: 100%;
}
.list_filter{
position: absolute;
bottom: -8rem;
right: -16rem;
width: 46rem;
display: block;
}
.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;
}
.fil_wr{
height:100%;
padding: 0 11rem;
padding-top: 20rem;
position: relative;
z-index: 1;
}
.show_filter_btn_wr{
display: flex;
justify-content: space-between;
align-items: center;
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);
}
.fil_count_flats_wr{
display:flex;
font-family: "Gilroy-Medium";
font-size: 3.2rem;
color: #000;
}
.fil_count_flats_wr span{
color: #03b594;
margin-left: 1rem;
}
.show_filter_btn{
display:inline-flex;
text-transform: uppercase;
color:#000;
font-size: 2.1rem;
font-family: "Gilroy-SemiBold";
position: relative;
padding: 1rem 3rem;
align-items: center;
border-radius: 25px;
overflow: hidden;
border:2px solid #000;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_wrap .show_filter_btn {
font-size: 1.8rem;
padding: 1rem 2rem;
}
.show_filter_btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.show_filter_btn:hover:before{
transform: translateX(0%);
}
.open_filter_icon_wrap{
display: inline-block;
width:2.6rem;
margin-right: 1rem;
}
.open_filter_line_1{
height: 2px;
background: #2b2248;
position: relative;
margin-bottom: 0.4rem;
}
.open_filter_line_1:after{
content: '';
position: absolute;
width: 0.3rem;
height: 0.3rem;
background: #f8f9d8;
border: 2px solid #000;
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_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.3rem;
height: 0.3rem;
background: #f8f9d8;
border: 2px solid #000;
top: -0.2rem;
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.3rem;
height: 0.3rem;
background: #f8f9d8;
border: 2px solid #000;
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: 7.6rem;
height: 7.6rem;
background: #f5e348;
left: -8rem;
top: 50%;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
transform: translateY(-50%);
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
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: 0!important;
}
.prev_slide_fil:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.prev_slide_fil:hover:after {
transform: translateX(0%);
}
body .next_slide_fil{
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
right: -8rem;
top: 50%;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
transform: translateY(-50%);
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
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: 0!important;
}
.next_slide_fil:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.next_slide_fil:hover:after {
transform: translateX(0%);
}
.prev_slide_fil_arrow{
width: 3.8rem;
transform: rotate(-90deg);
position: relative;
z-index: 1;
}
.next_slide_fil_arrow{
width: 3.8rem;
transform: rotate(-90deg);
position: relative;
z-index: 1;
}
.fil_slider{
width:100%;
overflow: hidden;
}
.one_flat_slide{
height: 100%;
position: relative;
display: flex;
padding: 4rem;
}
.one_flat_fil{
background: #fff;
border-radius: 10px;
width: 19%;
margin-right: 1%;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateX(3rem);
}
.one_flat_fil:last-child{
margin-right: 0%;
}
.show_page_anim .one_flat_fil: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_fil: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_fil: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_fil: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_fil: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_fil {
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateX(0rem);
}
.one_flat_wr{
height: 100%;
text-align: center;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
}
.one_flat_top{
height: 6rem;
display: flex;
}
.one_flat_type{
height: 100%;
width:7.2rem;
display:flex;
justify-content: center;
align-items: center;
background: #f5e348;
color:#2b2248;
font-size: 3rem;
font-size: 2.5rem;
font-family: "Gilroy-Bold";
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_flat_size{
background: #03b594;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
position: relative;
overflow: hidden;
}
.one_flat_size:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 10px 0 0;
background: #f5e348;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.one_flat_fil:hover .one_flat_size:before{
transform: translateX(0%);
}
.one_flat_gen_size,
.one_flat_liv_size{
color:#fff;
position: relative;
font-size: 1.6rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_flat_fil:hover .one_flat_gen_size,
.one_flat_fil:hover .one_flat_liv_size {
color:#000;
}
.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%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_flat_fil:hover .one_flat_img{
}
.one_flat_dostup_wr{
background: #f1f1f1;
padding: 0.5rem 1rem;
display: inline-flex;
border-radius: 20px;
margin: 1rem;
}
.one_flat_dostup_text{
font-size: 1.6rem;
color:#000;
text-transform: uppercase;
font-family: "Gilroy-Bold";
margin-right: 1rem;
}
.one_flat_dostup{
font-size: 1.6rem;
color:#03b594;
font-family: "Gilroy-Bold";
}
.fil_pagin_wr{
display:flex;
justify-content: center;
margin-top: 1vh;
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:2.6rem;
height: 2.6rem;
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%);
border-radius: 50%;
background: #f5e348;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_pagin span.swiper-pagination-bullet-active:after{
background: #03b594;
}
.fil_pagin span:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 50%;
left: 50%;
border-radius: 15px;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
box-shadow: inset 0 0 0 0px #03b594;
z-index: 2;
transform: translate(-50%, -50%);
}
.fil_pagin span:hover:before {
box-shadow: inset 0 0 0 3px #03b594;
width: 90%;
height: 90%;
}
/* ========================================
/* END FILTER
======================================== */
/* ========================================
/* FLOOR
======================================== */
.floor_wr{
height: 100%;
padding: 0 15rem;
padding-top: 16rem;
position: relative;
z-index: 1;
padding-top: 21vh;
padding-bottom: 9rem;
}
.foor_content{
position: relative;
max-height: 102.5rem;
height: 100%;
border-radius: 25px;
background: #fff;
padding: 2rem;
box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .foor_content {
transition: 0.9s opacity 0.5s cubic-bezier(.19,1,.22,1), 0.9s transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.floor_top{
display: flex;
justify-content: space-between;
width: 100%;
align-items: baseline;
margin-bottom: 1rem;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .floor_top {
transition: 0.9s opacity 0.6s cubic-bezier(.19,1,.22,1), 0.9s transform 0.6s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.floor_back_to_filter{
display: flex;
align-items: center;
}
.floor_back_to_filter_arrow{
margin-right: 1rem;
width: 1rem;
transform: rotate(-180deg);
}
.floor_back_to_filter_arrow polyline{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_back_to_filter:hover polyline{
fill:#03b594;
}
.floor_back_to_filter_text{
font-size: 2.1rem;
color: #000;
font-family: "Gilroy-Bold";
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_back_to_filter:hover .floor_back_to_filter_text{
color: #03b594;
}
.floor_location_wr{
color:#000;
font-size: 3.2rem;
text-transform: uppercase;
font-family: "Gilroy-Bold";
display: flex;
}
.floor_location_house{
margin-right: 2rem;
}
.floor_location_section{
}
.floor_filter_btn_wr{
}
.another_floor_wr{
display:flex;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .another_floor_wr {
transition: 0.9s opacity 0.7s cubic-bezier(.19,1,.22,1), 0.9s transform 0.7s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.another_floor_text{
font-family: "Gilroy-Bold";
font-size: 1.6rem;
color: #000;
text-transform: uppercase;
margin-right: 1rem;
}
.another_floor_link{
font-family: "Gilroy-Bold";
color: #fff;
font-size: 1.6rem;
border-radius: 25px;
margin-bottom: 3px;
background: #03b594;
position: relative;
display: flex;
justify-content: center;
margin: 0 2px;
padding: 0.5rem 1rem;
z-index: 1;
overflow: hidden;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.another_floor_link:hover,
.another_floor_link_active{
color: #000;
}
.another_floor_link:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #fce841;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.another_floor_link:hover:before,
.another_floor_link_active:before{
transform: translateX(0%);
}
.floor_bot{
display: flex;
height: calc(100% - 11rem);
justify-content: space-between;
}
.floor_img_wr{
width: calc(100% - 26rem);
position: relative;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .floor_img_wr {
transition: 0.9s opacity 0.8s cubic-bezier(.19,1,.22,1), 0.9s transform 0.8s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.floor_img{
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
}
.floor_markers_wrap{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
pointer-events: none;
}
.flat_marker_wrap{
position: absolute;
width:7.5rem;
height: 7.5rem;
border-radius: 50%;
text-align: center;
background: #03b594;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_marker_wrap_active{
background: #fce841;
color: #000;
}
.flat_marker_wr{
}
.flat_marker_top{
font-size: 2.6rem;
font-family: "Gilroy-Bold";
line-height: 1;
}
.flat_marker_line{
background:#000;
height: 1px;
margin: 3px 0;
opacity:0.25;
width:100%;
}
.flat_marker_bot{
font-size: 1.6rem;
font-family: "Gilroy-Medium";
}
.floor_info_wr{
width: 24rem;
display:flex;
align-items: flex-end;
}
.floor_info{
}
.floor_compas_wr{
margin-bottom: 3vh;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .floor_compas_wr {
transition: 0.9s opacity 0.9s cubic-bezier(.19,1,.22,1), 0.9s transform 0.9s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.floor_compas_img{
display:block;
width:12.3rem;
}
.floor_download_pdf_wr{
width: 100%;
margin-bottom: 2rem;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .floor_download_pdf_wr {
transition: 0.9s opacity 1s cubic-bezier(.19,1,.22,1), 0.9s transform 1s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.floor_download_pdf{
display: inline-flex;
font-size: 1.6rem;
text-transform: uppercase;
color:#000;
align-items: center;
z-index: 1;
position: relative;
justify-content: center;
font-family: "Gilroy-Bold";
background: transparent;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_download_pdf:hover{
color:#000;
}
.floor_pdf_icon{
margin-right: 1rem;
position: relative;
width:2.3rem;
z-index: 1;
}
.floor_download_pdf path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_download_pdf:hover path{
fill: #000;
}
.floor_in_house_wr{
border-radius: 10px;
overflow: hidden;
position: relative;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .floor_in_house_wr {
transition: 0.9s opacity 1.2s cubic-bezier(.19,1,.22,1), 0.9s transform 1.2s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.floor_in_house_img{
display:block;
width: 100%;
}
.floor_arrows_wr {
position: absolute;
left: 100%;
top: 40%;
transform: translate(-50%, -50%);
}
.floor_on_location {
display: flex;
align-items: center;
font-size: 1.6rem;
font-family: "Gilroy-Bold";
margin-bottom: 1rem;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .floor_on_location {
transition: 0.9s opacity 1.1s cubic-bezier(.19,1,.22,1), 0.9s transform 1.1s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
/* ========================================
/* END FLOOR
======================================== */
/* ========================================
/* 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: 21vh;
}
.flat_content{
width: 100%;
position: relative;
left: 0;
right: 0;
margin: auto;
height: calc(100% - 12rem);
max-width: 1509px;
}
.flat_flex{
display:flex;
/*height: calc(100% - 9rem);*/
position: relative;
align-items: center;
}
.flat_arrows_wr{
position: absolute;
left: 100%;
top: 50%;
transform: translate(-50%, -50%);
}
.flat_prev{
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
left: -10rem;
top: 13rem;
bottom: auto;
margin: auto;
margin-bottom: 2rem;
overflow: hidden;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform:translateY(3rem);
}
.show_page_anim .flat_prev {
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.flat_prev:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.flat_prev:hover:after {
transform: translateX(0%);
}
.flat_next{
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
right: -10rem;
top: 13rem;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
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%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.flat_next:hover:after {
transform: translateX(0%);
}
.flat_prev_arrow{
width: 3.8rem;
transform: rotate(90deg);
position: relative;
z-index: 1;
}
.flat_next_arrow{
width: 3.8rem;
transform: rotate(-90deg);
position: relative;
z-index: 1;
}
.wrap_left{
position: relative;
height: 100%;
max-height: 60.6rem;
height: 60vh;
width: 48.8rem;
text-align: center;
padding: 2rem 3rem;
background: #f5e348;
border-radius: 25px 0 0 25px;
background: url(../img/bg_flat_info.jpg) no-repeat;
background-size: cover;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(30rem);
}
.show_page_anim .wrap_left {
transition: 0.9s opacity 0.4s cubic-bezier(.19,1,.22,1), 0.9s transform 0.4s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.back_to_filter_wr{
position: absolute;
left: 0;
width: 100%;
top: -5rem;
display: flex;
justify-content: center;
}
.back_to_filter{
display:flex;
align-items: center;
}
.back_to_filter_arrow{
margin-right: 1rem;
width: 1rem;
transform: rotate(-180deg);
}
.back_to_filter_arrow polyline{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.back_to_filter:hover polyline{
fill:#f5e348;
stroke:#000;
}
.back_to_filter_text{
font-size: 2.1rem;
color: #000;
font-family: "Gilroy-Bold";
text-transform: uppercase;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgb(255, 255, 255);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.back_to_filter:hover .back_to_filter_text{
-webkit-text-stroke-color: #000;
color: #f5e348;
}
.wrap_right{
position: relative;
max-height: 102.5rem;
height: 80vh;
margin-top: -8rem;
border-radius: 25px;
width: calc(100% - 41.2rem);
display: flex;
background: #fff;
padding: 2rem;
box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(30rem);
}
.show_page_anim .wrap_right {
transition: 0.9s opacity 0.5s cubic-bezier(.19,1,.22,1), 0.9s transform 0.5s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.flat_plan_wrap{
display:flex;
/*height: calc(100% - 8rem);*/
width: 75%;
padding-right: 2rem;
}
.flat_plan_wr{
width:calc(100%);
}
.flat_tittle_wr{
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{
display:flex;
justify-content: space-around;
background: #03b594;
border-radius: 30px;
padding: 1rem 2rem;
}
.flat_tittle{
color:#fff;
font-family: "Gilroy-Bold";
text-align: center;
}
.flat_tittle_text{
color: #014a3d;
font-family: "Gilroy-Bold";
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_tittle_line{
width:1px;
background: #fff;
opacity: 0.2;
}
.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_plan_double {
height: calc(100% - 7rem);
}
.flat_type{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity 0.9s cubic-bezier(.19,1,.22,1), transform 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
}
.flat_type_1{
transform: translateX(-5rem)
}
.flat_type_2{
transform: translateX(5rem);
}
.flat_type_active{
transition: 0.9s opacity 0.5s cubic-bezier(.19,1,.22,1), 0.9s transform 0.5s cubic-bezier(.19,1,.22,1);
opacity:1;
transform: translateX(0rem);
}
.flat_img_wr{
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.3rem;
color:white;
position: absolute;
width: 3.4rem;
height: 3.4rem;
display: flex;
align-items: center;
justify-content: center;
font-family: "Gilroy-Bold";
align-items: center;
background: #03b594;
border-radius: 50%;
}
.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: "Gilroy-Black";
font-size: 1.6rem;
color: #000;
border: 2px solid #04b594;
border-radius: 25px;
margin: 0.5rem 0.2rem;
display: flex;
overflow: hidden;
align-items: center;
justify-content: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.change_view:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.change_view:hover:before {
transform: translateX(0%);
}
.change_view_active:before {
transform: translateX(0%);
}
.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% - 22rem);
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;
left: 0;
right: 0;
margin: auto;
top: 7rem;
position: absolute;
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: 12.3rem;
height: 10.2rem;
}
.expl_wr{
font-size: 1.8rem;
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0rem 2rem;
padding-right: 0rem;
height: 100%;
}
.expl_scroll{
height: 100%;
width: 100%;
text-align: left;
}
body .flat_wrap .mCSB_scrollTools .mCSB_dragger{
background: #05b695!important;
}
body .flat_wrap .mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(1, 74, 61, 0.22);
width: 3px!important;
}
.expl_wr sup{
font-size:1rem;
}
.expl_wr_count{
background: #03b594;
border-radius: 50%;
color: #fff;
width:2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
font-family: "Gilroy-Bold";
}
.expl_wr_room{
width: 60%;
color: #1d172f;
font-family: "Gilroy-Medium";
}
.expl_wr_number{
width: 26%;
text-align: right;
font-family: "Gilroy-Bold";
}
.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: 2rem;
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{
padding: 0 1rem;
display: flex;
font-size: 1.6rem;
text-transform: uppercase;
color:#000;
align-items: center;
z-index: 1;
position: relative;
justify-content: center;
font-family: "Gilroy-Bold";
background: transparent;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.download_pdf:hover{
color:#000;
}
.pdf_icon{
margin-right: 1rem;
position: relative;
width:2.3rem;
z-index: 1;
}
.download_pdf path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.download_pdf:hover path{
fill: #000;
}
.flat_cb_btn{
position: relative;
text-align: center;
cursor: pointer;
display: inline-block;
border-radius: 25px;
border: 2px solid #000;
overflow: hidden;
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_btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.flat_cb_btn:hover:before {
transform: translateX(0%);
}
.flat_cb_text{
font-size: 2.1rem;
color:#000;
text-transform: uppercase;
font-family: "Gilroy-SemiBold";
padding: 1rem 3rem;
}
.flat_dop_info{
width: 28%;
position: relative;
}
.flat_on_floor_wrap{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
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);
}
.show_flat_btn_wr{
display: flex;
position: absolute;
top: 0;
right: 0;
justify-content: flex-end;
white-space: nowrap;
align-items: center;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .show_flat_btn_wr {
transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.flat_on_floor_wr{
/*width: 14.8rem;
height: 7.8rem;*/
width: 30rem;
max-width: 100%;
position: relative;
}
.flat_on_floor_img{
/*position: absolute;
max-width: 100%;
max-height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;*/
width:100%;
display: block;
}
#flat_on_floor_svg{
left: 0;
right: 0;
margin: auto;
bottom: 0;
}
.flat_on_floor_number{
color:#000;
font-size: 1.6rem;
text-transform: uppercase;
font-family: "Gilroy-Bold";
margin-top: 2rem;
}
.flat_on_floor_number span{
color:#03b594;
}
.flat_on_location{
display: flex;
align-items: center;
font-size: 1.6rem;
font-family: "Gilroy-Bold";
margin-bottom: 1rem;
}
.flat_on_text{
display: flex;
align-items: center;
color:#000;
text-transform: uppercase;
margin-right: 2rem;
}
.flat_on_text span{
margin-left: 0.5rem;
color:#03b594;
}
/* ========================================
/* 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;
}
.bg_umovu_2{
position: absolute;
top: 0;
right: 0;
/*width:142.3rem;*/
height: 100%;
pointer-events: none;
}
.umovu_list{
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 48.8rem;
display: block;
pointer-events: none;
}
.umovu_flex_wr{
position: absolute;
left: 11rem;
height: 100%;
height: 74%;
display: flex;
align-items: center;
padding-top: 15vh;
}
.umovu_wr{
position: relative;
width: 68.2rem;
z-index: 1;
height: 100%;
display: flex;
align-content: space-between;
flex-flow: wrap;
padding: 6rem 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: "Gilroy-Bold";
font-size: 2.1rem;
text-transform: uppercase;
letter-spacing: 1px;
color:#000;
margin-bottom: 1rem;
}
.umovu_vvod_text{
font-family: "Gilroy-Black";
font-size: 1.8rem;
color:#03b594;
}
.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.6rem;
color: #000;
position: relative;
cursor: pointer;
height: 5.4rem;
display: flex;
align-items: center;
font-family: "Gilroy-Bold";
border-radius: 25px;
overflow: hidden;
border: 0.5rem solid #fce841;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .dropdown_tittle{
border: 0.5rem solid #03b594;
color:#fff;
}
.dropdown_tittle:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #fce841;
border-radius: 25px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .dropdown_tittle:before{
background: #03b594;
}
.dropdown_tittle:after{
content: '';
position: absolute;
top: 0%;
left: 0%;
width: calc(100%);
height: calc(100%);
z-index: -1;
transform: translate(-100%, 0%);
background: #03b594;
border-radius: 25px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dropdown_tittle:hover:after{
transform: translate(0%, 0%);
}
.dropdown_tittle_text{
padding-left: 3rem;
letter-spacing: 1px;
}
.umovu_arrow{
width: 4.6rem;
height: calc(100%);
background: #04b594;
z-index: 1;
border-radius: 50%;
position: absolute;
top: 0%;
right: 0;
display: flex;
justify-content: center;
align-items: center;
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .umovu_arrow{
background: #fce841;
}
.umovu_arrow_img{
width: 1.8rem;
transform: rotate(90deg);
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .umovu_arrow_img{
transform: rotate(270deg);
}
.option_wrap{
margin-bottom: 1rem;
position: relative;
padding-left: 4rem;
font-size: 1.8rem;
padding-top: 1rem;
display: none;
}
.option_wrap ul{
list-style: none;
padding-top: 1rem;
}
.option_wrap li{
padding: 0.5rem 0;
font-size: 1.6rem;
font-size: 1.8rem;
padding-left: 2rem;
color:#000;
position: relative;
letter-spacing: 1px;
}
.option_wrap li:before {
content: '';
position: absolute;
width: 6px;
height: 6px;
background: #03b594;
border-radius: 50%;
left: 0;
top: 1.2rem;
}
.option_wrap a{
position: relative;
padding-left: 3rem;
color:#03b594;
letter-spacing: 1px;
font-size:1.8rem;
font-family: "Gilroy-ExtraBold";
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_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;
}
.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: "Gilroy-Bold";
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: "Gilroy-Bold";
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: "Gilroy-Light";
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: "Gilroy-Black";
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%;
display: flex;
justify-content: flex-end;
overflow: auto;
}
.contacts_right{
width: calc(100% - 49.5rem);
height: 100%;
}
.contacts_slider_wr{
height:100%;
position: relative;
overflow: hidden;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
}
.show_page_anim .contacts_slider_wr {
transition: 0.9s opacity 0.4s cubic-bezier(.19,1,.22,1);
opacity: 1;
}
.contacts_slider{
height:100%;
}
.contacts_slider .swiper-slide{
background-size: cover;
}
body .prev_slide_cont {
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
left: 2rem;
top: 50%;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
transform: translateY(-50%);
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
}
.prev_slide_cont:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.prev_slide_cont:hover:after {
transform: translateX(0%);
}
body .next_slide_cont{
width: 7.6rem;
height: 7.6rem;
background: #f5e348;
right: 2rem;
top: 50%;
bottom: auto;
margin: auto;
overflow: hidden;
border-radius: 50%;
transform: translateY(-50%);
border: 3px solid rgba(3, 181, 148, 0.88);
display: flex;
justify-content: center;
align-items: center;
}
.next_slide_cont:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.next_slide_cont:hover:after {
transform: translateX(0%);
}
.contacts_map_link,
.contacts_map_link2{
font-size: 2rem;
color: #000;
text-transform: uppercase;
border-radius: 25px;
background: #fce841;
border: 3px solid #03b594;
font-family: "Gilroy-Bold";
padding: 1rem 2rem;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .contacts_map_link,
.show_page_anim .contacts_map_link2 {
transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform:translateY(0rem);
}
.contacts_map_link:before,
.contacts_map_link2:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.contacts_map_link:hover:before,
.contacts_map_link2:hover:before {
transform: translateX(0%);
}
.contacts_pagin_wrap{
position: absolute;
text-align: center;
left: 0;
width: 100%;
bottom: 1.7rem;
display: flex;
justify-content: center;
z-index: 1;
}
.contacts_pagin{
}
.conacts_numbers{
/* position: absolute; */
left:0;
right: 0;
text-align: center;
color:#000;
font-family: "Gilroy-Black";
font-size: 4.2rem;
bottom: 92%;
bottom: 4.5rem;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .conacts_numbers {
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform:translateY(0rem);
}
.contacts_buller{
width: 30rem;
width: 32rem;
height: 2.6rem;
overflow: hidden;
margin-bottom: 2rem;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .contacts_buller {
transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform:translateY(0rem);
}
.contacts_buller .swiper-pagination-bullet{
width:2.6rem;
height: 2.6rem;
position: relative;
background-size: cover;
background-repeat: no-repeat;
margin: 0 0.5rem;
border-radius: 50%;
cursor: pointer;
background: #f5e348;
opacity: 1;
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.contacts_buller .swiper-pagination-bullet-active{
}
.contacts_buller .swiper-pagination-bullet:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 50%;
left: 50%;
border-radius: 15px;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
box-shadow: inset 0 0 0 0px #03b594;
z-index: 2;
transform: translate(-50%, -50%);
}
.contacts_buller .swiper-pagination-bullet:hover:before {
box-shadow: inset 0 0 0 3px #03b594;
width: 90%;
height: 90%;
}
.contacts_buller .swiper-pagination-bullet:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #03b594;
border-radius: 50%;
opacity: 0;
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.contacts_buller .swiper-pagination-bullet-active:after {
opacity: 1;
}
.contacts_bull{
}
.contacts_map_wrap{
position: relative;
height: 100%;
}
#map{
width: 100%;
height: 100%;
}
.contacts_wr{
height: 100%;
width: 49.5rem;
padding: 0 4rem;
padding-top: 19rem;
position: relative;
z-index: 2;
position: fixed;
left: 39rem;
background: #fff;
}
.contacts_info{
z-index:1;
color:#231300;
}
.contacts_title{
font-family: "Gilroy-Black";
font-size: 3.5rem;
color: #f5e348;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
margin-bottom: 1vh;
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_text_wr{
display:flex;
font-size: 1.8rem;
margin-bottom: 0.9vh;
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;
color: #000;
font-size: 1.8rem;
white-space: pre;
color: #03b594;
text-decoration: underline;
font-family: "Gilroy-Medium";
}
.contacts_text:hover{
text-decoration: none;
}
.contacts_icon_bg{
margin-right: 1.5rem;
width:4.5rem;
height: 4.6rem;
border-radius: 50%;
position: relative;
background: #f5e348;
}
.contacts_icon_loc{
}
.contacts_icon_mail{
}
.contacts_mail{
margin-top: 0.5rem;
font-family: "Gilroy-Medium";
color:#03b594;
text-decoration: underline;
}
.contacts_mail:hover{
text-decoration: none;
}
.contacts_icon_tel{
}
.contacts_tel{
display: block;
font-family: "Gilroy-SemiBold";
font-size: 3.3rem;
line-height: 1;
margin-top: 0.5rem;
}
.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;
bottom: -2rem;
right:0;
width:33.5rem;
height: 33.5rem;
padding: 0 1rem;
font-size: 2.1rem;
}
.contacts_dop_text{
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
height: 100%;
background: #f5e348;
color: #000;
font-family: "Gilroy-SemiBold";
text-align: center;
text-transform: uppercase;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
display: none;
}
.show_page_anim .contacts_dop_text{
transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.list_contacts{
position: absolute;
width: 62rem;
display: block;
top: 0;
left: 50%;
transform: translateX(-50%);
display: none;
}
.gr_way_input_wrap{
position: absolute;
top: 10rem;
right: 2rem;
background: #03b594;
border-radius: 15px;
border: 3px solid #f5e348;
padding: 2rem 2rem 1rem;
}
.gr_way_title{
font-family: "Gilroy-SemiBold";
font-family: "Gilroy-Bold";
font-size: 2.7rem;
color: #f5e348;
-webkit-text-stroke-width: 1.5px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
margin-bottom: 1rem;
}
#great_way{
width:31.1rem;
height: 3.9rem;
padding-left: 4rem;
box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
border: 1px solid rgb(0, 180, 149);
}
.gr_way_input_wr{
position: relative;
}
.gr_way_input_wr:before {
content: '';
position: absolute;
background: url(../img/svg/icon_loc_2.svg) no-repeat;
background-size: cover;
background-position: center;
width: 1.5rem;
height: 1.5rem;
left: 1.5rem;
top: 50%;
transform: translateY(-50%);
}
.gr_way_length {
font-size: 1.6rem;
color: #38383a;
opacity: 0;
margin-top: 0.5rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gr_way_length_show {
opacity: 1;
}
.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: "Gilroy-Bold";
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_wr{
width:100%;
height: 100%;
position: relative;
display: flex;
background:url(../files/bg/bg_genplan.jpg) no-repeat;
background-size: cover;
}
.genplan_bg_wr{
width: calc(100% - 67.1rem);
height: calc(100%);
position: relative;
}
#zoom_gp{
position: absolute;
bottom: 2rem;
left: 2rem;
width:6.9rem;
height: 6.9rem;
/*background: url(../img/gp_zoom_minus.svg) no-repeat;
background-size: contain;
background-position: center;*/
cursor: pointer;
}
.zoom_gp_plus_svg{
position: absolute;
width:100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity:0;
}
.zoom_gp_plus .zoom_gp_plus_svg{
opacity: 1;
}
.zoom_gp_minus_svg{
position: absolute;
width:100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity:0;
}
.zoom_gp_minus .zoom_gp_minus_svg{
opacity: 1;
}
#zoom_gp path,
#zoom_gp polygon,
#zoom_gp polyline{
transition: all .9s cubic-bezier(.19,1,.22,1);
}
#zoom_gp:hover path,
#zoom_gp:hover polygon,
#zoom_gp:hover polyline{
fill:#03b594;
}
#move_wrap {
overflow: hidden;
box-sizing: border-box;
position: relative;
/* transition: all 1s cubic-bezier(.19,1,.22,1); */
cursor: move;
height: 100%;
width: 100%;
/*width: 89.6rem;
height: 82.5rem;*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
user-select: none;
display: block;
justify-content: center;
align-items: center;
}
#move_wrap.move_wrap_zoom{
display: flex;
pointer-events:none;
}
.move_hide_block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all 1s cubic-bezier(.19,1,.22,1);
}
#drag_image {
-moz-user-select: none;
cursor: move;
left: 0;
pointer-events: none;
position: relative;
top: 0;
/*width: 100%;
height: 100%;*/
display: inline-block;
width: auto;
height: auto;
max-width: unset;
max-height: unset;
/* transition: width 2s cubic-bezier(.19,1,.22,1),height 2s cubic-bezier(.19,1,.22,1); */
}
.move_wrap_zoom #drag_image {
max-width: 100%;
max-height: 100%;
}
/*#genplan_bg{
position: absolute;
}*/
.gp_tittle{
color: #f5e348;
font-size: 5.6rem;
font-family: "Gilroy-Bold";
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
transform: translateY(3rem);
opacity: 0;
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_tittle{
transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0);
}
#genplan_img{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.gp_info_wrap{
padding-top: 22rem;
padding-left: 4rem;
height: 100%;
width: 67.1rem;
background: rgba(248, 255, 240, 0.9);
}
.gp_info_scroll{
height: calc(100vh - 53rem);
margin-bottom: 3vh;
min-height: 278px;
min-height: 227px;
position: relative;
}
.gp_info_wr{
display: flex;
}
.gp_info_left{
width:50%;
}
.gp_info_right{
width:50%;
}
.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{
margin-bottom: 0.5vh;
display: flex;
align-items: center;
transform: translateY(3rem);
opacity: 0;
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_text_wr{
transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(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;
margin-right: 0.5rem;
align-self: baseline;
}
.posn_1{
max-width: 100%;
max-height: 87%;
}
.gp_text{
color:#000;
font-size: 1.6rem;
vertical-align: top;
}
.gp_text SPAN{
font-family: Arial;
}
.gp_text_title{
font-family: "Gilroy-Bold";
font-size: 3rem;
color:#03b594;
margin-bottom: 2vh;
transform: translateY(3rem);
opacity: 0;
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_text_title{
transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0);
}
.gp_link_wr{
display: flex;
justify-content: center;
width: 100%;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .gp_link_wr {
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform:translateY(0rem);
}
.gp_link{
font-size: 2rem;
color: #000;
text-transform: uppercase;
border-radius: 25px;
background: #fce841;
border: 3px solid #03b594;
font-family: "Gilroy-Bold";
padding: 1rem 2rem;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
.gp_link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.gp_link:hover:before {
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_hid_bud.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.video_wr{
position: relative;
}
.video_tittle{
font-size: 9rem;
color: #f5e348;
text-shadow: 0px 0px 53.6px rgb(0, 0, 0);
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
font-family: "Gilroy-Black";
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 #f5e348;
border-radius: 10px;
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;
}
#bingc-phone-button.bingc-show{
pointer-events:none;
opacity: 0;
}
/* =================================
/* PRESENTATION POPUP
================================= */
.pr_btn {
position: absolute;
top: 75%;
left: 42%;
padding: 1rem 2rem;
background: #fce841;
border: 4px solid #22bea1;
border-radius: 25px;
z-index: 1;
cursor: pointer;
font-family: "Gilroy-Bold";
color: #000;
font-size: 1.8rem;
text-transform: uppercase;
}
.pr_open {
overflow: hidden;
}
.pr_open:after {
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: -20%;}
100% {left: 120%;}
}
.menu_btn .pr_open:after {
opacity: 0;
}
#pr_formTel, #pr_formName {
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);
}
.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: 10;
opacity: 0;
pointer-events: none;
}
.pr_pop_visible {
opacity: 1;
pointer-events: all;
}
.pr_pop_cont {
width: 70rem;
height: 40rem;
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: 46%;
height: 100%;
min-height: 30vh;
background: url(../img/img_pres.png) 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: 54%;
position: relative;
}
.close_pr_wr{
position: absolute;
top: -1rem;
right: -1rem;
width: 6rem;
height: 6rem;
background: #f5e348;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
z-index: 1;
overflow: hidden;
}
.close_pr_wr:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
opacity: 0;
}
.close_pr_wr:hover:after {
transform: translateX(0%);
opacity: 1;
}
.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: 7rem;
font-family: "Gilroy-Bold";
font-size: 3.1rem;
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: "Gilroy-Medium";
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: #fce841;
border: 2px solid #22bea1;
color: #000000;
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: "Gilroy-Bold";
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;
top: -1rem;
right: -1rem;
width: 6rem;
height: 6rem;
background: #f5e348;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
}
/* =================================
/* END PRESENTATION POPUP
================================= */
/* PRESENTATION FORM */
.pres_wrap {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 1001;
opacity: 0;
pointer-events: none;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pres_wrap.pres_form_visible {
opacity: 1;
pointer-events: all;
}
.pres_wrap.page {
opacity: 1;
pointer-events: all;
background: none;
z-index: 0;
}
.pres_wr {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50rem;
min-height: 20rem;
font-size: 1.6rem;
text-align: center;
}
.page .pres_wr {
left: 60%;
}
.pres_wrap_m .sp-form-outer,
.pres_wrap .sp-form-outer {
position: relative !important;
width: 100% !important;
height: 100% !important;
}
.pres_wrap_img_wr {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 110rem;
height: 60rem;
display: flex;
align-items: center;
justify-content: center;
}
.page .pres_wrap_img_wr {
left: 60%;
}
.pres_wrap_img {
max-width: 132%;
max-height: 127%;
transform: translate(5%, 6%);
}
.pres_wrap .sp-form {
width: unset !important;
max-width: unset !important;
height: unset !important;
margin: 0 !important;
padding: 4.5rem 5.5rem 5.5rem 5.5rem !important;
background: #22bea1 !important;
border: 2px solid #fce841 !important;
border-radius: 3rem !important;
box-shadow: 0 0 23px rgba(0,0,0,0.5);
}
.pres_wrap .sp-form {
opacity: 0 !important;
}
.pres_wrap.page .sp-form,
.pres_wrap.pres_form_visible .sp-form {
opacity: 1 !important;
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.2s !important;
}
.pres_wrap .sp-form-fields-wrapper {
width: 375px !important;
}
.pres_wrap_m .sp-form strong,
.pres_wrap .sp-form strong {
font-family: 'pf_agora_sans_prolight' !important;
text-align: left !important;
}
.pres_wrap .sp-form span {
font-family: "Gilroy-Bold" !important;
font-size: 2.6rem !important;
color: #000;
opacity: 0;
transform: translateY(50px);
transition: all 0.9s cubic-bezier(.19,1,.22,1) !important;
}
.pres_wrap.page .sp-form span,
.pres_wrap.pres_form_visible .sp-form span {
opacity: 1;
transform: translateY(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.4s !important;
}
.pres_wrap_m .sp-form-control,
.pres_wrap .sp-form-control {
width: 90% !important;
height: 4.5rem !important;
margin: 10px 0 !important;
}
.pres_wrap .sp-form-control {
opacity: 0;
transform: translateY(50px);
transition: all 0.9s cubic-bezier(.19,1,.22,1) !important;
}
.pres_wrap.page .sp-form-control,
.pres_wrap.pres_form_visible .sp-form-control {
opacity: 1;
transform: translateY(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.5s !important;
}
.pres_wrap_m .sp-form .sp-field,
.pres_wrap .sp-form .sp-field {
margin: 10px 0 !important;
padding: 0 !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sp-control-label {
position: absolute;
right: 2rem;
z-index: 1;
}
.pres_wrap_m .sp-button-container,
.pres_wrap .sp-button-container {
display: flex;
justify-content: center;
}
.pres_wrap_m .sp-button,
.pres_wrap .sp-button {
width: 28rem !important;
height: 4.2rem !important;
border: none !important;
border-radius: unset !important;
box-shadow: unset !important;
background-color: #fce841 !important;
border-radius: 10rem !important;
font-family: "Gilroy-Semibold" !important;
font-size: 1.8rem !important;
color: #000000 !important;
text-transform: uppercase !important;
transition: all 0.9s cubic-bezier(.19,1,.22,1) !important;
}
.pres_wrap .sp-button:hover {
color: #22bea1 !important;
}
/* .pres_wrap .sp-button:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(256, 256, 256, 0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
}
.sp-button:hover:after {
opacity: 1;
} */
.pres_wrap .sp-button {
opacity: 0;
transform: translateY(50px);
transition: transform 0.9s cubic-bezier(.19,1,.22,1) !important;
}
.pres_wrap.page .sp-button,
.pres_wrap.pres_form_visible .sp-button {
opacity: 1;
transform: translateY(0);
transition: transform 0.9s cubic-bezier(.19,1,.22,1) 0.6s !important;
}
.pres_wrap .btn_close_wr {
position: absolute;
top: -1.5rem;
right: -1.5rem;
width: 6rem;
height: 6rem;
background: #f5e348;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, 0.88);
z-index: 2;
cursor: pointer;
overflow: hidden;
}
.pres_wrap .btn_close_wr {
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(-3rem);
}
.pres_wrap.page .btn_close_wr,
.pres_form_visible .btn_close_wr {
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.pres_wrap.page .btn_close_wr {
display: none;
}
.pres_wrap .btn_close_ico {
width: 43%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
pointer-events: none;
z-index: 1;
}
.pres_wrap .btn_close_wr:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.btn_close_wr:hover:after {
transform: translateX(0%);
}
/* .btn_close_wr:hover .btn_close_ico {
animation: 1s close_rotate infinite;
}
@keyframes close_rotate {
0% { transform: rotate(0deg) scale(1); }
50% { transform: rotate(90deg) scale(0.9); }
100% { transform: rotate(180deg) scale(1); }
} */
.pres_content {
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
/*POP UP SENDPULSE*/
.sp-field:last-child > div span{
font-size: 18px!important;
-webkit-text-stroke: 0px #000;
}
.sp-field:last-child > div span a{
color: #ffe940!important;
}
/*END POP UP SENDPULSE*/
/* FAQ */
.faq_wrap{
margin-top: 10rem;
text-align: left;
display: flex;
justify-content: center;
}
.faq_wr{
display: inline-block;
width: 102rem;
}
.faq_wrap_title{
font-size: 3rem;
margin-bottom: 2rem;
font-family: "Gilroy-Bold";
}
.faq_tittle_text{
padding-left: 3rem;
letter-spacing: 1px;
position: relative;
z-index: 1;
}
.faq_drop_wr{
margin-bottom: 2rem;
}
.faq_tittle{
font-size: 2.1rem;
color: #000;
position: relative;
cursor: pointer;
height: 5.4rem;
display: flex;
align-items: center;
font-family: "Gilroy-Bold";
border-radius: 25px;
overflow: hidden;
border: 0.5rem solid #fce841;
padding-right: 6rem;
background: #fce841;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .faq_tittle {
background: #03b594;
border: 0.5rem solid #03b594;
color: #fff;
}
.faq_tittle:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fce841;
border-radius: 25px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .faq_tittle:before {
background: #03b594;
}
.faq_tittle:after {
content: '';
position: absolute;
top: 0%;
left: 0%;
width: calc(100%);
height: calc(100%);
transform: translate(-100%, 0%);
background: #03b594;
border-radius: 25px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.faq_tittle:hover:after {
transform: translate(0%, 0%);
}
.faq_arrow {
position: relative;
width: 4.6rem;
height: calc(100%);
background: #04b594;
z-index: 1;
border-radius: 50%;
position: absolute;
top: 0%;
right: 0;
display: flex;
justify-content: center;
align-items: center;
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .faq_arrow {
background: #fce841;
}
.faq_arrow_img {
width: 1.8rem;
transform: rotate(90deg);
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .faq_arrow_img {
transform: rotate(270deg);
}
.faq_wrap .option_wrap a{
padding: 0;
}
.faq_wrap .option_wrap a:after{
display: none;
}
/* END FAQ */
/* MAKET */
.maket_wrap{
width: 100%;
height: 100%;
background: url(../files/bg/bg_genplan.jpg) no-repeat;
background-size: cover;
padding: 10rem 0;
overflow: auto;
display: flex;
justify-content: center;
align-items: baseline;
}
.maket_wr{
width: 80%;
position: relative;
background: rgba(248, 255, 240, 0.9);
border-radius: 25px;
padding: 5rem 7rem;
padding: 5rem 12rem;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(-10rem);
}
.show_page_anim .maket_wr {
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.maket_scroll{
height:100%;
text-align: center;
}
.maket_title{
color: #f5e348;
font-size: 4.6rem;
font-family: "Gilroy-Bold";
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
text-align: center;
margin-bottom: 3rem;
line-height: 1;
}
.maket_text{
font-size: 1.6rem;
}
.maket_text b,
.maket_text strong{
font-family: "Gilroy-Bold";
}
.maket_text a{
color:#03b594;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
text-decoration: underline;
}
.maket_text img{
border-radius: 25px;
width:90%!important;
height: auto!important;
display: block;
margin: 2rem auto;
}
/* END MAKET */
/* ERROR */
.error_wrap{
display: flex;
align-items: center;
height: 100%;
justify-content: center;
position: relative;
}
.error_wr{
padding: 4.5rem 5.5rem 5.5rem 5.5rem;
background: #22bea1;
border: 2px solid #fce841;
border-radius: 3rem;
box-shadow: 0 0 23px rgb(0 0 0 / 50%);
color: #fff;
position: relative;
z-index: 1;
text-align: center;
}
.error_img{
position: absolute;
left: 0;
height: 100%;
}
.error_info{
}
.error_number{
font-family: "Gilroy-Bold";
font-size: 22.6rem;
color: #ffe940;
-webkit-text-stroke: 3.3px #000;
}
.error_text{
margin-bottom: 2rem;
font-size: 2rem;
}
.error_btn{
font-size: 2rem;
color: #000;
text-transform: uppercase;
border-radius: 25px;
background: #fce841;
border: 3px solid #03b594;
font-family: "Gilroy-Bold";
padding: 1rem 2rem;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
.error_btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #22bea1;
z-index: -1;
transition: all .9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.error_btn:hover:before {
transform: translateX(0%);
}
.error_btn_text{
}
/* END ERROR*/
/* TIMER*/
.timer_wrap{
display:flex;
align-items: center;
background: #00b494;
padding: 0.4rem 1.5rem;
border-radius: 27px;
margin-right: 0.9rem;
position: relative;
height: 5.63rem;
cursor: pointer;
position: relative;
}
.timer_wrap:after{
content: '';
position: absolute;
top: 50%;
left: 50%;
pointer-events: none;
opacity: 0;
transition: all .9s cubic-bezier(.19,1,.22,1);
border: 2px solid #f5e34d;
width: 100%;
height: 100%;
border-radius: 27px;
transform: translate(-50%, -50%);
}
.timer_wrap:hover:after{
opacity: 1;
}
.timer_title{
color:#f5e348;
line-height: 1;
font-size: 1.8rem;
margin-right: 0.4rem;
font-family: "Gilroy-Black";
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
}
.timer_container{
color: #333;
margin: 0 auto;
text-align: center;
margin-right: 0.9rem;
}
#countdown li{
display: inline-block;
list-style-type: none;
font-size: 1.2rem;
font-family: "Gilroy-Black";
background: #fff;
border-radius: 5px;
width: 4.5rem;
height: 4.7rem;
position: relative;
display: inline-grid;
align-content: center;
padding-top: 0.9rem;
margin-right: 12px;
}
#countdown li:last-child{
margin-right: 0;
}
#countdown li:before{
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #000;
opacity: 0.3;
top: 50%;
}
#countdown li:after{
content: ':';
position: absolute;
font-size: 2.8rem;
font-family: "Gilroy-Black";
top: 0;
display: flex;
align-items: center;
padding-top: 0.3rem;
left: calc(100% + 3px);
}
#countdown li:last-child:after{
display: none;
}
#countdown li span{
display: block;
font-size: 2.8rem;
font-family: "Gilroy-Black";
line-height: 0.9;
}
/* END TIMER*/
/* TIMER POPUP*/
.timer_popup{
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
z-index: 1001;
opacity: 0;
pointer-events: none;
transition: all .9s cubic-bezier(.19,1,.22,1);
display: grid;
align-items: center;
justify-content: center;
}
.timer_popup_open{
opacity: 1;
pointer-events: all;
}
.timer_popup_cont{
position: relative;
z-index: 1;
display: flex;
align-items: center;
}
.timer_popup_list {
position: absolute;
bottom: -12rem;
left: -24rem;
z-index: -1;
width: 59.6rem;
pointer-events: none;
}
.timer_popup_list_m{
display:none;
}
.timer_popup_img_wr{
width: 49.7rem;
height: 54.4rem;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
z-index: 2;
position: relative;
}
.timer_popup_img_m{
display:none;
}
.timer_popup_img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.timer_popup_info{
position: relative;
z-index: 1;
padding: 4.3rem 3.7rem 7.6rem;
width: 59.5rem;
box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
}
.timer_popup_bg{
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
border-radius: 0 15px 15px 0;
overflow: hidden;
}
.timer_popup_close_m{
display:none;
}
.timer_popup_close{
position: absolute;
top: -1.5rem;
right: -1.5rem;
width: 6rem;
height: 6rem;
background: #f5e348;
border-radius: 50%;
border: 3px solid rgba(3, 181, 148, .88);
z-index: 2;
cursor: pointer;
overflow: hidden;
}
.timer_popup_close:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #03b594;
transition: all .9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.timer_popup_close:hover:after {
transform: translateX(0%);
}
.timer_popup_close_icon {
width: 43%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
pointer-events: none;
z-index: 1;
}
.timer_popup_title{
color: #f5e348;
line-height: 1;
font-size: 4.2rem;
font-family: "Gilroy-Black";
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(0, 0, 0, .8);
margin-bottom: 2.8rem;
}
.timer_popup_container{
margin-bottom: 3rem;
}
#countdown_popup li{
display: inline-block;
list-style-type: none;
font-size: 1.6rem;
font-family: "Gilroy-Black";
background: #fff;
border-radius: 5px;
width: 6.7rem;
height: 8.7rem;
position: relative;
display: inline-grid;
align-content: center;
padding-top: 0.9rem;
text-align: center;
margin-right: 20px;
}
#countdown_popup li:last-child{
margin-right: 0;
}
#countdown_popup li:before{
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #000;
opacity: 0.3;
top: 50%;
}
#countdown_popup li:after{
content: ':';
position: absolute;
font-size: 4.2rem;
font-family: "Gilroy-Black";
top: 0;
display: flex;
align-items: center;
padding-top: 1.3rem;
left: calc(100% + 5px);
}
#countdown_popup li:last-child:after{
display: none;
}
#countdown_popup li span{
display: block;
font-size: 4.2rem;
font-family: "Gilroy-Black";
line-height: 0.9;
}
.timer_popup_text{
color: #fff;
font-size: 2.4rem;
margin-bottom: 3rem;
}
.timer_popup_btn{
position: relative;
text-align: center;
cursor: pointer;
display: inline-block;
border-radius: 25px;
overflow: hidden;
transition: all .5s cubic-bezier(.19,1,.22,1);
background: #f5e348;
border: 2px solid #f5e348;
z-index: 1;
}
.timer_popup_btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
background: #03b594;
z-index: -1;
transition: all .9s cubic-bezier(.19,1,.22,1);
transform: translateX(-100%);
}
.timer_popup_btn:hover:before {
transform: translateX(0%);
}
.timer_popup_btn_text{
font-size: 2.1rem;
color: #000;
text-transform: uppercase;
font-family: "Gilroy-Bold";
padding: 1rem 3rem;
}
/* END TIMER POPUP*/
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form
form.bingc-passive-get-phone-form span.bingc-sample-countdown-timer
{
display:none !important;
}
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form
form.bingc-active-get-phone-form span.bingc-sample-countdown-timer
{
display:none !important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content
div.bingc-passive-countdown-timer
{
display:none !important;
}
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-countdown-timer
{
display:none !important;
}
@media screen and (max-width: 16800px) {
.sp-field:last-child > div span{
font-size: 18px!important;
}
}
@media screen and (max-width: 1500px), (max-height: 800px) {
html {
font-size: 9px;
}
.logo_wr {
width: 11.7rem;
}
.umovu_wr{
padding: 0rem 0 10rem;
z-index: 2;
}
.dropdown_tittle {
font-size: 2.3rem;
height: 4.4rem;
}
.umovu_arrow {
width: 3.6rem;
}
.umovu_arrow_img {
width: 1.4rem;
}
.one_new_tittle {
font-size: 2rem;
}
.dev_logo_riel{
max-width: 29.8rem;
}
.sub_tittle {
font-size: 2.8rem;
}
.sub_btn{
margin-bottom: 2vh;
}
.menu_li {
margin-top: 0;
}
.fil_polz_values{
padding: 0.5rem 1rem;
}
.filt_flex{
margin-top: -3rem;
}
.fil_polz_tittle {font-size: 1.6rem;}
.fil_polz_wr .ui-slider-horizontal {height: 4px !important;}
.fil_polz_wr .ui-slider-horizontal .ui-slider-range {height: 4px !important;}
.fil_polz_val {font-size: 1.8rem;}
.double_floors_text {font-size: 1.8rem;}
}
@media screen and (max-width: 1440px), (max-height: 900px) {
.contacts_wr {
padding-top: 18rem;
}
.contacts_title {
font-size: 4rem;
margin-bottom: 1vh;
}
.contacts_icon_bg {
margin-right: 1.5rem;
width: 4rem;
height: 4.1rem;
}
.contacts_text {
font-size: 1.5rem;
}
.contacts_tel {
font-size: 3rem;
}
.contacts_text_wr {
font-size: 1.6rem;
margin-bottom: 1vh;
}
}
@media screen and (max-width: 1440px), (max-height: 768px) {
.sp-field:last-child > div span{
font-size: 17px!important;
}
}
@media screen and (max-width: 1360px), (max-height: 768px) {
.contacts_wr {
padding-top: 13rem;
}
.contacts_title {
font-size: 3.8rem;
margin-bottom: 1.0vh;
}
}
@media screen and (max-width: 1280px), (max-height: 700px) {
html {
font-size: 8px;
}
.menu_li{
margin-top: 0vh;
}
.menu_li_a{
line-height: 1;
}
.video_frame {
height: 42.3rem;
}
.one_flat_img_wr {
height: 21rem;
}
.one_flat_type{
font-size: 2.3rem;
}
.bg_cb_img_wr {
height: 25vh;
}
#formName, #formEmail, #formTel, #formNameSub, #formEmailSub {
}
#formText{
height: 8rem;
}
.ab_text_wr{
font-size: 10.5rem;
}
.about_svg_wrap {
width: 61.8rem;
}
.logo_wr {
width: 12.7rem;
}
.menu_btn_link{
width: 5.3rem;
height: 5.3rem;
}
.fil_wr {
padding-top: 15rem;
}
.gp_info_wrap {
padding-top: 14rem;
}
.gp_info_scroll{
height: calc(100vh - 43rem);
}
.filt_wr {
/*padding-top: 15rem;*/
}
.flats_tittle_wr{
}
.flats_tittle {
font-size: 3.6rem;
}
.arrow_flats {
width: 3rem;
}
.fil_polz_values {
padding: 0.5rem 1rem;
border-radius: 15px;
}
.contacts_wr {
padding-top: 15rem;
}
.contacts_dop_info {
width: 27.5rem;
height: 27.5rem;
font-size: 1.7rem;
}
.list_contacts{
width: 48rem;
}
.umovu_wr {
padding: 4rem 0 10rem;
}
.umovu_flex_wr {
left: 19rem;
padding-top: 9vh;
z-index: 3;
}
}