body{

    overflow: hidden;

}

#section_4{

    position: absolute;

    width: 100%;

    height: calc(100% - 174px);

    box-sizing: border-box;

    overflow-y: scroll;

    justify-content: center;

    padding:5% 20%;

}

.cal_info{
    position: absolute;
    top: 50%;
    background-color: black;
    color: white;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
}

.ludwig {

    position: relative;

    padding-left: 1em;

    border-left: 0.2em solid rgba(0, 0, 0, 0.3);

    line-height: 1.5em;

    font-weight: bold;

}

#window_fb{

    background-color:black;

    height:500px;

    width:700px;

    position:absolute;

    left:50%;

    transform: translateX(-50%);

}



.fb_1{

width:500px;

}

.square_meters{

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 99;

    background-color: rgba(0,0,0,.7);

    padding: 10px;

    color: white;

}

#section_2,

#section_3,

#section_4,

#section_5

{

z-index:9 ;



}

#main_right_photo,

#main_text{

    transition: opacity ease-in-out 1.5s;

}

.main_aboutRoom-slider{

    background:black;

}



.about_title{

    font-size:1.5rem;

    font-weight: bold;

    margin-bottom: 25px;

    margin-left:25px;

}

.about_semi_title{

    padding:25px;

    margin-top:25px;

    display: inline-block;

    font-weight: bold;

}

/********************************************





Plan modal





*********************************************/

.plan_buttons{

    display:flex;

    width:100%;

    justify-content: space-around;

}

.apartments_info{

    background: black;

    color: white;

    padding: 15px;

    margin-top: 20px;

}

.plan_close{

    color: black;

    padding: 10px;

    margin: 10px;

    background: white;

    border-radius: 3px;

    width: 40%;

    text-align: center;

    cursor: pointer;

}

.plan_whole{

    color: black;

    padding: 10px;

    margin: 10px;

    background: white;

    border-radius: 3px;

    width: 40%;

    text-align: center;

    cursor: pointer;

}

#plan_change_1_c,

#plan_change_2_c,

#plan_change_3_c,

#plan_change_4_c{

    display:none;

}

.plan_modal{

    position:absolute;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.8);

    z-index: -10;

    top:0;

    left:0;

    opacity:0;

    transition: opacity 0.5s ease-in-out;

    display:flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    padding-top:15px;

    padding-bottom:15px;

    box-sizing: border-box;

}

.plan_modal_container{

    position: relative;

    width:90%;

    height:90%;

    overflow: hidden;

    display:flex;

    align-items: center;

    justify-content: center;

}



.plan_modal_container img{

    object-fit: contain ;

}

#main_img_container{

    display:flex;

    justify-content: center;

}

.gallery_btns{

    bottom:10px;

    left:50%;

    transform:translateX(-50%);

    position:absolute;

    display: flex;

    align-items:center ;

    background-color:rgba(0, 0, 0, .7);

    border-radius: 30px;

    padding:15px 0px 15px 15px;

    z-index:999;



}

.gallery_btn{

    width:19px;

    height:19px;

    background-color: transparent;

    border:1px solid white;

    border-radius: 50%;

    margin-right:15px;

    cursor: pointer;

    transition: transform 0.4s ease-out;

}

.gallery_btn:hover{

    background-color:white;

}

.gallery_btn.active{

    background-color:white;

}



/*************



Placeholder modal





**************/



#placeholder_modal{

    position: fixed;

    display:flex;

    width:100%;

    height:100%;

    z-index:999;

    opacity:1;

    transition:opacity 0.5s ease-out;

    top:0;

    left:0;

    background-color:white;

    align-items: center;

    justify-content: center;

}

.placeholder_content{

    width:160px;

    height: 160px;

    position: relative;

    padding:30px;

    display: flex;

    align-items: center;

}

.placeholder_content img{

    object-fit: contain;

    width: 100%;

}

.l_circle{

    position: absolute;

    top:0;

    left:0;

    border:2px solid transparent;

    border-top-color: black;

    border-radius: 50%;

}

.l_circle.l_1{

    width:100%;

    height:100%;

    animation: preload 1s infinite;

    animation-timing-function: linear;

}

.l_circle.l_2{

    top:-5%;

    left:-5%;

    width:110%;

    height:110%;

    animation: preload 1.5s infinite;

    animation-timing-function: linear;

}

.l_circle.l_3{

    top:-10%;

    left:-10%;

    width:120%;

    height:120%;

    animation: preload 2s infinite;

    animation-timing-function: linear;

}

@keyframes preload {

    0% {transform: rotate(0deg);}

    50% {transform: rotate(180deg);}

    100% {transform: rotate(360deg);}

  }

#percentage{

    text-align: center;

    margin-top:25px;

}



/**************



Hall Gallery



**************/

.lieleZale_slider-container{

    position: relative;



}

.hall_img{

    position:absolute;

    width:100%;

    height:100%;

    object-fit: cover;

    opacity:0;

    transition:opacity 0.5s ease-in-out;

    background-color:white;

}





/* MOBILE */

.mobile_v{
    display: flex;
    justify-content: center;
    align-items: center;

    height:100%;

    width:100%;

    position:fixed;

    top:0;

    left:0;

}

/* bg */

.mobile_bg{

    position: absolute;

    width:100%;

    height:100%;

    top:0;

    z-index:-1;

    background-color:rgba(255,255,255,0.9);

}

.mobile_bg_img{

    position: absolute;

    width:100%;

    height:100%;

    top:0;

    z-index:-2;

}

.mobile_bg_img img{

    object-fit: cover;

    width:100%;

    height:100%;

}

/* menu */

.mob_menu_container{

    position: absolute;

    top:0;

    left:0;

    height:55px;

    width:100%;

    z-index:10;

    display:flex;

    flex-direction: column;

    justify-content: center;

}

.arrows_down{

    position:absolute;

    top:-5%;

    width:100%;

    display:none;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    height:20%;

    transition: opacity 0.3s ease-out;

}

.arrow_down{

    opacity:0;

    transition: opacity 0.2s ease-out;

    margin-top:-3px;

    line-height:0%;

}



.mob_menu_container .container_2{

    width:100%;

    display:flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top:35px;

}

.container_2 .gradient{

    position: relative;

    height: 20px;

    width:55%;

}

.container_2 .gradient .left{

    left:0;

    position: absolute;

    background-image: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,.1));

    height: 100%;

    width:30%;

}

.container_2 .gradient .right{

    right:0;

    position: absolute;

    background-image: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,.1));

    height: 100%;

    width:30%;

}

.mob_menu_sections{

    position:absolute;

    transition: transform 0.5s ease-out, opacity 0.5s ease-out;

    opacity:0;

}

.hamburger_wrap{

    width:30px;

    height:15px;

    position: absolute;

    top:0px;

    right:0px;

    display:flex;

    align-items: center;

    flex-direction: column;

    justify-content: space-between;

    z-index:10;

    padding:25px;

    transition:transform 0.5s ease-out;

}



.line{

    width:100%;

    height:1px;

    background:#000;

    transition:opacity 0.5s ease-out, transform 0.5s ease-out;

}

.mob_menu_wrap{

    position:absolute;

    display:flex;

    flex-direction: column;

    background-color:#f5f5f5;

    top:0;

    left:0;

    transition: transform 0.5s ease-out;

    width:50%;

    height:100%;

    z-index:101;

    align-items: center;

    justify-content: center;

}

.menu_item{

    padding:10px;

    text-align: center;

    border-bottom:1px solid rgba(0, 0, 0, 0.1);

}

.menu_item:last-child{

    border-bottom:none;

}

.mob_menu_container .container_1{

    position: absolute;

    top: 10px;

    width:100%;

    display:flex;

    align-items: center;

    justify-content: center;

}

#active_sc{

    position:absolute;

    background-color: rgba(0, 0, 0, 0.8);

    width:6px;

    height:6px;

    border-radius:50%;

    left:0;



    transition: transform 0.5s ease-out;

}

.show_current{

    width:4px;

    height:4px;

    border: 2px solid rgba(0, 0, 0, 0.8);

    border-radius: 50%;

    margin-left:7px;

    margin-right:7px;

}



.mob_menu_btn_left{

    position: absolute;

    height:100%;

    font-size:35px;

    display:none;

    align-items: flex-start;

    justify-content: center;

    padding-left:50px;

    padding-right:50px;

    transition: transform 0.25s ease-out, opacity 0.3s ease-out;

    opacity:1;

}

.mob_menu_btn_left .inside{

    position: relative;

    line-height: 35px;

    transform:rotateY(180deg) ;

}

.mob_menu_btn_right{

    right:0;

    height:100%;

    position: absolute;

    font-size:35px;

    display:none;

    align-items: flex-start;

    justify-content: center;

    opacity:1;

    transition: transform 0.25s ease-out, opacity 0.3s ease-out;

    padding-left:50px;

    padding-right:50px;

}

.apart_detail{

    position: absolute;

    width:100%;

    height:100%;

    top:0;

    left:0;

    background:#fff;

    display:flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.new_2{

    display:flex;

    align-items: center;

}

.new_2a{

    width:50%;

    margin-bottom:10px;

}

.soc_title{

    text-align: center;

}

.resize_btn{

    position: absolute;

    bottom:15px;

    right:13%;

    width:44px;

    height:44px;

    transform:translateX(50%);

    border-radius: 50%;



    background-color: rgba(0, 0, 0, .7);

    z-index: 999;



}

.resize_btn .close{

    opacity:0;

    position: absolute;

    width:100%;

    height:100%;

    background-image: url('../img/close.svg');

    background-size: 23px 23px;

    background-repeat: no-repeat;

    background-position: center;

    transition: opacity 0.5s ease-out;

}

.resize_btn .open{

    opacity:1;

    position: absolute;

    width:100%;

    height:100%;

    background-image: url('../img/fullscreen.svg');

    background-size: 23px 23px;

    background-repeat: no-repeat;

    background-position: center;

    transition: opacity 0.5s ease-out;

}

/* .gallery_close{



background-color:rgba(0, 0, 0,0.4);

position:absolute;

bottom:-65px;

padding:10px;

    border-radius: 50%;



text-align: center;

left:50%;

opacity: 0;

transform:translateX(-50%);

width:30px;

height:30px;

transition: opacity 0.5s ease-out;



} */

.detail_wrapper{

    width:100%;

    position: relative;

    height:50%;



}

.gallery_close:before, .gallery_close:after {

    position: absolute;

    left: 24px;

    content: ' ';

    height: 30px;

    width: 2px;

    background-color: #fff;

  }

  .gallery_close:before {

    transform: rotate(45deg);

  }

  .gallery_close:after {

    transform: rotate(-45deg);

  }

  .gallery_close:hover .gallery_close:before {

    transform: scale(1.5);

  }

  .gallery_close:after:hover {

    transform: rotate(-45deg);

  }



.new_2b{

    width:50%;

    display:flex;

    justify-content: center;

}

.services_choose{

    width:calc(100% - 40px);

    height:15%;

    margin-bottom:10px;

    margin-top:10px;

    border-radius: 3px;

    display:flex;

    align-items: center;

    /* background-color: black; */

border: 1px solid black;

}

.apart_name{

    width:100%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size:22px;

    text-align: center;

    color:black;

    border-radius: 3px;

    flex-direction: column;

}

.apart_name span{

    font-size:17px;



    font-weight: bold;

}

.apart_detail_name{



      text-align: center;



      position: relative;

        font-size:22px;

        display: flex;

        align-items: center;

        height:9%;

        transition: height 0.5s ease-out;

}

.detail_filter{

    position: absolute;

    width:100%;

    height:100%;

    top:0;

    left:0;

    background-color: rgba(0, 0, 0, .7);

    opacity:0;

    transition: opacity 0.5s ease-out;

    z-index:-1;

}

/* #services_choose_1{

    background-image:url('../img/zila_studija/1_z.jpg');

    background-size:cover;

    background-position: center;

}

#services_choose_2{

    background-image:url('../img/dzeltena_studija/2_d.jpg');

    background-size:cover;

    background-position: center;

}

#services_choose_3{

    background-image:url('../img/sarkana_studija/1_s.jpg');

    background-size:cover;

    background-position: center;

} */

.mob_menu_btn_right .inside{

    position: relative;

    line-height: 35px;

}

/* container */

.container_mob{

    height:calc(100% - 55px);

    width:70%;

    bottom:0;

    box-sizing: border-box;

    position:absolute;

    z-index:100;

    transform: translateZ(0px);

    /* opacity: 0; */

    transition: transform 0.5s ease-out, opacity 1s ease-out;

}

.container_mob.home{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    padding-left:20px;

    padding-right:20px;

    z-index:99;

}

.container_mob.news{

    height:calc(100% - 55px);

    overflow: hidden;

}





/* main */

.home .title{

    font-family: 'ProximaNova-Bold';

    color:black;



    font-size:32px;

    margin-bottom:20px;

}

.home .text{

    margin-bottom:20px;

}

.home .button{

    color:white;

    padding:10px 20px;

    border-radius: 3px;

    background-color:#0b6623;

}


.logo_home{

    width:100%;

    height:100%;

    display:flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.logo_home img{

    width:100%;

    object-fit: contain;

}

.flag_container_desk img{

    width:auto;

}

/* great hall */

.container_mob .text_hall{

    padding:20px;

}

.button_container_close{

    display:flex;

    justify-content: center;

    width:100%;

    margin-bottom:20px;

}

/* apartments */

.button_container_1{

    margin-top:10px;

    width:100%;

    display:flex;

    align-items: center;

    justify-content: space-evenly;

    margin-bottom:20px;

}

.main_nameRoom-item:hover{

    border-right:3px solid rgba(0,0,0,.4);

}



.container_mob.services .button_container_2{

    position:absolute;

    bottom:5%;

    width:100%;

    display:flex;

    z-index:201;

    font-family: 'ProximaNova-Bold';

}



.container_mob.services .button_container_2 .button{

    margin-left:5px;

    margin-right:5px;

    flex:1;

    text-align: center;

    padding-bottom:5px;

}

#mob_line{

    height:2px;

    width:40px;

    background-color: rgba(0,0,0,0.8);

    position: absolute;

    bottom: -3px;

    left:0px;

    transition: transform 0.5s ease-out;

}



.mob_rez{

    display:flex;

    align-items: center;

    justify-content: center;

    background-color: rgba(0,0,0,0.8);

    text-align: center;

    color:white;

    border-radius: 3px;

    width:40%;

    border: 1px solid rgba(0,0,0,0.8);

    padding:10px 0px;

}



.mob_rez.ver{

    display:flex;

    align-items: center;

    justify-content: center;

    background-color: rgba(0,0,0,0.8);

    text-align: center;

    color:white;

    border-radius: 3px;

    padding:10px 20px;

    margin-top:60px;

}



#rez_go{

    transition:transform 0.5s ease-out;

    display:none;

}

.floor_btn{

    border: 1px solid rgba(0,0,0,0.8);

    text-align: center;

    border-radius: 3px;

    width:40%;

    padding:10px 0px;

}

.mob_apart_gallery{

    width:100%;

    height:50%;

    position: relative;

}



#mob_main_gallery{

    width:100%;

    height:100%;

    position:absolute;

    display:flex;

    align-items: center;

    justify-content: center;

    z-index: -100;

    opacity:0;

    transition:opacity 0.5s ease-out;

    background-color:rgba(0, 0, 0, .8);

}



.mob_apart_gallery_2{

    width:100%;

    height:50%;

    position: relative;

}



.mob_img_container{

    overflow: hidden;

    height: 100%;

    width: 100%;

    position: absolute;

}



.mob_apart_gallery img{

    position:absolute;

    object-fit: cover;



    width:100%;

    height:100%;

    transition:opacity 0.5s linear;

    background-color: white;

}

.mob_apart_gallery_2 img{

    position:absolute;

    object-fit: cover;



    width:100%;

    height:100%;

    transition:opacity 0.5s linear;

    background-color: white;

}

.gallery_progress{

    position: absolute;

    bottom:10px;

    left:50%;

    transform:translateX(-50%);

}

.gp_container{

    background-color:rgba(0,0,0,.7);

    padding:7px;

    display:flex;

    border-radius: 10px;

    position: relative;

}

.g_circle{

    width:4px;

    height:4px;

    border: 2px solid rgba(255, 255, 255, 0.8);

    border-radius: 50%;

    margin-left:7px;

    margin-right:7px;

}

.active_gc{

    background-color: rgba(255, 255, 255, 0.8);

    width:5px;

    height:5px;

    border-radius: 50%;

    position:absolute;

    transition: transform 0.5s ease-out;



    transform: translate(8px,1px);

}

#blue_wrap,

#yellow_wrap,

#red_wrap{

    display:flex;

    position:absolute;

    height:100%;

    width:100%;

    z-index: -10;

    opacity: 0;

    transition: opacity 0.5s ease-out;

}





.glry_btn_left{

    position:absolute;

    top:50%;

    transform: translateY(-50%);

    left:20px;

    font-size:35px;

    z-index:3;

    display:none;

    align-items: center;

    justify-content: center;

    width:55px;

    height:55px;

}



.arrow_wrap{

    display:flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    transform:scale(.7);

    transition:transform 0.2s ease-out;

    background-color:rgba(0,0,0,.7);

    padding:30px;

}





.glry_btn_right{

    width:55px;

    height:55px;

    position:absolute;

    right:20px;

    top:50%;

    transform: translateY(-50%);

    z-index:3;

    display:none;

    align-items: center;

    justify-content: center;

}

.desc_text{

    text-align: center;

    margin-top:15px;

    font-family: 'ProximaNova-Bold';

}

/* Contacts */

.address_text{

    margin-top:20px;

    padding-left: 20px;

    padding-right:20px;

}

.contacts_text{

    position: absolute;

    bottom:10%;

    left:50%;

    transform:translateX(-70%);

}

.contacts_text div{

text-align:center;

}

#map_button{

    position: absolute;

    color:white;

    left:50%;

    padding:10px 15px;

    top:70%;

    background: rgba(0, 0, 0, 0.8);

    border-radius: 3px;

    transform: translate(-50%, 0%);

}

#mob_cont_2{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    overflow-y: scroll;

    padding:20px 10px;

}

#mob_cont_5{

    display:flex;

    flex-direction: column;

    justify-content: space-around;

    padding-left:20px;

    padding-right:20px;

}





.nav_app_container{

    display:flex;

    align-items: center;

    justify-content: space-around;

}



.app_cont{

    display:flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width:50%;

}

.app_line{

    height:50px;

    width:1px;

    background-color: rgba(0, 0, 0, 0.3);

}

.social-icons{

    display:flex;

    justify-content: center;

    align-items: center;

    margin-top:10px;

}

.social-icons img{

    width:30px;

    margin-left:10px;

    margin-right:10px;

}

.contact_info_cont{

    display: flex;

}

.phones{

margin-bottom:10px;

display: flex;

align-items: center;

}

.phones_2{

    margin-bottom:10px;

    display: flex;

    align-items: center;

    margin-left:30px;

}



.app_cont_img{

    width:60px;

}

.app_cont_img_2{

    width:63px;

}



.phones img{

    height:30px;

    width:30px;

    object-fit: contain;

    margin-right:20px;

}

.phones_2 img{

    height:30px;

    width:30px;

    object-fit: contain;

    margin-right:20px;

}



.flag_container_desk{

    display: flex;

    justify-content: center;

}

.flag_container_desk a:first-child{

    margin-left:0px;

}

.flag_container_desk a{

    margin-left:10px;

}

.flag_container_desk img{

    height:17px;

}

/* Reservation */

.r_container{

    top:0;

    left:0;

    position: absolute;

    width:100%;

    height:100%;

    transition:opacity 0.5s ease-out;

    opacity:0;

    display:block;

    z-index: -10;

    box-sizing: border-box;

}



.r_content{

    position: absolute;

    color:black;

    display:flex;

    flex-direction: column;

    justify-content: space-around;

    align-items: center;

    width:100%;

    height:100%;

    padding:15px;

    box-sizing: border-box;

}



#r_content_2{

    transform:translateX(100%);

}

#check_mark_1{

    display:none;

    justify-content: center;

    align-items: center;

    width:100%;

}

.check_mark_box{

    border:1px solid black;

    width:15px;

    height:15px;

    margin:5px;

    margin-right:15px;

    display:flex;

    align-items: center;

    justify-content: center;

}



.rez_window{

    height:360px;

    width:100%;

    position: relative;

}

#r_content_2{

    display:flex;

    align-items: center;

    justify-content: center;

}



.rez_window_c{

    overflow: hidden;

    position: absolute;

    height:100%;

    width:100%;

    transition:transform 0.5s ease-out;

}



.cal_month{

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: bold;

    height:5vh;

}

.month_right{

    display: flex;

    align-items: center;

    position: absolute;

    top:-8px;

    right:40px;

    z-index:999;

}

.month_left{

    display: flex;

    align-items: center;

    position: absolute;

    top:-8px;

    left:40px;

    z-index:999;

}

.month_left svg,

.month_right svg{

    transform:scale(.4);

}

.float_right{

    float:right;

}



.calendar__header{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height:40px;

    margin:2px;

    color:rgba(0, 0, 0, 0.5);

}

.day.occ{

    color:rgba(0, 0, 0, 0.25);

    position: relative;

}

.day.occ:before,

.day.occ:after{

    content: "";

    position: absolute;

    z-index: -1;

    background:rgba(0,0,0,0.4);

}



#temp_text{

    font-weight: bold;



    text-align: center;

}



.day.occ:before {

    left: 50%;

    width: 1px;

    margin-left: -1%;

    height: 100%;

    transform: rotate(45deg);

}

  .btn_container_line{

      height:25px;

      width: 1px;

      background-color: #000;

  }

.day.occ:after {

    top: 50%;

    height: 1px;

    margin-top: -1%;

    left:0px;

    width: 100%;

    transform: rotate(45deg);

}



.main_gallery_container{

    width:100%;

    height:100%;

    background-color:rgba(0, 0, 0, .8);

    z-index: -100;

    position: absolute;

    display:flex;

    align-items: center;

    opacity: 0;

    justify-content: center;

    transition:opacity 0.5s ease-out;

}

#main_arrow_left{

    position: absolute;

    left:0;

    top:50%;

    transform:translate(-100%,-50%);

    cursor:pointer;

    z-index:99;

}



.close {

    position: absolute;

    top:25px;

    right:25px;

    cursor:pointer;

    width: 32px;

    height: 32px;

    opacity: 0.6;



  }

  .close:hover {

    opacity: 1;

  }

  .close:before, .close:after {

    position: absolute;

    left: 15px;

    content: ' ';

    height: 33px;

    width: 4px;

    background-color: white;



  }

  .close:before {

    transform: rotate(45deg);

  }

  .close:after {

    transform: rotate(-45deg);

  }



#main_arrow_right{

    position: absolute;

    right:0;

    top:50%;

    transform:translate(100%,-50%);

    z-index:99;

    cursor:pointer;

}

.main_img_container{

    width:70%;

    height:77%;

    position: relative;

}

#main_img_container{

    width:100%;

    height:100%;

    position: relative;

}



#main_img_container img{



    height:100%;

   width:100%;

   object-fit: contain;

    position: absolute;

    transition:opacity 0.5s ease-out;

}



#main_gallery_btn{

    background-color:black;

    width:32%;

    text-align: center;

    padding:10px;

    font-weight:bold;

    border-radius: 5px;

    color:white;

    position: relative;

    left:50%;

    opacity:1;

    transform:translateX(-50%);

    margin-top:25%;

    cursor: pointer;

    transition: opacity 0.5s ease-out;

}

#main_gallery_btn_2{

    background-color:black;

    width:35%;

    text-align: center;

    padding:10px;

    border-radius: 5px;

    color:white;

    margin-top:25%;

    cursor: pointer;

}

.close_circle:before,

.close_circle:after{

    content: "";

    position: absolute;

    z-index: 1;

    background: rgba(0, 0, 0, 0.3);;

}

.meters{

    position: absolute;

    right:0;

    top:0;

    background-color:rgba(0,0,0,0.7);

    z-index:99;

    color:white;

    padding:10px;

}

sup{

    top:0;

}

.close_circle:before {

    left:22px;



    width:1px;

    /* margin-left: -1%; */

    height: 100%;

    transform: rotate(45deg);

}



.close_circle:after {

    top: 22px;

    height: 1px;

    /* margin-top: -1%; */

    left:0;

    width: 100%;

    transform: rotate(45deg);

}

.day.free{

    color: black;

    font-weight: bold;

}

.day{

    font-size:16px;

    display: flex;

    width: 40px;

    height:40px;

    margin:2px;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    /* border:1px solid transparent; */

}

#mob_cont_3{

    display:flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;



}

.day_blank{

    font-size:16px;

    display: flex;

    width: 40px;

    height:40px;

    margin:2px;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    /* border:1px solid transparent; */

}

.cal_row{

    display: flex;

    justify-content: center;

}

.calendar{

    position:absolute;

    width:100%;

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

}

.calendar_text{

    width:100%;

    padding:15px;

    padding-top:0px;

    display:none;

}



.bg_img_rez{

    position: absolute;

    width:100%;

    height:100%;

    z-index:-2;

    top:0;

    left:0;

}

/* .day.free:hover{

    border:1px solid black;

} */

.bg_img_rez img{

    object-fit: cover;

    width:100%;

    height:100%;

}

.bg_filter_rez{

    position: absolute;

    width:100%;

    height:100%;

    top:0;

    left:0;

    z-index:-1;

    background-color:rgba(255, 255, 255, 1);

}

.logo_rez{

    height:10%;

    position: absolute;

    top:0;



}

.buttons_rez{

    width:100%;

    display:flex;

    justify-content: center;

}

.calendar_text_input{

    width:100%;

    padding:15px;

    display:flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

}

.calendar_text_input .info{

    margin-bottom:15px;

}

.rez_label{

    width:80%;

    text-align: left;

    color:rgba(0,0,0,.4);

    margin-bottom:5px;

}

.rez_label_v{

    width:80%;

    text-align: center;

    color:rgba(0,0,0,.4);

    margin-bottom:5px;

}

#ver_code{

    padding:5px;

    padding-left:11px;

    width:30%;

    border:none;

    background-color: transparent;

    border-bottom: 1px solid black;

    margin-bottom:20px;

    border-radius: 0px;

    text-align:center;

    font-size:22px;

    letter-spacing: 6px;



}

.rez_input{

    padding-left:10px;

    padding-top:5px;

    padding-right:5px;

    padding-bottom:5px;

    width:80%;

    border:none;

    background-color: transparent;

    border-bottom: 1px solid black;

    margin-bottom:20px;

    border-radius: 0px;

}

.rez_input:focus{

    outline:none;

    border:none;

    border-bottom: 1px solid black;

}

.ver_window{

    height:100%;

    width:100%;

    display:flex;

    align-items: center;

    justify-content: center;

}

.ver_window_cont{

    height:100%;

    width:100%;

}

.logo_rez img{

    object-fit: contain;

    width:100%;

    height:100%;

}

.r_content #warning{

    color:red;

    opacity:0;

    transition: opacity 0.3s ease-out;

    margin-bottom:5px;

}



.dot-navigation:hover{

    border-right: 3px solid rgba(0, 0, 0, .4);

}

.icon_title{

    font-weight: bold;

    text-align: center;

    margin-bottom:15px;

}



#blue_arrow_right{

    cursor: pointer;

    position: absolute;

    right: 0px;

    top: 50%;

    transform: translate(0px, -50%);

}

#blue_arrow_left{

    cursor: pointer;

    position: absolute;

    left: 0px;

    top: 50%;

    transform: translate(0px, -50%);

}



#yellow_arrow_right{

    cursor: pointer;

    position: absolute;

    right: 0px;

    top: 50%;

    transform: translate(0px, -50%);

}

#yellow_arrow_left{

    cursor: pointer;

    position: absolute;

    left: 0px;

    top: 50%;

    transform: translate(0px, -50%);

}



#red_arrow_right{

    cursor: pointer;

    position: absolute;

    right: 0px;

    top: 50%;

    transform: translate(0px, -50%);

}

#red_arrow_left{

    cursor: pointer;

    position: absolute;

    left: 0px;

    top: 50%;

    transform: translate(0px, -50%);

}

#logo_box .text {

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    font-size:14px;

    position: relative;

    top:-25px;

    word-spacing: 15px;

    letter-spacing: 2.5px;

}

.home .text {

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    font-size:10px;

    position: relative;

    top:-10px;

    word-spacing: 10px;

    letter-spacing: 2px;

    margin-bottom:20px;

}



@media screen and (min-width: 550px) and (max-width: 1450px) {

    .icons-items_name {

        font-size: 17px;

    }

}



  @media screen and (min-width: 550px) {

    .icons-hotTub{

        position: absolute;

        bottom: -15px;

        transform: translateY(100%);

        align-items: center;

    }

    #temp_text{

        margin-bottom:30px;

    }

    #section_5{

        padding-left:20%;

        padding-right:20%;

        box-sizing: border-box;

    }

    .month_right{

        right:40%;

    }

    .month_left{

        left:40%;

    }

    .img_owl{

        object-fit: cover;

        position: absolute;

        width: 100%;

        height: 100%;

      }

      .plan_modal_container img{

        object-fit: contain;

        width: 100%;

        height: 100%;

      }

      #main_border{

          position:absolute;

          width:100vw;

          z-index:0;

          height:100vh;

          border-top: 20vh solid rgba(255,255,255,.9);

          border-left: 20vw solid rgba(255,255,255,.9);

          border-right: 25vw solid rgba(255,255,255,.9);

          border-bottom: 10vh solid rgba(255,255,255,.9);

          box-sizing: border-box;

      }

      .calendar_text{

          width:50%;

      }

      .calendar_text_input{

        width:50%;

    }

    .calendar_text_input .info{

        margin-bottom:100px;

    }

      .buttons_rez{

          width:50%;

          margin-bottom:25px;

      }

      .rez_window_c{

          width:50%;

          display:flex;

          justify-content: center;

      }

      .rez_window{

          display: flex;

          justify-content: center;

      }





  }





/* /MOBILE */





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

    .about_title {

        font-size: 1.3rem;

        margin-top:30px;

        margin-left:0px;

    }

    .about_semi_title {

        padding:10px;

    }



    .rez_window{

        height:325px;

    }

    .phones{

        margin-left:0px;

    }

    .logo_rez{

        position: initial;

        margin-bottom:15px;

    }

    #desktop_v{

        display:none;

    }

    .header_logo img{

        object-fit: contain;

        width:100%;

        height:100%;

    }

    html{

        line-height: unset;

    }

    /* HOME */

    body{

        color:#000 !important;

        font-size:17px;



    }

    #background_opacity{

        display:none;

    }

    .mobile_v{

        display:block;

    }

    #menu_opacity{

        display:none;

    }

    .home_header{

        min-height:0px;

        height:10vh;

    }

    .header_logo{

        height:100%;

        width:auto;

    }

    .header_nav{

        display:none;

    }

    #main_section{

        display:none;

    }

    #footer_section{

        display:none;

    }



    /* SERVICES */

    #section_3,

    #section_4,

    #section_5{

        display:none;

    }

    #section_2 .container{

        display:none;

    }

    .icon{

        width:1.6em;

        height:1.6em;

        font-size:unset;

    }



    /* .icons-items{

        width:25vw;

        margin: unset;

        margin-top:15px;

        box-sizing: border-box;

    } */

    .icons-items{

        width:20vw;

        padding:5px;

        display:inline-block;

        white-space: normal;

    }

    .icon_wrap{

        display:flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: center;

    }

    .icons-items_name{

        font-size:15px;

    }

    /* .main_aboutRoom-info-icons{

        justify-content: flex-start;

        box-sizing: border-box;

        margin-left:2%;

        margin-right:2%;

        margin-bottom: 15px;

        flex-wrap: nowrap;

    } */



    .main_aboutRoom-info-icons{

        white-space: nowrap;

        width:100%;

        display:block;

        margin-bottom:0px;

        overflow: auto;

    }



    .icons-hotTub{

        display:flex;

        align-items: center;

        width:100%;

        box-sizing: border-box;

        position: relative;

        justify-content: center;

    }



    .icons-hotTub .icons-items_name{

        padding-left:2%;

    }

    /* news*/

    .fb_1{

        margin:auto;

        width:100%;

    }

    .calendar__header{

        width:35px;

        height:35px;

    }

    .day{

        width:35px;

        height:35px;

    }

    .day_blank{

        width:35px;

        height:35px;

    }

    .logo_rez{

        display:none;

    }





}

/* media ended */

















.price_calculator_container{

    display:flex;



}

.count_container{

    display:flex;

    align-items: center;

    flex-direction: column;


}

.count_changer{

    display: flex;

    align-items: center;

}



.ch_arrow{

    transform: scale(.4);

}

#pers_left,

#pers_right{

    display:flex;

}

#pers_count{

    width:60px;

    text-align: center;

}

.show_price{

    display: flex;

    flex:1;

    align-items: center;

    width:50px;

    justify-content: center;

}





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

        .calendar__header,

        .day,

        .day_blank{

            width:27px;

            height:27px;

        }

        .icons-items{

            width:30vw;

        }

        body{

            font-size:15px;

        }

        .rez_window{

            height:250px;

        }

    }