/* @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);
 *//*
font-family: 'Cormorant Garamond', serif;
font-family: 'Lora', serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
html,
body { background: #f9f9f9;; font-family: 'Lora', 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% - 0%);
    margin-right: 0%;
    margin-top: 0;
    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:#ba985e;}
.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: #ba985e; 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: 100% !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;
    align-content: center;
    align-items: center;
    position: fixed;
    /* top: 40vh; */
    top:0;
    left: 50%;
    /* transform: translateX(-50%) translateY(-50%); */
    transform: translateX(-50%);
    z-index: 999;
}

.group-logo {
    background:#ffffff;
    border:5px solid #ba985e;
    padding:10px;
}

.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);
}


/* Otel alanında herhangi bir li hover olunca
   TÜM rsm'ler grayscale olsun */
   .otel:hover .rsm {
    filter: grayscale(100%);
}

/* Ama hover edilen rsm grayscale olmasın */
.otel ul li:hover .rsm {
    filter: grayscale(0%);
}

.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) 1, shimmer 3s 1;
}

@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: #ba985e;
    margin-bottom: .5rem;
    font-weight: 800;
    letter-spacing: 1px;
}
h6{
    color: #ba985e;
    font-weight: 700;
    letter-spacing:.5px;
    font-size: 1.35rem;
}

@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.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vh;
    background-size: cover;
    background-blend-mode: overlay;
    background-color: #fffffff0;
}

.multimedia_btn{
    border:1px solid var(--primary-color);
    letter-spacing:.5px;
}