/* Compiled Less CSS File */
/* Generated from "style.css" */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic,100,100italic&subset=latin,latin-ext);

@renk1: #01A765;
@renk2: #f05927;
@renk1light: @renk1 + #222;
@renk1dark:  @renk1 - #111;
@renk1dark2:  @renk1 - #222;

.opacity(@deger){ opacity:@deger; -webkit-opacity:@deger; }
.transition(@deger){ transition:@deger; -webkit-transition:@deger; }
.border-radius(@deger){ border-radius:@deger; -webkit-border-radius:@deger; }

body { font-family: 'Roboto', sans-serif; font-size: 13px;  line-height: 1.4; color: #666; }
a { text-decoration: none;  transition: all 0.2s ease-in-out;  color: #666; }
a:hover { color: @renk1; text-decoration: none; }
h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
.bold { font-weight: 700; }
.bold2 {  font-weight: 600; }
.bold3 { font-weight: 500; }
.bosluk10 {  height: 10px; }
.bosluk15 { height: 15px; }
.bosluk20 { height: 20px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }
.clear { clear: both; }
.f-left {  float: left; }
.f-right { float: right; }
.link { text-decoration: underline; }
.font14 { font-size: 14px; line-height: 20px; }
.font11 { font-size: 11px !important; }
.display-none { display:none; }
.relative { position: relative; }
img {  display: block; width: 100%; height: auto; }
img.inline { width:auto; height:auto; }
p { margin-bottom: 15px; }
.m-bottom-10 { margin-bottom: 10px; }
.m-bottom-15 { margin-bottom: 15px; }
.m-bottom-20 {  margin-bottom: 20px; }
.m-bottom-30 { margin-bottom: 30px; }
.m-bottom-40 { margin-bottom: 40px; }
.p-right-0 { padding-right: 0; }
.p-left-0 {  padding-left: 0; }
.p-left-5 { padding-left: 5px; } 
.p-bottom-0 { padding-bottom: 0 !important; }
input,
select,
button,
textarea { font-family: 'Roboto', sans-serif; font-size: 13px; outline:none; .transition(all 0.3s); }
.border { border-bottom: 1px solid #EEE; height: 1px; margin-bottom: 15px; }
.table > thead > tr > th { font-size: 16px; font-weight: 600; }
a.label {  color: #FFF; font-weight: 400; font-size: 11px; border-radius: 0; margin-right: 5px; }
.map { width: 100%;  height: 350px; position: relative; border: 1px solid #CCC; margin-bottom: 30px; }
.mobile-select { display: none; }
.center { text-align: center; }
.page-bg { background: #EEE; width: 100%; max-width: 1400px; margin: 0 auto; }
ul.disc { margin-bottom: 15px; }
ul.disc li { list-style-type: disc; margin-left: 15px; }
.alert { .border-radius(0); }
.underline { text-decoration: underline; }
.panel { border-radius: 0; }
.mobile-slide { display: none; }
.label { font-size: 12px; font-weight: 400; .border-radius(0); }
.label a { color: #fff; display: inline-block; }


.header-top {  background: #EEE;  height: 40px; padding-left:20px;  }
.header-top .slogan {  float: left; line-height: 40px; font-size:16px;  }

.header-top .dil-secimi { float: right; }
.header-top .dil-secimi a { width: 50px; height: 40px;  line-height: 40px; text-align: center; display: block; float: left; }
.header-top .dil-secimi a.active { background: @renk1; color: #FFF; }
.header-top .sosyal { float: right; margin-right: 20px; line-height: 40px; }
.header-top .sosyal i { width: 30px; height: 30px; line-height: 30px; text-align:center; font-size:14px; color:#FFF;  margin-left: 5px; border-radius: 50%; -webkit-border-radius: 50%; }
.header-top .sosyal i.fa-facebook { background:#3b5998; }
.header-top .sosyal i.fa-twitter { background:#428bca; }
.header-top .sosyal i.fa-instagram { background:#125687; }
.header-top .sosyal i.fa-linkedin { background:#2C90C7; }
.header-top .sosyal i.fa-bold { background:#F57E00; }

.header {  background: @renk1;  min-height: 100px; padding:0 20px;   }
.header .logo { float: left; margin-top:25px; border:2px solid #FFF;  }
.header .menu { float: right; margin-top:30px; }
.header .menu > ul > li { float: left; margin-left: 1px; position: relative; }
.header .menu > ul > li > a { display: block; height:40px; line-height:40px; padding:0 15px; background:@renk1dark; font-size: 16px; font-weight: 400; color:#FFF;  }
.header .menu > ul > li > a.active {  }
.header .menu > ul > li:hover a {  }
.header .menu > ul > li:hover .sub-menu { max-height: 800px;  visibility: visible; top:40px; .opacity(1); }

.header .menu .sub-menu { position: absolute; z-index: 9999; top:60px; .opacity(0);  padding-top: 16px; /*margin-top: -16px;*/ width: 250px; visibility: hidden; .transition(all 0.3s); max-height: 0; overflow: hidden; }
.header .menu .sub-menu > ul { background:@renk1dark;  }
.header .menu .sub-menu > ul > li > a { padding: 10px 15px; border-bottom: 1px solid @renk1dark2; display: block; color: #FFF; font-size: 14px;  font-weight: 400; }
.header .menu .sub-menu > ul > li > a:hover { background: @renk1dark2; }
.header .menu .sub-menu i.fa-caret-up { position: absolute; color: @renk1dark; font-size: 24px;  margin-top: -16px; left: 20px; }
.header .menu .sub-menu.right { right: 0; }
.header .menu .sub-menu.right i.fa-caret-up { right: 20px; left: auto; }
.header .menu .sub-menu.right > ul > li > a { text-align: right; }

.header .menu .sub-menu.ofisler { width:720px; right:-103px;  }
.header .menu .sub-menu.ofisler ul li { width:230px; float:left; margin:0 5px; }
.header .menu .sub-menu.ofisler ul li a { font-size: 12px; padding: 5px; }
.header .menu .sub-menu.ofisler i.fa-caret-up { right:153px; left:auto; }

.header .menu i.fa-plane { color: #fff; float: left; margin-right: 5px; margin-top: 3px; }






.header.f-nav {  position: fixed; width: 100%; background: #FFF; top: 0; height:80px; min-height:80px;  }
.header.f-nav .logo { width:121px; margin-top:10px;  }
.header.f-nav .menu ul li a { line-height:80px;  }

.header .mobile-toogle { width: 40px; height: 40px; line-height: 38px; text-align: center; float: right; font-size: 20px; background: #FFF; color: #999; margin-top: 34px; display: block; border-radius: 50%; }
.header .mobile-toogle:hover {  color: @renk1; }
.header .mobile-menu { display: none; }
.header .mobile-toogle { display: none; }
.header .search { float: right; margin-top: 30px; }
.header .search .txt-src { width: 240px; height: 30px; border: 1px solid #DDD; float: left; padding: 0 10px; }
.header .search .btn-src { background: @renk1; color: #FFF; width: 50px;  height: 30px;  border: none; float: left; }

.mobile-menu { display:none;   position:absolute; top:0; left:0; bottom:0; z-index:101111; width:80%; background:@renk1; box-shadow:5px 0 40px #333, 5px 0 45px #999; }
.mobile-menu .mobile-menu-baslik { font-size:26px; font-weight:300; padding:20px; background:@renk1dark; color:#FFF;  }
.mobile-menu ul li { float:none;  }
.mobile-menu ul li a { padding:12px 20px; background:@renk1; color:#FFF; border-bottom:1px solid @renk1light; display:block; font-size:16px;   }
.mobile-menu ul li a:hover { text-decoration:none;  background:@renk1light;  }
.mobile-menu ul li a.active { text-decoration:none;  background:@renk1light;  }
.mobile-menu ul li ul li a { padding:10px 20px 10px 40px; background:@renk1dark; font-size:14px;  } 
.mobile-menu ul li ul li a:hover { background:@renk1light;  }
.mobile-menu ul li ul li a.active { background:@renk1light;  }


.slider-kapsa { position: relative; width: 100%; height: 450px;  overflow: hidden; }
.slider-kapsa .title-top { font-size: 2.6em; color: #FFF; text-shadow: 1px 1px 1px #333; font-weight: 400; width: 700px; text-align: center; padding: 15px 30px; background: rgba(0, 0, 0, 0.4); }
.slider-kapsa .title-bottom { font-size: 1.6em; color: #FFF; text-shadow: 1px 1px 1px #333; font-weight: 400; width: 700px; text-align: center; padding: 15px 30px; background: rgba(135, 38, 57, 0.6); }
.slider-kapsa .tparrows { display: none; }
.slider-kapsa .tp-caption { position: absolute; right: 30px !important; bottom:30px !important; left: inherit !important; top: inherit !important;  }
.slider-kapsa .btnDetay { background: @renk1; color: #fff; padding: 8px 16px; display: inline-block; font-size: 16px; font-weight: 400; .border-radius(3px); }
.slider-kapsa .btnDetay:hover { color: #fff; background: @renk1dark; }

.rezervasyon-form { position:absolute; width:400px; height:413px; background:#f5f5f5; border:1px solid #DDD; padding:20px; z-index:999; margin-top:-445px; margin-left:30px; }
.rezervasyon-form .date-box { position:relative; }
.rezervasyon-form .date-box i { position:absolute; right:10px; top:0; line-height:36px; font-size:14px; }

#ofis-rezervasyon { background:#f5f5f5; border:1px solid #DDD; display: none; margin-bottom: 20px;  }
#ofis-rezervasyon .rezervasyon-form { position: relative; margin-top: 0; margin-left: 0; background: none; border: none; margin: 0 auto; }

.error-Box {
	line-height: 46px;
	font-weight: 700;
	color: #a93131;
}


.promosyon { width: 60%; margin: 0 auto; }
.promosyon .rezervasyon-form { position: relative; margin-top: 30px; margin-left: auto; margin-right: auto; height: auto;  } 
.promosyon .landing-image { border: 1px solid #DDD; margin-bottom: 30px; }
.promosyon .form-center { margin: 0 auto; float: none; }


.uyelik-kapsa { position: relative; }
.uyelik-kapsa .uye-form { position: absolute; left: 30px; top: 80px; background: #EEE; padding: 10px; width: 400px; }
.uyelik-kapsa .uye-form .form-baslik { font-size: 18px; font-weight: bold; padding: 15px; }
.uyelik-kapsa .uye-form .form-icerik { background: #fff; padding: 15px; }
.uyelik-kapsa .uye-form .sifremi-unuttum { float: right; }
.uyelik-kapsa .uye-form.uye-ol { top: 20px; }


.sub-images { margin-bottom:30px; }

.content { border:1px solid #DDD; padding:20px; margin-bottom:30px;  }
.content .home-baslik { font-size:26px; font-weight:500; color:@renk1; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #DDD;  }
.content .kampanyalar .item { margin-bottom:30px; height: 160px;   }
.content .kampanyalar .item .image { float:left; width:200px; border:1px solid #DDD;   }
.content .kampanyalar .item .icerik { margin-left:215px;   }
.content .kampanyalar .item .baslik { font-size:18px; margin-bottom:10px; color:#000000;  }
.content .kampanyalar .item .aciklama { margin-bottom:10px; }
.content .kampanyalar .item .detay a { background:@renk1; color:#FFF; padding-left:10px; display:inline-block;   }
.content .kampanyalar .item .detay i { margin-left:10px; padding:10px; background:@renk1dark; .transition(all 0.2s;);  }
.content .kampanyalar .item .detay a:hover i { margin-left:15px;  }
.content .kampanyalar.detay .item { height: auto; }
.content .left-menu { background:@renk1; padding:15px;  }
.content .left-menu .menu-baslik { font-size:18px; font-weight:500; color:@renk1; background:#FFF; padding:15px; margin-bottom:5px;  }
.content .left-menu ul li a { color:#FFF; padding:8px 15px; border-bottom:1px solid @renk1dark; display:block; }
.content .left-menu ul li a:hover { background:@renk1dark; }
.content .left-menu ul li i { margin-right:7px; }

.content .page-content .breadcrumb { background:none; padding:0; margin-bottom:10px; font-size:12px;  }
.content .page-content h1 { margin-bottom:15px; color:@renk1; font-size:32px;  }
.content .page-content h3 { margin-bottom:15px;  }
.content .page-content .filo-list .item { border-bottom:1px dashed #CCC; margin-bottom:30px; padding-bottom:30px; }
.content .page-content .filo-list .image { float:left; width:220px; border:1px dashed #CCC; }
.content .page-content .filo-list .icerik { margin-left:240px; }
.content .page-content .filo-list .baslik { font-size:22px; font-weight:400; }
.content .page-content .filo-list .aciklama { font-size:16px; margin-bottom:12px;  }
.content .page-content .filo-list .hacim { margin-bottom:12px; }
.content .page-content .filo-list .hacim img { display:inline-block; width:auto; margin-right:10px;  }
.content .page-content .filo-list .ozellik {  }
.content .page-content .filo-list .ozellik img { display:inline-block; width:auto; margin-right:10px;  }
.content .page-content .filo-list .ozellik .item-ozellik {  width: 50%; height: 40px; margin-bottom: 5px ; float: left;   }
.content .page-content .filo-list .ozellik .item-ozellik .icon { float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background: #EFEFEF; color:@renk1; }
.content .page-content .filo-list .ozellik .item-ozellik .aciklama { margin-left: 40px; margin-right: 10px; padding-left: 10px; line-height: 40px; background: #F8F8F8; font-size: 13px; color: #000;  }
.content .page-content .filo-list .item:last-child { border-bottom:none; margin-bottom:0;  }
.content .page-content .ofisler-list .item { background:#f8f8f8; border:1px solid #E8E8E8; margin-bottom:20px; padding:20px;  }
.content .page-content .ofisler-list .item .ofis { font-size:24px; margin-bottom:15px; color:@renk1; } 
.content .page-content .ofisler-list .item .ofis a { color:@renk1; border-bottom:1px dashed @renk1;  }
.content .page-content .ofisler-list .item .ofis a:hover { border-bottom:none;  }
.content .page-content .ofisler-list .item .bilgi { margin-bottom:5px;  }
.content .page-content .ofisler-list .item .bilgi i  { width:30px; height:30px; line-height:30px; font-size:18px; text-align:center; background:@renk1; color:#FFF; margin-right:15px; }
.content .page-content .ofisler-list .item .bilgi span { font-size:16px; font-weight:300; }
.content .page-content .ofis-hakkinda { margin-bottom:20px; }
.content .page-content .ofis-hakkinda .image { float:left; width:300px; border:1px solid #E8E8E8;  }
.content .page-content .ofis-hakkinda .icerik { margin-left:320px;  }






.content.rez { margin:30px 0; border:none; padding:0;  }
.content.rez .rez-baslik { padding:10px 20px; background:@renk1; color:#FFF; font-size:22px; margin-bottom:20px;  }
.content.rez .rez-baslik .arac-sinif { float: right; font-size: 16px; margin-top: 5px; }
.content.rez .rez-baslik .arac-sinif a { color: #FFF; border-left:1px solid #FFF; padding-left: 10px; margin-left: 10px; font-weight: 300;  }
.content.rez .rez-baslik .arac-sinif a:first-child { border-left: none;  }
.content.rez .rez-baslik .arac-sinif a.active { font-weight: 500; }
.content.rez .rez-baslik .arac-sinif a:hover { font-weight: 500; }


.content.rez .rez-baslik .filtreler-kapsa { float: right; }
.content.rez .rez-baslik .filtreler-kapsa .filtre { float: left; font-size: 13px; margin-left: 15px;  }
.content.rez .rez-baslik .filtreler-kapsa .filtre .selectbox { color: #555; width: 100px; height: 30px; .border-radius(0); border: none;  }

.content.rez .rez-steps { position:relative; margin-bottom:40px;  }
.content.rez .rez-steps .border { height:10px; background:#EEE; border:1px solid #DDD; position:absolute; left:15px; right:15px; top:20px; z-index: -2; }
.content.rez .rez-steps .step { text-align:center; position: relative;  }

.content.rez .rez-steps .sayi { width:50px; height:50px; line-height:50px; margin:0 auto 10px; background:#EEE; font-size:24px; border:1px solid #DDD; .border-radius(50%);   text-align:center;   }
.content.rez .rez-steps .sayi.active {  background:@renk1; color:#FFF; border:none;   }
.content.rez .rez-steps .baslik { font-size:16px; font-weight:600; margin-bottom:3px;  }
.content.rez .rez-steps .baslik.active {  color:@renk1; }
.content.rez .rez-left {  }
.content.rez .secimleriniz { background:#f5f5f5; border:1px solid #DDD; padding:20px; margin-bottom:20px;  }
.content.rez .secimleriniz p { margin-bottom: 10px; }
.content.rez .secimleriniz .secim-baslik { font-size:18px; color:@renk1; margin-bottom:10px;  }
.content.rez .secimleriniz .fa-times { color:#C5101A; font-size:16px; }
.content.rez .f-secimleriniz { position: fixed; top: 20px; width: 263px;  }
.modal .modal-header .modal-title { font-size: 22px;  }
.content span.baslik-rezervasyon { color: #FFF; font-size: 16px; }


.content.rez .filo-list .item.selected { border: 2px solid #C51C19; padding: 15px; }
.content.rez .filo-list .item.selected .kampanya-baslik { background: #C51C19; padding: 8px 15px; margin: -15px -15px 15px;  color: #fff; font-size: 16px; font-weight: 500;  }

.content.rez .filo-list .baslik { font-size:20px; font-weight:400; }
.content.rez .filo-list .aciklama { color:#888; }
.content.rez .filo-list .f-left { width: 65%; }
.content.rez .filo-list .tutar { float:right; padding:7px; border: 1px solid #DDD; background:#f5f5f5; text-align:center; }
.content.rez .filo-list .tutar i { font-size:14px; }
.content.rez .filo-list .sure { font-size:16px; margin-bottom:3px;  }
.content.rez .filo-list .eski-fiyat { font-size:18px; color:#888; margin-bottom:3px;   }
.content.rez .filo-list .indirim { margin-bottom:3px; }
.content.rez .filo-list .fiyat { font-size:28px; margin-bottom:3px; color:#C5101A; font-weight:500; } 
.content.rez .filo-list .sec-button a { padding:8px 20px; font-size:16px; font-weight:600; background:@renk1; color:#FFF; display:inline-block; cursor:pointer;   }
.content.rez .filo-list .ozellik { margin-bottom:10px; }
.content.rez .filo-list .hizmet-button { font-size:16px; margin-bottom:10px; }
.content.rez .filo-list .hizmet-button i { margin-right:8px; }
.content.rez .filo-list .hizmet-button a { cursor:pointer; }
.content.rez .filo-list .icerik .f-left {  }
.content.rez .filo-list .ek-hizmet { margin-top:20px;  }
.content.rez .filo-list .ek-hizmet .table { margin-bottom:0; font-size: 14px;  }
.content.rez .filo-list .ek-hizmet .table i { margin-left:5px; margin-right:5px; font-size:18px; cursor:pointer;  }
.content.rez .filo-list .aciklama a { text-decoration:underline;  }
.content.rez .rez-left .toplam-tutar { font-size:20px; font-weight:600; margin-bottom: 0 !important;    }
.content.rez .rez-left .toplam-tutar i { font-size:14px;   }
.content.rez .rez-left .toplam-tutar span.fiyat { font-size:28px; color:#C5101A; font-weight:600; margin-right:3px;  }
.content.rez .rez-left .toplam-tutar span.kdv {  font-size:13px; font-weight:400; }

.content.rez .devam-button a { padding:15px; display:block; font-size:18px; font-weight:400; color:#FFF; background:@renk1; }
.content.rez .devam-button i { float:right; font-size:22px; margin-top:3px; margin-left:10px; }
.content.rez .devam-button .button { padding:15px; width: 100%; text-align: left; display:block; height: auto; line-height: 1.4; font-size:18px; font-weight:400; color:#FFF; background:@renk1; }
.content.rez .col-xs-1.arti { line-height:36px; padding-right:5px; text-align:right; }


.content .rez-detay .rez-baslik { font-size: 20px; font-weight: 400; color: @renk1; margin-bottom: 10px; text-decoration: underline; }


.content .tab-pane { border:1px solid #DDD; border-top:none; padding:15px; }
.content .nav-tabs > li > a { border-radius:0; font-size:16px; }
.content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-top:5px solid @renk1; }

.content .hata-kapsa { margin: 100px 0; text-align: center; }
.content .hata-kapsa .hata-kodu { font-size: 76px; color: @renk1; }
.content .hata-kapsa .hata-mesaj { font-size: 16px; font-weight: 300; } 

.content .ikinciel-list { margin-top:20px; }
.content .ikinciel-list .arac { padding-bottom:20px; margin-bottom:30px; border-bottom: dotted 2px #BBB; }
.content .ikinciel-list .arac .arac-image { width:220px; float:left; margin-right:20px; }
.content .ikinciel-list .arac .arac-bilgi { margin-left: 240px; padding-top:10px; font-size:14px; }
.content .ikinciel-list .arac .arac-bilgi .item { margin-bottom:3px; }
.content .ikinciel-list .arac .arac-bilgi .item span { width:70px; display:inline-block; font-weight:600;  }
.content .ikinciel-list .arac .arac-bilgi .talep { margin-top:15px;  }
.content .ikinciel-list .arac .arac-bilgi .talep a { display:block; cursor: pointer;  background:#01a765; color:#FFF; float:left; padding:7px 15px; text-decoration:none;  }
.content .ikinciel-list .arac .arac-bilgi .talep a:hover { background:#017C4B; }


.footer-top { border:1px solid #DDD; border-bottom:none; padding:20px; }
.footer-top .item { height:60px;  }
.footer-top .item .icon { float:left; width:60px; height:60px; padding:9px; background:#f5f5f5; border:1px solid #DDD; }
.footer-top .item .icon i { width:40px; height:40px; line-height:40px; text-align:center; background:@renk1; color:#FFF; .border-radius(5px); font-size:18px;  }
.footer-top .item .icerik { margin-left:70px;  }
.footer-top .item .baslik { margin-bottom:5px; color:@renk1; font-size:12px; font-weight:500;  }
.footer-top .item .aciklama { font-size:12px; }

.footer { background:@renk1; padding:20px;  }
.footer .footer-menu { float:left; margin-right:40px;   }
.footer .footer-menu ul li.title { color:#FFF; font-size:14px; font-weight:600; border-bottom:1px solid #FFF; margin-bottom:10px; display:inline-block;  }
.footer .footer-menu ul li a { color:#FFF; font-size:12px;  }
.footer .footer-menu ul li a:hover { text-decoration:underline; }
.footer .footer-sosyal { float:right;   }
.footer .footer-sosyal .footer-title { color:#FFF; font-size:14px; font-weight:600; border-bottom:1px solid #FFF; margin-bottom:10px; display:inline-block; }
.footer .footer-sosyal i { width: 30px; height: 30px; line-height: 30px; text-align:center; font-size:14px; color:#FFF; margin-right: 5px; border-radius: 50%; -webkit-border-radius: 50%; }
.footer .footer-sosyal i.fa-facebook { background:#3b5998; }
.footer .footer-sosyal i.fa-twitter { background:#428bca; }
.footer .footer-sosyal i.fa-instagram { background:#125687; }
.footer .footer-sosyal i.fa-linkedin { background:#2C90C7; }
.footer .footer-sosyal i.fa-bold { background:#F57E00; }
.footer .footer-sosyal .butonlar { margin-bottom:10px; }

.footer-bottom { background:#000; color:#FFF; padding:10px 20px; line-height:30px; font-size:12px;  }
.footer-bottom .f-right img { width:140px;  }
.footer-bottom.rezervasyon {  }
.imza { height:30px; line-height:30px; text-align:center; font-size:12px; }
.footer-bottom.rezervasyon .copy { float:left;  }
.footer-bottom.rezervasyon .imza { float:right; height:auto; line-height:inherit;  }
.footer-bottom.rezervasyon .imza a { color:#FFF;  }

.form label { display: block; margin-bottom: 5px; }
.form fieldset {  border: 1px solid #DDD; padding: 20px;  margin-bottom: 20px; }
.form legend { display: inline-block; width: auto;  padding: 0 15px; font-size: 16px; font-weight: 600; }
.textbox { padding:0 10px; height:36px; border: 1px solid #DDD; width: 100%; margin-bottom: 15px; }
.file { padding: 10px; height:36px; border: 1px solid #DDD; width: 100%; margin-bottom: 15px; }
.selectbox {  padding:0 10px; height:36px; border: 1px solid #DDD; width: 100%; margin-bottom: 15px; }
.textarea { padding: 10px; border: 1px solid #DDD; width: 100%; height: 120px; margin-bottom: 15px; }
.button {  padding:0 25px; height:40px; line-height: 40px; background: @renk1; color: #FFF; font-size: 16px; border: none; display: inline-block; cursor: pointer; }
.button:hover { background: @renk1dark; color: #FFF; } 
.button i { margin-right: 5px; }

.form.ikinciel label { display: block; margin-bottom: 5px; color: #fff; }
.form.ikinciel .textbox { border: none; }
.form.ikinciel .selectbox {  border: none;  }

.form.ikinciel .button { background: @renk1dark2; width: 100%; text-align: center; border: 1px solid @renk1light; }


.popup { width:700px; }
.popup2 { width:400px;  }
.popup-icerik { padding:20px; background:#FFF; }
.popup .baslik, .popup2 .baslik { padding:15px 20px; background:@renk1; color:#FFF; font-size:18px; font-weight:600; }
.popup .aciklama, .popup2 .aciklama { padding:10px 20px; background:#DDD; }



.animation-none { position: absolute; height: 10px; left: 0; width: 100%; top: 20px; background: @renk1; z-index: -1; }
.animation { position: absolute; height: 10px; left: 0; width: 100%; top: 20px; background: @renk1; z-index: -1; 
	-webkit-animation-name: odeme-ani; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: odeme-ani;
    animation-duration: 1s;
}

@keyframes odeme-ani { 
	0%   { width: 0%;  }
	100% { width: 100%;  }
 }
 @-webkit-keyframes odeme-ani { 
	0%   { width: 0%;  }
	100% { width: 100%;  }
 }

@media (max-width: 1199px) {
	.footer .footer-menu { float:left; margin-right:30px;   }
	.content .kampanyalar .item { height: 210px;   }
	.rezervasyon-form { position:absolute; height:370px;  padding:15px; margin-top:-400px; margin-left:0px; }
	.content.rez .filo-list .f-left { width: 62%; }
	.content.rez .filo-list .tutar { padding: 7px; }
	.content.rez .page-content .filo-list .ozellik .item-ozellik { width: 100%;  }
	.slider-kapsa { height: auto; }
	.content.rez .filo-list .item.selected .f-left { width: 61%; }
}

@media (max-width: 992px) {
  .header .menu-hidden { display: none; }
  .header .mobile-toogle { display: block; }
  .content .kampanyalar .item { height: auto;   }
  .footer-top { padding-bottom: 0; } 
  .footer-top .item { height:auto; margin-bottom: 20px;  }
  .footer .footer-menu.menu-ofis { display: none; } 
  .rezervasyon-form { position: relative; margin-top: -10px; margin-bottom: 20px; width: 100%; padding: 20px; }
  .content .left-menu { display: none; }
  .content.rez .f-secimleriniz { position: relative; width: auto; }
}
@media (max-width: 768px) {
	.p-right-0 { padding-right: 15px; }
	.p-left-0 { padding-left: 15px; }
	.footer .footer-menu { display: none; }
	.footer .footer-sosyal { width: 100%; text-align: center; }
	.footer .fb-like { float: none !important; margin-right: 0 !important; }
	.footer span.twitter { padding-top: 10px; display: inline-block; }
	.content .kampanyalar .item .image { width:100px;   }
	.content .kampanyalar .item .icerik { margin-left:115px;   }
	.content .page-content .filo-list .image { width:150px; }
	.content .page-content .filo-list .icerik { margin-left:170px; }
	.content .page-content .filo-list .ozellik .item-ozellik { width: 50%; float: left; height: 30px;  }
	.content .page-content .filo-list .ozellik .item-ozellik .icon { width: 30px; height: 30px; line-height: 30px; font-size: 14px; }
	.content .page-content .filo-list .ozellik .item-ozellik .aciklama { font-size: 12px; margin-right: 0; height: 30px; line-height: 30px; margin-left: 30px; padding-left: 8px; }
	.content .page-content .ofis-hakkinda .image { width:150px;  }
	.content .page-content .ofis-hakkinda .icerik { margin-left:165px;  }
	.content.rez .page-content .filo-list .ozellik .item-ozellik { width: 50%; float: left; }
	.content.rez .rez-steps .border { display: none; }
	.content.rez .rez-steps .step { margin-bottom: 10px; }
	.content.rez .rez-steps .step .aciklama { display: none; }
	.animation { display: none; }
	.animation-none { display: none; }
	.content.rez .filo-list .f-left { width: 100%; }
	.content.rez .filo-list .item.selected .f-left { width: 100%; }
	.content.rez .filo-list .tutar { width: 100%; margin-top: 5px;}
	.content.rez .rez-steps { display: none; }
	.promosyon { width: 100%; }
	.content.rez .rez-baslik { height: auto; }
	.content.rez .rez-baslik .filtreler-kapsa { float: none; }
	.content.rez .rez-baslik .filtreler-kapsa .filtre { float: none; border-top: 1px solid #FFF; padding-top: 5px; margin-top: 5px; margin-left: 0; position: relative;  }
	.content.rez .rez-baslik .filtreler-kapsa .filtre span { float: left; display: block; width: 50px; }
	.content.rez .rez-baslik .filtreler-kapsa .filtre .selectbox { width: 50%; margin-bottom: 0; margin-left: 20px; display: inline; }
}
@media (max-width: 480px) {
	.content .kampanyalar .item .image { width:80px;   }
	.content .kampanyalar .item .icerik { margin-left:90px;   }
	.header { min-height: 80px; }
	.header .logo { margin-top:20px; width: 180px;  }
	.header .mobile-toogle { margin-top: 20px; }
	.content .page-content .filo-list .image { width:100%; margin-bottom: 10px; }
	.content .page-content .filo-list .icerik { margin-left:0; }
	.content .page-content .ofis-hakkinda .image { width:100%; margin-bottom: 15px;  }
	.content .page-content .ofis-hakkinda .icerik { margin-left:0;  }
	.content .page-content .filo-list .icerik .baslik { font-size: 18px; }
	.content .page-content .filo-list .icerik .aciklama { font-size: 14px; }
	.content .page-content h1 { font-size: 26px;  }
	.footer .fb-like { display: none; }
	.footer span.twitter { display: none; }
	.footer .footer-sosyal .butonlar { margin-bottom: 0; }
	.content.rez .rez-baslik .arac-sinif { float: none; }
	.content.rez .rez-baslik .arac-sinif a:first-child { padding-left: 0; margin-left: 0;  }
	.header.rezervasyon .logo { float: none;  margin-left: auto; margin-right: auto;  }
	.footer-bottom.rezervasyon { line-height: 1.4; }
	.footer-bottom.rezervasyon .copy { width: 100%; text-align: center;  }
	.footer-bottom.rezervasyon .imza { width: 100%; text-align: center;  }
	.footer-top { display: none; } 
	.mobile-slide { display: block; }
	.slider-kapsa { display: none; }	
}