/* 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);

@renk1: #5f162c;
@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; }
.box-shadow(@deger){ box-shadow:@deger; -webkit-box-shadow:@deger;  }
.degrade(@deger) { background: -webkit-linear-gradient(@deger);  background: linear-gradient(@deger);  }

body { font-family: 'Roboto', sans-serif; font-size: 13px;  line-height: 1.4; color: #555; background:url(/images/bg.jpg) top left repeat-x; }
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; }
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; }
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; }
.main-bg { background:url(/images/main_bg.jpg) top center no-repeat;  }


.header { min-height: 180px; padding-top:50px;   }
.header .logo { float: left; margin-top:25px; }
.header .dil-secimi { float:right; margin-left:20px;  }
.header .dil-secimi a { margin-left:5px; }
.header .dil-secimi a.active { border-bottom:1px solid @renk1; color:@renk1; }
.header .top-menu { float:right;  }
.header .top-menu a { margin-left:15px; }
.header .top-menu i { margin-right:5px; }
.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; font-size: 14px; font-weight: 400; color:#666;   }
.header .menu > ul > li > a:hover { background:#999; color: #FFF; }
.header .menu > ul > li:hover a { background:#999; color: #FFF;   }
.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:#666;  }
.header .menu .sub-menu > ul > li > a { padding: 10px 15px; border-bottom: 1px solid #AAA; display: block; color: #FFF; font-size: 14px;  font-weight: 400; }
.header .menu .sub-menu > ul > li > a:hover { background: @renk1; }
.header .menu .sub-menu i { position: absolute; color:#999 ; font-size: 24px;  margin-top: -16px; left: 20px; }
.header .menu .sub-menu.right { right: 0;  }
.header .menu .sub-menu.right i { right: 20px; left: auto; }
.header .menu .sub-menu.right > ul > li > a { text-align: right; } 

.header .menu .sub-menu.ofisler { width:780px; right:-103px;  }
.header .menu .sub-menu.ofisler ul li { width:250px; float:left; margin:0 5px; }
.header .menu .sub-menu.ofisler i { right:153px; left:auto; }


.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-menu { margin-top: 20px;  margin-bottom: 20px; }
.header .mobile-menu ul li {  float: none; }
.header .mobile-menu ul li a { padding: 12px 20px; background: @renk1; color: #FFF; margin-bottom: 1px;  display: block; font-size: 16px; }
.header .mobile-menu ul li a:hover { text-decoration: none; background: #848484; }
.header .mobile-menu ul li a.active { text-decoration: none; background: #848484; }
.header .mobile-menu ul li ul li a {  padding: 10px 20px 10px 40px; background: @renk1light; }


.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:#B2324B;  }
.mobile-menu ul li a.active { text-decoration:none;  background:#B2324B;  }
.mobile-menu ul li ul li a { padding:10px 20px 10px 40px; background:#6A1E30; font-size:14px;  } 
.mobile-menu ul li ul li a:hover { background:#B2324B;  }
.mobile-menu ul li ul li a.active { background:#B2324B;  }



.header .mobile-toogle { width: 40px; height: 40px; padding-top: 9px; text-align: center; float: right; font-size: 20px; margin-top: 26px; display: block; .border-radius(50%); border: 1px solid #CCC; }
.header .mobile-toogle:hover {  background: @renk1; color: #FFF; border: 1px solid @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; }

.slider-kapsa { position: relative; width: 100%; height: auto;  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 .rezervasyon-form { position:absolute; width:400px; height:380px; background:#f5f5f5; border:1px solid #DDD; padding:20px; z-index:999; top:30px; left:30px; }
.slider-kapsa .rezervasyon-form .date-box { position:relative; }
.slider-kapsa .rezervasyon-form .date-box i { position:absolute; right:10px; line-height:36px; font-size:14px; }

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

.content { background:#FFF; padding:30px 0;  }
.content.home { margin-top:-200px; padding-top:230px;  }
.content .home-content .baslik { font-size:18px; margin-bottom:10px; }
.content .home-content .box { background:#EEE; padding:20px; height:165px;  }
.content .home-content .box .left-image { float:left; margin-right:10px; margin-bottom:10px; }
.content .home-content .box .haber-item { padding:10px 0; border-bottom:1px dotted #CCC;  }
.content .home-content .box .haber-item i { margin-right:5px; }
.content .home-content .box .iletisim-item { height:22px; margin-bottom:5px;  }
.content .home-content .box .iletisim-item i {color:@renk1; width:16px; margin-right:10px; margin-bottom:5px; margin-top:2px; float:left; }
.content .home-content .box .iletisim-item span {  }
.content .home-content .box .iletisim-item.adres{ height:40px; }

.content .left-menu ul li a { padding:10px 20px;  color:#555; display:block; border-bottom:1px solid #CCC; font-size:16px; font-weight:300;  }
.content .left-menu ul li a:hover { background:#888; color: #FFF;  }
.content .left-menu ul li a.active { background:#888; color: #FFF;  }
.content .hata-kapsa { padding:60px 0 120px; margin-left:30%;  }
.content .hata-kapsa .hata-kodu { font-size:64px; float:left; color:@renk1;  } 
.content .hata-kapsa .hata-mesaji { margin-left:130px; font-size:18px; margin-top:20px; font-weight:300;  }
.content .page-content h1 { font-size:36px; font-weight:300; margin-bottom:15px; color:@renk1; }
.content .page-content .foto-galeri .item { margin-bottom:30px; padding:5px; border:1px solid #DDD; .box-shadow(0 0 5px #CCC);  }
.content .page-content .foto-galeri .item .img { height:115px; overflow:hidden;   }
.content .page-content .belge-list .item { height:50px; line-height:50px; background:#EEE; margin-bottom:10px; font-size:16px; font-weight:300;   }
.content .page-content .belge-list .item i { background:#DF292D; color:#FFF; line-height:50px; float:left; width:50px; text-align:center; margin-right: 15px; font-size:24px; }
.content .page-content .belge-list .item a { display:block; }
.content .page-content .haberler-list .haber { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #DDD;  }
.content .page-content .haberler-list .haber .image { float:left; width:20%; border:1px solid #DDD; padding:5px; }
.content .page-content .haberler-list .haber .haber-icerik { float:right; width:78%;  }
.content .page-content .haberler-list .haber .baslik { font-weight:600; font-size:16px; margin-bottom:10px; }
.content .page-content .haberler-list .haber .aciklama {  margin-bottom:10px; }
.content .page-content .haberler-list .haber .detay a { color:@renk1; }
.content .page-content .haberler-list .haber .detay i {  margin-left:5px; color:@renk1; transition:all 0.2s; -webkit-transition:all 0.2s; }
.content .page-content .haberler-list .haber .detay:hover i { margin-left:10px; }
.content .page-content .sitemap ul li { }
.content .page-content .sitemap ul li a { background:#f5f5f5; border:1px solid #DDD; padding:10px 15px; display:block; margin-bottom:5px;  }
.content .page-content .sitemap ul li a:hover { background:#EEE; border:1px solid #CCC;  }
.content .page-content .sitemap ul li ul { margin-left:20px; }
.content .page-content {}
.content .page-content {}
.content .page-content {}
.content .page-content {}
.content .page-content {}
.content .page-content {}
.content .page-content {}














.footer { padding:30px 0; font-size:12px; background: #EEE; }
.footer .footer-top { padding-bottom:10px; border-bottom:1px dotted #CCC; margin-bottom:10px; } 
.footer .menu { float:left;    }
.footer .menu a { margin:0 3px; }
.footer .sosyal { float:right; margin-top:-12px; }
.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 .sosyal i.fa-facebook { background:#3b5998; }
.footer .sosyal i.fa-twitter { background:#428bca; }
.footer .sosyal i.fa-instagram { background:#428bca; }
.footer .copy { float:left;  }
.footer .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; }
.textbox { padding:10px; height:36px; border: 1px solid #DDD; width: 100%; margin-bottom: 15px; }
.file { padding:10px; 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; background: #888; background: -webkit-linear-gradient(#bbb, #555);  background: linear-gradient(#bbb, #555);  color: #FFF; font-size: 16px; border: none; }
.button:hover {  }
.button i { margin-right: 5px; }

@media (max-width: 1199px) {
	.header .menu > ul > li > a { padding:0 10px;     }
	.content .home-content .box { background:#EEE; padding:20px; height:195px;  }
	.content .home-content .box .iletisim-item.adres{ height:60px;  }
	.content .home-content .box .iletisim-item.adres i { margin-bottom: 30px; }
}

@media (max-width: 992px) {
    .header .menu-hidden { display: none; }
    .header .mobile-toogle { display: block; }
    .content .home-content .box { margin-bottom: 30px; height: auto; }
    .content .home-content .box .iletisim-item.adres{ height:22px;  }
	.content .home-content .box .iletisim-item.adres i { margin-bottom: 0; }
	.footer .copy { float:left; width: 100%; text-align: center;  }
	.footer .imza { float:right; width: 100%; text-align: center;  }
	.footer .menu {  display: none;   }
	.footer .sosyal { float:none; text-align: center;}
	.footer .sosyal i { margin-left: 5px; }
	.content .left-menu { display: none; }
}
@media (max-width: 768px) {
	.header .top-menu { display: none; }
	.content .home-content .box .iletisim-item.adres{ height:40px;  }
	.content .home-content .box .iletisim-item.adres i { margin-bottom: 10pxP; }
}
@media (max-width: 480px) {
	.header .f-right {  }
	.breadcrumb { display: none; }
	.main-bg { background-image: none; background-color: #EEE; }
	.header { min-height: 110px; padding-top:10px;     } 
	.header .logo { width: 170px; }
	.header .mobile-toogle { margin-top: 18px; }
	.content.home { margin-top:-50px; padding-top:80px;  }
}