body{color:#666;font-family:'Open Sans',sans-serif;font-weight:400;background:#fbc02d}
a{color:#616161;transition:.5s}
a:active,a:focus,a:hover{color:#fbc02d;outline:0;text-decoration:none}
.bootstrap-datetimepicker-widget .hour.disabled,.bootstrap-datetimepicker-widget .minute.disabled{display:none!important}
.bootstrap-datetimepicker-widget table td.day.disabled,.bootstrap-datetimepicker-widget table td.day.new,.bootstrap-datetimepicker-widget table td.day.old{visibility:hidden!important;height:0;line-height:0;padding:0}
.bootstrap-datetimepicker-widget .next,.bootstrap-datetimepicker-widget .picker-switch,.bootstrap-datetimepicker-widget .prev{display:none!important}
.fa{font-size:26px!important}
p{padding:0;margin:0 0 30px 0}
h1,h2,h3,h4,h5,h6{font-family:Nunito,sans-serif;color:#666;margin:0 0 20px 0;padding:0}
.back-to-top{position:fixed;display:none;background:#616161;color:#fbc02d;width:44px;height:44px;text-align:center;line-height:1;font-size:16px;border:2px solid #fff;border-radius:50%;right:15px;bottom:15px;transition:background .5s;z-index:11}
.back-to-top:hover{color:#616161;background:#fbc02d}
.back-to-top i{padding-top:10px}
@media (min-width:992px){
#main{position:relative;max-width:960px;margin:0 auto;padding:0;background:#fff}
#main:before{box-shadow:-15px 0 15px -15px inset;content:" ";height:100%;left:-15px;position:absolute;top:0;width:15px}
#main:after{box-shadow:15px 0 15px -15px inset;content:" ";height:100%;position:absolute;top:0;right:-15px;width:15px}
.container{padding:0 30px}
}
@media (min-width:1200px){
#main{position:relative;max-width:1140px;margin:0 auto;padding:0;background:#fff}
#main:before{box-shadow:-15px 0 15px -15px inset;content:" ";height:100%;left:-15px;position:absolute;top:0;width:15px}
#main:after{box-shadow:15px 0 15px -15px inset;content:" ";height:100%;position:absolute;top:0;right:-15px;width:15px}
.container{padding:0 30px}
}
.logo{position:absolute;width:300px;top:30px;left:calc(50% - 150px);z-index:9}
.logo img{width:100%}
@media (max-width:767.98px){
.logo{width:220px;left:calc(50% - 110px)}
}
#top-header{position:relative;width:100%;height:calc(100vh - 70px)}
#top-header .carousel,#top-header .carousel-item{height:100%}
#top-header .carousel-inner{height:100%;background:#000}
#top-header .carousel-caption{padding-bottom:25px}
#top-header h2{color:#fbc02d;font-size:60px;font-weight:900}
#top-header p{font-size:22px;padding:10px}
@media (max-width:991.98px){
#top-header h2{font-size:50px;font-weight:800}
#top-header p{font-size:20px;padding:10px}
}
@media (max-width:767.98px){
#top-header h2{font-size:40px;font-weight:700}
#top-header p{font-size:18px;padding:10px}
}
#top-header .fill{width:100%;height:100%;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;opacity:.6}
#top-header .btn-transparent{background:0 0;color:#fbc02d;border:2px solid #fbc02d}
#top-header .btn-transparent:hover{color:#fbc02d;background:#616161}
#top-header .btn-rounded{border-radius:70px}
#top-header .btn-large{padding:9px 45px 10px 45px;font-size:18px}
#top-header .animated{-webkit-animation-duration:1.5s;animation-duration:1.5s}
@-webkit-keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
#top-header .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.banner-header{display:table;position:relative;background-image:url(resim/ust.jpg);background-size:cover;padding:100px 0;color:#fff;width:100%}
.banner-header:after{content:'';z-index:0;position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%;left:0;top:0}
.banner-header .container{position:relative;z-index:1;text-align:center;display:table-cell;vertical-align:middle;width:100%}
.banner-header .brand{margin-bottom:75px;display:inline-block}
.banner-header .brand:hover{opacity:.75}
.banner-header h1{font-size:90px;font-weight:900;color:#616161;letter-spacing:10px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}
@media (max-width:767.98px){
.banner-header h1{font-size:70px}
}
@media (max-width:575.98px){
.banner-header h1{font-size:50px}
}
.banner-header h2{font-size:30px;font-weight:800;color:#fff;letter-spacing:5px;margin-bottom:50px}
@media (max-width:61.9em){
.banner-header{padding:75px 0}
.banner-header .brand{margin-bottom:35px}
}
#header{font-family:Nunito,sans-serif;position:relative;background:#616161;height:70px;text-align:center;border-bottom:5px solid #fbc02d}
@media (max-width:767.98px){
#header,#header-sticky-wrapper{display:none}
}
#nav-menu-container{display:inline-block}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu ul{position:absolute;display:none;top:100%;left:0;text-align:left;z-index:99}
.nav-menu li{position:relative;white-space:nowrap}
.nav-menu>li{float:left}
.nav-menu li.sfHover>ul,.nav-menu li:hover>ul{display:block}
.nav-menu ul ul{top:0;left:100%}
.nav-menu ul li{min-width:180px}
.sf-arrows .sf-with-ul{padding-right:30px}
.sf-arrows .sf-with-ul:after{content:"\f107";position:absolute;right:15px;font-family:FontAwesome;font-style:normal;font-weight:400}
.sf-arrows ul .sf-with-ul:after{content:"\f105"}
.nav-menu a{padding:18px 15px 21px 15px;text-decoration:none;display:inline-block;color:#fbc02d;font-weight:600;font-size:18px;outline:0}
.nav-menu .menu-active>a,.nav-menu a:hover,.nav-menu li:hover>a{color:#616161;background:#fbc02d}
.nav-menu ul{margin:0;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.08);box-shadow:0 0 1px 1px rgba(0,0,0,.08)}
.nav-menu ul li{background:#fff;border-top:1px solid #f4f4f4}
.nav-menu ul li:first-child{border-top:0}
.nav-menu ul li:hover{background:#fbc02d}
.nav-menu ul li a{color:#333;-webkit-transition:none;-o-transition:none;transition:none;padding:10px 15px}
.nav-menu ul li a:hover{color:#fff}
.nav-menu ul ul{margin:0}
#mobile-nav-toggle{position:fixed;right:0;top:0;z-index:999;margin:10px 10px 0 0;padding:10px 12px;border:0;background:#fbc02d;border-radius:30px;font-size:24px;line-height:1px;display:none;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;outline:0;cursor:pointer}
#mobile-nav-toggle i{color:#fff}
@media (max-width:767.98px){
#mobile-nav-toggle{display:inline}
#logo{width:100%;text-align:center}
}
#mobile-nav{position:fixed;top:0;padding-top:33px;bottom:0;z-index:998;background:#fbc02d;left:-260px;width:260px;overflow-y:auto;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
#mobile-nav img{margin:20px 15px 0}
#mobile-nav ul{padding:0;margin:0;list-style:none}
#mobile-nav ul li{position:relative}
#mobile-nav ul li a{letter-spacing:2px;color:#333;font-size:22px;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:0}
#mobile-nav ul li a:hover{color:#fff}
#mobile-nav ul li li{padding-left:30px}
#mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}
#mobile-nav ul .menu-has-children i.fa-chevron-up{color:#616161}
#mobile-nav ul .menu-item-active{color:#616161}
#mobile-body-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0,0,0,.6);display:none}
body.mobile-nav-active{overflow:hidden}
body.mobile-nav-active #mobile-nav{left:0}
body.mobile-nav-active #mobile-nav-toggle{color:#fff}
.section-header h3{position:relative;text-align:center;color:#616161;font-size:45px;text-transform:capitalize;font-weight:900;letter-spacing:3px;margin-bottom:30px}
@media (max-width:767.98px){
.section-header h3{font-size:38px}
.section-header h3::before{height:6px}
}
@media (max-width:575.98px){
.section-header h3{font-size:32px}
.section-header h3::before{height:5px}
}
#about{padding:60px 0;position:relative;background:#fff}
#about .section-header h3{margin-bottom:20px}
#about .about-col-left,#about .about-col-right{position:relative;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#about .about-col-left img{width:100%;border-radius:6px}
#about .icon{margin:0 0 15px 0;padding:0;list-style-type:none}
#about .icon li{display:inline-block}
#about .icon li a{display:inline-block;width:40px;height:40px;margin-right:8px;padding:12px 13px;border-radius:20px;color:#fbc02d;background:#616161}
#about .icon li a:hover{color:#616161;background:#fbc02d}
#about h3{text-align:left}
#about h3::before{left:0}
#about h4{margin:30px 0 15px 0;color:#616161;font-weight:800;letter-spacing:2px}
#about .about-col-right p{color:#353535;font-size:18px;font-weight:300;margin-bottom:15px}
#about .about-col-right p:last-child{margin-bottom:0}
#about .about-col{margin-top:30px;padding:25px 30px;border-radius:6px;background:#f2f2f2}
#about .about-col h4{margin-top:0}
#about .about-col p{font-size:16px;margin-bottom:15px}
#about .about-col p:last-child{margin-bottom:0}
@media (max-width:767.98px){
#about{text-align:center}
#about h3{text-align:center}
#about h3::before{left:calc(50% - 30px)}
#about .about-col-left img{margin-bottom:30px}
#about .about-col-right p{font-size:16px}
}
#reservations{background:url("resim/3.jpg") center top no-repeat fixed;background-size:cover;padding:50px 0 45px 0;text-align:center;position:relative}
#reservations::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(256,256,256,.8)}
#reservations .container{position:relative;max-width:700px;z-index:9}
#reservations .input-group-text{border-radius:0 30px 30px 0}
#reservations input{box-shadow:none;border-radius:30px 0 0 30px}
#reservations .btn-book,#reservations select{box-shadow:none;border-radius:30px}
#reservations .btn-book:focus,#reservations input:focus,#reservations select:focus{border-color:#fbc02d}
#reservations .btn-book{color:#fbc02d;background:#616161;border-color:#616161}
#reservations .btn-book:hover{color:#616161;background:#fbc02d;border-color:#fbc02d}
@media (max-width:575.98px){
#reservations .btn-book{margin-top:15px;margin-bottom:10px}
}
#food-menu{position:relative;padding:60px 0 30px 0;text-align:center;background:#fff}
#food-menu .single-menu{position:relative;text-align:center;font-weight:400;margin:0 0 30px 0;padding:0;border-radius:6px;background:#f2f2f2}
#food-menu .single-menu:hover{background:#fff;box-shadow:0 0 15px #ddd}
#food-menu .single-menu img{width:100%;margin-bottom:15px;border-radius:6px 6px 0 0}
#food-menu .single-menu h4{padding:0 15px;color:#616161;font-size:16px;font-weight:800;line-height:24px;letter-spacing:0;margin-bottom:10px}
#food-menu .single-menu span{padding:0 15px;font-size:14px;font-weight:600}
#food-menu .single-menu p{padding:0 15px 20px;margin-top:10px;margin-bottom:10px}
#food-menu .single-menu a{display:inline-block;margin:10px 0 30px 0;padding:7px 30px;color:#fbc02d;background:#616161;border-radius:30px}
#food-menu .single-menu:hover a{color:#616161;background:#fbc02d}
#team{position:relative;padding:50px 0 30px 0;text-align:center;background:#f2f2f2}
#team .single-team{border-radius:6px;background:#fff;margin-bottom:30px}
#team img{width:100%;border-radius:6px 6px 0 0;margin-bottom:5px}
#team h4{color:#616161;font-weight:800;letter-spacing:2px;margin-bottom:5px;padding:0 15px}
#team p{font-size:14px;padding-bottom:10px}
#team .icon{margin:0;padding:0 0 30px 0}
#team .icon li{display:inline-block;width:35px;height:35px;list-style-type:none}
#team .icon li a{display:inline-block;width:100%;height:100%;padding:9px 10px;color:#fbc02d;background:#616161;border-radius:20px}
#team .icon li a:hover{color:#616161;background:#fbc02d}
#testimonials{background:url("resim/1.jpg") center top no-repeat fixed;background-size:cover;padding:55px 0;text-align:center;position:relative}
#testimonials::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(256,256,256,.8)}
#testimonials .container{position:relative;max-width:900px;z-index:9}
#testimonials i{color:#616161;font-style:italic}
#testimonials .testimonial-item{padding:0 0 15px 0;text-align:left}
@media (max-width:575.98px){
#testimonials .testimonial-item{text-align:center}
}
#testimonials .content,#testimonials .img{position:relative;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#testimonials .testimonial-item .testimonial-img{width:100%;border-radius:6px;max-width:150px;margin:auto}
@media (max-width:575.98px){
#testimonials .testimonial-item .testimonial-img{margin-bottom:30px}
}
#testimonials .testimonial-item .testimonial-content{height:100%;width:100%;padding:15px;background:#f2f2f2;border-radius:6px}
#testimonials .testimonial-item h3{font-size:22px;font-weight:800;margin-bottom:5px;color:#616161}
#testimonials .testimonial-item h4{color:#757575;font-size:16px;font-weight:700;margin-bottom:20px}
#testimonials .testimonial-item p{color:#666;font-style:italic;font-weight:400;margin:0;padding-right:15px}
#testimonials .owl-dots,#testimonials .owl-nav{margin-top:5px;text-align:center}
#testimonials .owl-dot{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background:#616161}
#testimonials .owl-dot.active{background:#fbc02d}
#booking{position:relative;padding:60px 0}
#booking .container{max-width:900px}
#booking label{font-size:14px;font-weight:600}
#booking .booking-form input,#booking .booking-form select{font-size:16px;padding:10px 14px;border:1px solid #ddd;border-radius:20px;box-shadow:none;margin-bottom:15px}
#booking .booking-form input:focus,#booking .booking-form textarea:focus{border:1px solid #616161}
#booking .booking-form button[type=submit]{background:#fff;border:none;padding:8px 30px 10px 30px;color:#fff;background:#616161;transition:.4s;cursor:pointer;border-radius:30px}
#booking .booking-form button[type=submit]:hover{background:#fbc02d}
#contact{position:relative;padding:50px 0 30px 0;background:#fff}
@media (max-width:575.98px){
#contact{text-align:center}
}
#contact .col-md-6{margin-bottom:30px}
#contact .contact-col-1{position:relative;width:100%;height:100%;padding:15px;background:#616161;border-radius:6px;margin-bottom:1px}
#contact .contact-col-2{position:relative;width:100%;height:100%;padding:15px;background:#fbc02d;border-radius:6px;margin-bottom:0}
#contact .contact-detail,#contact .contact-form{position:relative;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#contact .contact-hours{padding:0 0 25px 0;margin-bottom:25px;border-bottom:1px dotted #fbc02d}
#contact .contact-detail h4{color:#fbc02d;font-weight:800;margin-bottom:10px;letter-spacing:2px}
#contact .contact-detail p{margin-bottom:5px;color:#fff;font-size:16px;font-weight:300;letter-spacing:1px}
#contact .contact-detail a{color:#fff}
#contact .contact-detail a:hover{color:#fbc02d}
#contact .contact-form{color:#0d180b;font-weight:400;margin-bottom:26px}
#contact .contact-form input,#contact .contact-form textarea{font-size:16px;padding:10px 14px;border:none;border-radius:20px;box-shadow:none;background:rgba(256,256,256,.7)}
#contact .contact-form input:focus,#contact .contact-form textarea:focus{border:none;box-shadow:none;background:rgba(256,256,256,.5)}
#contact .contact-form button[type=submit]{background:#fff;border:none;padding:8px 30px 10px 30px;color:#fbc02d;background:#616161;transition:.4s;cursor:pointer;border-radius:30px}
#contact .contact-form button[type=submit]:hover{color:#616161;background:#fff}
#support{position:relative;background:#fbc02d;text-align:center}
#support h1{margin:0;padding:30px 0;color:#616161;font-size:30px;font-weight:800;line-height:40px;letter-spacing:2px}
@media (max-width:767.98px){
#support h1{font-size:22px;font-weight:700;line-height:30px}
}
#footer{position:relative;background:#616161;padding:30px 0;text-align:center}
#footer .col-sm-6{border-right:1px dotted #fbc02d}
#footer .col-sm-6:last-child{border-right:none}
#footer .copyright{color:#fff;font-size:16px;font-weight:300;position:relative;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media (max-width:575.98px){
#footer .col-sm-6{border-right:none}
#footer .copyright{margin-bottom:30px}
}
#footer .copyright p{color:#fbc02d;margin-bottom:10px}
#footer .copyright p:last-child{margin-bottom:0}
#footer .copyright a{color:#fbc02d;font-weight:600}
#footer .copyright a:hover{color:#fff}
#footer .form-inline{width:300px;margin:0 auto}
#footer label{width:100%;text-align:center;color:#fbc02d;font-size:18px;font-weight:400;letter-spacing:1px;margin-bottom:10px}
#footer .form-group{margin-bottom:0}
#footer input{width:225px;height:35px;font-size:16px;padding:6px 35px 6px 15px;border:1px solid #fbc02d;border-radius:20px;box-shadow:none;background:rgba(256,256,256,.7)}
#footer input:focus{background:rgba(256,256,256,.5)}
#footer button[type=submit]{width:100px;height:35px;border:none;box-shadow:none;padding:6px 0;color:#616161;font-weight:600;letter-spacing:1px;background:#fbc02d;transition:.4s;cursor:pointer;border-radius:30px;margin-left:-30px}
#footer button[type=submit]:hover{color:#616161;background:#fff}
#cart{position:relative;padding:50px 0 60px 0;background:#f2f2f2}
#cart table{margin-bottom:0;text-align:center}
#cart .quantity input{width:100px;height:30px;text-align:center;border:1px solid #ddd;border-radius:30px;color:#666;margin:0 2px}
#cart .quantity .q-btn{position:relative;display:inline-block;background:#616161;color:#fbc02d;height:30px;width:30px;font-size:19px;text-align:center;border-radius:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#cart .quantity .q-btn:hover{color:#616161;background:#fbc02d}
#cart .quantity .dec.q-btn{margin-right:-32px}
#cart .quantity .inc.q-btn{margin-left:-32px}
@media (max-width:575.98px){
#cart .quantity .dec.q-btn{margin-right:0;margin-bottom:5px}
#cart .quantity .inc.q-btn{margin-left:0;margin-top:5px}
}
#cart a{display:inline-block;width:30px;height:30px;padding:2px 9px;background:#616161;color:#fbc02d;border-radius:20px;text-align:center}
#cart a:hover{color:#616161;background:#fbc02d}
#cart .button{text-align:right}
#cart .button button{margin-top:15px;padding:9px 30px;border:none;border-radius:30px;color:#fbc02d;background:#616161;cursor:pointer}
#cart .button button:hover{color:#616161;background:#fbc02d}
#checkout{position:relative;padding:50px 0 60px 0;background:#fff}
#checkout .form input{padding:10px 14px;border-radius:30px;box-shadow:none;font-size:16px}
#checkout .form input:focus{border-color:#fbc02d}
#checkout .button{width:100%;text-align:right}
#checkout .button button{margin-right:15px;padding:9px 30px;border:none;border-radius:30px;color:#fbc02d;background:#616161;cursor:pointer}
#checkout .button button:hover{color:#616161;background:#fbc02d}
#checkout .cards{height:30px;margin-top:5px;margin-bottom:20px}
#checkout .cards p{display:inline-block;margin:0}
#checkout .cards img{max-height:30px}
#login{position:relative;padding:50px 0 30px 0;background:#fff}
#login .col-md-6{margin-bottom:30px}
#login .login-col-1{position:relative;width:100%;height:100%;padding:15px;background:#616161;border-radius:6px;margin-bottom:1px}
#login .login-col-2{position:relative;width:100%;height:100%;padding:15px;background:#fbc02d;border-radius:6px;margin-bottom:0}
#login .login-form{position:relative;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#login .login-form{color:#0d180b;font-weight:400;margin-bottom:26px}
#login .login-form input,#login .login-form textarea{font-size:16px;padding:10px 14px;border:none;border-radius:20px;box-shadow:none;background:rgba(256,256,256,.7)}
#login .login-form input:focus,#login .login-form textarea:focus{border:none;box-shadow:none;background:rgba(256,256,256,.5)}
#login .login-form button[type=submit]{border:none;padding:8px 30px 10px 30px;color:#fbc02d;background:#616161;transition:.4s;cursor:pointer;border-radius:30px}
#login .login-form button[type=submit]:hover{color:#616161;background:#fff}
#login .login-col-1 .login-form button[type=submit]{color:#616161;background:#fbc02d}
#login .login-col-1 .login-form button[type=submit]:hover{color:#fbc02d;background:#fff}