@charset "utf-8"; /* 25.06.2016 - Otel Yaprak Site Tasarımı - Umut Çakır */ html {overflow-x:hidden} body {font-family: 'Open Sans', sans-serif;overflow-x:hidden} body.locked {overflow-y:hidden; height:100%; position:fixed;} @media(min-width:769px){ a, .btn, .transition {-webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} } @media(max-width:768px){ .shadow-bottom-xs {position:relative; margin-bottom:0 !important;} .shadow-bottom-xs:after {content:''; width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; background: rgba(255,255,255,0);background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );} .pull-right-xs {float:right !important;} } a {text-decoration:none !important;} div.text {margin:30px 0; line-height:1.8; color:#555; font-size:16px;} .no-transition {-webkit-transition: none !important;-o-transition: none !important;-moz-transition: none !important;transition: none !important;} .mb-10 {margin-bottom:10px;} .mb-30 {margin-bottom:30px;} .text-line-through {text-decoration:line-through;} /* GENEL ÖZELLİKLER */ /* @base: #6957af @secondary: #ed8323 */ /* Renk Özellikleri */ @base: #917850; @secondary: #917850; @facebook: #3b5998; @twitter: #55acee; @instagram: #125688; @linkedin: #007bb5; @pinterest: #cb2027; /* Butonlar */ .btn:focus {outline:none !important;} .btn-base {border:2px solid #ddd; color:@base; font-weight:600; letter-spacing:-1px; text-transform:uppercase; background:none;} .btn-base:focus{color:@base;} .btn-base-bg {border:2px solid desaturate(@base,2%); color:#fff; font-weight:600; letter-spacing:-1px; text-transform:uppercase; background:@base;} .btn-base-bg:hover {background:darken(@base,4%); color:#fff; border-color:darken(desaturate(@base,2%),4%)} .btn-base-bg:focus {color:#fff;} .btn-secondary-bg {border:2px solid desaturate(@secondary,2%); color:#fff; font-weight:600; letter-spacing:-1px; text-transform:uppercase; background:@secondary;} .btn-secondary-bg:hover {background:darken(@secondary,4%); color:#fff; border-color:darken(desaturate(@secondary,2%),4%)} .btn-secondary-bg:focus {color:#fff;} .btn-light {border:2px solid #fff; color:#fff; font-weight:600; letter-spacing:-1px; text-transform:uppercase; background:none;} .btn-light:hover {color:#333; background:#fff; } .btn-light:focus{color:#fff;} .btn-light-bg {border:2px solid #fff; color:#333; font-weight:600; letter-spacing:-1px; text-transform:uppercase; background:#fff;} .btn-light-bg:hover {color:#fff; background:@base; border-color:@base;} .btn-light-bg:focus{color:#333;} /* Başlıklar */ .heading-base {color:@base; font-weight:600; text-transform:uppercase; letter-spacing:-1px; margin-top:30px; position:relative;} .heading-secondary {color:lighten(@secondary,10%); font-weight:600; text-transform:uppercase; letter-spacing:-1px; margin-top:30px; position:relative;} .heading-secondary i {color:#444;display:block; margin-top:8px; font-size:70%; } .heading-base i {color:#444; display:block; margin-top:8px; font-size:70%;} .hr {position:relative;} .hr-base {display:inline-block; width:100px; border-color:#ccc; position:absolute;margin-right:25px; bottom:-10px; right:50%; border-width:2px;} .hr-base-after {width:100px; height:2px; background-color:#ccc; position:absolute;top:-11px; left:50%; margin-left:25px; z-index:2;} .ui-widget {font-family: inherit;} .ui-widget-header {background: lighten(@base, 45%); border:0; color:#111;} .ui-widget-header {font-weight:600; font-size:15px; } .ui-datepicker {width:320px; border-width:2px; border-color:#ddd;} .ui-datepicker table {font-size:16px; letter-spacing:-1px;} .ui-datepicker thead th{text-transform:uppercase;font-size:13px; font-weight:400;} .ui-datepicker td span, .ui-datepicker td a { text-align:center;} .ui-datepicker .ui-state-disabled {font-size:13px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none; font-weight:700; padding:8px 0; border-color:#eee;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border-color: @secondary;background:@secondary; color:#fff;} /* Üst Menü Özellikleri */ .navbar-default {background:#fff; border:0; border-radius:0;-webkit-box-shadow: 5px 5px 15px #ddd;-moz-box-shadow: 5px 5px 15px rgba(0,0,0,.2);;box-shadow: 5px 5px 15px rgba(0,0,0,.2);; border-top:4px solid lighten(@base, 35%); margin-bottom:0; position:relative; z-index:2;} .navbar-default .container {position:relative;} #img-logo {max-height:90px; margin: 0 auto;} .navbar-header .navbar-brand {height:auto; padding:5px;} .navbar-header .navbar-brand span{font-size:12px; display:block; line-height:30px;} .navbar-header .navbar-toggle {border-radius:0;} .navbar-default .navbar-right{ margin-top:70px; } .navbar-default .navbar-right>li>a {padding:8px 15px; font-weight:500; color:#555; font-size:16px; border-bottom:2px solid rgba(0,0,0,0); letter-spacing:-.5px;border-radius:3px;} .navbar-default .navbar-right>li.active>a {background:lighten(@base,95%); color: #000; border-bottom:2px solid lighten(@base, 30%); } .navbar-default .navbar-right>li.active>a:hover, .navbar-default .navbar-right>li.active>a:focus {background:none; color:#000;} .navbar-default .navbar-nav {margin-bottom:12px;} .navbar-default .navbar-nav a:hover { border-bottom-color: lighten(@base, 30%); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: lighten(@base, 95%);border-bottom:2px solid lighten(@base, 30%); color:#000;} .navbar-default .navbar-nav > .open > .dropdown-menu {margin-top:12px; border:1px solid #ddd; border-top:0; padding:0;} .navbar-default .navbar-nav > .open > .dropdown-menu > li > a {border-bottom:1px dotted lighten(@base, 35%); color:#555;} .navbar-default .navbar-nav > .open > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > .open > .dropdown-menu > li > a:focus {color:#000;} @media(min-width:769px) and (max-width:992px){ .navbar-default .navbar-right>li>a {letter-spacing:-1px; padding:8px 5px;} #img-logo {height:90px;} } @media(max-width:768px){ .navbar-header .navbar-toggle { z-index:3; position:absolute; top:105px; right:0;} .navbar-header .navbar-brand {text-align:center;display: block;width: 100%; margin-top:40px;} .navbar-default .navbar-right {margin-top:0;} .navbar-header .navbar-brand span {font-size:18px; font-weight:400;} } #top-menu {position:absolute; z-index:2; right:0px; top:8px;} #top-menu .btn-base {font-size:12px; letter-spacing:-.5px;} #top-menu li:last-of-type a {border-right:0;} #top-menu>ul>li>a {border-right:1px solid #ddd; padding-right:10px; color:#666; font-weight:600; font-size:13px; display:block;} .hotel-telephone i {color:#555;} .hotel-telephone {color: @secondary; font-size:16px; font-weight:400;} #top-menu .open > a, #top-menu .open > a:hover, #top-menu .open > a:focus {color:#000;} #top-menu .open > .dropdown-menu {margin-top:12px; border:1px solid #ddd; padding:0; min-width:100px;} #top-menu .open > .dropdown-menu > li > a {border-bottom:1px dotted lighten(@base, 35%); color:#999;} #top-menu .open > .dropdown-menu > li.active > a, #top-menu .open > .dropdown-menu > li > a:hover, #top-menu .open > .dropdown-menu > li > a:focus {color:#000; background:#fff;} @media(max-width:768px){ #top-menu {width:100%; text-align:left; top:2px;right:unset;} #top-menu .open > .dropdown-menu {left:auto; right:0;} #top-menu>ul {margin-left:-15px;} #top-menu>ul>li {padding-left:0; padding-right:0;} #top-menu>ul>li>a { font-size:18px; padding-top:5px; padding-bottom:4px; padding-left:0; padding-right:0;} #top-menu .open > .dropdown-menu > li > a {font-size:16px;} #top-menu .hotel-telephone{font-size:18px;} #top-menu .btn-base {font-size:16px;} } /* Slider Özellikleri */ #main-slider {position:relative; z-index:1;} .ana-kampanya {height: 410px} #main-slider .swiper-slide {width:100%; height:410px; background-size:cover; background-repeat:no-repeat; background-position: center center;} #main-slider .swiper-pagination {bottom:10px;} #main-slider .swiper-pagination-bullet {width:15px; height:15px;background:lighten(@base,50%); opacity:.5;} #main-slider .swiper-pagination-bullet-active {opacity:1;} #main-slider .campaign {position:absolute; top:0px; z-index:2; text-align: center; padding:0; padding-bottom:10px; width:100%; margin-bottom:0;} #main-slider .campaign .container {border:0; padding:0; padding-right:15px;} #main-slider .campaign .pull-right {background: fade(lighten(@secondary, 5%),90%); padding:15px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;-webkit-box-shadow: 0px 1px 10px fade(darken(@secondary,15%),50%);-moz-box-shadow: 0px 1px 10px fade(darken(@secondary,15%),50%);box-shadow: 0px 1px 10px fade(darken(@secondary,15%),50%); cursor:default; margin-right: 30px;} #main-slider .campaign h4 {color:#fff; font-weight:700; letter-spacing:-1px; text-transform:uppercase; font-size:20px; margin-top:0;} #main-slider .campaign p {color:#fff; font-size:14px; font-weight:300;} #main-slider .campaign .btn-light {padding-left:15px; padding-right:15px;} @media(min-width:769px) and (max-width:992px){ .ana-kampanya, #main-slider .swiper-slide {height:400px;} } @media(max-width:768px){ .ana-kampanya, #main-slider .swiper-slide {height:260px;} } .campaign {margin-bottom:30px; padding:15px;} .campaign .container {border:2px solid #ddd; padding:10px; border-radius:4px;} .campaign h4 {color:@base; font-weight:700; letter-spacing:-1px; text-transform:uppercase; font-size:27px; margin-top:0;} .campaign p {color:#111; font-size:16px; font-weight:300;} .campaign .btn-base {padding-left:15px; padding-right:15px; font-size:20px;} .campaign .image-wrapper {width:100%; height:200px; overflow:hidden; display:block;} .campaign .image {background-size:cover; width:100%; height:200px; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; margin-bottom:15px;} .campaign .image-wrapper:hover .image {-moz-transform: scale(1.1) rotate(4deg);-webkit-transform: scale(1.1) rotate(4deg);transform: scale(1.1) rotate(4deg);} .campaign .btn-base-bg {font-size:16px;} .page-campaign h4 {margin-top:30px; color: @secondary;} .page-campaign p {color: #666; text-transform: uppercase} .page-campaign .blbase {border-left:2px solid @secondary; border-right:2px solid @secondary} @media(max-width:767px){ .page-campaign .image {height:160px !important} } /* Arama Alanı Özellikleri */ #arama {position:relative; z-index:3; margin-top:25px;} #arama .wrapper {background: fade(#666, 90%); padding:10px; border-radius:5px;} #arama .wrapper h4{margin-top:0; color:#fff; font-weight:700; font-size:18px; letter-spacing:-.5px; text-transform:uppercase;} #arama .panel-default {margin-bottom:0; border-radius:5px; border:0;} #arama .btn-base-bg {font-size:16px;} #arama .input-group .form-control {border-right:0; border-width:2px; height:38px; letter-spacing:-.5px; border-color:#ccc; font-weight:600; background:#fff;} #arama .input-group .form-control:focus {border-color:#ccc; box-shadow:none;webkit-box-shadow: none;-moz-box-shadow: none;} #arama .input-group .input-group-addon {border-left:0; border-width:2px; border-color:#ccc;background:#eee; color:darken(@secondary,30%);} #child-area {position:absolute; z-index:2; top:40px; background-color:#fff; border-radius:4px; padding:10px; border:2px solid #ccc; width:calc(100% - 13px); visibility:hidden;} #child-area .form-group {margin-bottom:10px;} #child-area .form-group:last-of-type {margin-bottom:0;} #child-area .form-control {font-weight:600; font-size:12px; letter-spacing:-1px;} #child-area .form-control:focus {border-color:#ccc; box-shadow:none;webkit-box-shadow: none;-moz-box-shadow: none;} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background:#fff;} @media(min-width:769px) and (max-width:992px){ #arama {margin-bottom:30px;} #arama .input-group {margin-bottom:5px;} } @media(max-width:768px){ #arama {margin-top:0} #arama .input-group {margin-bottom:5px;} #arama .container {padding:0;} #arama .wrapper {padding-left:0; padding-right:0; background:none;} #arama .wrapper h4 {display:none;} #arama .input-group .form-control {font-size:17px; font-weight:400; letter-spacing:-1px} #arama .input-group .input-group-addon {font-size:17px;} #child-area {position:relative;top:auto; padding:0; border:0;} #child-area .form-control {border-width:2px;} #child-area .form-group {margin-bottom:5px;} #child-area .form-group:last-of-type {margin-bottom:5px;} #person-count-mobile {cursor:pointer;} #arama .btn-base-bg {font-size:20px; margin-top:15px;} } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected, .picker__day--infocus:hover, .picker__day--outfocus:hover {background:lighten(@base,40%);} .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {background:lighten(@base,30%);} .picker__day--highlighted {border-color: lighten(@base,28%);} .picker__button--today:before, .picker__day--today:before {border-top-color: darken(@secondary,5%);} /* Breadcrumb Özellikleri */ #breadcrumb {background-color:#f5f5f5; margin-bottom:15px;} #breadcrumb .breadcrumb {margin-bottom:0;} #breadcrumb .breadcrumb a {color: @base;} #hotel-info .btn-base-bg {font-size:16px; margin-bottom:15px;} /* Otel Özellikleri */ #properties .row {margin-left:-10px; margin-right:-10px;} #properties .row > div {padding:10px; overflow:hidden;} #properties .image {height:160px; background-size:cover; background-position:center center; background-repeat:no-repeat; padding:0; -webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} #properties .image:hover {opacity:.8;} #properties .image .filter {background:fade(#000, 20%); display:block; width:100%; height:160px;border:8px solid fade(#000, 10%);} #properties .image .filter:hover {background:fade(#000, 0%);} #properties .image .filter:hover span {opacity:0;} #properties .image .filter span { color:#fff; font-size:20px; display:block; text-align: center; padding-top:40px; font-weight:400; text-transform:uppercase; letter-spacing: -1px;-webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; text-shadow: 0 1px 2px rgba(0,0,0,0.4);} #properties .image .filter span strong {font-size:25px; display:block;} #properties .buttons {margin:30px 0;} #properties .buttons .btn {font-size:16px;} /* Yorumlar */ #comments {background:#eee; padding:30px 0;} #comments h4 i {color:lighten(@base,10%);} #comments h4 i.fa-comment {margin-top:-40px;} #comments .swiper-pagination {text-align:right;} #comments .swiper-pagination-bullet {background-color:@secondary; width:12px; height:12px;} /* Keşfedin */ #other-hotels {padding:30px 0;} #other-hotels .hotel {padding:15px;} #other-hotels .hotel .image-wrapper {width:100%; height:200px; overflow:hidden; display:block;} #other-hotels .hotel .image {background-size:cover; width:100%; height:200px; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease;} #other-hotels .hotel .image-wrapper:hover .image {opacity:.8;} #other-hotels .hotel h3 {color:@base; letter-spacing:-2px; font-weight:300;} #other-hotels .price {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:0px 0 15px;} #other-hotels .price h4 {letter-spacing:-1px; font-size:18px; margin:0; margin-top:10px; text-align:left; color:@secondary} #other-hotels .price h4 span {font-size:24px; font-weight:600;} #other-hotels .price h4 small{ display:block; line-height:1.8; text-transform:none; letter-spacing:0;} #other-hotels .price a {margin-top:19px; font-size:15px;} @media(max-width:768px){ #other-hotels .hotel h3 {text-align:center;} #other-hotels .price .pull-left, #other-hotels .price .pull-right {float:none !important; display:block; text-align:center;} #other-hotels .price h4 {text-align:center;} #other-hotels .price a {font-size:18px;} } /* Sizi Arayalım */ #call-center {background:lighten(@base,10%); padding:30px 0; position:relative; z-index:5; border-bottom:2px solid #fff;} #call-center h3 {font-weight:300; font-size:25px;margin:0; line-height:1.1; color: #fff} #call-center form {margin-top:8px;} #call-center .form-control {border-width:2px; height:42px; border-color:lighten(@base,35%); font-size:16px; font-weight:400; letter-spacing:-1px;} #call-center .form-control:focus {border-color:lighten(@base,28%);; box-shadow:none;webkit-box-shadow: none;-moz-box-shadow: none;} #call-center .btn {font-size:16px;font-weight:600; height:42px;} @media(min-width:769px) and (max-width:992px){ #call-center form {margin-top:0;} } /* Footer */ footer {padding:15px 0; background:#eee; border-top:4px solid #ddd; position:relative; z-index:5;} footer span {font-size:14px; color:#666; font-weight:600;} footer .list-inline{display:block;} footer .list-inline li {padding:0 2px;} footer .list-inline li a i{color:#fff; width:40px; height:40px; text-align:center; line-height:40px; border-radius:50%; font-size:20px;-moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease;} footer .list-inline li a i.fa-facebook {background:@facebook;} footer .list-inline li a i.fa-twitter {background:@twitter;} footer .list-inline li a i.fa-instagram {background:@instagram;} footer .list-inline li a i.fa-linkedin {background:@linkedin;} footer .list-inline li a i.fa-pinterest {background:@pinterest;} footer .list-inline li a:hover i{opacity:0.8;} /* Mobile Options */ #mobile-options {position:fixed; bottom:0px; padding:15px; width:100%; left:0; z-index:4; visibility:hidden; background:rgba(255,255,255,.7);} #mobile-options .row {margin-left:-8px; margin-right: -8px;} #mobile-options .row>div {padding:8px;} #mobile-options .btn {font-size:16px; box-shadow:0 1px 2px rgba(0,0,0,.2);} #mobile-options .btn-base {background:#fff; border-color:@base;} @media(max-width:350px){ #mobile-options .btn {font-size:15px;} } /* Mobile Panel */ #mobile-panel {position:fixed; width:100%; height:100%; z-index:5; left:100%; top:0; background-color:#fff; } #mobile-panel.open {left:0;} #mobile-panel .heading {background: lighten(@base, 35%); padding:8px 15px;} #mobile-panel .heading i {font-size:20px; text-align:center; color:#111; background:#fff; border-radius:50%; width:30px; height:30px; line-height:29px;} #mobile-panel .heading a {color:#555; display:block; font-size:18px;} #mobile-panel .heading h3 {margin:0; font-weight:300; color:#111; letter-spacing:-1px; font-size:23px;} #mobile-panel>.tab-content { overflow-y:auto;overflow-x: hidden;} #mobile-panel .list-group {border-radius:0;} #mobile-panel .list-group-item {border-radius:0; color:#999; font-size:16px; padding-top:15px; padding-bottom:15px; border-left:0; border-right:0;} #mobile-panel .list-group-item:first-of-type {border-top:0;} #mobile-panel .list-group-item.active, #mobile-panel .list-group-item.active:hover, #mobile-panel .list-group-item.active:focus { background-color:#f6f6f6; color:#111; border-color:#ddd;} #mobile-panel .navbar-nav {margin:0;} #mobile-panel .navbar-nav>li>a {color:#999; font-size:16px;padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ddd;} #mobile-panel .navbar-nav>li .dropdown-menu {padding:0;} #mobile-panel .navbar-nav>li .dropdown-menu a {font-size:14px; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ddd;} #mobile-panel .navbar-nav>li.active>a, #mobile-panel .navbar-nav>li.open>a, #mobile-panel .navbar-nav>li>a:hover, #mobile-panel .navbar-nav>li>a:focus {background-color:#f6f6f6; color:#111; border-color:#ddd;} #mobile-panel .ui-widget {font-family: inherit;} #mobile-panel .ui-datepicker-multi .ui-datepicker-group{width:100%; float:none; display:block;} #mobile-panel .ui-datepicker.ui-datepicker-multi {width:auto !important; border:0;} #mobile-panel .ui-datepicker .ui-datepicker-prev, #mobile-panel .ui-datepicker .ui-datepicker-next {display:none;} #mobile-panel .ui-widget-header {border:0;} #mobile-panel .ui-state-highlight, #mobile-panel .ui-widget-content .ui-state-highlight, #mobile-panel .ui-widget-header .ui-state-highlight {} #mobile-panel .ui-widget-header {font-weight:400; font-size:17px; } #mobile-panel .ui-datepicker table {font-size:16px;} #mobile-panel .ui-datepicker td span, #mobile-panel .ui-datepicker td a { padding-top:10px; padding-bottom:10px; text-align:center;} #mobil-tarih .list-inline li {padding-left:0; padding-right:0; margin:0; width: 49%;background:lighten(@secondary, 45%);} #mobil-tarih .list-inline li a {display:block; color:#111; background:lighten(@secondary, 45%); padding:8px 15px; font-size:17px; font-weight:400; text-align:center;} #mobil-tarih .list-inline li.active a { background:lighten(@secondary, 30%); color:#fff; position:relative;} #mobil-tarih .list-inline li.active a:after {width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: lighten(@secondary, 30%) transparent transparent transparent; content:''; position:absolute; left:50%; margin-left:-7.5px; bottom:-10px;} #mobil-tarih .tab-content {overflow-y:auto;} .mobile-datepicker-area {display:none;} .mobile-datepicker-area.open {display:block !important;} #kisi-sayisi-mobil .form-control {background:#fff; font-weight:700; font-size:16px; border-color:#ccc; box-shadow:none;} #kisi-sayisi-mobil .list-group-item {line-height:2.1; color:#111;} #kisi-sayisi-mobil .btn-base {font-size:18px;} #kisi-sayisi-mobil .btn-default {background:#ccc;border-color:#ccc; color:#fff;} #kisi-sayisi-mobil .input-group {margin-bottom:2px;} #kisi-sayisi-mobil .child-area {display:none;} .date {border:2px solid #ccc; padding:5px 8px; border-radius:4px; margin-bottom:10px; position:relative;} .date:after {width:100%; height:100%; position:absolute; z-index:2; cursor:pointer; content:''; top:0; left:0;} .date h2 {color: @base; display:inline-block; margin:0; font-size:40px;font-weight:300;} .date span {color:#111;line-height:1.2; margin-left:8px; margin-top:5px; font-size:17px; letter-spacing:-1px; display:block;} .date small { display:block; color:#999;line-height:1; margin-left:8px; font-size:14px;letter-spacing:-1px;} @media(max-width:350px){ .date h2 {font-size:35px;} .date span {font-size:15px;} .date small {font-size:12px;} } #price-accordion .panel-heading{ padding:0;} #price-accordion .panel-heading h4 a {display:block; padding:8px 15px; font-weight:600; font-size:20px; color:@base; text-transform:uppercase; letter-spacing:-.5px; position:relative;} #price-accordion .panel-heading h4 a span {position:absolute; right:15px; top:50%; margin-top:-10px; font-size:25px; color:@secondary} #price-accordion .table-responsive {border:0; margin-bottom:0;} #price-accordion table {margin-bottom:0; letter-spacing:-.5px;} #price-accordion table th, #price-accordion table td {text-align:center; vertical-align:middle} #price-accordion table td.price {color:@secondary; font-size:20px; font-weight:600; line-height:1;} #price-accordion table td.price small {color:#666; font-size:13px;} #price-accordion table td.date { font-size:16px; font-weight:400;} #price-accordion .panel-body {padding:0;} @media(max-width:767px){ #price-accordion table {padding-left: 156px;display: block;} #price-accordion table tr {position:relative;} #price-accordion table td.price {font-size:15px;} #price-accordion .panel-heading h4 a small { font-size:12px;} #price-accordion table td.date, #price-accordion table th, #price-accordion table td {font-size:12px;} #price-accordion .panel-heading h4 a span {margin-top:0; top:5%;} #price-accordion .stick-xs {position:absolute;left:16px; z-index:3; background:#fff; width:80px; height:52px;} #price-accordion .stick-xs-2 {position:absolute;left:94px; z-index:3; background:#fff; width:80px; height:52px; box-shadow:2px 0 3px rgba(0,0,0,.1);} } #price-search label {display:block; font-weight:400; letter-spacing:-1px; font-size:14px;} #price-list {} #price-list .hotel-image div { background-size:cover; width:100%; height:175px;} #price-list .hotel-price {padding:15px; border:1px solid #ddd;} #price-list h3 { margin:0; line-height:.9; font-weight:300; letter-spacing:-1px; margin-bottom:18px;} #price-list .hotel-desc p {} #price-list .hotel-desc p>span, #price-list .hotel-desc p>span.row>span {display:block;font-size:13px; } #price-list .hotel-price.home .hotel-desc p strong {font-size:16px;} #price-list .hotel-price h5 {margin:0; margin-top:0px;} #price-list .pricing.home h5 {margin-top:0px;} #price-list .hotel-price h2 {margin:0; font-weight:700; color: @secondary; margin-bottom:15px;} #price-list .hotel-price h2 small {font-weight:300;} #price-list .hotel-price .btn {margin-bottom:0; font-size:16px;} #price-list .pricing.home .btn {} #price-list .hotel-price.home .hotel-desc p strong i {color:@base;} @media(max-width:767px){ #price-search label {text-align:center !important;} #price-list .hotel-image {display:none;} #price-list h3 {font-size:22px; text-align:left; margin-bottom:0;} #price-list h3 .pull-right {position: absolute;right: 15px;top: -6px;} #price-list h3 .pull-right i { color:@base;} #price-list p {font-size:13px; letter-spacing:-1px; text-align:center;} #price-list p small {font-size:12px; color:#999;} #price-list .roomCapacityLabelMobileHome strong {font-size:17px;} #price-list .hotel-price h5 {margin-top:0;} #price-list .hotel-desc {margin-top:15px;border-top:1px solid #ddd; padding-top:10px;} #price-list .hotel-desc div.row > div >p { } #price-list .hotel-desc span.input-group {display:table;} #price-list .hotel-price .pricing {margin-top:10px;} #price-list .hotel-price h2, #price-list .hotel-price h5 {text-align:right;} #price-list .pricing.home {min-height:70px;} #price-list .pricing.home h2, #price-list .pricing.home h5 {text-align:right; margin-top:0;} #price-list .pricing.home h2 {font-size:24px;} #price-list .hotel-price .btn {margin-top:5px !important;} } .room-type-slider .swiper-slide div{background-size:cover; width:100%; height:220px; background-position:center center !important;} @media(max-width:450px) { .room-type-slider .swiper-slide div {height:190px;} #room-detail-modal .modal-body .col-md-7 {overflow-y:auto; max-height:185px; margin-top:15px;} } @media(max-width:767px){ .fade, .fade .modal-dialog, .collapsing { -webkit-transition: none !important; transition: none !important; } } .photo-gallery {margin:15px 0;} #comments.internal {background:none; margin-top:15px; padding:0;} #comments.internal .comment {padding:15px; margin-bottom:15px; background:#eee;} #new-comment h3 {margin-top:0; font-weight:400; letter-spacing:-1.5px;} #new-comment .form-control {border-width:2px;} #new-comment label {font-size:15px; letter-spacing:-.5px; font-weight:400; text-transform:uppercase;} #new-comment .fa {color:@base; cursor:pointer;} @media(max-width:767px){ #new-comment h3 {text-align:center;} #new-comment .fa {margin-right:5px;} } #rooms {margin-top:15px;} #rooms h3 {margin-top:0; font-weight:400; letter-spacing:-1.5px;} .room-image div{background-size:cover; width:100%; height:170px;} .room-desc h4 {font-weight:700; letter-spacing:-1px; font-size:20px;} .room-desc .list-group-item h5{ font-size:14px; letter-spacing:-.5px; text-transform:uppercase; color:#999;} .room-desc .list-group-item p {font-weight:600; font-size:16px;} .room-desc h3 {letter-spacing:-1.5px; font-weight:600; color:@base; font-size:27px;} .room-desc .btn {font-size:18px !important;} @media(min-width:768px){ .room-page-details {min-height:220px; padding-bottom:50px; position:relative;} .room-page-btn {position:absolute; bottom:0; left:15px;} } @media(max-width:767px){ .room-desc {text-align:center;} #rooms .room h3 {margin-top:30px;} .room-desc h4, #rooms .room {text-align:center;} } #contact {margin-bottom:15px; margin-top:15px;} #contact i {color:@base;} #contact address {font-weight:400; font-size:15px;} #contact address a {color:#333;} #contact address small {font-weight:600; margin-top:10px; display:block; letter-spacing:-.5px; text-transform:uppercase;} #contact h3 {margin-top:30px; font-weight:400; letter-spacing:-1.5px;} #contact .form-control {border-width:2px;} #contact label {font-size:15px; letter-spacing:-.5px; font-weight:400; text-transform:uppercase;} @media(max-width:991px){ address{text-align:center;} #contact h3 {text-align:center;} } @media(max-width:767px){ #contact iframe {height:300px !important;} #contact #map-filter {position:absolute; z-index:2; width:100%; height:450px;left:15px; top:0;} } #reservation {margin:15px 0;} #reservation>ul { padding:0;} #reservation>ul>li {list-style:none; margin:0;} #reservation ul .box {width:100%; display:block; text-align:center; line-height:80px; background:#f6f6f6; font-size:18px; font-weight:600; border-radius:5px; letter-spacing:-1px;} #reservation ul .box.active {background:@base; color:#fff;} #reservation ul .box span {display:inline-block; width:30px; height:30px; border-radius:50%; border:2px solid #333; line-height:25px;} #reservation ul .box.active span{ border-color:#fff;} #reservation .ui-datepicker {width:100%;} #reservation label:not(.radio-inline) {display:block; font-weight:400; letter-spacing:-1px; font-size:20px; text-transform:uppercase; margin-top:15px;} #reservation .radio-inline {font-size:17px !important; margin:0 10px; letter-spacing:-1px; font-weight:600;} #reservation hr {margin-top:10px; margin-bottom:0px;} #reservation .row .row label {font-size:16px;} #reservation .form-control:not(textarea) { height:36px;} #reservation .form-control {border-width:2px;} #reservation .btn {font-size:16px;} #reservation #rooms hr { margin-bottom:10px;} #reservation #rooms label {color:@base; font-size:16px;} #reservation #rooms h4 {font-size:27px; font-weight:700; color:@secondary;} #reservation .panel-group h4 {font-weight:600; letter-spacing:-1px;} #reservation #payment {margin:15px 0;} #reservation #payment h3 {letter-spacing:-1.5px; font-weight:600; margin-top:0;} @media(max-width:767px){ #reservation ul .box{line-height:40px; text-align:left !important; padding-left:15px; padding-right:15px; margin-bottom:1px;} #reservation label, #reservation .panel-group .panel-body h4, #reservation ul .box span {text-align:center;} #reservation #payment h3 {font-size:24px;} } #info-accordion .panel-heading{ padding:0;} #info-accordion .panel-heading h4 a {display:block; padding:8px 15px; font-weight:600; font-size:20px; color:@base; letter-spacing:-1px; position:relative;} #info-accordion .panel-heading h4 a span {position:absolute; right:15px; top:50%; margin-top:-10px; font-size:25px; color:@secondary} @media(max-width:767px){ #info-accordion .panel-heading h4 a small { font-size:12px;} #info-accordion .panel-heading h4 a span {margin-top:0; top:5%;} } #infos {margin:15px 0;} #payment .room-desc h4 {margin-top:0;} #payment h2 {letter-spacing:-2px; font-weight:700; color:@base;} @media(max-width:767px){ #payment h3 {text-align:center;} #payment .alert li strong {display:block;} } #payment-types .nav-tabs, #payment-types .nav-tabs li a{border:0; color:#111; background:#fff; border-radius:0; letter-spacing:-1px; font-size:16px; border-bottom:2px solid #444;} #payment-types .nav-tabs {border-bottom:1px solid #ddd;} #payment-types .nav-tabs li {margin-bottom:0;} #payment-types .nav-tabs li.active a {color:@base; background-color:#fff; border-bottom:2px solid @base; opacity:1;} #payment-types .tab-content {padding:15px 0;} #payment-types .alert {background:#f6f6f6; border-color:#ddd; color:#333; text-align:center; letter-spacing:-.5px; font-size:16px;} #payment-types .alert hr {border-color:#ddd;} #payment-types .alert h3 {color:@secondary;} #payment-types h4 {letter-spacing:-1px;} #payment-types ul {margin:0; padding:0;} #payment-types li {list-style:none; margin:0; padding:0; letter-spacing:-.5px; font-size:15px;} #payment-types hr {margin-bottom:10px;} #payment-types .bank {display:none;} #payment-types .form-group .form-group {margin-bottom:0;} @media(max-width:767px){ #payment-types .bank {text-align:center;} #payment-types .bank strong {display:block;} #payment .alert h3 {font-size:20px !important;} } .card-no {margin-left:-3px; margin-right:-3px;} .card-no>div {padding-left:3px; padding-right:3px;} #taksit-tablosu .box {border:1px solid #eee; padding:5px;} #taksit-tablosu .box img {height:70px; display:inline-block;} #taksit-tablosu .box ul {padding:0; border-top:1px solid #ddd;} #taksit-tablosu .box li {font-size:14px; font-weight:600; letter-spacing:-.5px; list-style:none; border-bottom:1px dotted #ddd; padding:5px 0;} #taksit-tablosu-mobil .box {border:1px solid #eee; padding:5px;} #taksit-tablosu-mobil .box img {height:70px; display:inline-block;} #taksit-tablosu-mobil .box ul {padding:0; border-top:1px solid #ddd;} #taksit-tablosu-mobil .box li {font-size:14px; font-weight:600; letter-spacing:-.5px; list-style:none; border-bottom:1px dotted #ddd; padding:5px 0;} .no-padding-columns {margin-left:0; margin-right:0;} .no-padding-columns>div {padding-left:0; padding-right:0}