@import url(../../css-1.css);
@import url(../../css-2.css);
* {padding:0; margin:0;}
html {height: 100%;  min-height: 100%;}
body {width: 100%; height: 100%; min-height: 100%; font-family: "Roboto",tahoma,sans-serif; color:#575757; font-size:14px; line-height:22px; font-weight:200; background:#e4e4e4;}
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}
@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}
a {text-decoration:none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;
transition:all 0.3s ease 0s;}
ul {list-style:none;}
img {border:none;}
h1, h2, h3, p {margin:10px 0;}
h1, h3 {font-family: 'EB Garamond', serif; font-size:30px; color:#797979; font-weight:200; text-shadow:1px 1px #fefefe; }
.extra h1 {margin:40px 0 10px;}
h2 {font-size:36px; font-weight:200; color:#fff; line-height:40px;}
h3 {font-size:20px; font-weight:bold; text-shadow:none;}

#wrapper {position:relative; width:100%; height:100%; min-height: 100%;}
#slider {position:fixed; width:100%; height:100%; overflow:hidden; left:0; top:0; z-index:-1;}
.w0, .w1, .w2, .w3, .w4 {position:relative;}
.w0 {width:100%;} .w1 {width:1180px;} .w2 {width:22%;} .w3 {width:85%;} .w4 {width:48%;}
#content {height:100%; z-index:9;}
#top-content {position:fixed; right:20px; top:10px; z-index:102;}
#top-content li {display:block; float:left; color:#fff; font-size:20px; margin-left:15px;}
#top-content li a {color:#fff; font-size:20px; font-weight:200;}
#top-content li a i {line-height:24px;}
#top-content li a:hover, #top-content li a.selected {color:#cbcbcb;}
#top-content li a.selected {cursor:default;}
.rezervasyon-btn {cursor:pointer;}
#left-content {height:100%; background:#FFF; z-index:102;}
.logo {margin:10px auto;}
.logo, .logo a {display:block; width:215px; height:107px;}
.logo a img {width:100%;}
#menu {display:block; padding:0 10px;}
#menu li, #menu li a {display:block;}
#menu li {position:relative; border-bottom:1px solid #ddd;}
#menu li a {color:#fff; font-size:17px; font-style:italic; text-shadow:1px 1px #999; text-align:center; padding:3px 0;}
#menu li a i {position:absolute; right:0; font-size:22px;}
#menu li a:hover {color:#eee;}
#formobilenav {display:none; clear:both; width:100%; position:absolute; top:0; left:0; height:auto; z-index:990;}
.mobmenu {position:relative; float:left; width:100%; height:auto;}
.mobmenu ul, .mobmenu div {position:relative !important;}
.slicknav_menu {display:none; position: relative; padding-bottom:0;}
.dosso {width:100px; height:94px; margin:10px auto 0;}
.dosso img {width:100%;}
#left-content .box {position:absolute; left:0; top:0; bottom:0; right:0;}
#right-content {height:100%; z-index:101;}
.bottom-box {position:absolute; bottom:20px; left:0; right:0; width:100%; height:auto;}
.social ul {display:block; overflow:hidden;}
.social li {margin:10px;}
.social li, .social li a {display:block; float:left;}
.social li a {font-size:18px; color:#333; opacity: 0.8; filter: alpha(opacity=80);}
/*.social li a i.fa-facebook {color:#3b5998;}
.social li a i.fa-twitter {color:#1da1f2;}
.social li a i.fa-instagram {color:#000;}*/
.social li a:hover {opacity: 1.0; filter: alpha(opacity=100);}
.copyright {display:block; font-size:12px; color:#fff; text-align:center;}
.slide {background:url(../images/text-bg.png) repeat; padding:10px; color:#fff; text-align:center;}
#heading {position:absolute; bottom:20%; left:50%; width:60%; height:auto; margin-left:-45%;}
.item { height:auto; margin:2%;}
.item .image-wrapper {position:relative; width:100%; height:250px; overflow:hidden; background:#FFF; text-align:center; margin-bottom:10px;}
.item .image-wrapper a {color:#fff;}
.item .image-wrapper div {display:table; vertical-align:middle; position:absolute; bottom:0; left:0; width:92%; padding:0 4%; height:58px; background:url(../images/head-bg.png) no-repeat; z-index:22; font-size:18px;}
.item .image-wrapper div span {display:table-cell; vertical-align:middle; text-align:left;}
#maske .item .image-wrapper img, #kuafor .item .image-wrapper img {width:100%; height:auto;}
.item .image-wrapper div span i {position:absolute; right:4%; font-size:24px;}
.item .fiyat {display:block; font-weight:bold;}
.item p, .item .fiyat {font-style:italic; margin-top:0;}
.item .image-wrapper a:hover img {opacity: 0.8; filter: alpha(opacity=80);}
.page h2 {font-size:24px; color:#575757;}
.page a {color:#000;}
.page .image-wrapper {position:relative; height:auto; overflow:hidden;}
.page .image-wrapper img {width:50%; padding:1%; border:1px solid #ccc; background:#efefef;}
.tablo {width:100%;}
.tablo td {padding:10px;}
.bg1 {background:#f1f1f2;}
.tablo tr:hover {background:#ccc;}
.address-list {width:100%;}
.address-list li {display:block; border-bottom:1px solid #e4e4e4; padding-bottom:4px; margin-bottom:4px;}
.address-list li span {margin-right:10px; display:block;}
.address-list .address {background:url(../images/icons/f_address.png) no-repeat left center; padding-left:20px;}
.address-list .tel {background:url(../images/icons/f_tel.png) no-repeat left center; padding-left:20px;}
.address-list .fax {background:url(../images/icons/f_fax.png) no-repeat left center; padding-left:20px;}
.address-list .mail {background:url(../images/icons/f_mail.png) no-repeat left center; padding-left:20px;}
.map-wrapper {padding:1%; border:1px solid #ccc; background:#efefef;}
.gmap {position:relative; background:#999; padding-bottom: 30%; padding-top: 35px; height: 0; overflow:hidden;}
.gmap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#uyelik .box {padding:0;}
.unuttum-toggle, .sifre-toggle, .uyelik-toggle {display:none; padding:10px 0; position:relative;}
.social-login li {display:block; width:48%;}
.social-login li a {display:block; color:#fff; font-size:18px; font-weight:bold; padding:10px 4%; text-align:center;}
.social-login li a span {display:inline-block; padding:2px 0 2px 30px;}
.facebook-btn {background:#6d81b5;}
.gplus-btn {background:#e16c5d}
.facebook-btn span {background: url(../images/icons/facebook-btn.png) no-repeat center left;}
.gplus-btn span {background: url(../images/icons/gplus-btn.png) no-repeat center left;}
.social-login li a:hover {opacity: 0.8; filter: alpha(opacity=80);}
#gallery { width: 100%; max-height: 640px; background: none;}
.gallery {position:relative; max-width:960px; height:auto; margin-bottom:20px; overflow:hidden;}
.search-list li, .search-list li a {display:block; }
.search-list li {border-bottom:1px solid #ccc;}
.search-list li a {color:#575757; padding:5px 0;}
.search-list li a:hover {color:#000;}

.fixed {position:fixed;}
.screen {position:relative; width:75%; height:100%; padding-left:25%; background:#e4e4e4; overflow:hidden;}
.extra {height:auto;}
.box, .container {position:relative; float:left; padding:20px; z-index:99;}
.container h1 {display:block; text-align:center; background:url(../images/head-line.png) repeat-x left bottom; padding-bottom:20px; margin-bottom:20px;}
.main {padding:0; width:100%; height:100%;}
.blur {position:absolute; width:100%; height:100%; overflow:hidden;}
.blur img {height:100%; opacity: 0.8; filter: alpha(opacity=80);}
.centered {float: right; left: -50%; position: relative;}
.centered ul {left: 50%; position: relative;}
.scroll-btn {position:absolute; bottom:20px; left:0; width:100%; height:20px; z-index:999;}
.scroll-btn a {display:block; width:100%; height:20px; text-align:center; line-height:20px; background:url(../images/scroll-arrow.png) no-repeat center center;}
.scrollup{ width:40px; height:40px;  position:fixed; bottom:10px; right:10px; display:none; text-indent:-9999px; background: url('../images/icon_top.png') no-repeat; z-index:1000;}
.sekil {background:url(../images/desen.png) no-repeat; width:125px; height:42px; margin:20px auto;}
.liner {display:block; background:url(../images/head-line.png) repeat-x center center; width:100%; height:2px; padding:20px 0;}
/*Popups*/
.popup {position:relative; width:50%; height:auto; padding:20px; margin:0 auto; background:#fff;}
.iframe-popup {
    background: #fff none repeat scroll 0 0;
    padding: 20px;
}

/*Mobile link bug*/
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.clear {clear:both; height:0; line-height:0; overflow:hidden; margin:0; padding:0;}
.fl {float:left;}
.fr {float:right;}
.rel {position:relative;}
.abs {position:absolute;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.marg {margin:20px 0;}
.padd {padding:20px 0;}
.padd1 {padding:10px 0;}
.hdd {overflow:hidden;}
.nobg {background:none !important;}
.noborder {border:none !important;}
.nomarg {margin:0 !important;}
.nopadd {padding:0 !important;}

::selection {
  background: #30425d; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #30425d; /* Gecko Browsers */
  color:#FFF;
}