@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import "https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap";
html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0}
body{font-size:14px;font-family:'Open Sans',sans-serif;color:#111}
body.scrollHidden{overflow:hidden!important}
*{box-sizing:border-box}
a{color:#18a3d3}
a:hover{color:#777;text-decoration:none}
:focus{outline:none}
.none{display:none}
.left{float:left}
.right{float:right}
.fadee{-webkit-transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);-webkit-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-o-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000)}
.t{display:table;width:100%;height:100%}
.tc{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.btn-primary{color:#fff;background-color:#18a3d3;border-color:#18a3d3}
.btn-primary:hover{color:#fff;background-color:#18a3d3;border-color:#18a3d3}
.content {text-align: justify;}
input[type="date"] {position: relative;}
input[type="date"]::-webkit-calendar-picker-indicator {
    background-size:20px;
    background-position:right 20px center;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#top {font-size: 14px;text-align: right;font-weight: 600;margin-top: 15px;}
#top a{color: #000;}
header#header{position: relative;z-index:900;width:100%;background: #fff;top:0;overflow: hidden;box-shadow: 0 0 5px #ddd;}
#logo{float:left;padding:0}
#logo a{display:inline-block}
#logo img.logo{padding: 10px 0;height: 80px;}
#lang{text-align:right;padding:5px 35px 0}
#lang img{height:24px}
nav#menu{float:right;padding:0;}
nav#menu ul#header-menu{list-style:none;float:left;padding:0;margin:0}
nav#menu ul#header-menu li{float:left}
nav#menu ul#header-menu li a{color: #000;padding:8px 0;margin: 0px 10px 0px 10px;text-transform:uppercase;font-size: 14px;display:block;letter-spacing:2px;font-weight: 600;}
nav#menu ul#header-menu li:last-child a{margin: 0px 0px 0px 10px;}
nav#menu ul#header-menu li:hover a{color:#18a3d3}
nav#menu ul#header-menu li.selected a{}
nav#menu ul#header-menu li ul.header-child-menu{display:none;position:absolute;background:#fff;list-style:none;padding:10px;box-shadow:0 10px 10px rgba(0,0,0,.1);margin-top:-10px}
nav#menu ul#header-menu li ul.header-child-menu li{float:none}
nav#menu ul#header-menu li ul.header-child-menu li a{padding:5px 0;color:#777}
nav#menu ul#header-menu li:hover ul.header-child-menu li a{background:none;color:#777}
nav#menu ul#header-menu li ul.header-child-menu li:hover a{color:#18a3d3}
nav#menu ul#header-menu li:hover ul.header-child-menu{display:block}
#social{text-align:right}
#social img{height:24px}
ul.lang{list-style:none;float:right;padding:0 0 0 20px;border-left:1px solid #eee;margin-left: 15px;}
.lang li{float:left;margin-right:5px}
.lang a{display:block}
.lang img{height:24px}
/*.lang:hover .otherLang{display:block}*/
.otherLang{display:none;background:#fff;border-radius:10px;padding:8px 0;position:absolute;width:42px;text-align:center;box-shadow:2px 1px 5px rgba(0,0,0,.3);margin-left:-10px}
.menupdf{text-align:center;font-size:16px;margin-top:20px}
.menupdf a{color:#666}
.menupdf a:hover{color:#111}



#changeCur {
    float: right;
    margin-left: 10px;
}
#changeCur label{
    font-size: 10px;
    margin: 0;
    color: #aaa;
}
#changeCur select{}

#changeLang {
    float: right;margin-left: 15px;
}
#changeLang label{
    font-size: 10px;
    margin: 0;
    color: #aaa;
}
#changeLang select{}

#home-champ{width:100%;position:relative;margin-top:100px;z-index:0}
#home-offers{width:100%;position:relative;margin-top:30px;z-index:0}
#home-offers .owl-carousel .item{background-position:center;background-size:cover;height:360px}
section#slider{width:100%;position:relative;height:70vh;margin-top: 100px;z-index:0;}
section#slider .owl-carousel .item{background-position:center;background-size:cover;height:70vh}
.owl-carousel .owl-nav button.owl-next{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;right:0;width:50px}
.owl-carousel .owl-nav button.owl-prev{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;left:0;width:50px}
.owl-carousel .owl-nav span{display:block;padding-bottom:15px}
.owl-dots{position:absolute;bottom:0;width:100%}
.owl-theme .owl-nav [class*=owl-]:hover{background:rgba(0,0,0,.3)}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#c00}
.owl-carousel .owl-nav button:focus{outline:none}
section#slider .item .slideText{position:absolute;bottom: 90px;z-index:1;width:100%;text-align:center;}
section#slider .item .slideTextBig{display:block;color:#fff;font-size: 42px;font-weight: 700;float: left;}
section#slider .item .slideTextSmall{display:block;color:#fff;font-size:22px;font-weight: 100;float: right;text-align: right;}
section#slider .item .slideBtn{color:#fff;font-size:13px;padding:10px 30px;border-radius:10px;display:inline-block;text-transform:uppercase;font-weight:600;margin-top:-7px;letter-spacing:2px;text-shadow:1px 1px 2px #000,1px 1px 2px #000}
section#subSlider{width:100%;position:relative;height:400px;margin-bottom: 30px;z-index:0;float:left}
section#subSlider .owl-carousel .item{background-position:center;background-size:cover;height:400px}
section#subSlider .sliderBaslik{border:4px solid #fff;padding:15px;display:inline-block;font-size:32px;font-weight:400;letter-spacing:12px;color:#fff;text-transform:uppercase}
section#subSlider .item .slideText{position:absolute;bottom:20px;z-index:1;width:100%;text-align:center}
section#subSlider .item .slideTextBig{display:block;color:#fff;font-size:82px;z-index:2;text-align:center;text-shadow:2px 2px 10px rgba(0,0,0,1);font-family:'Abril Fatface',cursive;line-height:70px;position: relative;}
section#subSlider .item .slideTextSmall{display:block;color:#fff;font-size:22px;z-index:1;text-align:center;margin:0;text-transform:uppercase;letter-spacing:15px;text-shadow:2px 2px 5px rgba(0,0,0,1);background:rgba(255,0,0,.6);display:block;position:relative}
section#subSlider .item .slideBtn{color:#fff;font-size:13px;padding:10px 30px;border-radius:10px;display:inline-block;text-transform:uppercase;font-weight:600;margin-top:-7px;letter-spacing:2px;text-shadow:1px 1px 2px #000,1px 1px 2px #000}


#search-widget {position: relative;width: 100%;background: #f5f5f5;}


section#steps {width: 100%;text-align: center;padding: 30px 0;}
section#steps ul{list-style: none;padding: 0;margin: 0;}
section#steps ul li{display: inline-block;padding: 0 60px;position: relative;width: 220px;}
section#steps ul li small{display: block;margin-bottom: 10px;}
section#steps ul li span{display: inline-block;padding: 10px;border: 2px solid #ddd;border-radius: 50%;background: #fff;position: relative;}
section#steps ul li span img{height:36px;}

section#steps ul li.active-step{}
section#steps ul li.active-step small{color: #b69a6b;}
section#steps ul li.active-step span{border: 2px solid #b69a6b;}
section#steps ul li.active-step span img{}
section#steps ul li span:after{content:"";width: 166px;height: 2px;background: #ddd;display: block;position: absolute;top: 28px;left: 57px;}
section#steps ul li.active-step span:after {background:#b69a6b;}
section#steps ul li:last-child span:after {display:none;}

section#slider #search-widget {position: absolute;bottom: 0;z-index: 9;width: 100%;background: rgba(27,115,156,.5);padding: 20px 0;}

section#search-result #search-widget {margin-bottom: 40px; overflow: hidden; background: #fff;    padding: 40px 0;}

#search-widget form{}
#search-widget form div{float: left;margin-right: 22px;}
#search-widget form div.form-hotel{
    width: 320px;
}
#search-widget form div.form-cin{width: 160px;}
#search-widget form div.form-cout{
    width: 160px;
}
#search-widget form div.form-adult{
    width: 80px;
}
#search-widget form div.form-child{
    width: 80px;
}
#search-widget form div.form-button{margin-right: 0;}

#search-widget form div label{color: #111;font-size:12px;margin-bottom: 0;width: 100%;white-space: nowrap;}
#search-widget form div input[type="text"]{padding: 10px;}
#search-widget form div input[type="date"]{}
#search-widget form div input[type="submit"]{background: #b69a6b;color: #fff;border: 0;padding: 10px 30px;box-shadow: 1px 1px 1px #8b7855;cursor: pointer;}
#search-widget form div input[type="submit"]:hover{background: #8b7855;}

#search-widget form div select{padding: 10px;height: auto;}

#search-widget form div#cocuklar {width:100%;display: table;margin-top: 10px;}
#search-widget form div#cocuklar input{width: calc(9.96% - 10px);float: left;margin-right: 10px;}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {background: #b69a6b !important; border-color: #b69a6b !important;}

section#search-result {background: #f5f5f5; margin-top: 100px; min-height: 70vh;}

#searchList {}
#searchList .hotel{background: #fff;margin-bottom: 20px;width: 100%;height: 200px;}
#searchList .hotel figure.hotel-photo{float: left;width: 270px;}
#searchList .hotel .hotel-text{position: relative;float: left;width: calc(100% - 270px);height: 100%;padding: 20px;}
#searchList .hotel .hotel-text h3.hotel-text-title{font-size: 26px;font-weight: 700;text-transform: uppercase;margin-bottom: 0;color: #888;}
#searchList .hotel .hotel-text .hotel-text-location{text-transform: uppercase;color: #888;}
#searchList .hotel .hotel-text .hotel-text-extra{}
#searchList .hotel .hotel-text .hotel-text-price{position: absolute;right: 20px;bottom: 20px;text-align: right;}
#searchList .hotel .hotel-text .hotel-text-price price{font-size: 22px;font-weight: 800;display: block;margin-bottom: 5px;color: #333;}
#searchList .hotel .hotel-text .hotel-text-price cur{}
#searchList .hotel .hotel-text .hotel-text-price a.hotel-buy-btn{background: #20b1d7;color: #fff;padding: 5px 15px;}




section#hotel {padding: 15px 0;min-height: 70vh;}
section#hotel .otel-detail-desc-text{}
section#hotel .otel-detail-desc-text ul{overflow: hidden;}
section#hotel .otel-detail-desc-text li{float:left;width:33%;}

.fancybox-slide--iframe .fancybox-content {width: 800px !important;}
#roomDetail {padding: 15px;}
#roomDetail ul{overflow: hidden;}
#roomDetail li{float:left;width:33%;}
#roomDetail h3 {color: #b69a6b;font-weight: 700;}

.detay-slider {height: 400px;}
.detay-slider ul.slides{height: 400px;}
.detay-slider ul.slides li{height: 400px; text-align: center;}
.detay-slider ul.slides li a{}
.detay-slider ul.slides li a img{height: 100%; width: auto; margin: auto; object-fit: cover;}
.flexslider {margin: 0 0 10px 0;}
.flex-direction-nav a {height:50px;}

#bookingCalendar .ui-datepicker td.fiyatliGunler[title]::after {content: attr(title);}

#room-photos.flexslider .slides img{height: 100%; width: 100%; margin: auto; object-fit: cover;}

.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {opacity: 1; visibility: inherit;}
.fancybox-button--fullscreen, .fancybox-button--share {display: none;}

.room {margin-bottom:30px;position: relative;box-shadow: 0 0 5px #ddd;display: table; width:100%;}
.room figure.room-photo {width: 320px;margin: 0;padding:0;float: left; overflow:hidden;}
.room figure.room-photo  a {display:none;}
.room figure.room-photo a img{width:100%;}
.room figure.room-photo:hover img{transform:scale(1.1);}
.room figure.room-photo a:first-child{display:block;}
.room .room-text {width: calc(100% - 320px);padding: 20px;bottom: 0;float: left;}
.room .room-text .room-title {font-size: 20px;font-weight: 700;}
.room .room-text h6 {font-size: 14px;letter-spacing: 2px;color: #4d4d4d;}
.room .room-text .room-extra {}
.room .room-text .room-price {
}
.room .room-text .room-price price{
    display: block;
    position: absolute;
    bottom: 10px;
}
.room .room-text .room-price price del{
    float: left;
    color: #aaa;
    margin-left: 10px;
    line-height: 30px;
    font-size: 16px;
}
.room .room-text .room-price small{display: block;position: absolute;bottom: 2px;color: #999; font-style: italic;}
.room .room-text .room-price price del cur{}
.room .room-text .room-price price h5{
    float: left;
    color: #b69a6b;
    font-size: 24px;
    font-weight: 700;
}
.room .room-text .room-price price h5 cur{}
.room .room-text .room-price a.room-buy{background: rgb(182 154 107 / 60%);color: #fff;padding: 10px 30px;position: absolute;right: 0;bottom: 0;text-align: center;cursor: pointer;font-size: 15px;letter-spacing: 2px;}
.room .room-text .room-price a.room-buy:hover{background: rgb(182 154 107 / 100%);}
.room .room-text .room-price a.room-buy.room-selected{background: rgb(182 154 107 / 100%);}


.room a.room-detail{font-size:12px; color:#b69a6b; cursor: pointer; text-decoration: underline;}



#search-rooms {}
#search-rooms .search-rooms-sort {float: right;padding: 0 0 10px 0;font-size: 12px;}
#search-rooms .search-rooms-sort a{color: #111;}
#search-rooms .search-rooms-sort img{height: 24px;}
#search-rooms .search-rooms-sort span{}

#search-box {}
#search-box .search-box {position: sticky;top: 10px;box-shadow: 0 0 5px #ddd;padding: 0 15px;border-top: 10px solid #b69a6b;}

#search-box .search-box-selected{padding: 15px 0 30px 0;border-bottom: 1px solid #ccc;}
#search-box .search-box-selected-hotel{font-size: 18px; font-weight: 600;}
#search-box .search-box-selected-date{}
#search-box .search-box-selected-night{}
#search-box .search-box-selected-pax{}

#search-box .search-box-selected-room{padding: 30px 0 0 0;font-size: 18px;font-weight: 600;}
#search-box .search-box-selected-room-empty {font-size: 15px; font-weight: 300; color:#aaa;padding-bottom: 30px;}
#search-box .search-box-selected-price{
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding-bottom: 21px;
}
#search-box .search-box-selected-price h5{
    color: #b69a6b;
    font-size: 24px;
    font-weight: 700;
    float: left;
}
#search-box .search-box-selected-price del{
    float: left;
    color: #aaa;
    margin-left: 10px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
}
#search-box .search-box-selected-next{background: #b69a6b;color: #fff;border: 0;padding: 10px 30px;box-shadow: 1px 1px 1px #8b7855;cursor: pointer;border-radius: 4px;font-size: 16px;font-weight: 100;letter-spacing: 2px;width: 100%;margin-bottom: 20px;}

#search-box .search-box-alert{padding: 30px 0;font-size: 12px;border-top: 1px solid #ccc;}
#search-box .search-box-alert .alert-covid19 {height: 70px;overflow: hidden;position: relative;}
#search-box .search-box-alert .alert-covid19 small{cursor: pointer;position: absolute;bottom: -9px;text-align: center;width: 100%;color: #b69a6b;background: #fff;padding: 5px 0;}
#search-box .search-box-alert .alert-covid19.open {height: auto; overflow: hidden;}
#search-box .search-box-alert .alert-covid19 .covidDevam {display: block;}
#search-box .search-box-alert .alert-covid19 .covidGizle {display: none;}
#search-box .search-box-alert .alert-covid19.open .covidDevam {display: none;}
#search-box .search-box-alert .alert-covid19.open .covidGizle {display: block;}

#search-box .search-box-selected-transfer {padding: 30px 0;font-size: 18px; font-weight: 600;}
#search-box .search-box-selected-transfer h5{color: #b69a6b;font-size: 24px;font-weight: 700;}

#search-box .search-box-selected-total {padding: 30px 0;font-size: 18px; font-weight: 600;border-top: 1px solid #ccc;}
#search-box .search-box-selected-total h5{color: #b69a6b;font-size: 24px;font-weight: 700;margin-bottom: 30px;float: left;}
#search-box .search-box-selected-total del{color: #aaa;font-size: 24px;font-weight: 700;margin-bottom: 30px;float: left;line-height: 1.2;margin-left: 10px;}
#search-box .search-box-selected-total img{display:none;}
#search-box .search-box-selected-total span{display:block;}




#search-box .search-box-selected-coupon {padding: 30px 0;font-size: 18px; font-weight: 600;border-top: 1px solid #ccc;}
#search-box .search-box-selected-coupon h5{color: #b69a6b;font-size: 24px;font-weight: 700;margin-bottom: 5px;}



#cancellation {margin-bottom:30px;position: relative;display: table; width:100%; padding: 15px;}
#cancellation h2{font-size: 24px;font-weight: 700;color: #b69a6b;border-bottom: 2px solid;padding-bottom: 10px;margin-bottom: 30px;}

#cancellationForm {margin-bottom:30px;position: sticky;top: 10px;box-shadow: 0 0 5px #ddd;display: table; width:100%; padding: 15px;border-top: 10px solid #b69a6b;}
#cancellationForm .form-control{font-size: 12px;}
.cancellationBtn{background: #b69a6b;color: #fff;border: 0;padding: 10px 30px;box-shadow: 1px 1px 1px #8b7855;cursor: pointer;border-radius: 4px;font-size: 16px;font-weight: 100;letter-spacing: 2px;width: 100%;margin-bottom: 20px;}


#transfer {margin-bottom:30px;position: relative;box-shadow: 0 0 5px #ddd;display: table; width:100%; padding: 15px;}
#transfer .form-control{font-size: 12px;}
#transfer h2{font-size: 24px;font-weight: 700;color: #b69a6b;border-bottom: 2px solid;padding-bottom: 10px;margin-bottom: 30px;}
#transferEvet {padding: 0 15px;}
#transferTekYon {padding: 0;}
#transferTekYon h4 {font-size: 16px;
    font-weight: 700;}
#transferGidisDonus {padding: 0;}
#transferGidisDonus h4 {font-size: 16px;
    font-weight: 700;}

#transferEK {}
#transferEK input[type="checkbox"]{margin-right: 10px; position: relative; top: 2px;}

#customers {margin-bottom:30px;position: relative;box-shadow: 0 0 5px #ddd;display: table; width:100%; min-height: 500px;    padding: 15px;}
#customers h2{font-size: 24px;font-weight: 700;color: #b69a6b;border-bottom: 2px solid;padding-bottom: 10px;margin-bottom: 30px;}
#customers .kurumsal{display: none;}

#payment {margin-bottom:30px;position: relative;box-shadow: 0 0 5px #ddd;display: table; width:100%; min-height: 500px;    padding: 15px;}
#payment h2{font-size: 24px;font-weight: 700;color: #b69a6b;border-bottom: 2px solid;padding-bottom: 10px;margin-bottom: 30px;}

#payment #taksitTutari {padding: 30px 0;}
#payment #taksitTutari img {display: block;height: 36px;margin: auto;margin-bottom: 10px;}
#payment #taksitTutari label {display: block;background: #fff;padding: 10px;}
#payment #taksitTutari label:nth-child(2n) {background: #eee;}
#payment #taksitTutari input {position: relative; top:2px;}

form input.error{border-color: #f00;}
form textarea.error{border-color: #f00;}
form label.error{color: #f00; font-size: 10px; padding-left: 4px; display: none !important;}

span.kuponKoduError{color: #f00; font-size: 10px;}

.kuponContainer {padding: 15px;font-size: 12px;margin-bottom: 15px;}

#payment .kuponContainer h2 {font-size: 16px;font-weight: 700;color: #b69a6b;border-bottom: 2px solid;padding-bottom: 10px;margin-bottom: 10px;}

footer#footer{font-size:12px;background: #4d4d4d;color: #fff;padding: 15px;}
footer#footer nav#footerMenu{}
footer#footer nav#footerMenu h3{font-size:12px; color:#999}
footer#footer nav#footerMenu h5{color: #333;text-transform: uppercase;border-bottom: 2px solid;padding-bottom: 7px;font-size: 14px;font-weight: 700;}
footer#footer nav#footerMenu ul{list-style: none;margin: 0;padding: 0;font-size: 15px;font-weight: 100;}
footer#footer nav#footerMenu ul li{
    margin-bottom: 4px;
}
footer#footer nav#footerMenu ul li a{color: #fff;}
footer#footer nav#footerMenu ul li a:hover{color: #b69a6b;}
footer#footer nav#footerMenu img.footer-logo {width:100%;margin-bottom: 15px;}


#footer-logo {}
#footer-logo img{}
#footer-security {text-align: right;line-height: 36px;}
#footer-security img{}
#footer-copyright{text-align: center;line-height: 36px;}

.top{position:fixed;bottom:20px;right:20px;font-size:32px;z-index:11;transform:rotate(180deg);display:none}
.top a{color:#fff;background:rgba(0,0,0,.2);padding:4px 20px 9px}
.top a:hover{background:rgba(0,0,0,.4)}
.top a img{height:16px}
header#mobileHeader{width:100%;height:60px;position:fixed;top:0;z-index:10000;display:none;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}
header#mobileHeader a#mobileLogo{display:block;float:left;padding:9px}
header#mobileHeader a#mobileLogo img{height:42px}
.menu{position:absolute;z-index:911;width:60px;height:60px;top:0;right:0;-webkit-transition-duration:.5s;transition-duration:.5s}
.menu.fixed{position:fixed;z-index:911;top:10px}
.menu .icon{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;height:2px;width:30px;top:28px;background-color:#000;border-radius:4px;left:15px}
.menu .icon:before{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color:#000;content:"";top:-10px;border-radius:4px}
.menu .icon:after{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color:#000;content:"";top:10px;border-radius:4px}
.menu.open .icon{-webkit-transition-duration:.5s;transition-duration:.5s;background:transparent}
.menu.open .icon:before{-webkit-transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px);transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px)}
.menu.open .icon:after{-webkit-transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px);transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px)}
.menu:hover{cursor:pointer}
footer#mobileFooter{width:100%;display:none}

/*DATAPICKER*/

#bookingCalendar .ui-datepicker td.price[title]::after {content: attr(title);}
#bookingCalendar .ui-datepicker td.ava_1[title]::after {content: "";}
#bookingCalendar .ui-datepicker td.ava_2[title]::after {content: "";}
#bookingCalendar .ui-datepicker td.ava_3[title]::after {content: "";}
#bookingCalendar .ui-datepicker td.ui-datepicker-unselectable::after {content: "";}




#bookingCalendar  div.datepicker{float:right;}
#bookingCalendar .ui-datepicker .weekend .ui-state-default {background: #FEA;}

#bookingCalendar .ui-datepicker-calendar td a[data-custom] {position: relative; padding-bottom: 10px;}

/*#bookingCalendar .ui-datepicker-calendar td a[data-custom]::after {content: '$' attr(data-custom); display: block;  font-size: 8px;position: relative; top: -4px; font-weight: 100; color: #999;}*/
#bookingCalendar .ui-datepicker-calendar td.ava_1 a[data-custom]::after {display:none;}

.red a{background-color: red !important; border-radius: 20px;}


#bookingCalendar .ui-datepicker-calendar td.ava_1 a{ background:url("/images/half.png"); background-position: top center; }
#bookingCalendar .ui-datepicker-calendar td.ava_2 a{ background:url("/images/half.png"); background-position: top left; }
#bookingCalendar .ui-datepicker-calendar td.ava_3 a{ background:url("/images/half.png"); background-position: top right; }
#bookingCalendar .ui-datepicker-calendar td.ava_0 a{ background:#e6e6e6 !important;}
#bookingCalendar .ui-state-default, #bookingCalendar .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, #bookingCalendar .ui-button, html .ui-button.ui-state-disabled:hover, #bookingCalendar html .ui-button.ui-state-disabled:active {height: 28px !important;font-size: 12px;text-align: center;font-weight: 600;border: none;background: none;color: #666;border: 1px solid #eee;}

#bookingCalendar .ui-datepicker-calendar td.ava_1 a.ui-state-default {color:#aaa;}

#bookingCalendar .ui-widget-header {border: none; background: none; color: #333333; font-weight: bold; font-size:15px;}
#bookingCalendar .ui-datepicker-year {font-weight:100;}
#bookingCalendar .ui-widget.ui-widget-content {border: none;}

#bookingCalendar .ui-datepicker-calendar thead tr:first-child th {border-bottom:2px solid #eee;}
#bookingCalendar .ui-datepicker-calendar {border-spacing: 0;}

#bookingCalendar .ui-datepicker .ui-datepicker-prev, #bookingCalendar .ui-datepicker .ui-datepicker-next { position: absolute;  top: 280px; width: 1.8em; height: 1.8em;box-shadow: 0 0 10px #ccc; border-radius: 50%;}
#bookingCalendar .ui-datepicker .ui-datepicker-next {right: -25px;cursor:pointer;top: 120px;}
#bookingCalendar .ui-datepicker .ui-datepicker-prev {left: -25px; cursor:pointer;top: 120px;}

#bookingCalendar .ui-icon-circle-triangle-e {background-position: -32px 0px;}
#bookingCalendar .ui-icon-circle-triangle-w {background-position: -96px 0px;}

#bookingCalendar .ui-state-disabled span.ui-state-default {background:#ccc;}
#bookingCalendar .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: none;}
#bookingCalendar .ui-datepicker-calendar thead {background: #1b739c;  color: #fff;}
#bookingCalendar .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {background: #4ba0cc !important; color: #fff !important;}
#bookingCalendar .ui-datepicker td::after {	display: block;	position: relative;	font-size: 8px;	height: 1.25em;	margin-top: -12px;	text-align: center;	padding-right: 0;	color:#ccc;    }

.gtarihi a {background:url("/assets/img/half2.png") center left !important;}
.ctarihi a {background:url("/assets/img/half2.png") center right !important;}
.doluTarih a {background:url("/assets/img/half2.png") center center !important;}
#bookingCalendar .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {background:#fff !important; color:#666 !important;}

.ui-state-disabled.doluTarih {opacity:1;} 
.ui-state-disabled.doluTarih span.ui-state-default {background:#9db8c2 !important;} 
.ui-state-active, .ui-widget-content .ui-state-active {border: 1px solid #c5c5c5;background: #f6f6f6;font-weight: normal;color: #454545;}

/*DATAPICKER SON*/

#cc_container {border: 1px solid #ccc;border-radius: 20px;box-shadow: 0px 7px 20px rgba(0,0,0,.2);padding: 30px;margin-bottom: 30px;}
#cc_container label{font-size: 12px;color: #777; text-transform: uppercase;}
#cc_container select.form-control{background-color: #eee;border: 0;margin-bottom: 15px;line-height: 26px;font-family: monospace;}
#cc_container input.form-control{background-color: #eee;border: 0;margin-bottom: 15px;line-height: 26px;font-family: monospace;}
#cc_container input::placeholder{color:#aaa;}
#cc_container input#cc_manuel_price_check{margin-right: 10px; position: relative; top: 2px;}
#cc_container input.cc_manuel_price{display: none;}

/*VOUCHER
#voucher {}
#voucher .voucher-no{display: table;width: 100%;padding: 30px;background: #20335B;margin-bottom: 20px;}
#voucher .voucher-no span{font-size: 35px;width: 100%;margin: 0;clear: both;font-weight: bold; color:#fff;}
#voucher .voucher-title{    width: 100%; font-size: 20px; font-weight: 300;}
#voucher .voucher-title h1{font-size: 35px;width: 100%;margin: 0;clear: both;font-weight: bold;}
#voucher .voucher-title_desc{width: 100%;font-size: 20px;margin: 30px 0 0;font-weight: 300;display: block;}
#voucher .voucher-res-details{display: Table;width: 100%;margin: 15px 0;padding: 18px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;float: left;list-style: none;}
#voucher .voucher-res-details li{float: left;width: 100%;padding: 7px;border-bottom: 1px dotted #e1e1e1;font-weight: 300;font-size: 16px;}
#voucher .voucher-res-details li span{display: block;font-weight: 700;float: left;width: 200px;}
#voucher .voucher-res-room-details{display: Table;width: 100%;margin: 15px 0;padding: 18px 0;border-bottom: 1px solid #ccc;float: left;list-style: none;}
#voucher .voucher-res-room-details li{float: left;width: 100%;padding: 7px;border-bottom: 1px dotted #e1e1e1;font-weight: 300;font-size: 16px;}
#voucher .voucher-res-room-details li span{display: block;font-weight: 700;float: left;width: 200px;}
#voucher .voucher-res-board-details{display: Table;width: 100%;margin: 15px 0;padding: 18px 0;border-bottom: 1px solid #ccc;float: left;list-style: none;font-size: 14px;}
#voucher .voucher-res-board-details li{float: left;width: 100%;padding: 7px;border-bottom: 1px dotted #e1e1e1;font-weight: 300;font-size: 14px;}
#voucher .voucher-res-board-details li span{display: block;font-weight: 700;float: left;width: 200px;padding-bottom: 30px;}
#voucher .voucher-customer-message{width: 100%;float: left;border: 1px solid #e1e1e1;border-radius: 3px;padding: 16px;margin: 15px 0;}
#voucher .voucher-customer-message span{font-weight: 700;display: block;width: 100%;margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dotted #e1e1e1;}
#voucher .voucher-customer-message small{margin: 10px 0 0;padding: 0;font-size: 11px;font-style: italic;color: #666;font-weight: 400; display: block;}
#voucher .voucher-transfer {width: 100%;float: left;border: 1px solid #e1e1e1;border-radius: 3px;padding: 16px;margin: 15px 0;}
#voucher .voucher-transfer ul{list-style: none;padding: 0;}
#voucher .voucher-transfer li{float: left;width: 100%;padding: 7px;border-bottom: 1px dotted #e1e1e1;font-weight: 300;font-size: 16px;}
#voucher .voucher-transfer li span{float: left;width: 200px;font-weight: 700;display: block;font-size: 16px;}
#voucher .voucher-transfer-inside {width: 100%;display: TAble;padding: 10px;}
#voucher .voucher-transfer-inside h1{margin: 0 0 10px 0;padding: 0 0 10px 0;width: 100%;font-size: 16px;border-bottom: 1px dotted #e1e1e1;}
#voucher .voucher-transfer-inside ul{list-style: none;margin: 0;padding: 0;}
#voucher .voucher-transfer-inside li{float: left;width: 100%;padding: 7px;border-bottom: 1px dotted #e1e1e1;font-weight: 300;font-size: 16px;}
#voucher .voucher-transfer-inside li span{float: left;width: 200px;font-weight: 700;display: block;font-size: 16px;}
#voucher .voucher-reservation-price{    width: 100%;float: left;border: 1px solid #e1e1e1;border-radius: 3px;padding: 16px;margin: 15px 0;}
#voucher .voucher-reservation-price span{font-weight: 700;display: table;width: 100%;margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dotted #e1e1e1;font-size: 16px;}
#voucher .voucher-reservation-price .voucher-daily-prices {padding: 0;font-size: 12px!important;font-weight: 500!important;color: #03C;border: none;}
#voucher .voucher-reservation-price .voucher-daily-prices day{display: block; margin: 10px 15px 0 0;float: left;padding: 3px;border: 1px solid #ccc;border-radius: 3px;}
#voucher .voucher-termsou {display: Table;width: 100%;margin: 0 0 15px;padding: 15px 0;border-bottom: 1px solid #ccc;float: left;list-style: none;}
#voucher .voucher-termsou li{float: left;width: 100%;padding: 7px;border-bottom: 1px dotted #e1e1e1;font-weight: 300;font-size: 12px;}
#voucher .voucher-termsou li:first-child {color: red!important;}
#voucher .voucher-general-terms {clear: both;width: 200px;margin: 20px auto 0;padding: 7px 0;color: #FFF;background: #C2A677;text-align: center;cursor: pointer;border-radius: 3px;}
#voucher .voucher-general-terms a {display: block;text-decoration: none;color: #fff;width: 100%;}
#voucher .voucher-warns {display: Table;margin: 0 0 15px;padding: 15px 0;border-bottom: 1px solid #ccc;color: #C03;list-style: none;font-weight: 700;}
#voucher .voucher-ad-note {text-align: left;width: 100%;display: table;margin-bottom: 30px;}

/*VOUCHER SON*/






nav#mobileMenu{display:none;position:fixed;top:0;background:#fff;z-index:9999;width:100%;text-align:center;height:100%}
nav#mobileMenu div.div{display:table;width:100%;height:100%}
nav#mobileMenu ul{list-style:none;margin:0;padding:0;display:table-cell;width:100%;vertical-align:middle}
nav#mobileMenu li{font-weight:700;text-transform:uppercase}
nav#mobileMenu li a{color:#397fc1;display:block;padding:10px;font-size:26px}
nav#mobileMenu li ul li a{color:#fff;font-weight:300;text-transform:none;font-size:14px}
nav#mobileMenu ul li ul{display:none;background:#42bd81}
@media screen and (max-width:1200px) {
nav#menu ul#header-menu li a{padding:35px 15px 32px}
}
@media screen and (max-width:1024px) {
#lang{text-align:center;padding:0}
#lang a{display:inline-block;padding:5px}
#submenu ul li a{border-right:0 solid #397ec0}
.iletisim iframe{width:100%;margin-bottom:30px}
section#subSlider{width:100%;position:relative;height:300px;top:0;z-index:0;float:left;margin-top: 60px;}
section#subSlider .owl-carousel .item{background-position:center;background-size:cover;height:300px}
section#subSlider .item .slideTextBig {
    font-size: 40px;
}
#page{padding:30px;color:#666;float:left;height:auto;width:100%;background:#fff;overflow-y:inherit}
#transfer {padding: 0 20px;}
section#slider{height:300px;margin-top:60px;}
section#slider .owl-carousel .item{height:300px}
section#slider .item .slideText{bottom:20px;}
section#slider .item .slideTextBig{font-size:28px;line-height:32px}
section#slider .item .slideTextSmall{font-size: 16px; line-height: 28px; letter-spacing: 4px;margin: 0;}
section#slider .item .slideBtn{font-size:12px;}
#search-widget form div#cocuklar {width: 100% !important;display: table;margin-top: 10px;}
#search-widget form div#cocuklar input{width: 47%;float: left;margin-right: 10px;margin-bottom: 10px;}
}

/*@media screen and (max-width:640px) {*/
@media screen and (max-width:996px) {

.wrap_e58d {margin-bottom: 50px !important;}
    #logo img.logo {padding: 5px 0; height: 60px;}
    section#steps ul li {padding: 0; width:80px}
    section#steps ul li small {width: 80px;display: none;}
    section#steps ul li span:after {width: 26px;}

footer#footer{margin-top:10px}

.room {padding-bottom: 50px;}
.room figure.room-photo {width: 100%;}
.room .room-text {width: 100%;}
#search-box .search-box {position: fixed; top: inherit;  bottom: 0; left: 0; background: #fff; width: 100%;z-index: 9;}
#search-widget {padding-top: 20px;}
#search-widget form div:first-child {width: 100% !important;}
#search-widget form div.form-button {width: 100% !important;}
#search-widget form div {width: calc(50% - 22px) !important;}
#search-widget form div.form-cin {width: calc(100%) !important;}
#search-box .search-box-selected {padding: 5px 0;font-size: 12px; display: none;}

#search-box .search-box-selected-room {padding:5px 0;font-size: 12px; display: none;}

#search-box .search-box-alert {display: none;}

#search-box .search-box-selected-transfer {padding:5px 0;font-size: 12px; display: none;}
#search-box .search-box-selected-transfer h5 {font-size: 14px;}

#search-box .search-box-selected-coupon {padding:5px 0;font-size: 12px; display: none;}
#search-box .search-box-selected-coupon h5 {font-size: 14px;}


#search-box .search-box-selected-hotel {font-size: 12px;}
#search-box .search-box-selected-price {margin: 0; padding: 0;}
#search-box .search-box-selected-price h5 {font-size: 14px;}
#search-box .search-box-selected-price del {font-size: 14px;line-height: 1.2;}

#search-box .search-box-selected-total {padding: 10px;font-size: 12px;overflow: hidden;border-top: none;}
#search-box .search-box-selected-total h5 {font-size: 18px; float: left;margin-top: 7px;margin-bottom: 0;}
#search-box .search-box-selected-total del {font-size: 18px;margin-top: 7px;margin-bottom: 0;margin-left: 10px;line-height: 1.2;float: left;color: #aaa;}
#search-box .search-box-selected-total span {display: none;}
#search-box .search-box-selected-total img{display:block; height: 10px; margin-top:12px; margin-right:10px; float: left;}
#search-box .search-box-selected-total div{float: left;}

#search-box .search-box-selected-next {float: right; width: inherit; font-size: 12px; padding: 8px; margin-bottom: 0;}

}