@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700%7COpen+Sans:300,400,700&subset=latin,latin-ext);

body {font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; background: url('../img/background.jpg') #fff top center repeat;}
a, a:hover, a:active, a:focus {text-decoration: none; outline: 0;}

.buttons:before, .buttons:after {content: ''; display: table;}
.buttons {text-align: right; margin: 20px 0;}

.mainBackground {background-color: white; box-shadow: 0 0 5px rgba(0,0,0,0.25);}

/* Header */
.top-telephone {margin-top: 10px !important;}
.top-telephone img {margin-right: 5px;}
.top-telephone p {margin-top: -8px; font-family: "Open Sans Condensed", sans-serif; font-size: 28px; display: inline-block;}
.top-telephone p span {color: #1ea9c6;}
.top-telephone p small {color: #b7b7b7; font-size: 18px;}

.allMenus {background-color: #fff; padding-top: 8px;}
.genMenus { box-shadow: 0 15px 18px rgba(0,0,0,0.50); -webkit-box-shadow: 0 15px 18px rgba(0,0,0,0.50); -moz-box-shadow: 0 15px 18px rgba(0,0,0,0.50);}

.airCond {padding: 0 0 0 15px;}
.airCond p {display: inline-block; margin-right: 10px; font-size: 16px; color: #5b5b5b;}
.airCond p span {color: #1ea9c6; font-weight: 400}
.airCond img {margin-top: 2px;}

.topMenu {list-style: none; font-size: 14px; margin-top: 1px;}
.topMenu li {display: inline-block;}
.topMenu li:before {content: "|"; color: #1ea9c6; margin: 0 10px;}
.topMenu li:first-child:before {content: "";}
.topMenu li a {color: #1ea9c6;}
.topMenu li a:hover {color: #2C3E50;}

.language {list-style: none; margin-top: -2px; padding-right: 15px;}
.language li {display: inline-block;}
.language li:first-child {margin-right: 5px;}

.nav-reset {background-color: #f9f9f9; border-radius: 0; border: none; padding: 0 15px; margin-bottom: 0px;}
.navbar-nav > li > a {font-family: 'Open Sans Condensed', sans; color: #535353 !important; font-size: 18px; padding-top: 35px; padding-bottom: 35px;}
.navbar-nav > li > a:hover {
    color: #ffffff !important;
    background: #ffc578; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffc578 0%, #fb9d23 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffc578 0%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #ffc578 0%,#fb9d23 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #ffc578 0%,#fb9d23 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #ffc578 0%,#fb9d23 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
span.bor {border-bottom: 3px solid transparent; display: inline-block; padding-bottom: 5px;}
.navbar-nav > li > a:hover span.bor {border-bottom: 3px solid #e49f16; display: inline-block;}

/* Banner */
#banner {height: 370px;}
#banner .ls-l.text {width: 1140px; text-align: left;}
#banner .ls-l span {background-color: rgba(254,182,46,0.65); display: inline-block; height: 70px; font-size: 30px; font-style: italic; color: #fff; line-height: 65px; padding: 0 10px;}
#banner .ls-l strong {font-size: 36px;}
#banner .ls-l.text:last-child span {background-color: rgba(30,170,196,0.65); position: absolute; left: 100px;}

/* Rezervasyon */
.reservationGen {background-color: #7ed3e5; padding: 20px 30px;}
.resIc {width: 90%; margin: 0 auto;}
.input-group-addon {background-color: #1ea9c6; border-color: #1ea9c6; color: white;}
.btn-square {border-radius: 0;}

/* Spotlar */
.pad-20 {padding: 20px 0; width: 95%; margin: 0 auto;}
.spotImage {position: relative; max-height: 130px !important; cursor: pointer;}
.spotImage img {width: 100%; max-height: 130px;}
.spotImageBottom {position: absolute; bottom: 0; padding-left: 9px; padding-top: 3px; color: white; z-index: 11; height: 45px; width: 100%; font-family: "Open Sans Condensed", sans-serif; font-size: 30px;}
.spotImageBottom a {color: white;}
.spotImageBottom a:hover {color: #0f0f0f;}
.spotImageRight {position: absolute; right: 0; top: 0; height: 100%; width: 18px; background-color: rgba(255,255,255,0.85); z-index: 12;}
.spotBg1 {background: url('../img/trunj.png') bottom left no-repeat;}
.spotBg2 {background: url('../img/acikmavi.png') bottom left no-repeat;}
.spotBg3 {background: url('../img/pembe.png') bottom left no-repeat;}
.spotText {color: #878787; font-size: 16px; line-height: 1.4em; text-align: left; margin-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #e3e3e3;}
.spotLink {color: #d61717; margin-top: 5px !important; margin-bottom: 8px; display: block; font-weight: 300;}
.spotLink:hover {color: #e17777;}

/* Ana sayfa news */
.botSlideText {width: 100%; color: #878787; margin: 0; text-align: left; font-size: 13px; line-height: 1.15em;}
.botSlideText p {display: block; max-height: 100px; overflow: hidden; max-height: 54px; line-height: 18px;}
.botSlideText, .botSlideText, .imgBotText {color: #323232 !important;}
.botSlideText > h5, .imgBotText > h5 {margin: 0; font-size: 16px; padding: 0 0 3px 0; color: #38a2b7; font-family: "Open Sans Condensed", sans-serif;}
.hoodText {margin-bottom: 15px; font-size: 24px; font-family: "Open Sans Condensed", sans-serif; color: #414141; padding-bottom: 7px; border-bottom: 1px solid #e9e9e9;}
.homeTitle {margin-top: 0; font-size: 24px; color: #414141; font-family: "Open Sans Condensed", sans-serif;}
.homeContent {margin-top: 0; font-size: 14px; color: #878787; position: relative;}
.hakkindaRow {margin-bottom: 18px;}
.homeContent .spotLink {position: absolute; bottom: -15px; right: 0;}
.content {padding: 30px 0;}
.page-title {color: #22313F; font-size: 20px; font-weight: bold; margin-bottom: 10px; padding: 20px 0 5px 0px; position: relative;}
.newText {position: relative; min-height: 150px !important;}
.newText .date {font-size: 11px; color: #9e9e9e;}
.newText .title {font-size: 16px;}
.paylas a {text-decoration: none; display: inline-block; margin: 0 20px 0 0; color: #414141;}


/* Footer */
footer {padding-top: 20px;}
.espertoLogo {margin-left: 40px; background: transparent url("../../../ajansesperto.com/public/logo/colored.png") top center no-repeat scroll;  width: 110px; height: 56px; display: inline-block; text-indent: -9999px;}
.footerText {font-size: 14px; color: #8a867e; line-height: 1.5em; margin-bottom: 30px;}

/* Content */
.main {min-height: 400px; padding-bottom: 20px;}
.main .container-fluid img {width: 100%; max-height: 300px; margin: 0 0 10px 0;}


/* Responsive */
@media screen and (min-width: 1px) and (max-width: 990px) {
    .rezArea {margin: 5px 0;}
    .navbar-toggle {margin-top: 27px;}
    .espertoLogo {margin: 0 auto 20px auto; display: block;}
}

@media screen and (min-width: 1px) and (max-width: 330px) {
    .airCond p {font-size: 14px;}
}

@media screen and (min-width: 1px) and (max-width: 430px) {
    .navbar-brand {background: url('../img/logo-sm.png') top center no-repeat; width: 180px; height: 40px;}
    .navbar-toggle {margin-top: 17px;}
}

@media screen and (min-width: 1px) and (max-width: 768px) {
    .navbar-nav > li > a {padding-top: 12px; padding-bottom: 12px;}
}

/* BX Slider */
/*next button*/
.bx-next {  position:absolute;  top:40%;  right:-32px;  z-index:999;  width: 30px;  height: 30px;  text-indent: -999999px;  background: url(../img/bx/gray_next.png) no-repeat 0 -30px;  }
/*previous button*/
.bx-prev {  position:absolute;  top:40%;  left:-32px;  z-index:999;  width: 30px;  height: 30px;  text-indent: -999999px;  background: url(../img/bx/gray_prev.png) no-repeat 0 -30px;  }
/*pager links*/
.bx-pager a { margin-right: 5px; color: #fff; padding: 3px 8px 3px 6px; font-size: 12px; zoom:1; background: url(../img/bx/gray_pager.png) no-repeat 0 -20px; }
/*auto start button*/
.bx-auto .start {background: url(../img/bx/gray_auto.png) no-repeat 0 2px; padding-left: 13px; }
/*auto stop button*/
.bx-auto .stop { background: url(../img/bx/gray_auto.png) no-repeat 0 -14px; padding-left: 13px; }
/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {  background-position: 0 0;  }
/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {  background-position: 0 0;  }
/*pager wrapper*/
.bx-pager {text-align:center; padding-top: 7px; font-size:12px; color:#666;  }
/*captions*/
.bx-captions { text-align:center; font-size: 12px; padding: 7px 0; color: #666;  }
/*auto controls*/
.bx-auto { text-align: center; padding-top: 15px;  }
.bx-auto a {  color: #666;  font-size: 12px;  }

/* Rezervasyon */
.formHead {text-align: center; padding-bottom: 4%;}
.rezResim img {width: 100%; height: auto;}
.price {float: right; width: 100px; background-color: #e8c27d; height: 32px; text-align: center; padding: 8px 0 0 0; color: #222; font-weight: 500; position: relative; margin-top: -100px; margin-right: -9px;}
.priceShadow {float: right; width: 0px; height: 0px; border-width: 9px 9px 0 0; border-style: solid; border-bottom-color: transparent; border-right-color: transparent; border-left-color: transparent; position: relative; right: 0; margin-right: -9px; margin-top: -68px;}
.roomShortText {width: 95%; margin: 0 auto;}
.roomShortText2 {width: 95%; margin: 0 auto;}
.roomShortText > h4 { border-bottom: 1px dotted rgba(34,34,34,0.3); padding-bottom: 4px;}
.roomShortText2 > h4 { border-bottom: 1px dotted rgba(34,34,34,0.3); padding-bottom: 4px;}
.roomShortText > h5 { border-bottom: 1px dotted rgba(34,34,34,0.3); padding-bottom: 5px;}
.roomShortText2 > h5 { border-bottom: 1px dotted rgba(34,34,34,0.3); padding-bottom: 5px;}
.roomShortText > p {font-weight: 300;}
.roomShortText2 > p {font-weight: 300; font-size: 120%; width: 90%; margin: 0 auto;}
.rezIcerik {padding: 0 0 5% 0;}
.btn span.glyphicon {  opacity: 0;  }
.btn.active span.glyphicon {  opacity: 1;  }

.stepwizard-step p {  margin-top: 10px;  }
.stepwizard-row {  display: table-row;  }
.stepwizard {  display: table;  width: 100%;  position: relative;  }
.stepwizard-step button[disabled] {  opacity: 1 !important;  filter: alpha(opacity=100) !important;  }
.stepwizard-row:before {  top: 14px;  bottom: 0;  position: absolute;  content: " ";  width: 100%;  height: 1px;  background-color: #ccc;  z-order: 0;  }
.stepwizard-step {  display: table-cell;  text-align: center;  position: relative;  }
.btn-circle {  width: 30px;  height: 30px;  text-align: center;  padding: 6px 0;  font-size: 12px;  line-height: 1.428571429;  border-radius: 15px;  }