@import url('https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap');
*{
    font-family: 'Lexend Deca', sans-serif;
    padding:0;
    margin:0;
}
body{
    font-size:0.6em;
}
h1{
    padding: 0 50px 0 0;
}
.hotel_top{
    min-height:calc(45vh - 40px);
    padding:10px 20px 30px 20px;
}
.hotel_top .address{
    font-size:1.3em;
    color:#AAA;
    line-height:1.6em;
}
.hotel_top .actions{
    line-height:8vh;
    text-align:center;
}
.hotel_top .actions a{
    display: inline-block;
    background:#e5fbee;
    text-decoration:none;
    padding:7px 10px;
    font-size:1.2em;
    border-radius:5px;
    color:#2dca73;
    text-decoration:none;
    text-transform: uppercase;
    height: 1em;
    line-height: 1em;
    margin-right:10px;
    width:20vw;
}
.hotel_top .actions a img{
    height:1em;
    line-height:1em;
}
.hotel_top_gradient{
    position:absolute;
    width:100%;
    height:30vh;
    background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
}
.hotel_top_image{
    width:100%;
    height:55vh;
    background-position:center center;
    background-size: cover;
    position:relative;
    background-color: #AAA;
}
.hotel_top_star{
    height:25px;
    width:25px;
}
.hotel_menu{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    /*height:20vh;*/
    z-index:300;
    /*background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);*/
}
.hotel_menu a.booknow{
    position:absolute;
    bottom:10px;
    right:10px;
    display: inline-block;
    background:#009fe3;
    text-decoration:none;
    padding:7px 14px;
    font-size:2em;
    border-radius:5px;
    color:#FFF;
    text-decoration:none;
    text-transform: uppercase;
}
#SaveMePlease{
    position:absolute;
    right:20px;
    margin-top:-40px;
    display: inline-block;
    background:#FFF;
    text-decoration:none;
    font-size:3em;
    border-radius:50%;
    color:#009fe3;
    text-decoration:none;
    text-transform: uppercase;
    border:1px solid #009fe3;
    height:50px;
    width:50px;
    text-align:center;
    line-height:50px;
    z-index:400;
}
#SaveMePlease img{
    height:30px;
    width:30px;
    border:11px solid transparent;
}
#SendMePlease{
    position: absolute;
    right: 10px;
    margin-top: 15px;
    display: inline-block;
    background:#FFF;
    color:#009fe3;
    text-decoration: none;
    text-transform: uppercase;    
    height: 50px;
    width: 50px;
    line-height: 0px;
    z-index: 400;
    cursor: pointer;
}
#SendMePlease img{
    height:30px;
    width:30px;
    border:11px solid transparent;
}
.emailAddressSend{
    width:100%;padding:20px;display:block;border:0;border-bottom:1px solid #EEE;font-size:2em;
}
#SaveMePlease.isSaved{
    background:#009fe3;
    color:#FFF;
}
#SavedHotelsBtn{
    display:none;
    position:fixed;
    bottom:12px;
    left:10px;
    display: inline-block;
    color:#009fe3;
    border:1px solid #009fe3;
    text-decoration:none;
    padding:7px 7px;
    font-size:1.4em;
    border-radius:5px;
    background:#FFF;
    text-decoration:none;
    z-index:400;
}
#SavedHotels{
    display:none;
    position:fixed;
    bottom:60px;
    left:10px;
    border:1px solid #009fe3;
    text-decoration:none;
    font-size:1.5em;
    width:80vw;
    border-radius:5px;
    background:#FFF;
    text-decoration:none;
    z-index:400;
}
#SavedHotels p.hotel_enregistre{
    border-top:1px solid #009fe3;
    padding: 15px 10px;
    clear: both;
}
#SavedHotels p.hotel_enregistre img{
    height:60px;
    width:60px;
    float:left;
    border-radius:5px;
    margin-right:10px;
}
#SavedHotels p.hotel_enregistre strong{
    color:#e3c300;
} 
#SavedHotels p.hotel_enregistre a{
    color:#009fe3;
    background:#e2f6ff;
    padding:3px 7px;
    border-radius:4px;
    margin:4px;
    text-decoration:none;
    float:right;
    margin-bottom: 10px;
} 
#SavedHotels p.title{
    color:#009fe3;
    text-align:left;
    padding: 13px 15px;
    font-size: 1.2em;
    background:#e2f6ff;
    border-radius:5px 5px 0 0 ;
}
.hotel_menu a.booknow img{
    height: 1em;
    line-height: 1em;
}
.hotel_content h2{
    line-height:10vh;
    padding:0 15px;
    border-top:1px solid #eee;
}
.hotel_content h2 img{
    height: 1.8em;
    line-height: 1em;
    margin-right: 10px;
}
.linkuri h2{
    border-top: 1px solid #eee;
    font-size: 1.4em;
}
.linkuri h2 img{
    height: 1.8em;
    line-height: 1em;
    margin-right: 10px;
}
.linkuri p{ 
    padding:0 5vw 5vw 5vw;
}
.linkuri p a{
    color:#009fe3;
    font-size:1.2em;
}

.hotel_price{
    color:#CCC;
}
.hotel_price span{
    color:#000;
    font-size:3em;
}
.hotel_galerie div{
    display:inline-block;
    height:30vw;
    width:50%;
    background-position:center center;
    background-size: cover;
}
.hotel_facility{
    font-size:1.3em;
    padding: 3px 0 3px 50px;
    position:relative;
    text-transform: capitalize;
}
.hotel_facility span{
    position: absolute;
    margin-left: -15px;
    font-size: 1.5em;
    color: #009fe3;
    margin-top: -4px;
}
.camere{
    background:#efefef;
    overflow-y:hidden;
    overflow-x:auto;
}
.in_camere{
    width:max-content;
}
.room{
    display:inline-block;
    width:60vw;
    margin:5vw;
    font-size:1.6em;
    border-radius: 15px 15px 14px 14px;
    background:#FFF;
    border:1px solid #CCC;
    box-shadow: -1px 2px 12px 2px rgba(0, 0, 0, 0.3);
    vertical-align: top;
}
.roomImage{
    height:40vw;
    background-position:center center;
    background-size: cover;
    border-radius:14px 14px 0 0;
    background-color: #AAA;
    cursor:pointer;
}
.roomDesc{
    padding:6vw;
}
.roomDesc p{
    padding-bottom:10px;
}
.roomSurface{
    color:#009fe3;
    background:#e2f6ff;
    padding:4px; 
    border-radius:4px;
    font-size:1.3em;
}
.roomMore{
    display: inline-block;
    width: 60vw;
    margin: 5vw;
    font-size:2.2em;
    color:#666;
}
.roomMore a{
    color:#009fe3;
}
.description{
    font-size:1.4em;
    padding: 0 5vw 5vw 5vw;
}
.description br{
    display: block;
    margin: 10px 0;
    content: " ";
}
.address_contact{
    font-size:1.3em;
    padding:0 5vw 5vw 5vw;
}
footer{
    border-top: 1px solid #eee;
    margin-bottom:10vh;
    font-size:1.4em;
    padding: 5vw;
}
.paginele{
    background:#efefef;
    overflow-y:hidden;
    overflow-x:auto;
}
.inpaginele{
    width:max-content;
}
.in_paginile{
    vertical-align: top;
    display:inline-block;
    width:58vw;
    padding:3vw;
}
@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); }} .shake { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }
/*ImageView*/
#ViewImage{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.7);
    overflow:hidden;
    z-index:200;
    margin:0;
    padding:0;
}
#ViewImage i{
    display:inline-block;
    z-index:250;
    position:fixed;
    top:0;
    color:#FFF;
    margin: 30px;
    font-size: 55px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}
#ViewImage i.closeImage{
    right:0;
    font-style:normal;
}
#ViewImage i.ZoomInImage{
    left:0;
}
#ViewImage i.ZoomOutImage{
    left:50px;
}
#ViewImageIMG{
    top:20vh;
    left:0vw;
    position: absolute;
    width:100%;
}