@import url(https://fonts.googleapis.com/css?family=Be+Vietnam:100,300,400,500,600,700,800|Cuprum:400,400i,700,700i&display=swap&subset=latin-ext);
body { background: #f9f9f9;; font-family: 'Be Vietnam', sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; }
/* HTML5 reset-browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none }
:focus { outline: 0 }
.clear { clear: both }
img { max-width: 100%; height: auto; }
h6{letter-spacing: 1px;
}
.logo { position: absolute; width: auto; top: 5%; right: 5%; }
.otel ul li {
    float: left;
    position: relative;
    width: calc(50% - 2%);
    margin-right: 2%;
    margin-top:40px;
    overflow:hidden;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    border-radius:8px;
}
.rsm { box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.2); width: 100%; height: 30vh; background-size: cover; background-position: center bottom;transition: .5s;overflow:hidden;}
.icLogo { position: relative; width: 100%; text-align: center; background: #ffffff; padding: 15px 0px; box-sizing: border-box;/* background-color: rgb(255, 255, 255); */ box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.2);border-bottom:5px ridge; border-color:#0c7abe; }
.bslk { position: relative; width: 100%; text-align: center; background-color: #f1f1f1; padding: 20px 0px; box-sizing: border-box; font-size: 15px; color: #212121; font-weight: bold; }
.rezerve { position: relative; width: 100%; background: #00739e; color: #ffffff; font-size: 14px; text-align: center; padding: 10px 0px; box-sizing: border-box; opacity: 0; transition: 300ms; }
.otel ul li a:hover .rezerve { opacity: 1; transition: 300ms; }
.otel a:hover {
    color: var(--primary-color);
}
.otel {
    position: absolute;
    right: 2.3%;
    width: 95% !important;
}
.otel ul li:last-child { margin-right: 0px; }
.bilgi { font-family: 'Montserrat'; font-size: 20px; color: #131212; font-weight: 500; position: absolute; right: 5%; top: 18%; }
.bilgi a { color: #131212; font-weight: 700; }
.wapp{display:none;}
.onlineRezerve {position: fixed;z-index: 5;right: 25%;top: 0px;background: #f20050;border-radius: 10px;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.onlineRezerve a {display: inline-block;padding: 10px 15px;box-sizing: border-box;float: left;}
.onlineRezerve a i {float: left;width: 30px;}
.onlineRezerve a strong {float: left;position: relative;padding-top: 3px;padding-left: 6px;box-sizing: border-box;font-size: 16px;color: #FFFFFF;}
#ets-widget-hotel-search-container { 
margin-top: 75px
}

.group-hotel-brand {
    display: flex;
    justify-content: center;
    position: relative;
    top: 30px;
}

.otel ul li:hover .rsm{
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.shimmer {
    color: grey;
    display: inline-block;
    -webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right / 300% 100%;
    background-repeat: no-repeat;
    animation: opacity .3s cubic-bezier(0.55, 0.06, 0.68, 0.19) 3, shimmer 3s 3;
}

@keyframes opacity{
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes shimmer {
    0% {opacity: 0;}
    100% {-webkit-mask-position:left;opacity: 1;}
}

@media only screen and (max-width:768px) {
.otel{
    transform: translateY(0%) !important;
    }
}

.innerLogo {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

h1{
    color: #0c7abe;
    margin-bottom: .5rem;
    font-weight: 800;
    letter-spacing: 1px;
}
h6{
    color: #0c7abe;
    font-weight: 700;
    letter-spacing:.5px;
    font-size: 1.15rem;
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2rem;
    }
}

.otel .flags ul li {
    /* display: flex; */
    width: 24px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0 5px;
}

.otel .flags ul li img{
    border-radius: 4px;
}

.otel .flags {
    display: flex;
    justify-content: center;
    padding: .75rem 0 0;
    /* gap: 15px; */
}
.rsm{
    background-position: center;
}

body{
    visibility: visible;
    background: url(logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vh;
    background-size: cover;
    background-blend-mode: overlay;
    background-color: #fffffff0;
}