html{
font-size: 10px;
}
body, html{
width:100%;
position: relative;
min-width: 1006px;
min-height:550px;
color:#242424;
font-family: 'Play', sans-serif;
}
*{
box-sizing: border-box;
margin:0;
padding: 0;
text-decoration: none;
}
b{
font-weight: bold;;
}
.main_h1{
position: absolute;
top: 0;
left: 0;
z-index: -1;
pointer-events: none;
opacity: 0;
}
#ipod_rotate {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background:rgb(14 58 88 / 78%);
z-index: 99999;
}
.ipod_rotate_wrap {
position: relative;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.ipod_rotate_img {
width: 26rem;
}
.ipod_rotate_text {
color: #fff;
text-transform: uppercase;
font-size: 4rem;
}
.noscroll{
overflow: overlay;
}
img{
border:none;
}
.fancybox-active{
height: inherit;
}
.fancybox-bg {
background: #ffffff!important;
}
.swiper-slide-cover{
background-size: cover!important;
}
.swiper-button-disabled{
opacity:0;
}
body .swiper-button-next:after,body .swiper-container-rtl .swiper-button-prev:after,
body .swiper-button-prev:after,body .swiper-container-rtl .swiper-button-next:after{
content: '';
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
opacity:0!important;
}
.title {
position: absolute;
top: 0;
opacity: 0;
pointer-events: none;
}
body .mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
background: #e9e9eb;
}
body .contacts_wrap .mCSB_scrollTools .mCSB_draggerRail{
background: #fff;
opacity: 0.2;
}
body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:none;
}
body .mCSB_scrollTools .mCSB_dragger {
background: #ffd21f;
width: 8px;
border-radius: 25px;
}
body .contacts_wrap .mCSB_scrollTools .mCSB_dragger{
background: #ebc334;
}
body .mCSB_scrollTools {
width: 8px;
}
*:focus{
outline: none;
}
svg a{
cursor: pointer;
}
input::-webkit-input-placeholder {opacity: 1; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
input::-moz-placeholder {opacity: 1; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:-moz-placeholder {opacity: 1; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:-ms-input-placeholder {opacity: 1; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder {opacity: 0; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder {opacity: 0; color: #9A7A47; font-size:1.6rem; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder {opacity: 0; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus{
outline: none;
}
textarea::-webkit-input-placeholder {opacity: 1; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea::-moz-placeholder {opacity: 1; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:-moz-placeholder {opacity: 1; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder {opacity: 1; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder {opacity: 0; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder {opacity: 0; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder {opacity: 0; color: #9A7A47; font-size: 1.6rem; transition: opacity 0.3s ease;}
.contaniner {
position: relative;
width: 100%;
overflow: hidden;
}
#change_page {
width: 100%;
z-index: 0;
opacity: 0;
}
#change_page.change_page_show, #change_page_2.change_page_show {
z-index: 1;
opacity: 1;
}
/* =================================
/* PRELOADER
================================= */
.preloader_wrap{
position: fixed;
top: 0;
left: 0;
z-index: 2;
width:100%;
height: 100%;
display: flex;
z-index: 100;
pointer-events: none;
transition: 0s all .5s cubic-bezier(.19,1,.22,1);
}
.preloader_wrap_hide {
opacity: 0;
}
.preloader_wr {
height: calc(100%);
width: calc(100%);
top: 0%;
left: 0%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
transition: all 1.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: scale(3);
}
.preloader_run .preloader_wr {
background: #fff;
opacity: 1;
transform: scale(1);
transition: all 1s cubic-bezier(.19,1,.22,1);
}
.logo_preloader{
display: block;
max-width: 80%;
max-height: 80%;
width: 54rem;
}
/* =================================
/* END PRELOADER
================================= */
/* =================================
/* HEADER
================================= */
#header{
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
padding: 2.7rem 3.2rem;
z-index: 11;
display:flex;
align-items: center;
justify-content: space-between;
transform: translateY(-100%);
}
.show_page_anim #header {
transform: translateY(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
#header:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 18rem;
background: linear-gradient(to bottom, rgb(0 0 0 / 76%), rgb(0 0 0 / 32%), rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
opacity: 0.45;
pointer-events: none;
}
.bg_header{
background: rgb(6 31 49 / 0.7);
}
.menu_left{
max-width: 44.6rem;
padding: 0 3rem;
position: relative;
flex-grow: 2;
opacity: 0;
transform: translateX(-7rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_left {
opacity: 1;
transform: translateX(0);
transition: .9s all 1.3s cubic-bezier(.19,1,.22,1);
}
.menu_logo_link{
display: inline-block;
z-index: 3;
top: 1rem;
left: 0;
position: absolute;
cursor: pointer;
/*width: 44.6rem;
width: 23vw;*/
width: 108%;
max-width: 41.9rem;
top: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_logo_link {
}
.header_mini .menu_logo_link{
width:14.4rem;
top: 50%;
left: 0.8rem;
transform: translateY(-50%);
}
.menu_logo{
width: 100%;
}
.menu_cont{
display:flex;
height: 100%;
flex-grow: 1;
}
.menu_mid{
height: 100%;
position: relative;
}
.menu_mid_cont{
display: flex;
position: relative;
height: 100%;
width:100%;
}
.menu_ul{
margin: 0px 1vw;
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: translateX(-7rem);
}
.show_page_anim .menu_ul {
opacity: 1;
transform: translateX(0);
}
.show_page_anim .menu_ul:nth-last-child(1) {
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_ul:nth-last-child(2) {
transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_ul:nth-last-child(3) {
transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_ul:nth-last-child(4) {
transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_ul:nth-last-child(5) {
transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_ul:nth-last-child(6) {
transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.menu_a{
color:#fff;
font-size: 1.8rem;
font-weight: 700;
text-transform: uppercase;
padding: 1rem 1.1vw;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
position: relative;
height: 100%;
text-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_ul:hover .menu_a{
color: #003154;
text-shadow: 0 2px 9px rgba(0, 0, 0, 0);
}
.menu_a_active{
}
.menu_ul:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #003154;
box-shadow: inset 0 0 0 0rem #fff;
}
.menu_ul:hover:before{
box-shadow: inset 0 0 0 3rem #003154;
box-shadow: inset 0 0 0 4rem #fff;
}
.menu_ul_childs:hover:before{
border-radius: 20px 20px 0 0;
height: calc(100% + 0.5rem);
height: calc(100% + 1.5rem);
}
/*.header_mini .menu_ul:hover .menu_a:before{
box-shadow: inset 0 0 0 3rem #fff;
}*/
/*.menu_a:before{
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 0 0 0;
background: #fff;
z-index: 1;
overflow: hidden;
}*/
.menu_a_arrow{
width: 1rem;
transform: rotate(90deg);
margin-left: 0.7rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_ul_childs:hover .menu_a_arrow{
transform: rotate(270deg);
}
.menu_a_arrow polygon{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_ul:hover polygon{
fill:#003154;
}
.menu_second_bg{
position: absolute;
top: 100%;
left: 0%;
z-index: 0;
pointer-events: none;
border-radius: 0 20px 20px 20px;
min-width: 100%;
}
.menu_ul_childs:hover .menu_second_bg{
pointer-events: all;
transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_second{
white-space: nowrap;
position: relative;
top:0%;
background: transparent;
left: 0%;
pointer-events: none;
opacity: 0;
transform: translate(0%, -3rem);
/* transform: translateY(-100%); */
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_second:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 20px 20px 20px;
background: #fff;
z-index: 1;
overflow: hidden;
}
.menu_mid:hover .menu_second{
}
.menu_ul:hover .menu_second{
opacity: 1;
pointer-events: auto;
transform: translate(0%, 0);
transition:all 0.9s cubic-bezier(.19,1,.22,1), opacity 0.6s cubic-bezier(.19,1,.22,1), 0s pointer-events 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_ul:nth-child(2) .menu_second,
.menu_ul:nth-child(4) .menu_second{
white-space: nowrap;
}
.menu_second_ul{
position: relative;
}
.menu_child{
font-size: 1.8rem;
color:#003154;
background: #fff;
padding: 1rem 1vw;
position: relative;
display: block;
position: relative;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 20px;
}
.menu_child:hover{
color:#fff;
}
.menu_child:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #003154;
}
.menu_child:hover:before {
box-shadow: inset 0 0 0 3rem #003154;
}
.menu_child:last-child{
border-radius:0 0 20px 20px;
}
.menu_child_text{
display: inline-block;
}
.menu_child_text:after{
content: '';
position: absolute;
width: calc(100% - 3rem);
height: 1px;
background: rgb(0 49 84 / 0.15);
left: 0;
right: 0;
top: 0%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
margin: auto;
}
.menu_child:first-child .menu_child_text:after{
display:none;
}
.menu_right{
display: flex;
/*padding-right: 2rem;*/
justify-content: space-between;
align-items: center;
}
.show_page_anim .menu_right {
}
.menu_tel_wrap{
opacity:0;
transform: translateX(-7rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .menu_tel_wrap{
opacity: 1;
transform: translateX(0);
transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.menu_tel_wr{
display:flex;
align-items: center;
justify-content: flex-end;
}
.menu_tel_icon{
width: 16px;
margin-right:4px;
}
.menu_tel{
font-size: 2.56rem;
color:#fff;
font-weight: 700;
letter-spacing: 1px;
}
.menu_tel a{
color:#fff;
}
.menu_adress_wr{
display: flex;
align-items: center;
justify-content: end;
}
.menu_adress_icon{
width: 11px;
margin-right: 5px;
}
.menu_adress_text{
font-size: 1.6rem;
color:#fff;
text-align: right;
text-decoration: underline;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_adress_wr:hover .menu_adress_text{
text-decoration: none;
}
.lang_wr{
height: 3.7rem;
display: flex;
align-items: center;
position: relative;
justify-content: center;
margin-right: 2.3rem;
padding: 0 1rem;
padding: 1rem 2rem;
cursor: pointer;
z-index: 1;
opacity:0;
transform: translateX(-7rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .lang_wr{
opacity: 1;
transform: translateX(0);
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.lang_wr:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #fff;
}
/*.lang_wr:hover:before {
box-shadow: inset 0 0 0 3rem #fff;
}*/
.lang_wr:hover:before{
box-shadow: inset 0 0 0 3rem #fff;
border-radius: 20px 20px 0 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1), border-radius 0.3s ease;
}
.lang_active{
color:#fff;
text-transform: uppercase;
font-size: 1.8rem;
font-weight: 700;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wr:hover .lang_active,
.lang_wrap_open .lang_active{
color:#003154;
}
.lang_arrow{
width:1.1rem;
margin-left: 6px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wr:hover .lang_arrow{
transform: rotate(180deg);
}
.lang_arrow path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wr:hover path,
.lang_wrap_open path{
fill:#003154;
}
.lang_dropdawn{
overflow: hidden;
position: absolute;
top: calc(100%);
width: 100%;
left: 0;
pointer-events: none;
opacity: 0;
transform: translate(0%, -3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wr:hover .lang_dropdawn {
opacity: 1;
pointer-events: auto;
transform: translate(0%, 0);
transition: 0.9s all 0.1s cubic-bezier(.19,1,.22,1), 0s pointer-events 0.9s ease;
}
.lang_wr:hover{
}
.lang{
font-size: 1.9rem;
height: 4rem;
width: 100%;
display: flex;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
color: #003154;
background: #fff;
border-radius: 0 0 20px 20px;
overflow: hidden;
position: relative;
z-index: 1;
}
.lang:hover{
color: #fff;
}
.lang:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #003154;
}
.lang:hover:before {
box-shadow: inset 0 0 0 3rem #003154;
}
.lang_active_link{
display:none;
}
.lang_bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.lang_text{
position: relative;
padding: 0 1rem 0 2rem;
height: 100%;
width: 100%;
z-index: 1;
display: flex;
align-items: center;
text-transform: uppercase;
}
.lang_line{
width: 100%;
height: 1px;
background: #fff;
}
/* =================================
/* FOOTER
================================= */
.footer_main_wr{
z-index: 1000!important;
}
.footer{
position: absolute;
position: relative;
bottom: 0;
left: 0;
width: 100%;
z-index: 4;
display: flex;
background: #0e3a58;
padding: 5.3rem 0 4.4rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
/*transform: translate3d(0px, 0px, 0) rotateX(0) rotateY(0deg) scale(1) translateY(0);
transform: translate3d(0px, 0px, 95.1885px) rotateX(-9.58115deg) rotateY(0deg) scale(1) translateY(100%); */
}
.footer_main_wr_show .footer{
transform: translate3d(0px, 0px, 95.1885px) rotateX(-9.58115deg) rotateY(0deg) scale(1) translateY(16px);
}
.footer_absolute{
position: absolute;
width:100%;
bottom: 0;
left: 0;
z-index: 4;
}
.footer_cont{
max-width: 161.2rem;
margin: auto;
width: 100%;
display: flex;
}
.footer_logo_wr{
width:45rem;
display: flex;
align-items: center;
justify-content: center;
}
.footer_logo{
max-width: 27rem;
display: block;
}
.footer_menu_wrap{
flex-grow: 1;
display: grid;
grid-template-columns: auto auto auto;
grid-gap: 2rem;
}
.footer_menu_wr{
}
.footer_li{
margin-bottom: 3vh;
}
.footer_li:last-child{
margin:0;
}
.footer_a{
color:#c8c3bb;
font-size: 2.1rem;
display: inline-block;
position: relative;
padding-left: 2rem;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.footer_a:hover{
color:#fff;
}
.footer_a:before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
width: 7px;
height: 7px;
border-radius: 50%;
background: #fff;
}
.footer_menu_second_wr{
padding-left: 2rem;
}
.footer_menu_second_wr>div{
margin-top: 1.2vh;
}
.footer_menu_second{
color: #c8c3bb;
font-size: 1.8rem;
display: inline-block;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.footer_menu_second:hover{
color: #fff;
}
.footer_left{
font-size: 1.1rem;
color: #a4a6a9;
position: absolute;
bottom: 0;
left: 1rem;
display: flex;
opacity: 0;
transform: translateY(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.5s;
}
.show_page_anim .footer_left {
opacity: 1;
transform: translateY(0);
}
.footer_left_absolute{
font-size: 1.1rem;
color: #a4a6a9;
position: absolute;
bottom: 0;
left: 1rem;
display: flex;
}
.prava{
margin-left: 1rem;
padding-bottom: 1rem;
align-self: flex-end;
}
.tel_wrap{
position: fixed;
right: 2rem;
bottom: 2rem;
width:10.4rem;
height: 10.4rem;
z-index: 12;
opacity: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.preloader_run .tel_wrap,
.noscroll .tel_wrap{
opacity: 0;
}
.tel_wr{
width:100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
cursor: pointer;
opacity: 0;
transform: translateX(5rem);
}
.show_page_anim .tel_wr {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.4s;
}
.tel_img_1{
height: 4.5rem;
transform-style: preserve-3d;
transform: rotateX(0deg);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
display: block;
z-index: 1;
position: relative;
animation: telH 1s linear infinite;
}
@keyframes telH {
0% {transform: rotateZ(0deg);}
20% {transform: rotateZ(10deg);}
40% {transform: rotateZ(-10deg);}
60% {transform: rotateZ(10deg);}
80% {transform: rotateZ(-10deg);}
100% {transform: rotateZ(0deg);}
}
.tel_img_1 path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.tel_wrap:hover path{
fill:#003154;
}
.tel_wr_bg{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 87%;
height: 87%;
overflow: hidden;
background: #003154;
border-radius: 25px;
transform: rotate(45deg);
}
.tel_wr_bg:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 88%;
height: 88%;
box-shadow: inset 0 0 0 2px #fff;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translate(-50%, -50%);
border-radius: 20px;
}
.tel_wrap:hover .tel_wr_bg:after{
box-shadow: inset 0 0 0 5rem #fff;
}
/* =================================
/* END FOOTER
================================= */
/* ========================================
/* LOGO REALIST
======================================== */
.realist_digital_link {
line-height: 44px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
height: 32px;
width: 54px;
display: block;
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 998;
margin-left: 2.5rem;
position: absolute;
right: -11px;
top: auto;
bottom: 16rem;
transform: rotate(-90deg);
transition: all .9s cubic-bezier(.19,1,.22,1)
}
.main_page .realist_digital_link{
top: 3.2rem;
bottom: auto;
}
.realist_digital_link span {
position: relative;
display: inline-block;
height: 32px;
width: 54px;
background: url(../img/logo_realist_128x108.png)no-repeat 0 0;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.realist_digital_link span::before {
position: absolute;
top: 100%;
left: 0;
display: block;
height: 32px;
width: 54px;
background: url(../img/logo_realist_128x108.png)no-repeat 0 -33px;
background: url(../img/logo_realist_128x108.png)no-repeat 0 -37px;
content: " ";
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0
}
.realist_digital_link:hover span,.realist_digital_link:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px)
}
.realist_digital_link:hover span::before,.realist_digital_link:focus span::before {
background: url(../img/logo_realist_128x108.png)no-repeat 0 -33px
}
/* ========================================
/* END LOGO REALIST
======================================== */
/* ========================================
/* CALL BACK POP UP
======================================== */
.calc_wrap,
.price_pop_wrap,
.cb_wrap,
.sub_wrap {
height: 100%;
height: 100vh;
width: 100%;
position: absolute;
top: 0%;
overflow: hidden;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
pointer-events: none;
z-index: 101;
text-align: center;
perspective: 800px;
min-height: 550px;
overflow: auto;
display: flex;
justify-content: center;
align-items: center;
}
.open_pop_up {
top: 0;
opacity: 1;
pointer-events: auto;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.cb_wr{
margin-top: 5vh;
margin-bottom: 5vh;
}
.cb_bg{
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
background: rgb(0 49 84 / 0.7);
}
.close_pop_up {
position: absolute;
right: -1.5rem;
top: -1.5rem;
width: 5.2rem;
height: 5.2rem;
cursor: pointer;
z-index: 2;
border-radius: 50%;
background: #003154;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.close_pop_up:before{
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 25px;
box-shadow: inset 0 0 0 0px #ffd21f;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.close_pop_up:hover:before {
box-shadow: inset 0 0 0 3rem #ffd21f;
}
.close_pop_up_svg{
width:2.3rem;
height: auto;
position: relative;
}
.close_pop_up_svg path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.close_pop_up path{
fill:#fff;
}
.close_pop_up:hover path{
fill:#003154;
}
.cb_cont{
position: relative;
display: block;
margin: auto;
}
.open_pop_up .cb_cont {
transition:all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform: translateY(0rem);
}
.cb_tittle {
font-weight: 700;
color: #DFBD8D;
font-size: 3.2rem;
text-transform: uppercase;
margin-bottom: 2.9rem;
line-height: 0.9;
}
.cb_text{
font-size: 2.3rem;
color:#103865;
margin-bottom: 5.1vh;
text-align: center;
padding: 0 4rem;
}
.cb_btn {
display: inline-flex;
align-items: center;
font-weight: 700;
color: #003154;
font-size: 2.2rem;
text-transform: uppercase;
background: #ffd21f;
border-radius: 25px;
padding: 1.4rem 5.9rem;
border: 2px solid #ffd21f;
position: relative;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
z-index: 1;
cursor: pointer;
}
.cb_btn:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #003154;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.cb_btn:hover:before {
box-shadow: inset 0 0 0 5rem #003154;
}
.cb_btn_text{
}
.cb_btn:hover{
color:#ffd21f;
}
.cb_btn_arrow {
width: 2rem;
margin-left: 1.2rem;
transform: scale(-1);
}
.cb_btn_arrow path {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.cb_btn:hover path {
fill: #ffd21f;
}
.input_grid_wrap{
display: grid;
grid-gap: 1.6rem;
grid-template-columns: repeat(2, calc(50% - 0.8rem));
}
.input_wr{
color: #fff;
border-bottom: 1px solid transparent;
}
.input_wr:last-child{
margin:0;
}
.input_wr_textarea {
grid-row-start: 1;
grid-row-end: 4;
grid-column-start: 2;
}
#formName, #formEmail, #formTel,#formEmailPrice,#formTelCalc,
#formNameSub, #formEmailSub, #formText{
padding: 0 1.5rem;
font-size: 1.4rem;
color: #003154;
width: 100%;
border: none;
height: 3.6rem;
background: #fff;
resize: none;
transition: all .4s ease-out;
border-radius: 20px;
font-family: 'Play', sans-serif;
border: 2px solid #fff;
}
#formText {
height: 100%;
padding: 0.5rem 1.5rem;
}
.important_input input {
border: 2px solid #e84343!important;
}
.report_wr{
position: relative;
margin-bottom: 4vh;
margin-top: 1vh;
}
#report, #reportSub, #reportPrice{
font-size: 1.4rem;
padding-left: 1rem;
position: absolute;
color:#e84343;
}
#report.done ,#reportSub.done{
color: #2cbd5c;
}
.cb_done_wrap{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #113852;
display: flex
;
align-items: center;
z-index: 1;
opacity: 0;
pointer-events: none;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.done_wrap .cb_done_wrap{
opacity: 1;
pointer-events: auto;
}
.cb_done_wr{
}
.cont_done_txt{
color: #fff;
font-size: 4rem;
margin-bottom: 2rem;
font-weight: 700;
}
.cont_done_txt_small{
color: #fff;
font-size: 3rem;
font-weight: 700;
}
/* SUBCRIBE */
.sub_cont {
position: relative;
display: block;
margin: auto;
padding: 8rem 8rem 4rem;
width: 62rem;
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
background: grey;
opacity: 0;
transform: translateY(3rem);
}
.open_pop_up .sub_cont {
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
opacity: 1;
transform: translateY(0rem);
}
.sub_done_wrap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: url("../img/bg_call_back_done.png") 0% 0% / 100% 100% no-repeat;
padding: 32rem 8rem 4rem;
opacity: 0;
pointer-events: none;
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.done_wrap .sub_done_wrap {
opacity: 1;
pointer-events: auto;
}
/* CALCULATE */
.calc_text {
font-size: 2.3rem;
color: #112d43;
margin-bottom: 5.1vh;
text-align: center;
padding: 0 4rem;
text-transform: uppercase;
}
.calc_item_wrap{
position: relative;
width: 100%;
}
.calc_option_wrap{
display: none;
overflow: hidden;
position: absolute;
top: calc(100%);
width: 100%;
left: 0;
box-shadow: inset 0 0 0 2px #eadbc6;
background: #fff;
border-radius: 25px;
z-index: 2;
padding: 1rem 0 1rem;
}
.calc_option_wr{
display: grid;
grid-template-columns: auto auto;
justify-content: space-around;
}
.calc_option{
color: #112d43;
font-size: 1.8rem;
white-space: nowrap;
font-weight: 700;
border-radius: 25px;
padding: 1rem;
display: flex;
align-items: center;
justify-content: center;
padding-left: 1.5rem;
position: relative;
background: #fff;
overflow: hidden;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
cursor: pointer;
min-width: 11rem;
}
.calc_option_active{
cursor: default;
background-color: #112d43;
color: #fff;
pointer-events: none;
}
.calc_option:hover {
color: #fff;
}
.calc_option:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #003154;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.calc_option:hover:before {
box-shadow: inset 0 0 0 5rem #003154;
}
.calc_percent{
padding: 0 4rem;
font-size: 2.4rem;
color: #003154;
width: 100%;
height: 6.3rem;
background: transparent;
resize: none;
transition: all .4s ease-out;
border-radius: 25px;
font-family: 'Roboto', sans-serif;
border: 2px solid #eadbc6;
font-weight: 700;
display: flex;
align-items: center;
cursor: pointer;
}
.important_input .calc_percent {
border: 2px solid #e84343 !important;
}
.calc_percent span{
font-family: 'Roboto', sans-serif;
font-size: 2rem;
color: #003154;
font-weight: 700;
margin-left: 1rem;
}
#reportCalc{
font-size: 1.4rem;
margin: .5rem 0;
padding-left: 1rem;
position: absolute;
color:#e84343;
}
.cb_btn_not_active{
opacity: 0.5;
pointer-events: none;
}
/* ========================================
/* END CALL BACK POP UP
======================================== */
/* ========================================
/* MAIN PAGE
======================================== */
.main_page {
width: 100%;
height: 100%;
position: relative;
}
.main_fullpage {
width: 100%;
height: 100%;
position: relative;
}
#main_pagin{
opacity:0;
pointer-events: none;
position: absolute;
}
.main_slider{
height:100%;
width: 100%;
overflow: hidden;
position: relative;
z-index: 10;
}
.main_slider>.swiper-wrapper>.swiper-slide{
overflow: hidden;
z-index: 10;
}
.main_slider>.swiper-wrapper{
z-index: 10;
width: 100%!important;
height: 100%!important;
}
.main_home_wr{
position: relative;
height: 100vh;
z-index: 1;
}
.main_bg{
width: 100%;
height:100%;
position: absolute;
background: url(../img/bg_main.jpg) no-repeat;
background-size: cover;
background-position: center;
top: 0;
opacity: 0;
}
.show_page_anim .main_bg {
opacity: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.4s, transform 1s ease;
}
.swiper-slide-prev .main_bg{
transform:translateY(50%);
}
.swiper-slide-active .main_bg{
transform:translateY(0);
}
.swiper-slide-next .main_bg{
transform:translateY(-20rem);
}
.main_info_wrap{
width: 70.4rem;
padding-top: 6rem;
z-index: 1;
position: absolute;
top: 0;
right: 0;
height: 100%;
display: flex;
align-items: center;
padding: 0 4.8rem 0 14.2rem;
}
.main_info_bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.main_info_wr{
z-index: 1;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_info_wr{
opacity: 1;
transform: translateY(0rem);
transition: 1s all .7s cubic-bezier(.19,1,.22,1);
}
.main_info_title{
font-weight: 700;
color:#DFBD8D;
font-size: 3.2rem;
text-transform: uppercase;
margin-bottom: 2.9rem;
line-height: 0.9;
}
.main_info_text{
color: #fff;
font-size: 1.6rem;
margin-bottom: 9rem;
margin-bottom: 7rem;
}
.main_info_text p{
margin: 2rem 0;
}
.main_info_metro{
display: inline-block;
width: 2.6rem;
margin: 0 0.2rem 0 1rem;
}
.main_info_link{
display: inline-block;
font-weight: 700;
color:#003154;
font-size: 2.2rem;
text-transform: uppercase;
background: #ffd21f;
border-radius: 25px;
padding: 1.2rem 2.3rem;
position: relative;
border: 2px solid #ffd21f;
z-index: 1;
}
.main_info_link:hover{
color:#ffd21f;
}
.main_info_link:before{
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 25px;
/* border: 2px solid #003154; */
transition: all 0.9s cubic-bezier(.19,1,.22,1);
z-index: -1;
box-shadow: inset 0 0 0 2px #003154;
}
.main_info_link:hover:before{
box-shadow: inset 0 0 0 5rem #003154;
}
.mouse_wrap{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
}
.shadow_main_mouse{
position: absolute;
width: 64.7rem;
display: block;
pointer-events: none;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.mouse_wr{
cursor: pointer;
position: relative;
margin-bottom: 5.1rem;
animation: anim_mouse_move 2s infinite;
}
@keyframes anim_mouse_move {
0% {
transform: translateY(0%);
}
25% {
transform: translateY(50%);
}
100% {
transform: translateY(0%);
}
}
.mouse_arrow{
display: block;
width:3.6rem;
}
.mouse_arrow:nth-child(1){
animation: anim_arrow_opacity 2s infinite .2s;
}
.mouse_arrow:nth-child(2){
animation: anim_arrow_opacity 2s infinite ;
}
@keyframes anim_arrow_opacity {
0% {
opacity: 0.5;
}
25% {
opacity: 1;
}
100% {
opacity: 0.5;
}
}
.main_about_wr{
height: 100%;
z-index: 1;
padding: 19vh 0 10vh;
overflow: hidden;
position: relative;
}
.main_about_bg{
position: absolute;
top: 0;
right: 0;
width: 200%;
height: 100%;
background: url(../img/bg_main_about.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: right;
transition: all 1.9s ease;
}
.swiper-slide-prev .main_about_bg{
transform:translateY(20rem);
}
.swiper-slide-active .main_about_bg{
transform:translateY(0);
}
.swiper-slide-next .main_about_bg{
transform:translateY(-20rem);
}
.main_about_left{
width: 61.5rem;
margin-left: 15.7rem;
position: relative;
display: flex;
flex-direction: column;
height: 100%;
z-index: 1;
}
.bg_main_about_info{
position: absolute;
max-width: 94.8rem;
z-index: -1;
top: 53%;
left: 37%;
opacity: 0;
transform: translate(-50%, calc(-50% + 7rem)) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .bg_main_about_info{
opacity: 1;
transform: translate(-50%, calc(-50%));
transition: 1s all 0.5s cubic-bezier(.19,1,.22,1);
}
.main_about_title{
color:#003154;
font-size: 6.2rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5.3rem;
margin-bottom: 4.3vh;
line-height: 0.8;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_about_title{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.6s cubic-bezier(.19,1,.22,1);
}
.main_about_scroll{
position: relative;
flex-grow: 1;
margin-bottom: 6rem;
margin-bottom: 5vh;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_about_scroll{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.7s cubic-bezier(.19,1,.22,1);
}
.main_about_text{
color: #103865;
font-size: 2.3rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main_about_vopros_wr{
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_about_vopros_wr{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.8s cubic-bezier(.19,1,.22,1);
}
.main_about_vopros_title{
color:#003154;
font-size: 3.2rem;
font-weight: 700;
margin-bottom: 2.6rem;
}
.main_about_vopros_link_wrap{
display:flex;
}
.main_about_vopros_link_wr{
display: inline-flex;
align-items: center;
font-weight: 700;
font-size: 2.2rem;
text-transform: uppercase;
background: #ffd21f;
border-radius: 25px;
border: 2px solid #ffd21f;
padding: 1.2rem 2.3rem;
position: relative;
z-index: 1;
color:#003154;
font-weight: 700;
font-size: 2.2rem;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
margin-right: 1rem;
}
.main_about_vopros_link_wr:hover{
color:#ffd21f;
}
.main_about_vopros_link_wr:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height:100%;
border-radius: 25px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
z-index: -1;
box-shadow: inset 0 0 0 2px #003154;
}
.main_about_vopros_link_wr:hover:before{
box-shadow: inset 0 0 0 5rem #003154;
}
.main_about_vopros_link_icon{
width:2.8rem;
display: block;
margin-left: 1rem;
}
.main_about_vopros_link_icon path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_about_vopros_link_wr:hover path{
fill:#ffd21f;
}
.main_bush_1{
display: block;
position: absolute;
bottom: 0;
right: 2rem;
width:51.6rem;
transform: translateX(30rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_bush_1{
transition: all 1.9s cubic-bezier(.19,1,.22,1);
transform: translateX(0);
}
.main_bush_2{
display: block;
position: absolute;
bottom: 0;
right: 32.9rem;
width:45.7rem;
transform: translateX(30rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_bush_2{
transition: all 1.9s cubic-bezier(.19,1,.22,1);
transform: translateX(0);
}
.main_bush_3{
display: block;
position: absolute;
bottom: 0;
right: -28.1rem;
width:66.1rem;
transform: translateX(10rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_bush_3{
transition: all 1.9s cubic-bezier(.19,1,.22,1);
transform: translateX(0);
}
.main_bush_4{
display: block;
position: absolute;
bottom: 0;
right: 66.7rem;
width:52.5rem;
transform: translateX(70rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_bush_4{
transition: all 1.9s cubic-bezier(.19,1,.22,1);
transform: translateX(0);
}
.main_bush_5{
display: block;
position: absolute;
bottom: 0;
right: 82.5rem;
width:44.5rem;
transform: translateX(70rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_bush_5{
transition: all 1.9s cubic-bezier(.19,1,.22,1);
transform: translateX(0);
}
.main_bush_6{
display: block;
position: absolute;
bottom: 0;
right:115.1rem;
width:32.2rem;
transform: translateX(70rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_bush_6{
transition: all 1.9s cubic-bezier(.19,1,.22,1);
transform: translateX(0);
}
.main_bush_7{
display: block;
position: absolute;
bottom: 0;
right:45.6rem;
width:41.9rem;
transform: translateX(70rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_bush_7{
transition: all 1.9s cubic-bezier(.19,1,.22,1);
transform: translateX(0);
}
.main_bush_8{
display: block;
position: absolute;
bottom: 0;
right:76.7rem;
width:48.6rem;
transform: translateX(70rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_bush_8{
transition: all 1.9s cubic-bezier(.19,1,.22,1);
transform: translateX(0);
}
.main_perevagu_wr{
height: 100%;
padding: 0 0 0;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
z-index: 1;
user-select: none;
}
.main_perevagu_top{
position: relative;
width: 100%;
z-index: 2;
}
.main_perevagu_top_bg{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 2rem);
}
.main_perevagu_top_bg_white{
content: '';
position: absolute;
top: 14rem;
left: 0;
width: 100%;
height: calc(100% - 11rem);
}
.main_perevagu_title{
color: #fff;
text-transform: uppercase;
font-size:5.6rem;
font-weight: 700;
text-align: center;
padding: calc(10.3rem + 2rem) 0 1rem;
position: relative;
line-height: 0.8;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_perevagu_title{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.6s cubic-bezier(.19,1,.22,1);
}
.main_perevagu_slider_wr {
width: 100%;
overflow: hidden;
flex-grow: 1;
z-index: 0;
background: #fff;
transition: all 1.9s ease;
}
.swiper-slide-prev .main_perevagu_slider_wr{
transform: translateY(20rem);
}
.swiper-slide-active .main_perevagu_slider_wr{
transform: translateY(0rem);
transition: 1.9s all ease;
}
.swiper-slide-next .main_perevagu_slider_wr{
transform: translateY(-20rem);
}
.main_perevagu_slider{
width:100%;
height: 100%;
overflow: hidden;
}
.main_perevagu_slider .swiper-slide{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-position: bottom;
}
.shadow_main_perevagu{
position: absolute;
bottom: -5.5rem;
left: 50%;
width: 187.7rem;
transform: translateX(-50%);
pointer-events: none;
z-index: -1;
}
.main_perevagu_bot_wr{
position: absolute;
bottom: 5.5rem;
left: 0;
width: 100%;
z-index: 1;
display: flex;
justify-content: center;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_perevagu_bot_wr{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.7s cubic-bezier(.19,1,.22,1);
}
.main_perevagu_bot{
/*width:91rem;*/
}
.main_perevagu_pagin_wrap{
display: flex;
align-items: center;
margin-bottom: 2rem;
justify-content: center;
}
.main_perevagu_left,
.main_perevagu_right{
position: relative;
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
cursor: pointer;
}
.main_perevagu_left_bg,
.main_perevagu_right_bg{
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
right: 0;
width: 82%;
height: 82%;
transform: rotate(45deg);
background: rgb(0 49 84 / 0.7);
border-radius: 17px;
}
.main_perevagu_left_bg:after,
.main_perevagu_right_bg:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(83% - 4px);
height: calc(83% - 4px);
box-shadow: inset 0 0 0 2px #fff;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translate(-50%, -50%);
border-radius: 11px;
z-index: -1;
}
.main_perevagu_left:hover .main_perevagu_left_bg:after,
.main_perevagu_right:hover .main_perevagu_right_bg:after{
box-shadow: inset 0 0 0 3rem #fff;
}
.main_perevagu_slide_arrow{
width: 2.8rem;
position: relative;
height: auto;
}
.main_perevagu_right .main_perevagu_slide_arrow{
transform: scale(-1);
}
.main_perevagu_slide_arrow path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_perevagu_left:hover path,
.main_perevagu_right:hover path{
fill:#003154;
}
.main_perevagu_pagin{
color: #eadbc6;
font-size: 5.8rem;
width: auto;
letter-spacing: -3px;
font-weight: 700;
margin: 0 1.6rem;
}
.main_perevagu_pagin span{
font-weight: 700;
letter-spacing: 0;
line-height: 0.8;
}
.main_perevagu_text_wrap{
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
/*opacity: 0;
transform: translateX(-7rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);*/
}
.swiper-slide-active .main_perevagu_text_wrap{
/*opacity: 1;
transform: translateX(0rem);
transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);*/
}
.main_perevagu_text_wr{
display: flex;
align-items: center;
max-width: 96rem;
}
.main_perevagu_text_number{
font-size: 6.4rem;
line-height: 0.8;
color:#eadbc6;
font-weight: 700;
margin-right: 3rem;
}
.main_perevagu_text_number_3{
font-size: 6.4rem;
line-height: 0.8;
color:#a19078;
font-weight: 700;
margin-right: 3rem;
}
.main_perevagu_text_text{
font-size: 4.6rem;
color:#fff;
font-weight: 700;
line-height: 1;
}
.main_perevagu_text_text_3{
font-size: 4.6rem;
color:#003154;
font-weight: 700;
line-height: 1;
}
.main_perevagu_wrap_3{
display: grid;
grid-template-columns: 26% auto 26%;
height: 100%;
position: relative;
z-index: 1;
}
.main_per_grid{
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
overflow: hidden;
transition: all 1.9s ease;
}
.main_per_grid:nth-child(2){
grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 2;
background-position: right;
}
.swiper-slide-prev .main_per_grid:nth-child(2){
transform: translateY(20rem);
}
.swiper-slide-next .main_per_grid:nth-child(2){
transform: translateY(-20rem);
}
.main_per_grid:nth-child(1){
transform: translateX(-20rem);
}
.main_per_grid:nth-child(4){
transition: 1.4s all .4s ease;
transform: translateX(-20rem);
}
.main_per_grid:nth-child(3){
transform: translateX(20rem);
}
.main_per_grid:nth-child(5){
transition: 1.4s all .4s ease;
transform: translateX(20rem);
}
.swiper-slide-active .main_per_grid{
transform: translateX(0);
}
.main_per_wr{
width: 100%;
}
.main_per{
position: relative;
z-index: 1;
}
.main_per_small_grid .main_per{
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_per_small_grid .main_per:nth-child(1),
.swiper-slide-active .main_per_small_grid .main_per:nth-child(3){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.5s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_per_small_grid .main_per:nth-child(4),
.swiper-slide-active .main_per_small_grid .main_per:nth-child(5){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.6s cubic-bezier(.19,1,.22,1);
}
.main_per_big_grid .main_per{
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_per_big_grid .main_per{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.4s cubic-bezier(.19,1,.22,1);
}
.main_per_icon_wr{
width: 14.5rem;
height: 14.5rem;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
margin-bottom: 3rem;
position: relative;
}
.main_per_icon_bg{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 87%;
height: 87%;
overflow: hidden;
border-radius: 25px;
transform: rotate(45deg);
}
.main_per_icon_bg:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 6px);
height: calc(100% - 6px);
border: 3px solid #fff;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translate(-50%, -50%);
border-radius: 28px;
}
.shadow_main_perevaga{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:32.2rem;
pointer-events: none;
}
.main_per_grid:nth-child(1) .shadow_main_perevaga{
opacity:0.4;
}
.main_per_icon{
max-width: 46%;
max-height: 47%;
display: block;
position: relative;
}
.main_per_title{
font-size: 3.6rem;
color: #fff;
text-transform: uppercase;
font-weight: 700;
line-height: 0.8;
position: relative;
z-index: 1;
padding: 0 2rem;
text-align: center;
}
.shadow_main_perevaga_text{
position: absolute;
width: 100%;
left: 0;
display: block;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.main_per_big_icon_wr{
width:39.2rem;
margin: auto;
margin-bottom: 3rem;
}
.shadow_main_perevaga_big{
position: absolute;
top: 50%;
width: 83.5%;
left: 50%;
z-index: -1;
transform: translate(-50%, -50%);
}
.main_per_big_icon{
width:100%;
display: block;
}
.main_per_big_title{
color:#003154;
font-size: 8.7rem;
text-transform: uppercase;
line-height: 0.8;
margin-bottom: 2rem;
text-align: center;
font-weight: 700;
}
.main_per_big_text{
color:#685e50;
font-size: 3.8rem;
text-align: center;
}
.main_flats_wrap{
position: relative;
z-index: 1;
height: 100%;
padding: 1rem 30rem;
padding: 1rem 15.5%;
padding: 15rem 15.5% 5rem;
background: url(../img/bg_home_flats.jpg) no-repeat;
background-size: cover;
padding: 16vh 2rem 5rem;
}
.main_flats_wr{
max-width: 136.5rem;
margin: auto;
height: 100%;
display: flex;
flex-direction: column;
}
.main_flats_title{
color:#003154;
font-size: 4.8rem;
text-transform: uppercase;
font-weight: 700;
line-height: 0.8;
margin-bottom: 3.4vh;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_flats_title{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.6s cubic-bezier(.19,1,.22,1);
}
.main_flats_filter_wrap{
display:flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4.5vh;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_flats_filter_wrap{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.7s cubic-bezier(.19,1,.22,1);
}
.main_flats_filter_wr{
display:flex;
align-items: center;
}
.main_flats_filter{
display: flex;
align-items: center;
box-shadow: inset 0 0 0 2px #eadbc6;
padding: 0 3rem;
border-radius: 25px;
margin-right: 0.8rem;
color: #003154;
font-weight: 700;
font-size: 2.1rem;
cursor: pointer;
height: 4.4rem;
min-width: 11.8rem;
justify-content: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_filter:hover{
box-shadow: inset 0 0 0 3rem #eadbc6;
}
.main_flats_filter_active{
color: #fff;
background: #003154;
pointer-events: none;
box-shadow: inset 0 0 0 0px #eadbc6;
}
.main_flats_consul_btn {
display: inline-flex;
align-items: center;
font-weight: 700;
color: #003154;
font-size: 2.2rem;
text-transform: uppercase;
background: #ffd21f;
border-radius: 25px;
padding: 1.4rem 5.9rem;
border: 2px solid #ffd21f;
position: relative;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
z-index: 1;
}
.main_flats_consul_btn:hover {
color: #ffd21f;
}
.main_flats_consul_btn:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #003154;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_consul_btn:hover:before {
box-shadow: inset 0 0 0 5rem #003154;
}
.main_flats_slider_wrap{
flex-grow: 1;
position: relative;
margin-bottom: 6vh;
perspective: 800px;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_flats_slider_wrap{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.8s cubic-bezier(.19,1,.22,1);
}
.main_flats_slider_wr{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_slider_wr_hide{
opacity: 0;
transform: rotateX(-24deg) rotateY(0deg) scale(1) translateY(-4rem) translateZ(-16rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_slider_wr_show{
opacity: 0;
transform: rotateX(24deg) rotateY(0deg) scale(1) translateY(4rem) translateZ(-16rem);
transition: all 0s cubic-bezier(.19,1,.22,1);
}
body .main_flats_prev{
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
left: auto;
right: calc(100% + 4.5rem);
}
body .main_flats_next{
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
right: auto;
left: calc(100% + 4.5rem);
}
.main_flats_left_bg,
.main_flats_right_bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
right: 0;
width: 82%;
height: 82%;
transform: rotate(45deg);
background:#003154;
border-radius: 17px;
}
.main_flats_left_bg:after,
.main_flats_right_bg:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(87%);
height: calc(87%);
box-shadow: inset 0 0 0 2px #fff;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translate(-50%, -50%);
border-radius: 14px;
}
.main_flats_prev:hover .main_flats_left_bg:after,
.main_flats_next:hover .main_flats_right_bg:after{
box-shadow: inset 0 0 0 3rem #fff;
}
.main_flats_slide_arrow{
width: 2.8rem;
position: relative;
height: auto;
}
.main_flats_next .main_flats_slide_arrow {
transform: scale(-1);
}
.main_flats_slide_arrow path {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_prev:hover .main_flats_slide_arrow path ,
.main_flats_next:hover .main_flats_slide_arrow path {
fill: #003154;
}
.main_flats_slider{
height: 100%;
overflow: hidden;
}
.main_flats_slide{
display: grid;
justify-content: space-between;
grid-template-columns: repeat(3, 32rem);
grid-template-columns: repeat(3, 34rem);
}
.main_flat_wr{
height: 100%;
display: flex;
flex-direction: column;
background: #fff;
}
.main_flat_title{
font-size: 1.9rem;
color: #003154;
border-radius: 25px;
background: #fffae5;
margin-bottom: 3vh;
font-weight: 700;
padding: 1rem 1.6rem;
text-align: center;
}
.main_flat_title sup{
font-size: 1rem;
font-weight: 700;
}
.main_flat_img_wrap{
position: relative;
flex-grow:1;
margin-bottom: 3vh;
}
.main_flat_img_wr{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.main_flat_img{
display: block;
max-width: 100%;
max-height: 100%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flat_wr:hover .main_flat_img{
transform: scale(0.8);
}
.main_flat_name{
color:#003154;
font-size: 2.6rem;
font-weight: 700;
margin-bottom: 1.4vh;
line-height: 0.8;
padding: 0 3rem;
}
.main_flat_area{
color:#b6afaf;
font-size: 2.1rem;
padding: 0 3rem;
}
.main_flat_area span{
color:#807575;
font-size: 2.1rem;
}
.main_flat_area sup{
font-size: 1rem;
font-weight: 700;
}
.main_flats_bot{
display:flex;
justify-content: space-between;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_flats_bot{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_link_wr{
display: inline-flex;
align-items: center;
font-weight: 700;
color: #003154;
font-size: 2.2rem;
text-transform: uppercase;
background: #ffd21f;
border-radius: 25px;
padding: 1.4rem 5.9rem;
border: 2px solid #ffd21f;
position: relative;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
z-index: 1;
}
.main_flats_link_wr:first-child{
margin: 0;
}
.main_flats_link_wr:hover {
color: #ffd21f;
}
.main_flats_link_wr:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #003154;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_link_wr:hover:before {
box-shadow: inset 0 0 0 5rem #003154;
}
.main_flats_link_arrow{
width:2rem;
margin-left: 1.2rem;
transform: scale(-1);
}
.main_flats_link_arrow path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_flats_link_wr:hover path{
fill:#ffd21f;
}
.main_flats_price_wr{
display: flex;
align-items: center;
background: #f2f4f6;
border-radius: 50px;
padding: 0 4rem;
}
.main_flats_price_title{
color:#003154;
font-weight: 700;
font-size: 2.1rem;
margin-right: 1.5rem;
}
.main_flats_price{
margin-right: 3rem;
color:#003154;
font-weight: 700;
font-size: 2.1rem;
}
.main_flats_price:last-child{
margin:0;
}
.main_flats_price span{
color:#807575;
font-size: 2.1rem;
margin-right: 1rem;
}
.main_flats_price sup{
font-size: 1rem;
font-weight: 700;
}
.main_infra_wrap{
position: relative;
height: 100%;
overflow: hidden;
}
.main_infra_wr{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.main_infra_img{
position: absolute;
top: 0;
left: 0;
/* height: 100%; */
width: 100%;
}
.main_infra_info_wr{
position: absolute;
top: 0;
left: 0;
height: 100%;
padding-top: 10rem;
z-index: 1;
display: flex;
align-items: center;
}
.main_infra_info{
position: relative;
padding-left: 4.5rem;
}
.main_infra_title{
font-size: 5.2rem;
color:#003154;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 8.6vh;
line-height: 0.8;
}
.main_infra_oboz_wrap{
display: grid;
grid-template-columns: auto auto;
grid-gap: 4.5rem 3.6rem;
}
.main_infra_oboz_wr{
display: flex;
align-items: center;
}
.main_infra_oboz_img_wr{
width:9rem;
height: 9rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.main_infra_oboz_img_bg{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 87%;
height: 87%;
background: #003154;
border-radius: 20px;
transform: rotate(45deg);
z-index: -1;
}
.main_infra_oboz_img_bg:before{
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
border: 13px solid rgb(255 210 31 / 0.16);
border-radius: 29px;
}
.main_infra_oboz_img{
max-width: 55%;
max-height: 43%;
}
.main_infra_oboz_text{
color:#003154;
font-size: 2.6rem;
font-weight: 700;
margin-left: 2.4rem;
}
.main_infra_marker_jk{
position: absolute;
width:21.4rem;
display: block;
transform: translate(-94%, -84%);
}
.main_infra_marker{
cursor: pointer;
position: absolute;
width:5.4rem;
height: 5.4rem;
display: flex;
justify-content: center;
align-items: center;
transform: translate(-100%, -100%);
}
.main_infra_marker:hover{
z-index: 1;
}
.main_infra_marker_bg{
width:100%;
display: block;
}
.main_infra_marker_bg path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_infra_marker:hover path{
fill:#15598a;
}
.main_infra_marker_shadow{
width: 7.1rem;
display: block;
position: absolute;
bottom: -26%;
right: -2%;
z-index: -1;
pointer-events: none;
}
.main_infra_marker_icon{
max-width: 46%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.main_infra_marker_info{
position: absolute;
bottom: 75%;
left: 75%;
color: #003154;
font-size: 1.7rem;
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 12px 0px rgba(12, 12, 12, 0.23);
opacity: 0;
transform: translateX(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
white-space: nowrap;
padding: 1rem 2.1rem;
pointer-events: none;
}
.main_infra_marker:hover .main_infra_marker_info{
opacity: 1;
transform: translateX(0rem);
}
.main_dev_wrap{
height:100%;
position: relative;
z-index: 1;
padding: 16vh 6rem 5rem;
background: url(../img/bg_home_dev.jpg) no-repeat;
background-size: cover;
background-position: bottom;
}
.main_dev_wr{
height:100%;
position: relative;
max-width: 162rem;
margin: auto;
display: flex;
flex-direction: column;
}
.main_dev_top{
display: flex;
padding-bottom: 8.3vh;
padding-bottom: 5vh;
margin-bottom: 3vh;
border-bottom: 2px solid rgb(0 49 84 / 0.2);
}
.main_dev_img_wrap{
width: 70rem;
display: flex;
justify-content: center;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_dev_img_wrap{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.6s cubic-bezier(.19,1,.22,1);
}
.main_dev_img{
max-width: 47.1rem;
width: 68%;
}
.main_dev_info{
}
.main_dev_title{
color:#003154;
font-size: 5rem;
line-height: 0.7;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 3.3vh;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_dev_title{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.6s cubic-bezier(.19,1,.22,1);
}
.main_dev_text{
color:#795b31;
font-size: 2.2rem;
font-weight: 700;
margin-bottom:3vh;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_dev_text{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.7s cubic-bezier(.19,1,.22,1);
}
.main_dev_text p{
font-weight: 700;
}
.main_dev_link{
display: inline-block;
color:#003154;
font-size: 1.8rem;
padding: 1.1rem 4rem;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #003154;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_dev_link{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.7s cubic-bezier(.19,1,.22,1), color 0.9s cubic-bezier(.19,1,.22,1), box-shadow 0.9s cubic-bezier(.19,1,.22,1);
}
.main_dev_link:hover{
color: #fff;
box-shadow: inset 0 0 0 5rem #003154;
}
.main_dev_projects_title{
font-size: 4.1rem;
color:#003154;
font-weight: 700;
margin-bottom:2.9vh;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_dev_projects_title{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.8s cubic-bezier(.19,1,.22,1);
}
.main_dev_projects_wr{
flex-grow: 1;
grid-gap: 2rem;
display: grid;
justify-content: space-between;
grid-template-columns: repeat(3, 32%);
perspective: 800px;
}
.main_dev_project{
display: flex;
flex-direction: column;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .main_dev_project{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_dev_project_img{
flex-grow: 1;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 4.4vh;
position: relative;
}
.main_dev_project_effect_1{
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
/*.main_dev_project:hover .main_dev_project_effect_1{
transform: rotateX(26deg) translateZ(0px) translateY(0px) translateX(0px);
}
.main_dev_project_effect_1:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
}
.main_dev_project_effect_2{
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_dev_project:hover .main_dev_project_effect_2{
transform: rotateX(26deg) translateZ(46px) translateY(0px) translateX(0px);
}*/
.main_dev_project_title{
font-size: 3.2rem;
color:#003154;
font-weight: 700;
margin-bottom:2vh;
}
.main_dev_project_link_wr{
height: 3.5rem;
}
.main_dev_project_link{
display: inline-flex;
align-items: center;
color:#003154;
height: 100%;
font-size: 1.8rem;
padding: 0 4rem;
border-radius: 25px;
align-self: baseline;
box-shadow: inset 0 0 0 2px #003154;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_dev_project_link:hover{
color: #fff;
box-shadow: inset 0 0 0 5rem #003154;
}
.main_contacts_wrap{
position: relative;
z-index: 1;
height: 100%;
width: 100%;
padding: 16vh 6rem 5rem;
padding: 16vh 6rem 5rem;
background: url(/public/files/contacts/contacts_oklad.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.main_contacts_wr{
height: 100%;
position: relative;
max-width: 162rem;
margin: auto;
}
.main_contacts_left{
position: relative;
display: inline-flex;
flex-direction: column;
height: 100%;
z-index: 1;
}
.bg_main_contacts_info{
position: absolute;
max-width: 137.2rem;
top: 0;
left: 0;
z-index: 1;
height: 100%;
pointer-events: none;
}
.main_contacts_title{
color: #003154;
font-size: 6.8rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 3vh;
line-height: 0.8;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_title{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.6s cubic-bezier(.19,1,.22,1);
}
.main_contacts_text{
color:#003154;
font-size: 2.2rem;
margin-bottom: 6vh;
margin-bottom: 3vh;
max-width: 62.6rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_contacts_item{
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_item:nth-child(1){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_item:nth-child(2){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_item:nth-child(3){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_item:nth-child(4){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_item:nth-child(5){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_item:nth-child(6){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 1.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_item:nth-child(7){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 1.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_item:nth-child(8){
opacity: 1;
transform: translateY(0rem);
transition: 1s all 1.5s cubic-bezier(.19,1,.22,1);
}
.main_contacts_second_title{
color: #795b31;
font-size: 2.6rem;
font-weight: 700;
margin-bottom: 2vh;
width: 80%;
}
.main_contacts_info{
margin-bottom: 6vh;
}
.main_contacts_info:last-child{
margin-bottom: 3vh;
}
.main_contacts_td{
position: relative;
}
.main_contacts_adress_wrap{
}
.main_contacts_adress_wr{
display:flex;
margin-bottom: 2vh;
}
.main_contacts_adress{
font-size: 1.8rem;
text-decoration: underline;
color:#003154;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_contacts_adress:hover{
text-decoration: none;
}
.main_contacts_icon{
display:flex;
justify-content: center;
align-items: center;
width:2rem;
margin-right: 1rem;
}
.main_contacts_icon img{
max-width: 1.7rem;
}
.main_contacts_tel_wrap{
display:flex;
align-items: baseline;
}
.main_contacts_tel_wr{
color: #003154;
font-size: 2.1rem;
display: grid;
grid-template-columns: auto auto;
grid-gap: 1.3rem 2.7rem;
line-height: 1;
}
.main_contacts_tel a{
color: #003154;
}
.main_conacts_tw_wr{
font-size: 1.8rem;
color:#003154;
display: flex;
align-items: baseline;
}
.main_conacts_tw_wr .main_contacts_icon{
transform: translateY(0.5rem);
}
.main_conacts_tw{
}
.main_contacts_bot{
display:flex;
align-items: center;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_contacts_bot{
opacity: 1;
transform: translateY(0rem);
transition: 1s all 1s cubic-bezier(.19,1,.22,1);
}
.main_contacts_link{
display: inline-flex;
align-items: center;
font-weight: 700;
color: #003154;
font-size: 2.2rem;
text-transform: uppercase;
background: #ffd21f;
border: 2px solid #ffd21f;
border-radius: 25px;
padding: 1.4rem 2.7rem;
position: relative;
margin-right: 9.7rem;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_contacts_link:hover{
color: #ffd21f;
}
.main_contacts_link:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #003154;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_contacts_link:hover:before{
box-shadow: inset 0 0 0 5rem #003154;
}
.main_contacts_socials{
display: flex;
}
.main_contacts_social{
margin-right: 1.2rem;
width:3.5rem;
height: 3.5rem;
display: block;
}
.main_contacts_social svg{
width:100%;
}
.main_contacts_social path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_contacts_social:hover path{
fill:#ffd21f;
}
/* ========================================
/* END MAIN PAGE
======================================== */
/* ========================================
/* BANNER ON MAIN
======================================== */
.rek_cont{
position: absolute;
bottom: 3.4rem;
left: 2.3rem;
z-index: 1;
display: block;
padding:10px;
}
.rek_wrap{
padding: 1.9rem 5.9rem 1.3rem 2.9rem;
padding: 1.9rem 2.9rem 1.3rem 2.9rem;
display:block;
opacity: 0;
transform: translateY(7rem) scale(0.5);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .swiper-slide-active .rek_wrap{
opacity: 1;
transform: translateY(0rem);
transition: 1s all .6s cubic-bezier(.19,1,.22,1);
}
.rek_bg{
position: absolute;
opacity: 0.9;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: -1;
border-radius: 20px;
background-image: linear-gradient( to top, rgb(51,13,105) 0%, rgb(48,201,205) 100%);
background: url(../img/bg_timmer_big.png) no-repeat;
background-size: cover;
}
.rek_info{
width: 30.4rem;
position: relative;
}
.rek_info_timmer{
}
.rek_img_wrap{
display: flex;
align-items: flex-end;
position: absolute;
bottom: calc(100% + 1.3rem);
left: -3rem;
}
.rek_img{
width:17.9rem;
height:17.9rem;
display: block;
border-radius: 50%;
box-shadow: 0px 0px 70px 0px rgba(47, 38, 24, 0.34);
}
.rek_date{
color:#fdd01f;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1rem;
}
.rek_date span{
font-size: 4.4rem;
font-weight: 700;
}
.rek_title{
color: #fff;
font-size: 2.1rem;
font-weight: 700;
text-align: left;
text-decoration: underline;
margin-bottom: 1.3rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.rek_wrap:hover .rek_title{
text-decoration: none;
}
.rek_anons{
color:#eadbc6;
font-size: 1.6rem;
margin-bottom: 3.2rem;
margin-bottom: 1.1rem;
max-height: 10rem;
overflow: hidden;
}
.rek_anons sup{
font-size: 1rem;
}
.rek_link_wrap{
display: flex;
justify-content: flex-end;
justify-content: center;
}
.rek_link_wr{
position: relative;
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
/*margin-right: 6.8rem;*/
margin-top: 0.7rem;
}
.rek_link_bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotate(45deg);
}
.rek_link_bg:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(83%);
height: calc(83%);
box-shadow: inset 0 0 0 2px #fff;
border-radius: 15px;
background: #003154;
transform: translate(-50%, -50%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.rek_wrap:hover .rek_link_bg:after {
box-shadow: inset 0 0 0 3rem #fff;
}
.rek_link_arrow{
width: 2.9rem;
position: relative;
height: auto;
transform: scale(-1);
}
.rek_link_arrow path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.rek_wrap:hover .rek_link_arrow path {
fill: #003154;
}
/* ========================================
/* END BANNER ON MAIN
======================================== */
/* ========================================
/* CONTACTS
======================================== */
.contacts_page{
position: relative;
height: 100%;
background: #efefef;
}
.contacts_wrap{
position: relative;
min-height: 100vh;
}
.contacts_scroll{
position: relative;
height: 100%;
width: calc(100% - 2rem);
}
.contacts_wr{
width: 100%;
padding-left: 6rem;
padding-right: 0;
}
.contacts_td{
position: relative;
margin-bottom: 5vh;
}
.contacts_title_wr{
padding-left: 1rem;
display: flex;
margin-bottom: 2vh;
line-height: 1;
opacity: 0;
transform: translateY(3rem);
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .contacts_title_wr{
opacity: 1;
transform: translateX(0rem);
transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.contacts_title{
font-size: 4.8rem;
color:#f9cb0c;
text-align: left;
position: relative;
}
.contacts_adress_wrap{
}
.contacts_adress_wr{
display:flex;
margin-bottom: 1vh;
}
.contacts_icon{
display:flex;
justify-content: center;
align-items: center;
width:2rem;
margin-right: 1rem;
}
.contacts_icon img{
max-width: 1.7rem;
}
.contacts_tel_wrap{
display:flex;
}
.contacts_tel_wr{
color:#fff;
font-size: 2rem;
}
.contacts_adress{
font-size: 1.6rem;
color:#c0c0c0;
cursor: pointer;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.contacts_adr_img{
width: 100%;
display: block;
}
.contacts_mail_wr{
margin-bottom: 1vh;
display:flex;
}
.contacts_mail{
color:#c0c0c0;
font-size: 1.6rem;
text-decoration: underline;
}
.conacts_tw_wr{
font-size: 1.4rem;
color:#c0c0c0;
display: flex;
align-items: end;
}
.conacts_tw{
}
.contacts_cb_btn{
font-size: 1.8rem;
text-transform: uppercase;
padding: 1rem 2rem;
margin: 2vh 0 4vh;
margin-left: 2rem;
display: inline-block;
cursor: pointer;
background: #fff;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
position: relative;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .contacts_cb_btn{
opacity: 1;
transform: translateY(0rem);
transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.contacts_cb_btn_text{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
position: relative;
color: #1b232e;
font-size: 1.8rem;
}
#map{
position: absolute;
top: 0;
right: 0;
width: calc(100% - 34rem);
width: calc(100% - 97.6rem);
height: 100%;
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim #map{
opacity: 1;
transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
/* ========================================
/* END CONTACTS
======================================== */
/* ========================================
/* NEWS
======================================== */
.news_page{
position: relative;
height: 100%;
background: url(../img/bg_news.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.news_wrap{
width: 100%;
height: 100%;
display: flex;
padding: 17vh 10vw;
position: relative;
}
.news_title_wr{
margin-bottom: 5vh;
}
.news_title_main {
color: #003154;
line-height: 0.8;
font-size: 6.2rem;
text-transform: uppercase;
font-weight: 700;
opacity: 0;
transform: translateX(-5rem);
}
.show_page_anim .news_title_main {
opacity: 1;
transform: translateX(0);
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.news_years{
color: #20070a;
font-size: 1.6rem;
white-space: nowrap;
padding: 1rem;
display: flex;
align-items: center;
padding-left: 1.5rem;
position: relative;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_years_text{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
position: relative;
z-index: 1;
}
.news_years:hover .news_years_text{
}
.news_years_bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
border: 2px solid #000;
}
.news_wr{
width: 100%;
}
.news_srcoll{
height: calc(100%);
overflow: hidden;
}
.news_content{
display: flex;
flex-flow: wrap;
padding: 1rem 0 0;
}
.news_slider_wr {
position: relative;
}
.news_slider {
height: calc(100%);
overflow: hidden;
width: 100%;
}
.news_slide {
display: flex;
}
.one_new_link{
width: 30.5%;
display: block;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
margin-right: 4.3%;
position: relative;
}
.one_new_link:last-child{
margin:0;
}
.one_new_img_wr{
position: relative;
}
.one_new_img{
width: 100%;
position: relative;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translateY(10rem);
opacity: 0;
}
.show_page_anim .one_new_img {
opacity: 1;
transform: translateY(0);
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.one_new_info{
margin: 1rem 0rem 0;
position: relative;
transform: translateY(10rem);
opacity: 0;
}
.show_page_anim .one_new_info {
opacity: 1;
transform: translateY(0);
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.one_new_date{
font-size: 2rem;
color:#795b31;
font-weight: 700;
margin-bottom: 1.5rem;
}
.one_new_date span{
font-size: 3.2rem;
}
.one_new_title{
color:#003154;
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 1.3rem;
}
.one_new_anons{
color:#003154;
font-size: 2rem;
overflow: hidden;
height: 11rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_new_link:hover .one_new_anons{
}
.news_btn_more_wr {
position: relative;
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
width: 6rem;
height: 6rem;
}
.news_btn_more_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotate(45deg);
}
.news_btn_more_bg:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(83%);
height: calc(83%);
background: #e1cbac;
box-shadow: inset 0 0 0 0px #003154;
border-radius: 15px;
transform: translate(-50%, -50%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_new_link:hover .news_btn_more_bg:after {
box-shadow: inset 0 0 0 3rem #003154;
}
.news_btn_more_arrow {
width: 2.1rem;
position: relative;
height: auto;
transform: scale(-1);
}
.news_btn_more_arrow path {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_new_link:hover .news_btn_more_arrow path {
fill: #fff;
}
body .prev_slide_news {
width: 7.8rem;
height: 7.8rem;
left: auto;
right: calc(100% + 4.5rem);
top: 0;
bottom: 29rem;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
body .next_slide_news {
width: 7.8rem;
height: 7.8rem;
right: auto;
left: calc(100% + 4.5rem);
top: 0;
bottom: 29rem;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_news_bg, .next_slide_news_bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
right: 0;
width: 82%;
height: 82%;
transform: rotate(45deg);
background: #023356;
border-radius: 20px;
}
.prev_slide_news_bg:after, .next_slide_news_bg:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(92% - 4px);
height: calc(92% - 4px);
box-shadow: inset 0 0 0 2px #fff;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translate(-50%, -50%);
border-radius: 16px;
z-index: -1;
}
.prev_slide_news:hover .prev_slide_news_bg:after, .next_slide_news:hover .next_slide_news_bg:after {
box-shadow: inset 0 0 0 4rem #fff;
}
.arrow_news_svg {
width: 2.8rem;
position: relative;
height: auto;
}
.next_slide_news .arrow_news_svg {
transform: scale(-1);
}
.arrow_news_svg path {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_news:hover path, .next_slide_news:hover path {
fill: #003154;
}
.news_pagin_wrap{
display:flex;
margin-top: 3vh;
justify-content: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .news_pagin_wrap {
opacity: 1;
transform: translateY(0);
transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.news_pagin_wr{
position: relative;
}
.news_pagin_wr .swiper-slide {
padding: 4px;
}
.news_pagination{
width: 240px;
overflow: hidden;
position: relative;
height: 25.7px;
}
.news_pagin{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
cursor: pointer;
background: #023356;
background: #abbecd;
transform: rotate(45deg);
border-radius: 6px;
}
.news_pagin:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
box-shadow: inset 0 0 0 0px #003154;
border-radius: 6px;
transform: translate(-50%, -50%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_pagin:hover:after{
box-shadow: inset 0 0 0 10px #003154;
}
.swiper-slide-thumb-active .news_pagin{
opacity: 1;
background:#023356;
pointer-events: none;
}
/* ========================================
/* END NEWS
======================================== */
/* ========================================
/* ONE NEW
======================================== */
.new_page{
position: relative;
height: 100%;
background: url(../img/bg_news.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.new_wrap{
width: 100%;
height: 100%;
display: flex;
padding: 17vh 10vw;
position: relative;
}
.new_flex{
height: calc(100% - 3vh - 11rem);
width: 100%;
position: relative;
display: flex;
opacity: 0;
transform: translateY(20rem);
transition: 1.4s all 0.7s cubic-bezier(.19,1,.22,1); /* время анимации нестандартоное */
}
.show_page_anim .new_flex {
opacity: 1;
transform: translateY(0);
}
.new_srcoll{
height: 100%;
height: calc(100% - 3.5rem - 2rem);
margin-bottom: 2rem;
position: relative;
}
.new_wr{
margin: auto;
max-width: 128.7rem;
width: 100%;
}
.new_wr_cont{
position: relative;
width: calc(100% - 58.1rem - 8rem);
}
.new_content{
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
}
.new_date{
color:#795b31;
font-size: 2.7rem;
margin-bottom: 3.5vh;
font-weight: 700;
}
.new_date span{
font-size: 4.3rem;
line-height: 0.8;
display: inline-block;
}
.new_title{
font-size: 3.6rem;
color:#003154;
margin-bottom: 3.5vh;
font-weight: 700;
}
.new_img_wr{
position: relative;
max-width: 58.1rem;
margin-right: 8rem;
}
.new_img{
width:100%;
display: block;
}
.new_text{
color:#103865;
font-size: 2rem;
}
.new_text a{
color:#ffd21f;
text-decoration: underline;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_text a:hover{
text-decoration:none;
}
.new_back_wr{
display: inline-flex;
min-height: 4.8rem;
text-transform: uppercase;
border-radius: 25px;
justify-content: center;
box-shadow: inset 0 0 0 2px #003154;
padding: 1rem 2.6rem 1rem 2.6rem;
max-width: 100%;
align-items: center;
z-index: 1;
transform: translateX(-3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_back_wr {
opacity: 1;
transform: translateY(0rem);
transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.new_back_wr:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #003154;
}
.new_back_wr:hover:before {
box-shadow: inset 0 0 0 4rem #003154;
}
.new_back_text{
color: #003154;
font-weight: 700;
font-size: 1.8rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_back_wr:hover .new_back_text {
color: #fff;
}
.new_back_svg{
margin-right: 7px;
width: 1.6rem;
}
.new_back_svg path {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_back_wr:hover path {
fill: #fff;
}
.new_top{
display:flex;
justify-content: space-between;
margin-bottom: 7.5vh;
align-items: center;
}
.prev_slide_new{
position: absolute;
width: 7.8rem;
height: 7.8rem;
left: auto;
right:calc(100% + 4vw);
top: 50%;
transform: translateY(-50%);
margin: auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_new {
position: absolute;
width: 7.8rem;
height: 7.8rem;
right: auto;
left: calc(100% + 4vw);
top: 50%;
transform: translateY(-50%);
margin: auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_new_bg,
.next_slide_new_bg{
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
right: 0;
width: 82%;
height: 82%;
transform: rotate(45deg);
background: #023356;
border-radius: 20px;
}
.prev_slide_new_bg:after, .next_slide_new_bg:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(92% - 4px);
height: calc(92% - 4px);
box-shadow: inset 0 0 0 2px #fff;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translate(-50%, -50%);
border-radius: 16px;
z-index: -1;
}
.prev_slide_new:hover .prev_slide_new_bg:after, .next_slide_new:hover .next_slide_new_bg:after {
box-shadow: inset 0 0 0 4rem #fff;
}
.arrow_new_svg{
width: 2.8rem;
position: relative;
height: auto;
}
.next_slide_new .arrow_new_svg {
transform: scale(-1);
}
.arrow_new_svg path {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_new:hover path, .next_slide_new:hover path {
fill: #003154;
}
.new_socials{
display: flex;
}
/* ========================================
/* END ONE NEW
======================================== */
/* ========================================
/* VISUALISATION
======================================== */
.gallery_wrap {
position: relative;
width:100%;
height: 100%;
background: url(../img/bg_floor.png) no-repeat;
background-size: cover;
background-position: center;
display: flex;
}
.gallery_wr{
width:calc(100% - 24.7rem);
}
.gallery_slider{
position: relative;
width:100%;
height: 100%;
overflow: hidden;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gallery_slider{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
#gallery_slider .swiper-slide{
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.gal_slider_pagin_wrap{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: auto;
display: flex;
justify-content: center;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gal_slider_pagin_wrap{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.gal_slider_pagin_wr{
width: 75rem;
position: relative;
}
.shadow_gal_slider_pagin{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
pointer-events: none;
z-index: 1;
}
.gal_slider_pagin_wr .swiper-slide {
}
/* VISUAL PREWIE */
#gal_slider_pagin{
width: 100%;
height: 11rem;
position: relative;
overflow: hidden;
margin-bottom: 1rem;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim #gal_slider_pagin{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.gal_prew_wrap{
width: 11rem;
height: 11rem;
margin: auto;
position: relative;
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
display: flex;
justify-content: center;
align-items: center;
}
.gal_prew_wr:before{
content: '';
z-index: 1;
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
/*background: #003154;*/
box-shadow: inset 0 0 0 0rem #003154;
opacity: 0;
opacity:0.8;
overflow: hidden;
border-radius: 20px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gal_prew_wr:hover:before{
box-shadow: inset 0 0 0 7rem #003154;
}
.swiper-slide-thumb-active .gal_prew_wr:before{
box-shadow: inset 0 0 0 7rem #003154;
}
.gal_prew_wr{
width: 76%;
position: relative;
height: 76%;
transform: rotate(45deg);
overflow: hidden;
justify-content: center;
align-items: center;
border-radius: 20px;
border: 2px solid transparent;
}
.swiper-slide-thumb-active .gal_prew_wr{
border: 2px solid #fff;
}
.gal_prew{
width: 138%;
height: 138%;
background-size: cover;
transform: rotate(-45deg);
position: absolute;
top: -23%;
left: -23%;
right: 0;
bottom: 0;
}
.gal_prew_active_slide{
color:#f9cb0c;
font-size: 3.2rem;
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-thumb-active .gal_prew_active_slide{
opacity:1;
}
#gallery_slider .prev_slide_gal{
background: #ebc334;
width: 5.7rem;
height: 5.7rem;
left: -1px;
top: 0;
bottom: 0rem;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
#gallery_slider .next_slide_gal{
background: #ebc334;
width: 5.7rem;
height: 5.7rem;
right: -1px;
top: 0;
bottom: 0rem;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1)
}
.prev_gal_svg{
width: 3rem;
position: relative;
transform: scale(-1);
z-index: 1;
}
.next_gal_svg {
width: 3rem;
position: relative;
z-index: 1;
}
.prev_gal_svg polygon,
.next_gal_svg polygon {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_gal:hover .prev_gal_svg polygon,
.next_slide_gal:hover .next_gal_svg polygon {
fill:#fff;
}
/* ========================================
/* END VISUALISATION
======================================== */
/* ========================================
/* DOCS
======================================== */
.docs_wrap{
position: relative;
width:100%;
height: 100%;
}
.docs_wr {
display: flex;
align-items: center;
height: 100%;
padding: 8rem 0rem 0;
background: url(../img/bg_docs_plashka.jpg) no-repeat;
background-size: cover;
position: relative;
width:100%;
opacity: 0;
transform: translateX(50rem);
}
.show_page_anim .docs_wr {
opacity: 1;
transform: translateX(0);
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.docs_cont{
width: 100%;
display: flex;
justify-content: center;
padding-left: 51rem;
padding-right: 1rem;
}
.docs_flex{
width: 117rem;
max-width: 100%;
}
.docs_info{
margin-left: 10rem;
}
.docs_tittle{
position: relative;
margin-left: 2rem;
font-size: 4.8rem;
color: #f9cb0c;
line-height: 0.9;
margin-bottom: 3rem;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .docs_tittle{
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.docs_text{
font-size: 1.8rem;
color:#000000;
}
.docs_slider_wr{
position: relative;
width: calc(100%);
margin: 0 auto;
}
.docs_slider{
overflow: hidden;
width: calc(100% - 19rem);
left: 0;
right: 0;
margin: auto;
}
.doc_link{
display:block;
max-width: 26.7rem;
width: 89%;
margin: auto;
position: relative;
padding-top: 2rem;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .swiper-slide:nth-child(1) .doc_link{
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .swiper-slide:nth-child(2) .doc_link{
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .swiper-slide:nth-child(3) .doc_link{
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.doc_img_wr{
position: relative;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
max-width: 297px;
left: 0;
right: 0;
margin: auto;
}
.docs_img{
max-width: 297px;
width: 100%;
display: block;
}
#docs_slider .swiper-slide{
text-align: center;
}
.doc_tittle_wr{
display:flex;
align-items: center;
margin-top: 1rem;
}
.doc_tittle{
color: #20070a;
font-size: 1.6rem;
width: calc(100% - 3.2rem);
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
text-align: left;
}
.doc_link:hover .doc_tittle{
color:#000;
}
.doc_icon{
width:3.2rem;
height: auto;
margin-right: 1rem;
}
.docs_slider_wr .prev_slide_doc{
width: 5.7rem;
height: 5.7rem;
background: #ebc334;
left: 0rem;
top: 0;
bottom: 0rem;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: translateY(-3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .prev_slide_doc{
opacity: 1;
transform: translateY(0rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_doc_svg {
width:3.3rem;
position: relative;
z-index: 1;
transform: scale(-1);
}
.prev_doc_svg polygon{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_doc:hover polygon{
fill:#fff;
}
.docs_slider_wr .next_slide_doc{
width: 5.7rem;
height: 5.7rem;
background: #ebc334;
right: 0rem;
top: 0;
bottom: 0rem;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .next_slide_doc{
opacity: 1;
transform: translateY(0rem);
transition: all .9s cubic-bezier(.19,1,.22,1);
}
.next_doc_svg {
width:3.3rem;
z-index: 1;
position: relative;
}
.next_doc_svg polygon{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_doc:hover polygon{
fill:#fff;
}
/* ========================================
/* END DOCS
======================================== */
/* ========================================
/* ABOUT
======================================== */
.about_page{
position: relative;
height: 100%;
width: 100%;
}
.about_wrap{
height: 100%;
}
.about_wr{
display: flex;
height: calc(100%);
position: relative;
justify-content: space-between;
}
/* ========================================
/* END ABOUT
======================================== */
/* ========================================
/* HID BUD
======================================== */
.hb_wrap{
position: relative;
width: 100%;
}
.hb_wr{
height: 100vh;
display: flex;
margin: auto;
width:100%;
}
.hb_header{
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
padding: 2.7rem 3.2rem;
z-index: 11;
display: flex;
align-items: center;
justify-content: space-between;
transform: translateY(-100%);
background: rgb(255 255 255 / 0.9);
}
.show_page_anim .hb_header {
transform: translateY(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_menu_cont {
display: flex;
height: 100%;
flex-grow: 1;
}
.hb_menu_left {
max-width: 44.6rem;
padding: 0 3rem;
padding-right: 4.7rem;
position: relative;
opacity: 0;
transform: translateX(-7rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_menu_left {
opacity: 1;
transform: translateX(0);
transition: .9s all 1.3s cubic-bezier(.19,1,.22,1);
}
.hb_menu_logo_link {
display: inline-block;
z-index: 3;
top: 1rem;
left: 0;
position: relative;
cursor: pointer;
width: 108%;
max-width: 41.9rem;
top: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.header_mini .hb_menu_logo_link {
width: 14.4rem;
top: 50%;
left: 0.8rem;
transform: translateY(-50%);
}
.hb_menu_logo {
width: 100%;
}
.hb_menu_mid {
position: relative;
display: flex;
align-items: center;
}
.hb_menu_mid_cont {
display: flex;
position: relative;
height: 100%;
width: 100%;
}
.hb_tittle{
display: flex;
align-items: center;
font-size: 3.8rem;
font-weight: 700;
color:#003154;
text-transform: uppercase;
width: 100%;
margin-right: 12.8rem;
margin-right: 7vw;
position: relative;
opacity: 0;
transform: translateX(-7rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_tittle{
opacity: 1;
transform: translateX(0);
transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.green_video_btn {
display: flex;
padding: 1rem 0.5rem;
flex-wrap: wrap;
justify-content: center;
background: #ebc334;
z-index: 1;
margin: 0 21px 2rem 13px;
opacity: 0;
transform: translateY(5rem);
cursor: pointer;
display: flex;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .green_video_btn {
opacity: 1;
transform: translateY(0);
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.green_video_btn:hover{
}
.green_video_btn_icon {
width: 3.5rem;
margin-right: 0.5rem;
}
.green_video_btn_icon path {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.green_video_btn_txt {
display: block;
font-size: 2.3em;
text-transform: uppercase;
color: #1f2834;
}
.hb_years_wrap{
display:flex;
align-items: center;
justify-content: space-between;
}
.hb_years_wr {
display: flex;
justify-content: center;
align-items: center;
padding: 0.8rem 1.8rem;
cursor: pointer;
z-index: 1;
position: relative;
border-radius: 25px;
opacity: 0;
transform: translateX(-7rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_years_wr{
opacity: 1;
transform: translateX(0);
transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.hb_years_wr:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #003154;
box-shadow: inset 0 0 0 2px #003154;
}
.hb_years_wr:hover:before,
.hb_years_wr_open:before {
box-shadow: inset 0 0 0 4rem #003154;
}
.hb_years_wr_open:before{
border-radius: 18px 18px 0 0;
height: calc(100% + 0.5rem);
height: calc(100% + 1.5rem);
}
.hb_years_active {
color: #003154;
font-size: 2.1rem;
font-weight: 700;
position: relative;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_wr:hover .hb_years_active,
.hb_years_wr_open .hb_years_active{
color:#fff;
}
.hb_years_arrow {
width: 2.1rem;
width: 1.5rem;
transform: rotate(90deg);
margin-left: 1rem;
position: relative;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_wr_open .hb_years_arrow{
transform: rotate(270deg);
}
.hb_years_arrow polygon{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_wr:hover .hb_years_arrow polygon,
.hb_years_wr_open .hb_years_arrow polygon{
fill:#fff;
}
.hb_years_wr_open .news_years_arrow {
transform: rotate(180deg);
}
.hb_years_dropdawn {
overflow: hidden;
position: absolute;
top: calc(100%);
left: 0;
width: 100%;
pointer-events: none;
opacity: 0;
transform: translate(0%, -3rem);
/* transform: translateY(-100%); */
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_wr_open .hb_years_dropdawn {
opacity: 1;
pointer-events: auto;
transform: translate(0%, 0);
transition: all 0.9s cubic-bezier(.19,1,.22,1), opacity 0.6s cubic-bezier(.19,1,.22,1), 0s pointer-events 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_dropdawn:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 0 20px 20px;
background: #003154;
z-index: 1;
overflow: hidden;
}
.hb_years {
color: #fff;
font-size: 1.6rem;
white-space: nowrap;
padding: 1rem;
display: flex;
align-items: center;
position: relative;
padding: 1rem 1vw;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years:last-child{
border-radius: 0 0 18px 18px;
}
.hb_years:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #fff;
}
.hb_years:hover:before {
box-shadow: inset 0 0 0 3rem #fff;
}
.hb_years_text{
color:#fff;
width: 100%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years:hover .hb_years_text{
color:#003154;
}
.hb_years_text:after {
content: '';
position: absolute;
width: calc(100% - 3rem);
height: 1px;
background:rgb(255 255 255 / 15%);
left: 0;
right: 0;
top: 0%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
margin: auto;
}
.hb_slider{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .hb_slider{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
#hb_slider .prev_slide_hb{
width: 9.8rem;
height: 9.8rem;
left: 2.5rem;
top: 0;
bottom: 0rem;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
#hb_slider .next_slide_hb{
width: 9.8rem;
height: 9.8rem;
right: 2.5rem;
top: 0;
bottom: 0rem;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_hb:hover .prev_gal_svg polygon, .next_slide_hb:hover .next_gal_svg polygon {
fill: #fff;
}
.prev_slide_hb_bg,
.next_slide_hb_bg{
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
right: 0;
width: 82%;
height: 82%;
transform: rotate(45deg);
background: #023356;
border-radius: 25px;
}
.prev_slide_hb_bg:after, .next_slide_hb_bg:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(92% - 4px);
height: calc(92% - 4px);
box-shadow: inset 0 0 0 2px #fff;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
transform: translate(-50%, -50%);
border-radius: 19px;
z-index: -1;
}
.prev_slide_hb:hover .prev_slide_hb_bg:after, .next_slide_hb:hover .next_slide_hb_bg:after {
box-shadow: inset 0 0 0 4rem #fff;
}
.arrow_gal_svg {
width: 3.6rem;
position: relative;
height: auto;
}
.next_slide_hb .arrow_gal_svg {
transform: scale(-1);
}
.arrow_gal_svg path {
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_hb:hover path, .next_slide_hb:hover path {
fill: #003154;
}
.hb_wrap .swiper-slide {
}
#hb_slider .swiper-slide {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.month_wrap{
display:flex;
margin-left: 3.1rem;
align-items: center;
}
.month_link {
height: 4.2rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 2.1rem;
color: #003154;
font-weight: 700;
text-transform: uppercase;
position: relative;
margin-right:7px;
padding: 0.6rem 0;
border-radius: 25px;
min-width: 14.2rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateX(-7rem);
}
.show_page_anim .month_link {
opacity: 1;
transform: translateX(0);
}
.show_page_anim .month_link:nth-last-child(1) {
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .month_link:nth-last-child(2) {
transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .month_link:nth-last-child(3) {
transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .month_link:nth-last-child(4) {
transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.month_link:before{
z-index: -1;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #eadbc6;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.month_link:hover:before{
box-shadow: inset 0 0 0 3rem #eadbc6;
}
.month_link_active{
color: #fff;
pointer-events: none;
}
.month_link_active:before{
box-shadow: inset 0 0 0 3rem #003154;
}
.hb_slider_wr{
width: calc(100%);
height: 100%;
position: relative;
}
.close_hb{
position: absolute;
width: 5.2rem;
top: 0;
bottom: 0;
margin: auto;
right: 3rem;
height: 5.2rem;
cursor: pointer;
z-index: 2;
border-radius: 50%;
background: #003154;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: translateX(-7rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .close_hb {
opacity: 1;
transform: translateX(0);
transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.close_hb:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 25px;
box-shadow: inset 0 0 0 0px #ffd21f;
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.close_hb:hover:before {
box-shadow: inset 0 0 0 3rem #ffd21f;
}
.close_hb_svg{
width: 2.3rem;
height: auto;
position: relative;
}
.close_hb_svg path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.close_hb_svg:hover path{
fill:#003154;
}
/* ========================================
/* END HID BUD
======================================== */
/* ========================================
/* VIDEO
======================================== */
.video_wrap{
position: relative;
width: 100%;
height: 100%;
background: url(../img/bg_visual.jpg) no-repeat;
background-size: cover;
background-position: center;
padding: 7.8rem 0 7rem;
}
.video_wr{
position: relative;
height:100%;
}
.video_tittle{
font-size: 5.5rem;
color:#fff;
position: absolute;
top: 2rem;
left: 2rem;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .video_tittle{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.video_frame{
height:100%;
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .video_frame{
opacity: 1;
transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
/* ========================================
/* END VIDEO
======================================== */
/* ========================================
/* UCHASNIKI
======================================== */
.dev_wrap{
position: relative;
width: 100%;
height: 100%;
padding: 7.8rem 0 0rem;
}
.dev_wr{
height:100%;
position: relative;
display: flex;
}
.dev_cont{
width: calc(100% - 16rem);
padding: 7rem 20rem 7rem 20rem;
padding: 4vh 4rem 7rem 10rem;
}
.dev_tittle{
font-size: 4.8rem;
text-transform: uppercase;
color:#f9cb0c;
margin-bottom: 2vh;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_tittle{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.dev_text{
font-size:2.3rem;
color:#363637;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_text{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.dev_info{
font-size: 1.6rem;
color:#363637;
margin: 2vh 0;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_info{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.dev_link{
display: inline-block;
padding: 1rem 2rem;
overflow: hidden;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
position: relative;
overflow: hidden;
padding: 0 3rem;
height: 5rem;
display: inline-flex;
align-items: center;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .dev_link{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.dev_link_text{
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color:#1b232e;
font-size: 2.1rem;
position: relative;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dev_link:hover .dev_link_text{
color:#fff;
}
.dev_bot{
height: 19rem;
margin-top: 2vh;
}
.our_obj_title{
color:#393939;
font-size: 1.8rem;
text-transform: uppercase;
margin-bottom: 1vh;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .our_obj_title{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.dev_wrap_scroll{
height: calc(100% - 18rem);
}
.our_obj_wrap{
width: 100%;
text-align: center;
padding: 2rem 0;
height: 12.2rem;
position: relative;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .our_obj_wrap{
opacity: 1;
transform: translateY(0rem);
transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}
.our_obj_slider_wr{
position: relative;
width:100%;
height: 100%;
width:calc(100% - 8.6rem);
left: 0;
right: 0;
margin: auto;
}
.our_obj_slider{
height: 100%;
overflow: hidden;
}
.our_obj_link{
}
.our_obj_img{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 80%;
max-height: 100%;
}
.our_obj_img_hover{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 80%;
max-height: 100%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
}
.our_obj_link:hover .our_obj_img_hover{
opacity: 1;
}
body .prev_slide_our_obj{
width: 4rem;
background: none;
left: -4.4rem;
height: 4rem;
margin: 0;
transform: translateY(-50%) scale(-1);
background: #ebc334;
display: flex;
justify-content: center;
align-self: center;
}
body .next_slide_our_obj{
width: 4rem;
background: none;
right: -4.4rem;
height: 4rem;
margin: 0;
transform: translateY(-50%) ;
background: #ebc334;
display: flex;
justify-content: center;
align-self: center;
}
.arrow_projects_svg{
width:2rem;
height: auto;
position: relative;
z-index: 1;
}
.arrow_projects_svg polygon{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_our_obj:hover polygon,
.next_slide_our_obj:hover polygon{
fill: #fff;
}
/* ========================================
/* END UCHASNIKI
======================================== */
/* ========================================
/* GENPLAN
======================================== */
.genplan_page{
position: relative;
height: 100%;
height: 100%;
}
.genplan_wrap{
position: relative;
height: 100%;
height: 100%;
display: flex;
}
.genplan_img_wrap{
width: calc(100% - 48.3rem);
position: relative;
overflow: hidden;
}
.genplan_img_wr{
position: absolute;
opacity: 0;
}
.show_page_anim .genplan_img_wr {
opacity: 1;
transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.genplan_img{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.genplan_left{
position: relative;
width: 48.3rem;
height: 100%;
padding-top: 20rem;
}
.genplan_left:before{
content: '';
position: absolute;
background: linear-gradient(to right, #fff,#fff,#fff, transparent);
top: 0;
left: 0;
height: 100%;
width: 52rem;
}
.genplan_info{
height: 100%;
position: relative;
padding-left: 9rem;
}
.genplan_title{
font-size: 6.1rem;
color: #f9cb0c;
line-height: 1;
margin-bottom: 1vh;
position: relative;
opacity: 0;
transform: translateX(-10rem);
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .genplan_title {
opacity: 1;
transform: translateX(0);
}
.genplan_oboz_title{
position: relative;
font-size: 2.3rem;
color:#393939;
margin-bottom: 3vh;
text-transform: uppercase;
opacity: 0;
transform: translateX(-10rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.6s;
}
.show_page_anim .genplan_oboz_title {
opacity: 1;
transform: translateX(0);
}
.genplan_oboz_scroll{
height: calc(100% - 10vh - 12rem);
max-height: calc(90vh - 31rem);
overflow: hidden;
}
.genplan_oboz_wrap{
}
.genplan_oboz_wr{
display: flex;
align-items: center;
opacity: 0;
transform: translateX(-10rem);
}
.show_page_anim .genplan_oboz_wr:nth-child(1) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.7s;
}
.show_page_anim .genplan_oboz_wr:nth-child(2) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) .75s;
}
.show_page_anim .genplan_oboz_wr:nth-child(3) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.8s;
}
.show_page_anim .genplan_oboz_wr:nth-child(4) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.85s;
}
.show_page_anim .genplan_oboz_wr:nth-child(5) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.9s;
}
.show_page_anim .genplan_oboz_wr:nth-child(6) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.95s;
}
.show_page_anim .genplan_oboz_wr:nth-child(7) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 1s;
}
.show_page_anim .genplan_oboz_wr:nth-child(8) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.05s;
}
.show_page_anim .genplan_oboz_wr:nth-child(9) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.1s;
}
.show_page_anim .genplan_oboz_wr:nth-child(10) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.15s;
}
.show_page_anim .genplan_oboz_wr:nth-child(11) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.2s;
}
.show_page_anim .genplan_oboz_wr:nth-child(12) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.25s;
}
.show_page_anim .genplan_oboz_wr:nth-child(13) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.3s;
}
.show_page_anim .genplan_oboz_wr:nth-child(14) {
opacity: 1;
transform: translateX(0);
transition: all 0.9s cubic-bezier(.19,1,.22,1) 1.4s;
}
.genplan_oboz_img_wr{
width: 5.1rem;
height: 4.8rem;
min-height: 42px;
margin-right: 0.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.genplan_oboz_img{
max-width: 95%;
max-height: 90%;
}
.genplan_oboz_text{
color: #393939;
font-size: 1.6rem;
width: calc(100% - 3rem - 14rem);
margin-left: 2rem;
}
/* ========================================
/* END GENPLAN
======================================== */
/* ========================================
/* INFRASTRUKTURE
======================================== */
.map_wrap{
width:100%;
height: 100%;
position: relative;
}
#map_infra{
position: absolute;
width: calc(100% - 38rem);
height: 100%;
right: 0;
top: 0;
background: grey;
}
.map-marker{
position: absolute;
height: 4.9rem;
width: 3.9rem;
left: 50%;
top: 50%;
transform: translate(-50%, -100%);
cursor: pointer;
opacity: 0;
transform: translate(-100%, calc(-100% - 3rem));
transition: all 0.9s cubic-bezier(.19,1,.22,1);
z-index: 1;
}
.show_marker{
z-index: 10;
opacity: 1;
transform: translate(-100%, -100%);
transition: opacity 0.9s cubic-bezier(.19,1,.22,1), transform 0.9s cubic-bezier(.19,1,.22,1);
}
.map-marker:hover{
z-index: 11;
}
.map_marker {
height: 100%;
background-size: cover;
}
.marker_svg{
height:100%;
width: auto;
}
.marker_hvost{
width: 9rem;
height: auto;
position: absolute;
top: -3.1rem;
left: -1.9rem;
}
.marker_icon{
position: absolute;
top: 0rem;
left: 0;
width: 3rem;
height: 3.5rem;
display: flex;
justify-content: center;
align-items: center;
right: 0;
margin: auto;
}
.marker_icon_img{
max-width: 70%;
max-height: 68%;
}
.shadow_marker{
position: absolute;
width: 4.8rem;
left: 0.9rem;
top: 1.5rem;
z-index: -1;
}
.marker_tittle_wr{
pointer-events: none;
position: absolute;
background: #ebc334;
bottom: 100%;
left: 91%;
color: #1e2735;
white-space: nowrap;
font-size: 1.8rem;
padding: 0.5rem 2rem;
border: 2px solid #1e2735;
pointer-events: none;
transform: translateX(3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.map-marker:hover .marker_tittle_wr{
transform: translateX(0rem);
opacity: 1;
}
.marker_tittle{
text-transform: uppercase;
}
.marker_adress{
}
.map_filt_wrap{
position: absolute;
top: 0;
bottom: 0;
display: flex;
padding-top: 16rem;
min-height: 550px;
height: 100%;
background: #1f2834;
opacity: 0;
transform: translateX(-100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_wrap{
opacity: 1;
transform: translateX(0rem);
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.map_filt_info{
width: 34.3rem;
}
.map_filt_wr{
padding: 4vh 5rem 4rem 4rem;
}
.map_filt_tittle{
font-size: 3.5rem;
color:#f9cb0c;
margin-bottom: 5vh;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_tittle{
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.map_filt_li{
align-items: center;
display: flex;
padding: 0rem 1rem;
padding-left: 0;
margin: 1rem 0;
position: relative;
cursor: pointer;
color:#fff;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(1){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(2){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(3){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(4){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(5){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 1s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(6){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(7){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .map_filt_info>div:nth-child(8){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1), background 0.5s cubic-bezier(.19,1,.22,1), color 0.5s cubic-bezier(.19,1,.22,1);
}
.map_filt_li:before{
content: '';
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
box-shadow: inset 0 0 0 0px rgba(165, 172, 181, 0.1);
z-index: -1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.map_filt_li:hover:before, .map_filt_li_check:before{
box-shadow: inset 0 0 0 3rem rgba(165, 172, 181, 0.1);
}
.map_filt_li:hover, .map_filt_li_check{
color:#fff;
}
.fil_hide_markers{
display: inline-block;
padding: 1rem 2rem;
border: 2px solid #38383a;
text-transform: uppercase;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
margin-top: 4vh;
position: relative;
cursor: pointer;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_hide_markers_text{
color: #fff;
font-size: 1.8rem;
position: relative;
z-index: 1;
white-space: nowrap;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_hide_markers:hover .fil_hide_markers_text{
}
.check_wr{
width: 14px;
height: 9px;
position: absolute;
top: 45%;
transform: translateY(-50%) rotate(-45deg);
z-index: 1;
right: 1.5rem;
overflow: hidden;
}
.check_1{
bottom: 2px;
width: 3px;
height: 7px;
left: 0px;
position: absolute;
}
.check_1:after{
background-color: #fff;
transition: .3s all .4s;
transition: .1s all .2s;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: translateY(-110%);
}
.map_filt_li_check .check_1:after{
transform: translateY(0%);
transition: all 0.1s ;
}
.check_2{
width: 14px;
height: 3px;
position: absolute;
bottom: 0;
right: 0px;
}
.check_2:after{
background-color: #fff;
transition: .3s all 0.2s;
transition: .1s all 0.1s;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: translateX(-110%);
}
.map_filt_li_check .check_2:after{
transform: translateX(0%);
}
.map_filt_img_wr{
box-shadow: inset 0 0 0 3px #fff;
margin-right: 1rem;
text-align: center;
width: 4rem;
height: 4rem;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.map_filt_img{
max-width: 56%;
max-height: 69%;
}
.map_filt_text{
font-size: 1.8rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
color: #fff;
}
.map_filt_li:hover .map_filt_text, .map_filt_li_check .map_filt_text{
}
/* ========================================
/* END INFRASTRUKTURE
======================================== */
/* ========================================
/* GREAT THE WAY
======================================== */
.gw_wrap {
width: 100%;
height: 100%;
position: relative;
}
#map_great_way {
position: absolute;
width: calc(100% - 38rem);
height: 100%;
right: 0;
top: 0;
background: grey;
}
.gw_filt_wrap {
position: absolute;
top: 0;
bottom: 0;
display: flex;
padding-top: 16rem;
min-height: 550px;
height: 100%;
background: #1f2834;
opacity: 0;
transform: translateX(-100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gw_filt_wrap {
opacity: 1;
transform: translateX(0rem);
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.gw_filt_wr {
padding: 4vh 5rem 4rem 4rem;
}
.gw_filt_info {
width: 34.3rem;
}
.gw_filt_tittle {
font-size: 3.5rem;
color: #f9cb0c;
margin-bottom: 5vh;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gw_filt_tittle {
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.gw_text{
font-size: 1.8rem;
color:#fff;
margin-bottom: 2rem;
}
.gr_way_input_wr{
height: 4rem;
position: relative;
margin-bottom: 5vh;
}
.gr_way_input_wr:before {
content: '';
position: absolute;
background: url(../img/icon_gw_loc.svg) no-repeat;
background-size: cover;
background-position: center;
width: 1.7rem;
height: 2.6rem;
left: 1rem;
top: 50%;
transform: translateY(-50%);
}
.gr_way_length{
position: absolute;
top: 110%;
font-size: 1.6rem;
color:#fff;
padding-left: 3rem;
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.gr_way_length_show{
opacity: 1;
}
#great_way{
width: 100%;
height: 100%;
padding-left: 4rem;
background: #fff;
border: none;
text-transform: uppercase;
box-shadow:0px 1px 1px 0px rgba(255, 255, 255, 0.004), inset 0px 0px 4px 1px rgba(0, 0, 0, 0.38);
}
#great_way::-webkit-input-placeholder{opacity: 1; color: rgba(31, 40, 52, 0.5); font-size: 1.4rem; transition: opacity 0.3s ease;text-transform: uppercase;}
.gr_way_li{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
color: #fff;
font-size: 1.8rem;
text-transform: uppercase;
display: flex;
width: 100%;
padding: 1rem 0;
justify-content: center;
text-align: center;
margin-bottom: 1rem;
cursor: pointer;
background: transparent;
position: relative;
z-index: 1;
}
/* ========================================
/* END GREAT THE WAY
======================================== */
/* ========================================
/* FLATS
======================================== */
.flats_wrap{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
padding-top: 10.3rem;
}
.flats_wr{
height:100%;
position: relative;
display:flex;
}
.flats_left_filter{
position: relative;
background: #fff;
width: 42.3rem;
padding-bottom: 4.3vh;
z-index: 1;
padding-top: 4.3vh;
}
.flats_left_scroll{
height:100%;
}
.flats_right_filter{
position: relative;
height: 100%;
width: calc(100% - 42.3rem);
overflow: hidden;
}
#houses_wrap{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#houses_img{
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim #houses_img {
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
#houses_svg{
}
.section_marker{
position: absolute;
font-size: 1.8rem;
color: #003154;
background: #ede1cf;
border-radius: 25px;
padding: 0.8rem 1.1rem;
line-height: 0.8;
font-weight: 700;
top: 40%;
left: 40%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .section_marker {
transform: translate(-50%, -100%);
opacity: 1;
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.house_marker{
position: absolute;
font-size: 1.8rem;
color: #fff;
background: #003154;
border-radius: 25px;
padding: 0.8rem 1.4rem;
line-height: 0.8;
font-weight: 700;
transform: translate(-50%, -50%);
}
.floor_marker{
position: absolute;
z-index: 1;
width:8.7rem;
height: 8.7rem;
display: flex;
justify-content: center;
align-items: center;
transform: translate(-50%, -50%);
opacity:0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
pointer-events: none;
}
.floor_marker_hover{
opacity:1;
}
.floor_marker:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 87%;
height: 87%;
overflow: hidden;
background: #003154;
border-radius: 25px;
transform: rotate(45deg);
z-index: -1;
box-shadow: inset 0 0 0 2px #ede1cf;
}
.floor_marker_number{
color:#ede1cf;
font-size: 2.3rem;
font-weight: 700;
line-height: 0.8;
margin-bottom: 0.3rem;
text-align: center;
}
.floor_marker_text{
color:#ede1cf;
font-size: 1.6rem;
line-height: 0.8;
}
.choise_floor_wrap{
position: absolute;
z-index: 1;
top:0;
left: 0;
padding: 3.7vh 3.2rem 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: baseline;
pointer-events: none;
}
.choise_floor_wr{
position: relative;
pointer-events: auto;
}
.choise_floor{
color:#003154;
font-size: 4.8rem;
line-height: 0.8;
font-weight: 700;
margin-bottom: 2rem;
}
.choise_floor_btns{
display:flex;
pointer-events: auto;
}
.flats_consult_btn{
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
min-height: 4.8rem;
border-radius: 25px;
box-shadow: inset 0 0 0 0px #003154;
padding: 0 2.3rem;
color: #003154;
text-transform: uppercase;
font-weight: 700;
font-size: 2.1rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
margin-right: 1.1rem;
z-index: 1;
}
.flats_consult_btn:hover{
color:#fff;
}
.flats_consult_btn:before {
content: '';
background: #ffd21f;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #003154;
}
.flats_consult_btn:hover:before {
box-shadow: inset 0 0 0 4rem #003154;
}
.flats_price_btn{
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
min-height: 4.8rem;
border-radius: 25px;
border: 2px solid #003154;
padding: 0 2.3rem;
background: #003154;
color: #ffd21f;
text-transform: uppercase;
font-weight: 700;
font-size: 2.1rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
z-index: 1;
}
.flats_price_btn:hover {
color: #003154;
}
.flats_price_btn:before {
background: #003154;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #fff;
}
.flats_price_btn:hover:before {
box-shadow: inset 0 0 0 4rem #fff;
}
/* ========================================
/* END FLATS
======================================== */
/* ========================================
/* FLOOR
======================================== */
.floor_wrap{
position: relative;
width:100%;
height:100%;
display: flex;
padding-top: 10.3rem;
}
.back_btn_wr{
display: inline-flex;
min-height: 4.8rem;
text-transform: uppercase;
border-radius: 25px;
justify-content: center;
box-shadow: inset 0 0 0 2px #003154;
padding: 1rem 1.8rem 1rem 2.6rem;
max-width: 100%;
align-items: center;
z-index: 1;
transform: translateX(-3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .back_btn_wr{
transform: translateX(0rem);
opacity: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1), .9s opacity 0.4s cubic-bezier(.19,1,.22,1), .9s transform 0.4s cubic-bezier(.19,1,.22,1);
}
.back_btn_wr:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #003154;
}
.back_btn_wr:hover:before {
box-shadow: inset 0 0 0 4rem #003154;
}
.back_btn_wr:hover .back_btn_text{
color:#fff;
z-index: 1;
}
.back_btn_svg{
margin-right: 7px;
width: 1.6rem;
}
.back_btn_wr:hover .back_btn_svg {
z-index: 1;
}
.back_btn_wr:hover .back_btn_svg path{
fill:#fff;
}
.back_btn_text{
color:#003154;
font-weight: 700;
font-size: 1.8rem;
}
.floor_right {
position: relative;
height: 100%;
width: 28%;
padding-right: 11.5rem;
padding-right: 6%;
}
.floor_right_container{
margin-top: 37vh;
margin-top: 24vh;
text-align: center;
opacity: 0;
transform: translateX(-3rem);
}
.show_page_anim .floor_right_container {
transform: translateX(0rem);
opacity: 1;
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.floor_change_floor_wrap{
margin-bottom: 6vh;
}
.flat_change_floor_wrap{
margin-right: 3rem;
position: relative;
}
.change_floor_arrow_up_wr{
display: inline-block;
}
.change_floor_arrow_up{
width: 2rem;
transform: rotate(-90deg);
}
.change_floor_arrow_down_wr{
display: inline-block;
margin-top: 0.5rem;
}
.change_floor_arrow_down{
width: 2rem;
transform: rotate(90deg);
}
.change_floor_arrow_up polygon,
.change_floor_arrow_down polygon{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.change_floor_arrow_up_wr:hover polygon,
.change_floor_arrow_down_wr:hover polygon{
fill:#ffd21f;
}
.change_floor_text_wr{
}
.change_floor_number{
line-height: 0.8;
color:#795b31;
font-size: 6.8rem;
font-weight: 700;
margin-bottom: 1rem;
}
.change_floor_text{
color:#003154;
font-size: 1.9rem;
text-transform: uppercase;
font-weight: 700;
}
.compas_floor_wrap{
position: absolute;
z-index: 1;
text-align: left;
top: 50%;
right: 4%;
transform: translate(-50%, -50%);
}
.compas_wrap{
position: absolute;
z-index: 1;
height: 13rem;
text-align: left;
bottom: calc(100% + 3rem);
left: 50%;
transform: translateX(-50%);
}
.compas_wr{
display: inline-block;
}
.compas_noth{
color:#003154;
font-size: 1.8rem;
text-transform: uppercase;
}
.compas_img{
width:3.8rem;
display: block;
}
.flat_floor_cont{
display: flex;
justify-content: flex-end;
align-items: center;
}
.flat_floor_wrap{
text-align: center;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 5.5vh;
max-width: 23.8rem;
}
.flat_floor_title{
color:#003154;
font-size: 2.1rem;
font-weight: 700;
margin-bottom: 1.5rem;
text-align: center;
}
.flat_floor_wr{
position: relative;
}
.flat_floor_img{
width:100%;
display: block;
}
#flat_floor_svg{
position: absolute!important;
top: 0;
left: 0;
}
.gp_wrap{
text-align: center;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.gp_wr{
max-width: 42.4rem;
position: relative;
}
.gp_img{
width:100%;
display: block;
}
#genplan_svg{
position: absolute!important;
top: 0;
left: 0;
}
.gplan_marker {
position: absolute;
pointer-events: none;
color: #003154;
background: #ebeff2;
font-size: 1.4rem;
transform: translate(-50%, -50%);
border-radius: 25px;
padding: 0.4rem 0.7rem;
line-height: 0.8;
}
.gplan_marker_active {
color: #fff;
background: #003154;
}
.floor_btn_wr {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 2vh;
}
.floor_btn_container {
display: flex;
justify-content: space-between;
margin-top: 2vh;
}
.floor_crums_wrap{
display: inline-flex;
align-items: center;
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .floor_crums_wrap {
transform: translateY(0rem);
opacity: 1;
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.floor_crums_sec_wr{
position: relative;
padding: 0 7px;
display: flex;
line-height: 0.8;
margin-bottom: 1.5rem;
}
.floor_crums_sec {
color: #003154;
font-size: 3.2rem;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
margin-right: 1rem;
}
.floor_crums_sec_number{
color: #795b31;
font-size: 3.2rem;
font-weight: 700;
text-transform: uppercase;
}
.floor_expl_wrap{
margin-top: 25vh;
}
.floor_title_wr{
display:flex;
align-items: center;
justify-content: center;
margin-bottom: 3.2vh;
position: relative;
opacity: 0;
transform: translateY(3rem);
}
.show_page_anim .floor_title_wr {
transform: translateY(0rem);
opacity: 1;
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
z-index: 1;
}
.floor_title_text{
color:#003154;
font-size: 2.1rem;
font-weight: 700;
text-transform: uppercase;
margin-right: 1.6rem;
}
.floor_tittle{
color: #003154;
font-size: 2.1rem;
font-weight: 700;
position: relative;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #eadbc6;
height: 3.6rem;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
min-width: 5.1rem;
margin-right: 5px;
}
.floor_tittle:last-child{
margin:0;
}
.floor_tittle:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #eadbc6;
}
.floor_tittle:hover:before {
box-shadow: inset 0 0 0 4rem #eadbc6;
}
.floor_tittle_active{
pointer-events: none;
color:#ffd21f;
background: #003154;
box-shadow: inset 0 0 0 2px #003154;
}
.floor_middle{
position: relative;
height: 100%;
width: 69%;
width: 51%;
display: flex;
justify-content: center;
}
.floor_img_wrap{
height: 100%;
width: 100%;
padding-top: 4vh;
text-align: center;
}
.floor_img_ajax{
position: relative;
height: calc(100% - 10rem - 4vh);
width: 100%;
text-align: center;
transform: translateY(3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
padding: 0 3rem;
display: inline-flex;
justify-content: center;
align-items: center;
}
.show_page_anim .floor_img_ajax {
transform: translateY(0rem);
opacity: 1;
transition: 2s opacity 0.7s cubic-bezier(.19,1,.22,1),.9s transform 0.7s cubic-bezier(.19,1,.22,1);
}
.floor_img_wr{
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
#floor_img{
max-width: 100%;
display: block;
max-height: 100%;
top: 0;
bottom: 0;
position: absolute;
left: 0;
right: 0;
margin: auto;
}
#floor_svg{
position: absolute!important;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
/* ========================================
/* END FLOOR
======================================== */
/* ========================================
/* FLAT
======================================== */
.flat_wrap {
position: relative;
width: 100%;
height: 100%;
display: flex;
padding-top: 10.3rem;
z-index: 1;
opacity:
}
.show_page_anim .flat_wrap {
opacity: 1;
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.flat_wr{
display:flex;
position: relative;
width:100%;
height: 100%;
}
.floor_wrap_left {
position: relative;
height: 100%;
width: calc(23.6% - 2%);
padding-left: 2%;
padding-top: 8vh;
}
.flat_left {
position: relative;
height: 100%;
width: calc(23.6% - 2%);
padding-left: 2%;
padding-top: 8vh;
}
.flat_middle{
position: relative;
height: 100%;
width: 69%;
width: 51%;
display: flex;
justify-content: center;
}
.flat_right {
position: relative;
height: 100%;
width: 28%;
padding-right: 11.5rem;
padding-right: 6%;
}
.flat_right_container {
margin-top: 15vh;
text-align: center;
opacity: 0;
transform: translateX(-3rem);
}
.show_page_anim .flat_right_container{
transform: translateX(0rem);
opacity: 1;
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1)
}
.floor_gp_wrap{
width:100%;
transform: translateX(3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .floor_gp_wrap {
transform: translateX(0rem);
opacity: 1;
transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.flat_gp_wrap{
width:100%;
transform: translateX(3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_gp_wrap {
transform: translateX(0rem);
opacity: 1;
transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.flat_plan_wr{
height: 100%;
width: 100%;
padding-top: 4vh;
}
.flat_plan_scroll_wrap {
height: calc(100% - 13rem);
position: relative;
}
.flat_plan_scroll {
height: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.flat_tittle_wr{
text-align: center;
margin-bottom: 2rem;
}
.flat_tittle{
text-align: center;
}
.flat_house{
font-size: 1.8rem;
color:#38383a;
transform: translateY(3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_house{
transform: translateY(0rem);
opacity: 1;
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.flat_room_num {
text-transform: uppercase;
font-size: 3.6rem;
color: #003154;
font-weight: 700;
opacity: 0;
transform: translateY(-5rem);
}
.show_page_anim .flat_room_num {
opacity: 1;
transform: translateY(0);
transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.flat_section_wr{
display:inline-flex;
align-items: center;
}
.flat_section{
padding:0 7px;
display:flex;
transform: translateY(3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_section{
transform: translateY(0rem);
opacity: 1;
transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.flat_sect{
color:#003154;
font-size: 2.1rem;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
margin-right: 1rem;
}
.flat_sect_number{
color:#795b31;
font-size: 2.1rem;
font-weight: 700;
text-transform: uppercase;
}
.flat_plan{
position: relative;
margin: auto;
width: 60rem;
height: 60rem;
width: 100%;
height: calc(100%);
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_plan{
opacity: 1;
transform: translateY(0rem);
transition: .9s opacity 0.9s cubic-bezier(.19,1,.22,1), .9s transform 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_plan_small {
height: calc(100vh - 43rem);
}
.flat_type{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_type_1{
transform: translateX(-5rem)
}
.flat_type_2{
transform: translateX(5rem);
}
.flat_type_active{
transition: 0.9s opacity 0.5s cubic-bezier(.19,1,.22,1), 0.9s transform 0.5s cubic-bezier(.19,1,.22,1);
opacity:1;
transform: translateX(0rem);
}
.flat_img_wr{
height: 100%;
position: relative;
width: 100%;
}
.flat_img{
max-width:100%;
max-height:100%;
display: block;
top: 0;
bottom: 0;
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.change_view_wr{
display: flex;
justify-content: center;
background: #ebeff2;
border-radius: 20px;
margin-bottom: 3.5vh;
align-items: center;
transform: translateX(-3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .change_view_wr{
transform: translateX(0rem);
opacity: 1;
transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.change_view {
position: relative;
z-index: 1;
cursor: pointer;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
width: 50%;
text-align: center;
padding: 1rem 1rem;
}
.change_view:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #003154;
}
.change_view:hover:before {
box-shadow: inset 0 0 0 3rem #003154;
}
.change_view_active:before {
box-shadow: inset 0 0 0 3rem #003154;
pointer-events: none;
}
.txt_floor{
font-weight: 700;
text-transform: uppercase;
font-size: 2rem;
color: #003154;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.change_view:hover .txt_floor{
color: #fff;
}
.change_view_active .txt_floor {
color: #fff;
}
.switcher_static_bg {
width: 6rem;
height: 1.5rem;
background-color: #efefef;
box-shadow: inset 0 0 0.5rem lightgrey;
border-radius: 1rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.switcher_static_color {
width: 4.5rem;
height: 0.6rem;
background: linear-gradient(to right, rgb(232,120,39) 0%, rgb(250,208,35) 98%);
border-radius: 0.8rem;
position: relative;
}
.switcher_move_bg {
position: absolute;
top: 0;
left: 0;
transform: translateY(-1.1rem);
width: 3rem;
height: 3rem;
border-radius: 50%;
background-color: #efefef;
box-shadow: inset 0 0 2px lightgrey;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.switcher_static_bg:hover .switcher_move_bg{
box-shadow: inset 0 0 0.5rem lightgrey, 0 0 5px 1px rgb(212, 171, 65);
}
.switcher_mone_color {
width: 1rem;
height: 1rem;
background-color: #e98225;
border-radius: 50%;
box-shadow: inset 1px 1px 4px #a0551f;
}
.switcher_right {
left: calc(100% - 1.5rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.expl_wrap{
margin-top:3vh;
}
.flat_name{
text-transform: uppercase;
color: #003154;
font-size: 5rem;
line-height: 0.8;
font-weight: 700;
margin-bottom: 2.5vh;
transform: translateX(-3rem);
opacity: 0;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_name{
transform: translateX(0rem);
opacity: 1;
transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.flat_area{
display: flex;
position: relative;
width: 100%;
background: #ebeff2;
padding: 1rem 0;
margin-bottom: 3vh;
border-radius: 20px;
opacity: 0;
transform: translateX(-3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .flat_area{
transform: translateX(0rem);
opacity: 1;
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.flat_area_div{
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 1.4rem;
position: relative;
}
.flat_area_div:before{
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: calc(100% + 2rem);
border-radius: 15px;
transform: translateY(-50%);
background: #033356;
z-index: -1;
}
.flat_area_text{
font-size: 1.8rem;
color: #003154;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.flat_area_line_1{
height: 1px;
margin: 1rem 0;
width: 100%;
background: #ede1cf;
opacity: 0.2;
}
.flat_area_line_2{
height: 1px;
margin: 1rem 0;
width: 100%;
background: #033356;
opacity: 0.2;
}
.flat_area_text_div{
display: flex;
flex-direction: column;
justify-content: center;
padding: 0rem 1rem;
flex-grow: 1;
}
.flat_area_number{
font-size: 2.2rem;
font-weight: 700;
color:#ede1cf;
line-height: 0.8;
}
.flat_area_number sup{
font-size: 1rem;
position: absolute;
bottom: 50%;
left: 100%;
}
.flat_area_number span{
font-size: 2rem;
position: relative;
}
.flat_on_floor_wr{
position: absolute;
left: 7rem;
top: 27vh;
margin-top: 10rem;
width: 16.7rem;
height: 13.5rem;
}
.flat_on_floor_img{
width:100%;
position: absolute;
}
#flat_on_floor__svg{
}
.download_pdf_wr {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
min-height: 4.8rem;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #eadbc6;
padding: 0 1rem;
}
.download_pdf_wr:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #eadbc6;
}
.download_pdf_wr:hover:before {
box-shadow: inset 0 0 0 4rem #eadbc6;
}
.download_pdf_text{
color: #003154;
text-transform: uppercase;
font-weight: 700;
font-size: 1.8rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.download_pdf_icon{
width: 1.8rem;
margin-left: 1rem;
height: auto;
position: relative;
}
.download_pdf_icon path{
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.download_pdf_wr:hover path{
}
.floor_consult_btn {
margin-top: 1.5vh;
position: relative;
cursor: pointer;
background: #ffd21f;
display: flex;
align-items: center;
justify-content: center;
min-height: 4.8rem;
border-radius: 25px;
box-shadow: inset 0 0 0 0px #003154;
padding: 0 1rem;
}
.show_page_anim .floor_consult_btn {
opacity: 1;
transform: translateX(0);
transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
}
.floor_consult_btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #003154;
}
.floor_consult_btn:hover:before {
box-shadow: inset 0 0 0 4rem #003154;
}
.floor_consult_btn_text {
color: #003154;
text-transform: uppercase;
font-weight: 700;
font-size: 1.8rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_consult_btn:hover .floor_consult_btn_text{
color:#fff;
}
.flat_price_wrap{
margin-top: 1.5vh;
background: #003154;
border-radius: 20px;
padding: 1.1rem 0 1.3rem;
}
.flat_price_wr{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0rem 2rem;
min-height: 4.8rem;
}
.flat_price_title{
color: #ffd21f;
font-weight: 700;
font-size: 2.1rem;
text-transform: uppercase;
text-align: center;
margin-bottom: 1.1rem;
}
.flat_info{
display: flex;
justify-content: space-around;
}
.flat_price_number{
color:#ede1cf;
font-weight: 700;
font-size: 2.8rem;
}
.flat_price_number span{
font-weight: 700;
font-size: 1.8rem;
}
.flat_info_text{
color:#fff;
font-size: 1.5rem;
}
.flat_price_action_wrap{
margin-top: 1.5vh;
background: #003154;
border-radius: 20px;
padding: 1.1rem 0 1.3rem;
}
.flat_price_action_title{
color: #ffd21f;
font-weight: 700;
font-size: 2.1rem;
text-transform: uppercase;
text-align: center;
margin-bottom: 1.1rem;
}
.flat_info_action{
display: flex;
justify-content: space-around;
}
.flat_info_action_left{
display: flex;
flex-direction: column;
}
.flat_info_action_old_price{
color:#ede1cf;
font-size: 2.8rem;
font-weight: 700;
opacity: 0.22;
line-height: 0.9;
white-space: nowrap;
position: relative;
padding: 0 1rem;
text-align: center;
}
.flat_info_action_old_price:after{
content: '';
position: absolute;
width: 100%;
height: 2px;
background: #ede1cf;
left: 0;
top: 50%;
}
.flat_info_action_old_price span{
font-size: 1.8rem;
font-weight: 700;
}
.flat_info_action_line{
opacity: 0.22;
width: 100%;
height: 1px;
position: relative;
background: #ede1cf;
margin: 0.9rem 0;
}
.flat_info_action_new_price{
color:#ede1cf;
font-size: 2.8rem;
font-weight: 700;
line-height: 0.9;
white-space: nowrap;
padding: 0 1rem;
text-align: center;
}
.flat_info_action_new_price span{
font-size: 1.8rem;
font-weight: 700;
}
.flat_info_action_right{
}
.flat_info_action_salle{
color: #ede1cf;
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.flat_info_action_text{
color:#fff;
font-size: 1.5rem;
}
.price_btn{
margin-top: 1.5vh;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
min-height: 4.8rem;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #003154;
padding: 0 1rem;
}
.price_btn:before {
background: #003154;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #fff;
}
.price_btn:hover:before {
box-shadow: inset 0 0 0 4rem #fff;
}
.price_btn_text{
color: #ffd21f;
text-transform: uppercase;
font-weight: 700;
font-size: 2.1rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.price_btn:hover .price_btn_text{
color: #003154;
}
.kredit_wr{
display: flex;
align-items: center;
margin-top: 3vh;
padding: 0 2rem;
justify-content: space-between;
}
.kredit_text{
color: #033356;
font-size: 1.6rem;
text-transform: uppercase;
}
.kredit_link{
margin-left: 2rem;
width:11rem;
display: block;
}
.kredit_link img{
width: 100%;
display: block;
}
.flat_calc_link{
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
min-height: 4.8rem;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #eadbc6;
padding: 0 1rem;
color: #003154;
text-transform: uppercase;
font-weight: 700;
font-size: 1.5rem;
margin-top: 1.5vh;
text-align: center;
}
.flat_calc_link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #eadbc6;
}
.flat_calc_link:hover:before {
box-shadow: inset 0 0 0 4rem #eadbc6;
}
/* ========================================
/* END FLAT
======================================== */
/* ========================================
/* FILTER
======================================== */
.fil_page{
position: relative;
width:100%;
height: 100%;
z-index: -2;
}
.fil_wrap{
width: 100%;
height: 100%;
position: absolute;
display: flex;
padding: 10.3rem 0 0rem;
}
.fil_par_wr{
text-align: center;
padding: 0 2.5rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filter_tittle {
color: #003154;
line-height: 0.8;
font-size: 6.4rem;
margin-bottom: 4.5vh;
font-weight: 700;
text-align: center;
text-transform: uppercase;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .filter_tittle{
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.flats_queue_wr {
margin-bottom: 4.5vh;
opacity: 0;
transform: translateY(2rem);
}
.show_page_anim .flats_queue_wr {
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.flats_queue_title_wr{
display:flex;
justify-content: center;
}
.flats_queue_title {
font-size: 1.9rem;
font-weight: 700;
text-align: center;
color: #003154;
background: #ede1cf;
border-radius: 25px;
line-height: 0.8;
padding: 1.1rem 1.9rem;
}
.level_num_wr{
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
margin: 4.5vh 0 0;
}
.queue_num_wr {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
margin: 1.5rem 0;
}
.queue_num_wr_big{
display: flex;
align-items: center;
width: 100%;
margin: 1.5rem 0;
justify-content: space-between;
white-space: nowrap;
}
.level_num_cont {
display: flex;
align-items: center;
cursor: pointer;
width: 50%;
}
.queue_num_cont {
display: flex;
align-items: center;
cursor: pointer;
margin: 0 0.5rem 1rem;
}
.queue_num_cont_active{
}
.queue_num_cont_big{
width: auto;
}
.queue_num_checkbox {
width: 2.4rem;
height: 2.4rem;
padding: 0.5rem;
margin-right: 0.5rem;
box-shadow:inset 0 0 0 2px #ede1cf;
position: relative;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 8px;
}
.queue_num_cont:hover .queue_num_checkbox,
.level_num_cont:hover .queue_num_checkbox{
box-shadow:inset 0 0 0 2rem #ede1cf;
}
.queue_num_checkbox .check_wr{
right: 0;
left: 0;
margin: auto;
}
.queue_num_cont_active .check_1:after {
transform: translateY(0%);
transition: all 0.3s;
transition: all 0.1s;
}
.queue_num_cont_active .check_2:after {
transform: translateX(0%);
}
.queue_num_txt {
font-size: 1.9rem;
color: #003154;
font-weight: 700;
}
.queue_num_txt_big{
font-size: 1.6rem;
color: #1e2735;
padding-top: 0.5rem;
}
.fil_polz_wrap {
width: 43rem;
}
.fil_polz_wr{
margin-bottom: 4vh;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr:nth-child(1){
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr:nth-child(2){
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr:nth-child(3){
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr:nth-child(4){
opacity: 1;
transform: translateY(0rem);
transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr:nth-child(5){
opacity: 1;
transform: translateY(0rem);
transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr:nth-child(6){
opacity: 1;
transform: translateY(0rem);
transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr:nth-child(7){
opacity: 1;
transform: translateY(0rem);
transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_wr:nth-child(8){
opacity: 1;
transform: translateY(0rem);
transition: .9s all 1.3s cubic-bezier(.19,1,.22,1);
}
.fil_polz_tittle{
font-size: 1.9rem;
color:#003154;
font-weight: 700;
margin-top: 1.5rem;
margin-bottom: 1rem;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_polz_tittle{
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.fil_par_wr sup{
font-size: 1.2rem;
}
.fil_par_polzunok{
}
.fil_polz_values{
display: flex;
justify-content: space-between;
margin-top: 1rem;
}
.fil_polz_val{
font-size: 2.1rem;
color: #003154;
text-align: center;
}
.fil_polz_bg .fil_polz_val:first-child{
width: 7rem;
padding-right:1rem;
}
.fil_polz_bg .fil_polz_val:last-child{
width: 7rem;
padding-left: 2rem;
}
.fil_polz_tittle_2{
font-size: 1.8rem;
color:#4b415a;
margin-top: 1.5rem;
text-align: left;
}
.fil_checkbox{
display: flex;
margin-top: 1rem;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_checkbox{
opacity: 1;
transform: translateY(0rem);
transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.checkbox_wr{
margin-right: 3rem;
display: flex;
cursor: pointer;
position: relative;
align-items: center;
}
.checkbox{
width:3rem;
height: 3rem;
border: 2px solid rgba(75, 65, 90, 0.4);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-bottom-right-radius: 9px;
border-top-left-radius: 9px;
}
.checkbox_wr:hover .checkbox{
border: 2px solid #4b415a;
}
.checkbox_active{
}
.checkbox_tittle{
font-size: 2.8rem;
margin-left: 0.5rem;
color:#4b415a;
}
.fil_btn_done {
border-radius: 25px;
text-transform: uppercase;
font-size: 2.1rem;
color: #fff;
padding: 1.2rem 4.7rem;
margin: auto;
font-weight: 700;
background: #003154;
margin-top: 3vh;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
cursor: pointer;
border: 2px solid #003154;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_btn_done{
opacity: 1;
transform: translateY(0rem);
transition:all 0.9s cubic-bezier(.19,1,.22,1), .9s opacity 1s cubic-bezier(.19,1,.22,1), .9s transform 1s cubic-bezier(.19,1,.22,1);
}
.fil_btn_done:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #fff;
}
.fil_btn_done:hover:before {
box-shadow: inset 0 0 0 4rem #fff;
}
.fil_btn_done_text{
position: relative;
z-index: 1;
}
.fil_btn_done:hover .fil_btn_done_text{
color:#003154;
}
.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%;
background: none;
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-state-default:hover,.fil_polz_wr .ui-widget-content .ui-state-default:hover,.fil_polz_wr .ui-widget-header .ui-state-default:hover{
box-shadow: inset 0 0 0.5rem lightgrey, 0 0 5px 1px rgb(212, 171, 65);
}
.fil_polz_wr .ui-state-default:after, .fil_polz_wr .ui-widget-content .ui-state-default:after, .fil_polz_wr .ui-widget-header .ui-state-default:after {
content: "";
width: 100%;
height: 100%;
background-color: #ede1cf;
border-radius: 8px;
box-shadow: inset 0px 0 0px 3px #003154;
transform: rotate(45deg);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_polz_wr .ui-state-default:hover:after{
box-shadow: inset 0px 0 0px 2rem #003154;
}
.fil_polz_wr .ui-slider-horizontal {
display: flex;
align-items: center;
justify-content: space-around;
width: 23rem;
height: 4px!important;
margin: auto;
border: none;
border-radius: 1rem;
background: none;
}
.fil_polz_wr .ui-slider-horizontal:after {
content: "";
width: 93%;
height: 100%;
background-color: #ede1cf;
border-radius: 5rem;
}
.fil_polz_wr .ui-slider-horizontal .ui-slider-range {
top: 0rem !important;
height: 4px!important;
background: #003154;
}
.fil_polz_wr .ui-widget-header{
background:#4b415a;
}
.fil_check_wr{
width: 14px;
height: 9px;
position: absolute;
top: 45%;
transform: translateY(-50%) rotate(-45deg) scale(0.8);
z-index: 1;
left: 0.6rem;
overflow: hidden;
}
.checkbox_active .check_1:after{
transform: translateY(0%);
transition: all 0.3s;
}
.checkbox_active .check_2:after {
transform: translateX(0%);
}
.fil_wrap .check_1:before,
.fil_wrap .check_1:after,
.fil_wrap .check_2:before,
.fil_wrap .check_2:after,
.flats_wrap .check_1:before,
.flats_wrap .check_1:after,
.flats_wrap .check_2:before,
.flats_wrap .check_2:after{
background-color: #1e2735;
}
.fil_polz_bg{
padding: 1rem 0rem;
display: flex;
}
.fil_res_wrap {
width: calc(100% - 42.3rem);
padding-left: 2vw;
height: 100%;
position: relative;
min-width: 683px;
padding-right: 10rem;
padding-top: 5rem;
background: url(../img/bg_filter.jpg) no-repeat;
background-size: cover;
}
.fil_res_count_wr {
display:flex;
justify-content: space-between;
margin-bottom: 1rem;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_res_count_wr{
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.fil_res_count{
color: #003154;
font-size: 3.6rem;
font-weight: 700;
margin-left: 0.9%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_res_count span{
margin-left: 1rem;
color: #795b31;
}
.fil_flat_link{
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
min-height: 4.8rem;
border-radius: 25px;
box-shadow: inset 0 0 0 0px #003154;
padding: 0 2.3rem;
color: #ffd21f;
text-transform: uppercase;
font-weight: 700;
font-size: 2.1rem;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
margin-right: 1.1rem;
z-index: 1;
border: 2px solid #003154;
}
.fil_flat_link:hover {
color: #003154;
}
.fil_flat_link:before {
background: #003154;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: calc(100%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
border-radius: 25px;
box-shadow: inset 0 0 0 0rem #fff;
}
.fil_flat_link:hover:before {
box-shadow: inset 0 0 0 4rem #fff;
}
.fil_flat_link_text{
position: relative;
}
.fil_res_wr{
position: absolute;
width: calc(100% - 3vw);
height: calc(100% - 12rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filter_text{
height: 8rem;
width: calc(100% - 3vw);
overflow: hidden;
margin-top: 3rem;
color: #929292;
font-size: 1.6rem;
}
.fil_res_scroll{
height: 100%;
}
.fil_res_cont{
display: flex;
flex-wrap: wrap;
padding: 0 0.8rem;
padding-top: 1rem;
}
.fil_fl_wr{
display: block;
background: white;
margin: 2%;
margin-top: 0;
margin-left: 0;
position: relative;
width: 23.8%;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
margin: 0.6% 0.6%;
box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 11.12px 0.88px rgba(0, 49, 84, 0.11);
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr{
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(1){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(2){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(3){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(4){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(5){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 1s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(6){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(7){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .fil_fl_wr:nth-child(8){
opacity: 1;
transform: translateY(0rem);
transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1), box-shadow 0.5s cubic-bezier(.19,1,.22,1);
}
.fil_fl_cont{
padding-bottom: 1rem;
padding-top: 2rem;
position: relative;
box-shadow: inset 0 0 0 0rem #003154;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_fl_wr:hover .fil_fl_cont{
box-shadow: inset 0 0 0 1rem #003154;
}
.fil_fl_top{
display: flex;
justify-content: space-between;
position: relative;
z-index: 2;
align-items: center;
}
.fil_fl_type{
font-size: 2.8rem;
font-weight: 700;
color:#fff;
background:#003154;
width: 8.2rem;
height: 4.8rem;
display: flex;
text-transform: uppercase;
align-items: center;
justify-content: center;
}
.fil_fl_area {
height: 4.8rem;
width: calc(100% - 8.2rem);
text-align: center;
background-color: #fff8de;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: inset 0 0 0 0rem #003154;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_fl_wr:hover .fil_fl_area{
box-shadow: inset 0 0 0 3rem #003154;
}
.fil_fl_space{
color:#003154;
font-size: 1.6rem;
font-weight: 700;
}
.fil_fl_space sup{
font-size: 1rem;
}
.fil_fl_wr:hover .fil_fl_space{
color: #fff;
}
.fil_fl_bot{
width: 94%;
height: 22.2rem;
display: flex;
margin: auto;
align-items: center;
justify-content: center;
}
.fil_fl_dom_wr{
display:flex;
padding: 0 1rem;
margin: 1rem 0 0;
justify-content: center;
}
.fil_fl_dom{
color: #003154;
font-weight: 700;
font-size: 1.8rem;
margin-right: 1rem;
}
.fil_fl_dom span{
color: #795b31;
}
.fil_fl_dom:last-child{
margin:0;
}
.fil_fl_img{
max-width: 100%;
max-height: 100%;
}
body .fil_page .mCSB_scrollTools .mCSB_dragger{
background: #003154;
}
/* ========================================
/* END FILTER
======================================== */
/* ========================================
/* UMOVU
======================================== */
.umovu_wrap{
position: relative;
width: 100%;
height: 100%;
background: url(../img/bg_umovu.jpg) no-repeat;
background-size: cover;
background-position: bottom;
padding: 19vh 10vw;
}
.cloud_umovu_1{
position: absolute;
top: -28rem;
right: -25rem;
width: 97.2rem;
display: block;
}
.cloud_umovu_2{
position: absolute;
top: 0rem;
left: 8rem;
width: 97.2rem;
display: block;
}
.umovu_wr {
position: relative;
width: 100%;
}
.show_page_anim .umovu_wr {
}
.umovu_tittle {
position: relative;
padding: 0 2rem;
font-size: 4.8rem;
font-weight: 600;
color: #003154;
text-transform: uppercase;
line-height: 0.9;
margin-bottom: 4vh;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.show_page_anim .umovu_tittle {
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
opacity: 1;
transform: translateY(0%);
}
.umovu_text{
position: relative;
padding: 0 2rem;
font-size: 1.8rem;
color: #103865;
margin-bottom: 3vh;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.show_page_anim .umovu_text {
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
opacity: 1;
transform: translateY(0%);
}
.umovu_flex_wr {
height: 100%;
display: flex;
justify-content: space-between;
}
.umova {
position: relative;
width: calc(50% - 4rem);
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.show_page_anim .umova:nth-child(1) {
opacity: 1;
transform: translateY(0%);
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}
.show_page_anim .umova:nth-child(2) {
opacity: 1;
transform: translateY(0%);
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}
.umova:last-child {
margin: 0px;
}
.umova a{
color: #795b31;
text-decoration: underline;
}
.umova a:hover{
text-decoration: none;
}
.umova_title {
font-size: 2.4rem;
margin-bottom: 3vh;
color: #003154;
border-radius: 25px;
font-weight: 700;
padding: 1.5rem 2.5rem;
}
.umova:first-child .umova_title{
background: #f2ead0;
}
.umova:last-child .umova_title{
background: #c6d6e3;
}
.umova_text {
color:#103865;
font-size: 1.6rem;
padding: 0 3rem;
padding-right: 2rem;
}
.umova_text ul {
list-style: none;
}
.umova_text li {
font-size: 1.6rem;
position: relative;
padding-left: 2rem;
margin-bottom: 2.4vh;
}
.umova_text li:last-child {
margin: 0px;
}
.umova_text li::before {
content: "";
position: absolute;
top: 0.8rem;
left: 2px;
width: 7px;
height: 7px;
background: #795b31;
border-radius: 50%;
}
.umova_text li b{
color:#795b31;
font-weight: 700;
}
.umova_dop_text_wr {
margin-top: 4vh;
}
.umova_dop_text{
color: #103865;
font-size: 1.6rem;
padding: 0 2rem;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.show_page_anim .umova_dop_text {
opacity: 1;
transform: translateY(0%);
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}
/* ========================================
/* END UMOVU
======================================== */
/* ========================================
/* ERROR PAGE
======================================== */
.error_wrap{
position: relative;
height: 100%;
justify-content: center;
}
.error_wr{
width: 100%;
height: 100%;
display: flex;
padding: 8rem 0 0;
padding-bottom: 5rem;
position: relative;
}
.error_cont{
width: 115.5rem;
align-self: center;
display:flex;
justify-content: center;
align-items: center;
}
.error_info{
text-align: center;
}
.error_number{
font-size: 27rem;
color: #facb23;
line-height: 0.8;
margin-bottom: 2rem;
}
.error_text{
font-size: 1.6rem;
text-align: center;
margin-bottom: 3rem;
}
.error_btn{
display: inline-block;
padding: 1rem 2rem;
text-transform: uppercase;
margin-top: 2vh;
position: relative;
cursor: pointer;
}
.error_btn_text{
color: #1d1d1d;
font-size: 1.8rem;
position: relative;
z-index: 1;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.error_btn:hover .error_btn_text {
color: #fff;
}
/* ========================================
/* END ERROR PAGE
======================================== */
/* ========================================
/* WINDOWS VIEW
======================================== */
.windows_wrap {
height: 100%;
}
.windows_wr {
height: 100%;
}
/* ========================================
/* END WINDOWS VIEW
======================================== */
/* ========================================
/* BINOTEL
======================================== */
#bingc-phone-button{
display:none!important;
}
/* ========================================
/* END BINOTEL
======================================== */
/* ========================================
/* TIMER
======================================== */
.timmer_wrap{
display:flex;
margin-top: 2.5rem;
justify-content: center;
}
.timmer_wr{
}
.timmer_title{
color:#fff;
font-size: 1.8rem;
text-transform: uppercase;
font-weight: 700;
text-align: center;
}
#countdown{
display:inline-flex;
list-style: none;
}
.timmer_li{
padding: 0.6rem 0;
font-size: 3rem;
color:#10486d;
font-weight: bold;
width: 6.4rem;
text-align: center;
margin: 0 0.6rem;
}
.timmer_line{
width: 1px;
background: rgba(14, 63, 97, 0.2);
}
#countdown span{
width: 100%;
height: 100%;
height: 3.6rem;
background: url(../img/bg_timer_new.png) no-repeat;
background-size: contain;
letter-spacing: 1.2rem;
display: inline-block;
padding-left: 0.7rem;
}
#countdown p{
font-size: 1.5rem;
color:#fff;
}
/* ========================================
/* END TIMER
======================================== */
/* ========================================
/* COOKIES
======================================== */
.coockies_pop_wr{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 3rem 7rem;
background: #fff;
display: flex;
align-items: center;
background-color: rgba(255, 255, 255, 0.9);
z-index: 2;
/* opacity: 0;
transform: translateY(-102%);*/
transition: all 0.9s cubic-bezier(.19,1,.22,1);
background: rgb(6 31 49 / 0.7);
padding: 1rem 4rem;
}
.show_page_anim .coockies_pop_wr{
opacity: 1;
transform: translateY(0);
transition: 0.9s all 0s cubic-bezier(.19,1,.22,1);
}
.coockies_pop_wr.coockies_pop_wr_hide{
opacity: 0;
pointer-events: none;
transform: translateY(-102%);
transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.coockies_pop_text{
font-size: 1.6rem;
color: #fff;
}
.coockies_pop_text a{
color: #fff;
text-decoration: underline;
}
.coockies_pop_text a:hover{
text-decoration: none;
}
.coockies_pop_btns{
}
.coockies_pop_btn{
display: inline-block;
font-weight: 700;
color: #fff;
font-size: 1.2rem;
text-transform: uppercase;
background: #003154;
border-radius: 25px;
padding: 1.2rem 3.3rem;
position: relative;
z-index: 1;
margin: 0 2rem;
}
.coockies_pop_btn:hover {
color: #003154;
}
.coockies_pop_btn:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 25px;
transition: all 0.9s cubic-bezier(.19,1,.22,1);
z-index: -1;
box-shadow: inset 0 0 0 0px #fff;
}
.coockies_pop_btn:hover:before {
box-shadow: inset 0 0 0 5rem #fff;
}
.coockies_wrap {
position: relative;
width: 100%;
min-height: calc(100vh - 25.4rem);
background: url(../img/bg_umovu.jpg) no-repeat;
background-size: cover;
background-position: bottom;
padding: 19vh 10vw 10vh;
z-index: 1;
min-height: calc(100vh - 24.8rem);
}
.tariffs_page{
background:#fff;
}
.tariffs_page:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 115rem;
background: linear-gradient(to bottom, #bed5e7, transparent);
z-index: -1;
}
.cloud_coockies_1 {
position: absolute;
top: -28rem;
right: -25rem;
width: 97.2rem;
display: block;
}
.cloud_coockies_2 {
position: absolute;
top: 0rem;
left: 8rem;
width: 97.2rem;
display: block;
}
.coockies_wr {
position: relative;
width: 100%;
height: 100%;
}
.coockies_tittle {
position: relative;
padding: 0 2rem;
font-size: 4.8rem;
font-weight: 600;
color: #003154;
text-transform: uppercase;
line-height: 0.9;
margin-bottom: 4vh;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.show_page_anim .coockies_tittle {
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
opacity: 1;
transform: translateY(0%);
}
.coockies_text {
position: relative;
padding: 0 2rem;
font-size: 1.8rem;
color: #103865;
margin-bottom: 3vh;
opacity: 0;
transform: translateY(3rem);
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.show_page_anim .coockies_text {
transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
opacity: 1;
transform: translateY(0%);
}
.coockies_text h3,
.coockies_text h4{
margin: 2rem 0;
}
.coockies_text p{
margin: 1rem 0;
}
.coockies_text ul{
list-style: none;
margin: 2rem 0;
}
.coockies_text li{
padding-left: 2rem;
position: relative;
margin-bottom: 1rem;
}
.coockies_text li:before{
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
background: #112c41;
left: 0;
top: 0.8rem;
position: absolute;
}
.coockies_text a {
color: #795b31;
text-decoration: underline;
}
.coockies_text a:hover {
text-decoration: none;
}
.coockies_text table{
width: 100%;
margin: 2rem 0;
border-collapse: collapse;
}
.coockies_text tr{
}
.coockies_text th{
background: #c6d6e3;
padding: 1.2rem 2rem;
font-size: 2rem;
}
.coockies_text th:first-child{
border-radius: 50px 0 0 50px;
}
.coockies_text th:last-child{
border-radius:0 50px 50px 0;
}
.coockies_text td{
text-align: center;
padding: 0.7rem 1rem;
border-bottom: 1px solid #c6d6e3;
}
/* ========================================
/* END COOKIES
======================================== */
@media screen and (max-width: 1680px), (max-height: 800px) {
html {
font-size: 9px;
}
.menu_tel {
font-size: 2rem;
}
.menu_adress_text {
font-size: 1.3rem;
}
.main_per_big_icon_wr {
width: 29.2rem;
}
.main_per_big_title {
font-size: 6rem;
margin-bottom: 1rem;
}
.main_per_big_text {
font-size: 2.7rem;
}
.main_dev_project_img {
margin-bottom: 1.4vh;
}
.main_dev_projects_title {
font-size: 3.1rem;
}
.main_dev_project_title {
font-size: 2.2rem;
}
.main_dev_text {
font-size: 1.8rem;
margin-bottom: 2vh;
}
.main_infra_oboz_text {
font-size: 2.2rem;
margin-left: 2.2rem;
}
.main_infra_oboz_img_wr {
width: 8rem;
height: 8rem;
}
.main_infra_marker_jk {
width: 17.4rem;
}
.umova_title {
font-size: 2rem;
}
.umova_text li {
font-size: 1.5rem;
}
.one_new_anons {
height: 9rem;
}
.news_title_wr {
margin-bottom: 3vh;
}
.one_new_title {
font-size: 2.4rem;
margin-bottom: 1rem;
}
.one_new_anons {
font-size: 1.6rem;
}
.flat_area_number {
font-size: 2.2rem;
}
.flat_area_text {
font-size: 1.5rem;
}
/*.flat_name {
font-size: 6.4rem;
}*/
.filter_tittle {
font-size: 5rem;
margin-bottom: 3.5vh;
}
.queue_num_txt {
font-size: 1.6rem;
}
.fil_polz_tittle {
margin-bottom: 0rem;
}
.fil_btn_done {
font-size: 1.6rem;
}
body .main_flats_prev{
right: calc(100% + 0rem);
}
body .main_flats_next{
left: calc(100% + 0rem);
}
.umovu_text {
font-size: 1.4rem;
}
.umovu_tittle {
font-size: 3.8rem;
margin-bottom: 2vh;
}
.main_contacts_second_title{
font-size: 2.2rem;
}
.back_btn_wr{
min-height: 2.8rem;
}
.back_btn_text{
font-size: 1.5rem;
}
}
/*@media screen and (max-width: 1280px), (max-height: 600px) {*/
@media screen and (max-width: 1420px), (max-height: 600px) {
html {
font-size: 8px;
}
.one_new_date {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.one_new_date span {
font-size: 2.2rem;
}
.one_new_anons {
height: 8rem;
}
.hb_tittle {
margin-right: 4rem;
font-size: 3.4rem;
}
.main_flats_link_wr {
padding: 1.4rem 4.5rem;
}
.main_contacts_title {
font-size: 5.8rem;
}
.main_contacts_info {
margin-bottom: 3vh;
}
.main_contacts_text {
margin-bottom: 3vh;
}
.main_infra_oboz_text {
font-size: 2rem;
margin-left: 2rem;
}
.main_infra_oboz_img_wr {
width: 7rem;
height: 7rem;
}
.main_infra_marker_jk {
width: 15.4rem;
}
.main_infra_oboz_img_bg {
border-radius: 15px;
}
.menu_ul {
margin: 0px 0.2vw;
}
.menu_a {
font-size: 1.6rem;
}
.expl_wrap {
}
.flat_left {
padding-top: 3vh;
}
.floor_wrap_left{
padding-top: 3vh;
}
.txt_floor {
font-size: 1.4rem;
}
.back_btn_text,
.download_pdf_text,
.price_btn_text,
.floor_consult_btn_text {
font-size: 1.5rem;
}
.compas_img {
width: 2.8rem;
}
.flats_wrap {
padding-top: 9.3rem;
}
.section_marker {
font-size: 1.4rem;
}
.fil_fl_space {
font-size: 1.3rem;
}
.umovu_wrap {
padding: 16vh 10vw;
}
.umova_title {
font-size: 1.4rem;
padding: 1.2rem 2rem;
margin-bottom: 2vh;
}
.flat_info_action_old_price {font-size: 2.5rem;}
.flat_info_action_new_price {font-size: 2.5rem;}
}