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

@renk1: #971F2E;
@renk2: #1A2328;
@renk3: #23292C;
@renk4: #EAE5D6;

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

body { font-family: 'Open Sans', sans-serif; font-size: 14px;  line-height: 1.4; color: #555;  }
a { text-decoration: none;  transition: all 0.2s ease-in-out;  color: #6C7E87; }
link { text-decoration: none; }
a:hover { color: @renk1; text-decoration: none; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
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;  }
.font11 { font-size: 11px !important; }
.font13 { font-size: 13px !important; }
.font16 { font-size:16px; }
img {  display: block; width: 100%; 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; }
input,
select,
button,
textarea { font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 14px; 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; }
#home-map { width: 100%;  height: 300px; position: relative; border: 1px solid #CCC; margin-bottom: 10px; }
.mobile-select { display: none; }
.center { text-align: center; }
.page-container { width: 100%; max-width: 1400px; margin: 0 auto; }
ul.disc { margin-bottom: 15px; }
ul.disc li { list-style-type: disc; margin-left: 15px; }
.btn { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.btn a { color:#FFF; }
.label { border-radius:0em; font-weight:500; }
.panel { border-radius: 0 !important;  }
.table td { vertical-align:middle !important; }
.img-inline { width:auto !important; height:auto; }
.form-control { border-radius: 0 !important; }
.relative { position: relative !important; }

.header { position: absolute; z-index: 999; width: 100%; margin-top: 30px; display: none; }
.header .logo { float: right; margin-top: 20px; }
.header .menus { float: left; margin-top: 50px; color: #fff; height: 50px; }
.header .menus a { color: #fff; font-size: 20px; display: inline-block; }
.header .menus a:first-child { /*padding-right: 20px; border-right: 1px solid #fff; margin-right: 20px;*/ }
.header .menus a i { margin-left: 5px; }

.f-nav { position: fixed; z-index: 1000; top: 0 !important; height: 80px; width: 100%; background: rgba(0,0,0, 0.8); color: #fff; margin-top: 0;  }
.f-nav .logo { width: 90px; margin-top: 10px; }
.f-nav .menus { margin-top: 25px;  }

.sub-header { height: 580px; padding-top: 300px; color: #fff; position: relative; text-align: center; }
.sub-header .bg-color { position: absolute; z-index: 8; background: #333; .opacity(0.7); width: 100%; height: 100%; top: 0; left: 0; } 
.sub-header .container { position: relative; z-index: 10; }
.sub-header .baslik { font-size: 3.8em; font-weight: 300; font-family: 'Lobster', cursive; }
.sub-header .aciklama { font-size: 1.8em; font-weight: 300; color: #ccc; font-style: italic; }
.sub-header .aciklama a { color: #fff; }

.mobile-menu { position: fixed; z-index: 10000; width: 200px; top: 0; bottom: 0; background: @renk2; }
.mobile-menu .menu-content { /*overflow-y: scroll;*/ height: 100%; z-index: 12; position: relative; }
.mobile-menu .menu-content .menu-close { position: absolute; right: 20px; top: 20px;  }
.mobile-menu .menu-content .menu-close a { color: #fff; display: block; font-size: 26px; font-weight: 700; width: 50px; height: 50px; line-height: 48px; text-align: center; border: 1px solid #fff; .border-radius(6px); }
.mobile-menu .menu-content .menu-logo { width: 150px; margin: 20px auto 40px; }
.mobile-menu .menu-content ul li a { display: block; font-size: 16px; color: #bbb; font-weight: 300; text-align: center; margin-bottom: 10px;  }
.mobile-menu .menu-content ul li a:hover { color: #fff; }
.mobile-menu .menu-content ul li ul li a { font-size: 20px; color: #999; }
.mobile-menu .menu-content .bottom { position: absolute; bottom: 50px; text-align: center; width: 100%; color: #fff; }
.mobile-menu .menu-content .bottom .online-rezervasyon { border: 1px solid #bbb; padding: 8px 15px; line-height: 1.2; text-align: right; display: inline-block; margin-bottom: 15px; font-style: italic;}
.mobile-menu .menu-content .bottom .online-rezervasyon a { color: #bbb;  }
.mobile-menu .menu-content .bottom .online-rezervasyon i { float: right; font-size: 18px; margin-top: 8px; }
.mobile-menu .menu-content .bottom .online-rezervasyon span { display: inline-block; margin-right: 10px; }
.mobile-menu .menu-content .bottom .online-rezervasyon:hover {/* background-color:#971F2E;*/ background-color:#E72A14; color:#FFF;}
.sosyal i { width: 36px; height: 36px; line-height: 36px; font-size: 24px; margin: 0 2px; text-align: center; background: #fff; .border-radius(5px); }
.sosyal i.fa-instagram { color: #8B5A4D; }
.sosyal i.fa-facebook { color: #3464A5; }
.sosyal i.fa-twitter { color: #5AA9E0; }
.sosyal i.fa-google-plus { color: #DE4A31; }

.slider-slogan { position: absolute; z-index: 999; width: 100%; top: 40%; }
.slider-slogan .slogan { max-width: 700px; }
.slider-slogan h1 { font-size: 5.4em; line-height: 1; color: #FFF; display:inline-block; font-weight: 300; margin-bottom: 20px;  }
.slider-slogan h3 { font-size: 1.8em; line-height: 1.2; color: #FFF; display:inline-block; font-weight: 300; margin-bottom: 20px; }
.slider-slogan .detay a { display: inline-block; background: @renk1; color: #fff; font-size: 20px; padding: 15px 34px; .border-radius(30px); }
.slider-slogan .detay a:hover { color: #fff; }

.slider-kapsa { position: relative; width: 100%; height: auto;  overflow: hidden; }
.slider-kapsa .tp-caption { width: 100% !important; left: 0 !important; text-align: center; z-index: 10 !important; }
.slider-kapsa .title-top { font-size: 4.4em; line-height: 1; color: #FFF; display:inline-block; font-weight: 300; font-family: 'Lobster', cursive; }
.slider-kapsa .title-bottom { font-size: 1.4em; line-height: 1.2; color: #FFF; display:inline-block; font-weight: 300; max-width: 800px; font-style: italic;  }
.slider-kapsa .butonlar { margin-top: 30px; }
.slider-kapsa .butonlar a { width: 200px; padding: 12px 0; font-size: 16px; text-align: center; display: inline-block; .border-radius(4px); margin: 0 6px; }
.slider-kapsa .butonlar a.rezervasyon { background: rgba(0,0,0,0.5); border: 1px solid #000; color: #fff; font-style: italic;}
.slider-kapsa .butonlar a.menu { background: rgba(255,255,255,0.5); color: #fff; border: 1px solid #fff; font-style: italic;}
.slider-kapsa .detay a { display: inline-block; background: @renk1; color: #fff; font-size: 20px; padding: 15px 34px; .border-radius(15px); }
.slider-kapsa .detay a:hover { color: #fff; }
.slider-kapsa .tp-arr-titleholder { display: none !important; }
.slider-kapsa .tp-bullets { bottom: 30px !important; }
.slider-kapsa .tp-bullets.hidebullets { .opacity(1); }
.slider-kapsa .bg-color { position: absolute; z-index: 8; background: @renk2; .opacity(0.6); width: 100%; height: 100%; left: 0; top: 0; } 
.slider-kapsa .mouse { width: 24px; position: absolute; z-index: 100; bottom: 80px; left: 50%; margin-left: -12px;  }

.content .home-baslik { font-size: 48px; margin-bottom: 15px; font-weight: 400; font-family: 'Lobster', cursive; }
.content .detay a { font-size: 18px; font-weight: 300; padding: 10px 30px; .border-radius(22px); border: 1px solid #fff; color: #fff; display: inline-block; font-style: italic; }
.content .detay a.koyu { font-size: 18px; font-weight: 300; padding: 10px 30px; .border-radius(22px); border: 1px solid #555; color: #555; display: inline-block; }

.bizi-taniyin {}
.bizi-taniyin .left { float: left; width:50%; max-height: 500px; overflow: hidden; background: #EBE5D7; position: relative; }
.bizi-taniyin .right { max-height: 500px;  }
.bizi-taniyin .right .image { min-width: 750px;  }
.bizi-taniyin .right { float: left; width:50%; overflow: hidden;  }
.bizi-taniyin .icerik { max-width: 580px; padding:89px 50px; padding-left: 0; font-size: 18px;  font-weight: 300; float: right;  }
.bizi-taniyin .icerik .home-baslik { margin-bottom: 5px; }
.bizi-taniyin .icerik p { font-style: italic; } 

.content .home-galeri { background: #24292D; padding: 70px 0 0; color: #fff; text-align: center; }
.content .home-galeri .aciklama { max-width: 700px; font-size: 18px; font-weight: 300; margin: 0 auto 25px; font-style: italic; }
.content .home-galeri .galeri-butonlar { margin-bottom: 60px; font-family: 'Lobster', cursive; position: relative; z-index: 99; }
.content .home-galeri .galeri-butonlar a { display: inline-block; padding: 10px 30px; min-width: 120px; font-size: 20px; .border-radius(25px); text-align: center; color: #888; border: 1px solid #888; margin: 0 7px; }
.content .home-galeri .galeri-butonlar a.active { color: #ddd; border: 1px solid #ddd; }
.content .home-galeri .tabs-content .item { width: 20%; float: left; background: #172024; }
.content .home-galeri .tabs-content .item img { .opacity(0.7); }
.content .home-galeri .tabs-content .item img:hover { .opacity(1); }
.content .home-galeri .tabs-content .tabs-item { display: none; }
.content .home-galeri.sub { padding: 70px 0 50px; background: #000; }


.content .home-galeri .galeri-butonlar-galeri { margin-bottom: 60px; font-family: 'Lobster', cursive; position: relative; z-index: 99; }
.content .home-galeri .galeri-butonlar-galeri a { display: inline-block; padding: 10px 30px; min-width: 120px; font-size: 20px; .border-radius(25px); text-align: center; color: #888; border: 1px solid #888; margin: 0 7px; }
.content .home-galeri .galeri-butonlar-galeri a.active { color: #ddd; border: 1px solid #ddd; }

.content .home-servis { padding: 70px 0; background: #fff; text-align: center; }
.content .home-servis .home-baslik {  }
.content .home-servis .aciklama { font-size: 20px; font-weight: 300; max-width: 900px; margin: 0 auto 25px; font-style: italic; }
.content .home-servis .item { padding: 0 5px; text-align: center;  }
.content .home-servis .item .icon { text-align: center; height: 140px; font-size: 100px; color: @renk1; } 
.content .home-servis .item .icon img { width: auto; margin: 0 auto;  }
.content .home-servis .item .baslik { font-size: 26px;  margin-bottom: 5px; font-family: 'Lobster', cursive; }
.content .home-servis .item .aciklama { font-size: 18px;  font-weight: 200; font-style: italic; }

.content .home-menu { background: url('../../images/menu-arka-foto.jpg') center top no-repeat; position: relative; color: #fff; }
.content .home-menu-subpage { background:@renk4; position: relative; color: #fff;}
.content .home-menu .home-baslik { text-align: center; margin-bottom: 50px; }
.content .home-menu .menu-bg { position: relative; padding: 70px 0; width: 100%; height: 100%; top: 0; background: rgba(0,0,0,0.8); }
.content .home-menu .margin { margin: 0 -10px; }
.content .home-menu .menu-item { margin-bottom: 20px; float: left; width: 50%; padding: 0 10px; }
.content .home-menu .menu-item .fiyat { float: right; font-size: 16px; }
.content .home-menu .menu-item .baslik { font-size: 18px; margin-bottom: 10px; font-style: italic; font-weight: 600; }
.content .home-menu .menu-item .aciklama { font-size: 16px; font-weight: 300; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 20px; font-style: italic; }
.content .home-menu .incele { margin-top: 20px; text-align: center; }
.content .home-menu .incele a { width: 200px; padding: 12px 0; font-size: 16px; text-align: center; display: inline-block; .border-radius(4px); background: rgba(255,255,255,0.5); color: #fff; border: 1px solid #fff; }
.content .home-menu.sub .item { width: 100%; background: none; text-align: left; }
.content .home-menu.sub .home-galeri.sub { background: none; }
.content .home-menu.sub .menu-bg { padding-top: 50px; } 
.content .home-menu .home-galeri { background: none;  }
.content .home-menu .home-galeri .item  { background: none; width: 100%; text-align: left; }


.content .page-content { background: #24292D; color: #fff; padding: 60px 0 0; text-align: center; }
.content .page-content .sub-baslik { font-size: 38px; font-family: 'Lobster', cursive; margin-bottom: 15px; }
.content .page-content .ontanim { font-size: 20px; font-style: italic; margin: 0 auto 30px; padding-bottom: 30px; border-bottom: 1px solid #6C7E87; max-width: 900px;  }
.content .page-content h3 { font-style: italic; margin-bottom: 5px; }
.content .page-content p { font-size: 16px; font-style: italic;  color:#A0ADB4; /*color: #6C7E87;*/}
.content .page-content .galeri .item { float: left; width: 20%; background: @renk2;  }
.content .page-content .galeri .item img { .opacity(0.7); }
.content .page-content .galeri .item img:hover { .opacity(1); }
.content .page-content .slogan { font-size: 44px; font-family: 'Lobster', cursive; padding: 40px 0; text-align: center; background: @renk1; }
.content .page-content .slogan a { color: #fff;  }

.content .page-content .butonlar { margin-top: 30px; }
.content .page-content .butonlar a { width: 200px; padding: 12px 0; font-size: 16px; text-align: center; display: inline-block; .border-radius(4px); margin: 0 6px; }
.content .page-content .butonlar a.rezervasyon { background: rgba(0,0,0,0.5); border: 1px solid #000; color: #fff; }
.content .page-content .butonlar a.menu { background: rgba(255,255,255,0.5); color: #fff; border: 1px solid #fff; }

.content .page-content .musteri-yorumlari { background: url('../../images/menu-gorsel.jpg') center top no-repeat; position: relative; color: #fff; }
.content .page-content .musteri-yorumlari .bg-color { position: relative; padding: 80px 0; width: 100%; height: 100%; top: 0; background: rgba(0,0,0,0.8); }
.content .page-content .musteri-yorumlari .yorum { font-size: 18px; font-weight: 300; font-style: italic; margin-bottom: 30px; }
.content .page-content .musteri-yorumlari .isim { font-size: 20px;  }
.content .page-content .musteri-yorumlari .unvan { color: #888; font-size: 16px;  }

.content .sub-form { max-width: 900px; margin: 0 auto; }
.content .sub-form .txt-form { margin-bottom: 30px; border: none; }
.content .sub-form .txt-form-area { margin-bottom: 25px; border: none; }
.content .sub-form .btn-form { margin: 0 auto; border: none; }

.content .iletisim-box { margin-bottom: 50px; }
.content .iletisim-box p { font-size: 20px;  } 

.content .coffeeflow { margin-top: -200px; z-index: 0; position: relative; display: block !important; }




















.content .hata-kapsa { text-align: center; padding: 80px 0; }
.content .hata-kapsa .hata-kodu { font-size: 66px; margin-bottom: 20px; color:@renk1;  }
.content .hata-kapsa .hata-mesaj { font-size: 22px; font-weight: 300; }



.footer	{ background: #24292D; color: #fff; }
.footer a { color: #fff; }
.footer	.footer-form { background: #fff; color: #666; padding: 30px; margin-top: -90px; margin-bottom: 30px; .box-shadow(0px 0px 16px #666); }
.footer	.footer-form .baslik { font-size: 26px; margin-bottom: 15px; font-family: 'Lobster', cursive; }
.footer	.footer-left { margin-right: 210px; margin-top: 30px; }
.footer	.footer-left .iletisim-item { margin-bottom: 10px; font-size: 16px; font-style: italic; }
.footer	.footer-left .iletisim-item i { float: left; margin-top: 4px; }  
.footer	.footer-left .iletisim-item .bilgi { margin-left: 24px; font-weight: 300; } 
.footer	.footer-left .footer-iletisim { border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 20px; }
.footer	.footer-left .ebulten .txt-bulten { height: 40px; padding: 0 15px; padding-right: 115px; border: none; color: #666; width: 100%;  }
.footer	.footer-left .ebulten .btn-bulten { height: 40px; margin-top: -40px; font-size: 16px; border: none; color: #fff; background: #999; width: 100px; float: right; position: relative; }
.footer	.footer-left .ebulten a.btn-bulten { line-height: 40px; text-align: center; cursor: pointer; }

.footer	.footer-right { float: right; width: 200px; margin-top: 30px; }
.footer	.footer-right .logo-footer { width: 150px; margin: 0 auto 20px; }
.footer	.footer-right .sosyal { text-align: center; }
.footer	.footer-right {  }
.footer-bottom { height: 50px; padding-top: 15px; font-size: 12px; }
.footer-bottom .copy { float: left; }
.footer-bottom .imza { float: right; }


.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; }
.form .form-control { margin-bottom: 10px; }
.txt-form { height: 40px; padding: 0 12px; border: 1px solid #DDD; width: 100%; margin-bottom: 10px; color: #666; .border-radius(4px); background: #fff; }
.txt-form.file { padding-top: 10px; }
.txt-form-area { padding: 10px 12px; border: 1px solid #DDD; width: 100%; margin-bottom: 5px; color: #666; .border-radius(4px); }
.btn-form { height: 40px; width: 170px; display: block; text-align: center; background: #fff; color: #666; font-size: 16px; border: 1px solid #666; .border-radius(4px); font-style: italic; }
a.btn-form { color: #666; cursor: pointer; line-height: 38px; }


.popup-baslik {  padding:15px 20px; background:@renk1; color:#FFF; font-size:16px; }
.popup {  width: 700px;  }
.popup .sifremi-unuttum { margin-top:-5px; font-size:12px; color:#004A6F; float:right; }
.popup span.hatirla {  margin-top:-5px; font-size:12px;  display:block; float:left; margin-bottom:15px; }
.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; } 

.overlay { position: fixed; top:0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4); display: none; z-index: 1000; }
a.top { display: none; position: fixed; right: 30px; bottom: 50px; color: #f5f5f5;  font-size: 52px; z-index: 999;  }

@media (max-width: 1199px) {
	.bizi-taniyin .icerik { padding-left: 50px; }
	
}

@media (max-width: 992px) {
    .header .menu-hidden { display: none; }
    .header .mobile-toogle { display: block; }
    .sub-header { padding-top: 250px; }
    .sub-header .aciklama {  font-size: 1.6em; }
    .content .page-content .slogan { font-size: 36px; }
    .bizi-taniyin .icerik { padding: 50px 40px; padding-bottom: 90px;  }
    .content .home-baslik { font-size: 44px; }
}
@media (max-width: 768px) {
	.footer-bottom { height: auto; padding: 15px 0; font-size: 12px; text-align: center; }
	.footer-bottom .copy { float: none; }
	.footer-bottom .imza { float: none; }
	.content .page-content .slogan { font-size: 32px; }
	.content .home-baslik { font-size: 38px; }
	.bizi-taniyin .right { display: none; }
	.bizi-taniyin .left { float: none; width: 100%; max-height: 100%; float: none; padding-bottom: 20px; }
	.bizi-taniyin .icerik { width: 100%; max-width: 100%; padding: 50px 20px; }
	.mobile-menu .menu-content ul li a { margin-bottom: 8px; }
	.sub-header { padding-top: 200px; }
	.sub-header .baslik { font-size: 2.7em; }
	.sub-header .aciklama { font-size: 1.4em; }

}
@media (max-width: 480px) {
	.footer .footer-left { display: none; }
	.footer .footer-right { float: none; text-align: center; margin: 30px auto; }
	.content .home-galeri .galeri-butonlar a { font-size: 14px; padding: 8px 16px; .border-radius(20px); }
	.content .home-galeri .galeri-butonlar-galeri a { font-size: 16px; padding: 8px 16px; .border-radius(20px); }
	.content .home-menu .menu-item { width: 100%; float: none; }
	.mobile-menu .menu-content .menu-logo { width: 120px; margin: 20px auto 20px; }
	.mobile-menu .menu-content .bottom .online-rezervasyon { font-size: 12px; }
	.content .home-galeri .galeri-butonlar-galeri a { min-width: inherit; }
	/*
	.mobile-menu { display: none; }
	.header { display: block; }
	*/
}