body{color:#969696;font-size:16px;overflow-x:hidden;font-family:'Cabin',sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:700;color:#151515;font-family:'Quicksand',sans-serif}
h1{font-size:54px}
h2{font-size:36px}
h3{font-size:24px}
h4{font-size:16px}
#footer h4{color:#fff}
a{color:#151515;-webkit-transition:.2s color;transition:.2s color}
a:hover,a:focus{color:#337ab7;text-decoration:none;outline:none}
ul,ol{margin:0;padding:0;list-style:none}
.white-text{color:#FFF}
.section{position:relative;padding-top:80px;padding-bottom:80px}
.section-header .title{font-family:'Helvetica',cursive;margin-top:0}
.title:after{content:"";display:block;width:15px;height:2px;background-color:#337ab7;margin:15px 0 30px}
.text-center .title:after{margin:15px auto 30px}
.section-header .sub-title{font-weight:400;color:#337ab7}
.bg-image{position:absolute;left:0;right:0;top:0;bottom:0;background-position:center;background-size:cover;z-index:-1}
.bg-image.bg-parallax{background-attachment:fixed}
.bg-image.overlay:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;opacity:.7;background-color:#000}
.main-button{display:inline-block;padding:15px 30px;border:none;border-radius:40px;background-color:#337ab7;color:#FFF;text-transform:capitalize;font-weight:700;-webkit-transition:.2s opacity;transition:.2s opacity}
.main-button:hover{color:#FFF;opacity:.8}
.input{width:100%;height:40px;padding:0 10px;border:2px solid #ECECEC;border-radius:40px;background:transparent}
textarea.input{height:160px;padding:10px;border-radius:20px}
#header{position:absolute;left:0;right:0;margin-top:15px;z-index:22}
#header #top-nav .container{padding:10px 15px;background-color:#FFF}
#top-nav .logo{float:left;height:50px;padding:5px}
#top-nav .logo img{max-height:40px}
#top-nav .social-nav{float:right}
.social-nav li{display:inline-block;margin-top:5px}
.social-nav li a{display:block;width:40px;line-height:40px;text-align:center;color:#969696;border:1px solid #ECECEC;border-radius:50%;-webkit-transition:.2s all;transition:.2s all}
.social-nav li a:hover,.social-nav li a:focus{color:#FFF;background-color:#337ab7;border-color:#337ab7}
#header #bottom-nav .container{padding:10px 15px;background-color:#F9F9F9}
.main-nav li a,.contact-nav li a{font-size:14px}
.main-nav li a:hover,.contact-nav li a:hover,.main-nav li a:focus,.contact-nav li a:focus{background-color:transparent;color:#337ab7}
.main-nav li a{text-transform:capitalize}
.contact-nav{float:right}
.contact-nav li i{color:#337ab7}
.cta-nav{float:right}
.cta-nav li{margin-top:5px;display:inline-block}
.cta-nav li a{padding:8px 25px;font-size:14px}
@media only screen and (min-width: 767px) {
#header.fixed #bottom-nav{position:fixed;right:0;left:0;top:0;margin:auto;-webkit-box-shadow:0 3px 10px -3px rgba(0,0,0,0.1);box-shadow:0 3px 10px -3px rgba(0,0,0,0.1);background:#FFF;border:1px solid #ECECEC;-webkit-animation:slide-in .3s;animation:slide-in .3s}
#header.fixed #bottom-nav .container{background-color:#FFF}
}
@-webkit-keyframes slide-in {
from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0%);transform:translateY(0%)}
}
@keyframes slide-in {
from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0%);transform:translateY(0%)}
}
@media only screen and (max-width: 767px) {
#header{position:fixed;margin-top:0;-webkit-box-shadow:0 3px 10px -3px rgba(0,0,0,0.1);box-shadow:0 3px 10px -3px rgba(0,0,0,0.1)}
#header:after{content:"";position:fixed;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,0.5);z-index:-1;visibility:hidden;opacity:0;-webkit-transition:.2s all;transition:.2s all}
#header.nav-collapse:after{visibility:visible;opacity:1}
#header #bottom-nav .container{padding:0}
#nav{position:fixed;max-width:250px;width:0;height:100vh;background:#151515;top:0;left:0;padding-top:80px;overflow-x:hidden;overflow-y:auto;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:.2s all;transition:.2s all}
#header.nav-collapse #nav{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);width:100%}
.main-nav{margin:0;text-align:center;max-height:50%;overflow-y:scroll}
.main-nav li a{color:#fff}
.contact-nav{float:none;margin-top:15px;text-align:center}
.contact-nav li{display:block}
.contact-nav li a{color:#fff}
.cta-nav{float:none;margin-top:15px;text-align:center}
}
.navbar-toggle{position:relative;width:40px;height:40px;border:none;margin-top:5px;margin-left:15px;margin-right:0;border-radius:0;padding:0}
.navbar-toggle span{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:5px;-webkit-transition:.2s background;transition:.2s background}
.navbar-toggle span:after,.navbar-toggle span:before{content:"";position:absolute;left:0;-webkit-transition:.2s -webkit-transform;transition:.2s -webkit-transform;transition:.2s transform;transition:.2s transform,.2s -webkit-transform}
.navbar-toggle span,.navbar-toggle span:after,.navbar-toggle span:before{height:2px;width:30px;background-color:#151515}
.navbar-toggle span:before{top:-10px}
.navbar-toggle span:after{top:10px}
#header.nav-collapse span{background:transparent}
#header.nav-collapse span:before{-webkit-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
#header.nav-collapse span:after{-webkit-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
.banner-area{position:relative;padding-bottom:40px}
.banner-area .home-wrapper{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0}
#home{height:100vh}
.home-content h1{font-family:'Helvetica',cursive}
#galery{margin-top:40px}
#galery .galery-item{display:-webkit-box;display:-ms-flexbox;display:flex;height:350px}
#galery .galery-item .item-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}
#galery .galery-item .item-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1}
#galery .galery-item .galery-img{background-position:center;background-size:cover;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:5px}
#galery.owl-theme .owl-nav [class*='owl-']{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:1px solid #ECECEC;background:transparent;color:#151515;padding:0;width:60px;height:60px;line-height:60px;border-radius:50%;margin:0;-webkit-transition:.2s all;transition:.2s all}
#galery.owl-theme .owl-nav [class*='owl-']:hover{background-color:#337ab7;border-color:#337ab7;color:#FFF}
#galery.owl-theme .owl-prev{left:-70px}
#galery.owl-theme .owl-next{right:-70px}
.menu-nav{text-align:center}
.menu-nav li{position:relative;display:inline-block;margin-right:-4px;border-bottom:1px solid #ECECEC;background-color:#FFF}
.menu-nav li + li{-webkit-box-shadow:-1px 0 0 0 #ECECEC;box-shadow:-1px 0 0 0 #ECECEC}
.menu-nav li a{font-family:'Quicksand',sans-serif;display:block;padding:30px}
.menu-nav li.active a{color:#FFF;background-color:#337ab7}
.menu-nav li.active:before,.menu-nav li.active:after{content:"";width:0;height:0;position:absolute;bottom:-19px;border-style:solid;z-index:1}
.menu-nav li.active:before{left:0;border-width:20px 60px 0 0;border-color:#337ab7 transparent transparent}
.menu-nav li.active:after{right:0;border-width:0 60px 20px 0;border-color:transparent #337ab7}
#menu-content{overflow:auto;padding:30px 2%;background-color:#FFF}
.single-dish + .single-dish{margin-top:30px}
.single-dish .single-dish-heading{position:relative;z-index:10}
.single-dish .single-dish-heading:before{content:"";display:block;position:relative;top:25px;height:1px;width:100%;border-top:1px dashed #151515;z-index:-1}
.single-dish .name{display:inline-block;font-family:'Cabin',sans-serif;background-color:#FFF;padding-right:10px;font-weight:400}
.single-dish .price{float:right;background-color:#FFF;padding-left:10px;color:#337ab7}
#reservation.section{padding-bottom:0}
#reservation .bg-image{height:75%}
.reserve-form{padding:30px 2%;background:rgba(21,21,21,0.9)}
.reserve-form .form-group{margin-bottom:30px}
.reserve-form .form-group label{color:#FFF;margin-left:10px}
.reserve-form .input{border-color:rgba(255,255,255,0.2)}
.opening-time{padding:40px 8%;background:#151515;margin-top:40px}
.opening-time ul li .day{display:inline-block;font-weight:400;color:#fff}
.opening-time ul li .hours{float:right;font-size:14px;margin-top:12px;font-weight:400;color:#337ab7}
.event{position:relative;margin:15px 0}
.event .event-img{position:absolute;left:0;top:0;width:160px}
.event .event-img img{width:100%}
.event .event-day{position:absolute;top:0;width:60px;height:60px;background:#337ab7;text-align:center}
.event .event-day span{color:#FFF;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;font-weight:700}
.event .event-day:after,.event .event-day:before{content:"";width:0;height:0;border-style:solid;position:absolute;bottom:-20px}
.event .event-day:before{left:0;border-width:20px 60px 0 0;border-color:#337ab7 transparent transparent}
.event .event-day:after{right:0;border-width:0 60px 20px 0;border-color:transparent #337ab7}
.event .event-content{min-height:160px;padding-left:175px}
.event .event-content h3{margin-top:0}
#contact #map{position:absolute;top:0;left:0;bottom:0;width:50%}
#footer{padding-top:40px;padding-bottom:40px;background-color:#151515;color:#fff!important}
.footer-nav{text-align:right}
.footer-nav a{display:inline-block;margin-left:15px;color:#969696;font-size:14px;text-transform:capitalize}
.footer-nav a:hover,.footer-nav a:focus{color:#337ab7}
.blog-img{position:relative}
.blog-img img{width:100%}
.blog-day{position:absolute;top:0;width:90px;height:90px;background:#337ab7;text-align:center;z-index:10}
.blog-day span{color:#FFF;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;font-weight:700}
.blog-day:after,.blog-day:before{content:"";width:0;height:0;border-style:solid;position:absolute;bottom:-20px}
.blog-day:after{left:0;border-width:20px 60px 0 0;border-color:#337ab7 transparent transparent}
.blog-day:before{right:0;border-width:0 60px 20px 0;border-color:transparent #337ab7}
.blog-meta{position:absolute;top:0;left:0;right:0;padding-left:105px;padding-top:15px;padding-bottom:80px;background:-webkit-gradient(linear,left top,left bottom,from(#151515),to(transparent));background:-webkit-linear-gradient(top,#151515 0%,transparent 100%);background:-o-linear-gradient(top,#151515 0%,transparent 100%);background:linear-gradient(to bottom,#151515 0%,transparent 100%)}
.blog-meta li{display:inline-block;color:#FFF}
.blog-meta li + li{margin-left:15px}
.blog-meta li i{color:#337ab7;margin-right:5px}
.blog-tags{text-align:center;margin:20px 0 30px}
.blog-tags a{display:inline-block;padding:8px 25px;margin-top:5px;margin-right:2px;border-radius:40px;background:#151515;color:#FFF;text-transform:capitalize;font-size:14px}
.blog-tags a:hover{color:#337ab7}
.blog-share{text-align:center;margin:20px 0 30px}
.blog-share a{display:inline-block;padding:8px 25px;margin-top:5px;margin-right:2px;background-color:#F9F9F9;color:#FFF;-webkit-transition:.2s opacity;transition:.2s opacity}
.blog-share a i{margin-right:10px}
.blog-share a.twitter{background-color:#55acee}
.blog-share a.facebook{background-color:#3b5998}
.blog-share a.google{background-color:#dd4b39}
.blog-share a:hover{opacity:.8}
.blog-nav .blog-previous,.blog-nav .blog-next{position:relative;min-height:120px}
.blog-nav .blog-previous img,.blog-nav .blog-next img{position:absolute;top:0}
.blog-nav .blog-previous img{left:0}
.blog-nav .blog-next img{right:0}
.blog-nav .blog-previous div,.blog-nav .blog-next div{padding-top:5px}
.blog-nav .blog-previous div{padding-left:135px}
.blog-nav .blog-next div{padding-right:135px;text-align:right}
.blog-nav .blog-previous div span,.blog-nav .blog-next div span{font-family:'Helvetica',cursive}
.blog-comments{margin:30px 0}
.blog-comments .media{padding:30px 15px;border:1px solid #ECECEC;background-color:#F9F9F9}
.blog-comments .media .media{background-color:#FFF}
.blog-comments .media .media-heading h4{margin-top:0}
.blog-reply-form .input{display:block;max-width:300px;margin-bottom:20px}
.blog-reply-form textarea.input{max-width:600px}
.copyright a{color:#999}
.copyright a:hover{color:#F9F9F9}
@media only screen and (max-width: 1201px) {
.contact-nav{display:none}
}
@media only screen and (max-width: 991px) {
.home-content h1{font-size:36px}
#contact.section{padding-bottom:0}
#contact .section-header{text-align:center}
#contact .section-header .title:after{margin:15px auto 30px}
.contact-content{text-align:center}
#contact #map{position:relative;width:100%;height:320px;margin-top:40px}
.copyright{display:block;text-align:center}
.blog-nav .blog-next{margin-top:20px}
.blog-nav .blog-next img{left:0}
.blog-nav .blog-next div{padding-left:135px;padding-right:0;text-align:left}
.footer-nav{display:none}
}
@media only screen and (max-width: 767px) {
.contact-nav{display:block}
#galery.owl-theme .owl-nav [class*='owl-']{background-color:rgba(21,21,21,0.5);color:#FFF;border:none}
#galery.owl-theme .owl-prev{left:15px}
#galery.owl-theme .owl-next{right:15px}
.opening-time{margin-top:0}
}
@media only screen and (max-width: 480px) {
.social-nav{display:none}
.event{text-align:center;margin-bottom:30px}
.event .event-img{position:static;margin:0 auto 15px}
.event .event-content{padding-left:0}
}
#preloader{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#FFF;z-index:9999}
#preloader .preloader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#preloader .preloader span{display:inline-block;height:30px;width:30px;border-radius:50%;border:2px solid #337ab7;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);opacity:0;-webkit-animation:preloder 1.6s infinite cubic-bezier(.45,.05,.55,.95);animation:preloder 1.6s infinite cubic-bezier(.45,.05,.55,.95)}
#preloader .preloader span:nth-child(1){-webkit-animation-delay:0;animation-delay:0}
#preloader .preloader span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}
#preloader .preloader span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}
@-webkit-keyframes preloder {
0%{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}
40%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
60%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
85%{opacity:0}
100%{-webkit-transform:translateY(40px);transform:translateY(40px)}
}
@keyframes preloder {
0%{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}
40%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
60%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
85%{opacity:0}
100%{-webkit-transform:translateY(40px);transform:translateY(40px)}
}