body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; text-shadow: 0 0 0 none;  font-weight:normal;}
html, body{margin:0; padding:0;}
body{margin:0; padding:0; position:relative; min-width:320px; overflow-y:scroll; font-family:'Open Sans', sans-serif; font-size:14px; background-color:#f5f5f5;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0px none;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
li {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;margin: 0px;padding: 0px;line-height: 0px;}
q:before, q:after {}
abbr, acronym {border: 0px none;font-variant: normal}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, textarea, select {*font-size:100%;}
input[type=submit]  {-webkit-appearance: none;}
legend {color: #000;}
del, ins {text-decoration: none;}
a {text-decoration: none; -moz-outline-style:none; outline: none; color:#000000;}
a:link {text-decoration: none; -moz-outline-style:none; outline: none; }
a:hover {text-decoration: none; color:#DC0C16;}
a:active {outline: none;-moz-outline-style: none;}
a:focus {-moz-outline-style: none;}
object, input {outline: none;}
object, input {-moz-outline-style: none;}
.clr:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clr {@display: inline-block}
* html .clr {height: 1%;_height: auto;}
.clear:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clear {@display: inline-block}
* html .clear {height: 1%;_height: auto;}
.clearBoth {clear: both;}
.FL {float: left;}
.FR {float: right;}

.filter_title{margin-left:10px;font-size:16px; font-weight:600; height:50px; line-height:55px; display:block;}
.filter_checkbox{width: 13px; height: 13px; padding: 0; margin:0 5px 0 0; vertical-align: bottom; position: relative; top:-2px; *overflow: hidden;}
.filter_checkbox_label {display: block; padding-left:15px; text-indent:-15px; margin:0 0 10px 10px;}

.inp {height:30px; border:1px solid #999;}
.itac {text-align:center;}
.ital {text-align:left; padding-left:3px;}
.itar {text-align:right;}

.otel_content li {list-style: disc;}
.otel_content ul {padding-left:10px; margin-left:7px;}

input, select{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border-radius:0;}

a{text-decoration:none;}
a.menu{display:inline-block; font-size:14px; font-weight:600; color:#555; height:30px; line-height:30px; padding:0 15px;}
a.menu:hover{color:#000;}
a.menuborder{border-left:1px solid #ddd;}

a.topmenu{float:left; display:block; border-radius:5px; background-color:#555; font-size:12px; font-weight:600; color:#ddd; height:26px; line-height:26px; padding:0 10px; margin-left:20px;}
a.topmenu:hover{color:#fff; background-color:#999;}

a.bottommenu{float:left; display:block; font-size:13px; font-weight:600; line-height:30px; height:30px; color:#ddd; margin:0 10px;}
a.bottommenu:hover{color:#fff;}

a.bottommenu2{float:left; display:block; width:190px; font-size:13px; font-weight:600; line-height:30px; height:30px; color:#aaa;}
a.bottommenu2:hover{color:#fff;}

a.orta_etiket{padding:5px 10px; height:25px; line-height:25px; color:#333; text-align:center; display:inline-block; margin:6px 5px; background-color:#ddd; border-radius:5px;}
a.orta_etiket:hover{color:#fff; background-color:#999;}


a.bottom_social img{width:28px; height:28px;}
a.bottom_social{float:left; display:block; width:28px; height:28px; border-radius:5px; background-color:#444; padding:5px; margin:0 5px;}
a.bottom_social:hover{background-color:#666;}

#contextual {line-height:180%;}
#contextual p {margin-bottom:10px; line-height:170%;}
#contextual h1,h2 {margin-bottom:10px; line-height:170%; font-size:18px; font-weight:700;}

.menu_orta{display:inline-block; height:25px; line-height:25px; color:#333 !important; background-color:#D5D5D5; margin-bottom:20px; font-size:14px; font-weight:600; padding:5px 15px; margin-right:20px;}
.menu_orta_selected {color:#fff !important; background-color:#D90000;};


.swiper-container {height: 400px; margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet-active {opacity: 1;background: #<%=opt_color%>;}
.swiper-pagination-bullet {margin: 0 5px;}

.home-hotels-swiper-container {height: 250px; margin-left: auto; margin-right: auto;}
.home-hotels-swiper-slide {text-align: center; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.home-hotels-swiper-pagination-bullet-active {opacity: 1; background: #<%=opt_color%>;}
.home-hotels-swiper-pagination-bullet {margin: 0 5px;}


.gallery-thumbs .swiper-slide {opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}

.modal-overlay {display:none; width:100%; height:100%; position:fixed; z-index:1000; top:0; left:0; background-color:rgba(0,0,0,0.7);}
.modal-outer {display:none; width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; }
.modal-box {top:0; margin: 30px auto 0 auto; z-index:1000; width:300px; background-color: #fff; border-radius: 5px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);}
.btn {font-size: 14px; height:30px; line-height:30px; padding:0 5px; background-color: #fff;border: 1px solid #bbb;color: #333;border-radius: 4px;-webkit-transition: background-color 200ms ease;-moz-transition: background-color 200ms ease;transition: background-color 200ms ease;}
.btn:hover {background-color: #eee;-webkit-transition: background-color 200ms ease;-moz-transition: background-color 200ms ease;transition: background-color 200ms ease;}
.regform, .loginform, .callform {display: none; padding:10px 15px;}
.warning {width:100%; padding-left:8px; margin-top:5px; height:28px; display:none; line-height:28px; background-color:#FFEEEE; border:1px solid #FFC0CB; font-size: 12px; color: #AD271D; font-weight:500;}
.sekme {width:85px; text-align:center; background-color: #eee; color: #999; height: 40px; line-height: 41px; float: left; margin-top: 0px; display: block; cursor: pointer; border:1px solid #ccc;}
.aktif {background-color: #fff; color: #0086ad; border-bottom:1px solid #fff;}
.sekmeyazi {font-size:10px; color:inherit; font-weight:600; display:block;}
.reginput {width: 100%; padding: 0 5px; height: 30px; border: 1px solid #ccc; outline:none;}
.girisform span, .kayitform span {display: block; font-size: 13px; font-weight: 600; margin: 4px 0; color: #444;}

.regform_title{clear:both; height:30px; line-height:34px; font-size:12px;}
.regform_outer{clear:both; overflow:hidden; width:500px;}
.regform_innerl{width:270px; margin-right:20px;}
.regform_innerr{width:260px;}


span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 290px; padding: 5px 0; margin: -1px 0 0 -1px; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box;}
span.twitter-typeahead .tt-suggestion { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap;}
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {color: #ffffff; text-decoration: none; outline: 0; background-color: #D90000;}
.input-group.input-group-lg span.twitter-typeahead .form-control {height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;}
.input-group.input-group-sm span.twitter-typeahead .form-control {height: 30px; padding: 5px 10px; font-size: 12px;line-height: 1.5; border-radius: 3px;}
span.twitter-typeahead {width: 100%;}
.input-group span.twitter-typeahead {display: block !important; height: 34px;}
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {top: 32px !important;}
.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {border-radius: 0;}
.input-group span.twitter-typeahead:first-child .form-control {border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group span.twitter-typeahead:last-child .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.input-group.input-group-sm span.twitter-typeahead {height: 30px;}
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {top: 30px !important;}
.input-group.input-group-lg span.twitter-typeahead {height: 46px;}
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {top: 46px !important;}
.tt-group-title{color:#D90000; padding:8px 0 0px 20px; font-weight:700; border-bottom:1px solid #ccc; height:25px; margin-bottom:5px;}

.ui-datepicker {margin: 5px auto 0; padding:2px; font-size: 12px; z-index:2000 !important; background-color:#fff;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);}
.ui-datepicker table {width: 100%;}
.ui-datepicker-header {background: #fff;color: #333; border-bottom: 1px solid #ddd;}
.ui-datepicker-title {text-align: center;font-size: 13px;height:30px;line-height:30px;font-weight:700;}
.ui-datepicker-prev {float: left;cursor: pointer;background-position: center -30px; font-size:11px; line-height:30px;}
.ui-datepicker-next {float: right;cursor: pointer;background-position: center 0px;  font-size:11px; line-height:30px;}
.ui-datepicker thead {background-color: #fff;}
.ui-datepicker th {background-color:#fff; height:24px; text-transform: uppercase; font-size: 11px;color: #666666;}
.ui-datepicker tbody td {padding: 0;}
.ui-datepicker tbody td:last-child {border-right: 0px;}
.ui-datepicker tbody tr {border-bottom: 1px solid #bbb;}
.ui-datepicker tbody tr:last-child {border-bottom: 0px;}
.ui-datepicker a {text-decoration: none;}
.ui-datepicker td span, .ui-datepicker td a {display: inline-block;text-align: center;width: 34px; height: 30px; line-height: 30px;color: #ffffff;}
.ui-datepicker-calendar .ui-state-default {background: linear-gradient(#fff, #eee);color:#333; height:30px; width:34px; line-height:30px;}
.ui-datepicker-week-end a {font-weight:600;}
.ui-datepicker-calendar .ui-state-hover {background: #33adff;color: #FFFFFF;}
.ui-datepicker-calendar .ui-state-active {background: #33adff;-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);color: #fff;text-shadow: 0px 1px 0px #4d7a85;border: 1px solid #55838f;position: relative;margin: -1px;}
.ui-datepicker-unselectable .ui-state-default {background: #f5f5f5;color: #bbb;}

.rating{background:url(/images/rating.png);background-size:118px 380px!important;height:12px;width:70px;float:left;margin:1px 5px 0 0}
.ratingCont{clear:both;height:15px;text-align:left;overflow:hidden}
.ratingCont .ratingText{color:#333}
.ratingCont #readReviews{color:#06c}
.rating.r10{background-position:0 -14px}
.rating.r20{background-position:0 -28px}
.rating.r30{background-position:0 -42px}
.rating.r40{background-position:0 -56px}
.rating.r50{background-position:0 -70px}
.rating.r60{background-position:0 -84px}
.rating.r70{background-position:0 -98px}
.rating.r80{background-position:0 -112px}
.rating.r90{background-position:0 -126px}
.rating.r100{background-position:0 -140px}
.ratingCont.big{height:20px;text-align:left}
.big .rating{background-position:0 -160px;height:20px;width:118px}
.big .rating.r10{background-position:0 -180px}
.big .rating.r20{background-position:0 -200px}
.big .rating.r30{background-position:0 -220px}
.big .rating.r40{background-position:0 -240px}
.big .rating.r50{background-position:0 -260px}
.big .rating.r60{background-position:0 -280px}
.big .rating.r70{background-position:0 -300px}
.big .rating.r80{background-position:0 -320px}
.big .rating.r90{background-position:0 -340px}
.big .rating.r100{background-position:0 -360px}
.ratingText{float:left}
.ratingCont.black .rating{width:69px;background-image:url(../../img/layout/sprite-64.png?v=1505566465118);background-position:-406px -181px;background-size:auto!important}
.ratingCont.black .rating.r10{background-position:-406px -195px}
.ratingCont.black .rating.r20{background-position:-406px -209px}
.ratingCont.black .rating.r30{background-position:-406px -223px}
.ratingCont.black .rating.r40{background-position:-406px -237px}
.ratingCont.black .rating.r50{background-position:-406px -251px}
.ratingCont.black .rating.r60{background-position:-406px -265px}
.ratingCont.black .rating.r70{background-position:-406px -279px}
.ratingCont.black .rating.r80{background-position:-406px -293px}
.ratingCont.black .rating.r90{background-position:-406px -307px}
.ratingCont.black .rating.r100{background-position:-406px -321px}

.menubutton{display:block;float:left; margin-left:5px; margin-top:15px;}
.top_menu{display:none;}
.home_orta_otel{float:left; width:100%;}
.home_search{width:290px;}
.home_search_outer{width:320px;}
.home_swiper_image{height:200px;}
.button-prev{left:5px; margin-top:-130px; border-radius:15px; width:30px; height:30px; position:absolute; z-index:10; cursor: pointer; cursor: hand; background-size:20px 20px; background-position:center; background-repeat:no-repeat;}
.button-next{right:5px; margin-top:-130px; border-radius:15px; width:30px; height:30px; position:absolute; z-index:10; cursor: pointer; cursor: hand; background-size:20px 20px; background-position:center; background-repeat:no-repeat;}
.top_slogan{display:none;}
.otel_detail_right{float:left;}
.otel_detail_left{float:none; margin-right:10px;}
.otel_detail_left_outer{float:none;  width:100%;}
.home_info{float:left; width:100%;}
.home_bolge_left{float:left; width:100%;}
.home_bolge_right{display:none;}
.home_bolge_left_in{float:left; width:100%; margin-bottom:15px;}
.bottom_social_left{display:inline-block;}
.bottom_social_right{display:inline-block;}
.otel_detail_image{height:200px;}
.logo{height:35px;}
.rdetail_right{float:left; background-color:#fff; width:100%;}
.rdetail_left{float:left; width:100%; background-color:#fff; margin-right:0px;}
.search_left{display:none;float:left; width:270px; background-color:#fff; min-height:500px;}
.search_right{}
.list_left{}
.list_right{padding:0 10px; height:140px;}
.list_outer{margin:0 10px 20px 10px; display:block; border-bottom:2px solid #0085B2; color:#333; background:#FFFFFF; }
.list_oran{position:absolute; background-color:#D90000; height:48px; padding:2px 12px 2px 12px; right:-27px; top:7px; border-radius:5px 0 0 5px;}
.icerikmenu{display:none;}
.icerikmenuk{display:block;}
.icerikicerik{min-width:280px; padding:10px 10px;  background-color:#fff;}

@media only screen and (min-width: 500px) {
.menubutton{display:none;}
.top_menu{display:block;}
.home_orta_otel{float:left; width:50%;}
.home_search{width:600px;}
.home_search_outer{width:600px;}
.home_swiper_image{height:300px;}
.button-prev{left:10px; margin-top:-180px; border-radius:25px; width:50px; height:50px; background-size:22px 22px;}
.button-next{right:10px; margin-top:-180px; border-radius:25px; width:50px; height:50px; background-size:22px 22px;}
.top_slogan{display:none;}
.otel_detail_right{float:right;}
.otel_detail_left{float:none; margin-right:10px;}
.otel_detail_left_outer{float:none; width:100%;}
.home_info{float:left; width:50%;}
.home_bolge_left{float:left; width:100%;}
.home_bolge_right{display:none;}
.home_bolge_left_in{float:left; width:33%; margin-bottom:0;}
.bottom_social_left{display:inline-block;}
.bottom_social_right{display:inline-block;}
.otel_detail_image{height:250px;}
.logo{height:45px;}
.rdetail_right{float:left; background-color:#fff; width:100%;}
.rdetail_left{float:left; width:100%; background-color:#fff; margin-right:0px;}
.search_left{display:none;float:left; width:270px; background-color:#fff; min-height:500px;}
.search_right{}
.list_left{}
.list_right{padding:0 10px; height:140px;}
.list_outer{margin:0 10px 20px 10px; display:block; border-bottom:2px solid #0085B2; color:#333; background:#FFFFFF; width:100%; }
.list_oran{right:-17px;}
.icerikmenu{display:none;}
.icerikmenuk{display:block;}
.icerikicerik{min-width:280px; padding:15px 15px;}
}

@media only screen and (min-width: 750px) {
.menubutton{display:none;}
.top_menu{display:block;}
.home_orta_otel{float:left; width:33%;}
.home_search{width:800px;}
.home_search_outer{width:800px;}
.home_swiper_image{height:400px;}
.button-prev{left:20px; margin-top:-230px; border-radius:30px; width:60px; height:60px; background-size:26px 26px;}
.button-next{right:20px; margin-top:-230px; border-radius:30px; width:60px; height:60px; background-size:26px 26px;}
.top_slogan{display:block;}
.otel_detail_right{float:right; margin-left:30px; margin-right:10px; width:300px;}
.otel_detail_left{float:none; margin-right:330px;}
.otel_detail_left_outer{width:100%; margin-right:-340px; float:left;}
.home_info{float:left; width:33.33%;}
.home_bolge_left{float:left; width:65%;}
.home_bolge_right{display:block; float:right; width:33%;}
.home_bolge_left_in{float:left; width:33%; margin-bottom:0;}
.bottom_social_left{display:block; float:left;}
.bottom_social_right{display:block; float:right;}
.otel_detail_image{height:260px;}
.logo{height:50px;}
.rdetail_right{float:right; background-color:#fff; width:300px;}
.rdetail_left{float:none; width:auto; background-color:#fff; margin-right:320px;}
.search_left{display:block; float:left; width:270px; background-color:#fff; min-height:500px;}
.search_right{margin-left:290px; margin-right:20px;}
.list_left{float:left; width:300px;}
.list_right{margin-left:315px; padding:0; height:145px;}
.list_outer{margin:0 0 20px 0; display:block; border-bottom:2px solid #0085B2; color:#333; background:#FFFFFF; width:100%; }
.list_oran{right:-7px;}
.icerikmenu{display:block;}
.icerikmenuk{display:none;}
.icerikicerik{margin-left:280px; min-width:280px; padding:15px 30px;}
}

@media only screen and (min-width: 1100px) {
.menubutton{display:none;}
.top_menu{display:block;}
.home_orta_otel{float:left; width:25%;}
.home_search{width:1025px; height:65px; margin-top:-100px; background-color:rgba(0,0,0,0.5);}
.home_search_outer{width:1200px;}
.home_swiper_image{height:400px;}
.button-prev{left:20px; margin-top:-230px; border-radius:30px; width:60px; height:60px; background-size:26px 26px;}
.button-next{right:20px; margin-top:-230px; border-radius:30px; width:60px; height:60px; background-size:26px 26px;}
.top_slogan{display:block;}
.otel_detail_right{float:right; margin-left:30px; margin-right:10px; width:300px;}
.otel_detail_left{float:none; margin-right:330px;}
.otel_detail_left_outer{width:100%; margin-right:-340px; float:left;}
.home_info{float:left; width:33.33%;}
.home_bolge_left{float:left; width:65%;}
.home_bolge_right{display:block; float:right; width:33%;}
.home_bolge_left_in{float:left; width:33%; margin-bottom:0;}
.bottom_social_left{display:block; float:left;}
.bottom_social_right{display:block; float:right;}
.otel_detail_image{height:100%;}
.logo{height:50px;}
.rdetail_right{float:right; background-color:#fff; width:300px;}
.rdetail_left{float:none; width:auto; background-color:#fff; margin-right:320px;}
.search_left{display:block;float:left; width:270px; background-color:#fff; min-height:500px;}
.search_right{margin-left:290px; margin-right:20px;}
.list_left{float:left; width:300px;}
.list_right{margin-left:315px; padding:0; height:145px;}
.list_outer{margin:0 0 20px 0; display:block; border-bottom:2px solid #0085B2; color:#333; background:#FFFFFF; width:100%; }
.list_oran{right:-7px;}
.icerikmenu{display:block;}
.icerikmenuk{display:none;}
.icerikicerik{margin-left:280px; min-width:280px; padding:15px 30px;}
}