@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: #fff; 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; }
.wrapper { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: url(../images/bg.jpg) center; background-color:rgba(0, 0, 0, 0.2); background-size: cover; background-blend-mode: overlay ; background-repeat: no-repeat; width: 100%; overflow: hidden; }
.logo { position: absolute; width: auto; top: 5%; right: 5%; }
.otel ul li {
    float: left;
    position: relative;
    width: calc(33.33% - 2%);
    margin-right: 2%;
    margin-top:40px;
    overflow:hidden;
}
.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; }
.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: 60px;
}

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

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

}