@charset "utf-8";
/* CSS Document */
/*--General CSS Start here--*/
body { margin:0; padding:0; font-family:'montserratregular'; font-size:12px; font-weight:normal; color:#cccccc; line-height:normal; background:#000000; }
/* headings */
h1, h2, h3, h4, h5, h6 {margin:20px 0 10px; font-weight:normal; font-family:'playfair_displayitalic'; color:#fffff;}
h1 {font-size:21px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
/* Paragraphs */
p { margin:20px 0 10px; line-height:20px; }
/* align left or right */
.align-left { float:left; }
.align-right { float:right; }
/* lists */
ul { list-style-type:none; margin:0; padding:0; }
/* links */
a { color:#ffffff;}
a:hover, a:focus {text-decoration:none; outline:none;}
/* img */
img { max-width:100%; height:auto; vertical-align:middle; border:0; outline:0; }
header { background:#000000; top:0; height:90px; position:fixed; width:100%; z-index:2; }
.highlight { z-index:9; }
/*===main nav start here===*/
#main{z-index:0;}
.mainNav {text-transform:uppercase; margin-top:27px; margin: 27px -10px 0 0;}
.mainNav li a {color:#999999;}
.mainNav li a:hover { background-color:transparent; }
.mainNav li a:focus { background-color:transparent; border:0; outline:none; /*font-weight:bold;*/ }
.navbar-brand { padding:34px 0px 0px 1px; height:75px;}
.mobile-logo { display:none;}
.navbar-brand:focus { outline:none; }
.navbar-header img { max-width:122px; }
.button_container, .overlay {display:none;}
/*===main nav end here===*/
/*===section start here===*/
section { text-align:center; position:relative; clear:both; }
/*===section end here===*/
/*===home section start here===*/
#home { text-align:center; background:#000000;}
.img-box { position:absolute; right:0; top:65px; }
/*home img start here*/
#home .home-img { text-align:right; width:60%; position:relative; left:1px; padding-top:62px;}
/*home img end here*/
/*home content start here*/
#home .home-content {position:absolute; width:25%; bottom:23%; right:19.5%;}
#home .home-content h1 {margin:20px 0 0px; letter-spacing: 0.02em; }
#home .home-content p {margin:10px 0 0px; color:#88898b;}
/*home content end here*/
/*===home section end here===*/
.content {position:relative; z-index:1;}
/*===the bar section start here===*/
#the-bar {padding-bottom:10%; margin:3em 0 14.5em;}
#the-bar .content { width:30%; padding-top:15.5%; margin-left:10%;}
#the-bar ul { margin:20px 0 15px; }
#the-bar ul li { display:inline-block; padding:0 25px; margin-bottom:3px; text-transform:uppercase; color:#fff;}
#the-bar ul li a:hover { color:#88898b;}
#the-bar ul li:before, .btn:before { content:"-"; color:#999a9b; padding:0 5px; font-size:14px;}
#the-bar ul li:after, .btn:after{ content:"-"; color:#999a9b; padding:0 5px; font-size:14px;}
#the-bar .btn figure{ display:inline-block; }
#the-bar .food-gallery { text-transform:uppercase; }
#the-bar .food-gallery a:hover {color:#88898b;}
.rservation a { color:#88898b;}
.rservation a:hover { color:#fff; }
.rservation:before, .rservation:after {content:"|"; padding:0 5px;}
/*===the bar section end here===*/
/*===the space section start here===*/
#the-space {padding:17% 0 15%; margin-bottom:10em;}
#the-space .content { width:30%; margin-left:61%; z-index:1;}
#the-space .img-box { left:0; right:inherit; top:0;}
/*===the space section end here===*/
/*===promotions section start here===*/
#promotions {padding:10% 0 24%;}
#promotions .content { width:30%; margin-left:10%;}
.content-box { background:url(../images/hyphen.jpg) bottom center no-repeat; padding-bottom:10px; margin-bottom:25px; line-height:20px;}
.content-box h6 {font-family:'montserratregular'; text-transform:uppercase; font-size:12px; margin:0 0 0;  }
.content-box:first-child p { margin: 20px 0 10px; }
#promotions .content p  { margin: 2px 0 18px; }
#promotions .content span { font-family:'playfair_displayitalic'; color:#999999; margin-bottom:7px; display:block; }
#promotions .content .btn3 { text-decoration:underline; color:#cccccc; } 
#promotions .content .btn3:hover {color:#88898b;}
/*===promotions section end here===*/
/*===contact section start here===*/
#contact {padding:10% 0 14.5%; background-size:cover;}
#contact .content { width:30%; margin-left:62%; position:relative; z-index:1;}
#contact .content h2 { margin:20px 0 20px; }
#contact .content a { text-decoration:underline; color:#cccccc; } 
#contact .content a:hover {color:#88898b;}
#contact .content .content-box {padding-bottom:25px; line-height:1.42857143; }
#contact .content .content-box:last-child {background:none;} 
#contact .contact-img { position:absolute; top:0; width:100%;}
#contact .contact-img img { width:100%; }
#contact a i, #contact .content .btn2 { color: #cccccc; text-decoration:none; padding:6px 0; }
#contact a i { font-size: 18px; margin-top: 4px;}
#contact a:hover i {color:#88898b;}
.btn {outline:none;}
/*===contact section end here===*/
@media (max-width:1440px) and (min-width:1367px)  {
#home .home-img { width:50%; left:12%; }
#home .home-content { right:20.5%; }
#home, #the-bar { padding-top:3%; }
#the-bar .content { padding-top:8%; margin-left:15%; }
.img-box { width:42%; top:0; }
#the-space {padding:12% 0px 15%;}
#the-space .img-box { width:80%; }
#promotions {padding:5% 0px 24%;}
#contact {padding:8% 0px 14.5%;}
}
@media (max-width:1366px) and (min-width:600px)  {
#home .home-img { width:45%; left:20%; }
#home .home-content {right:20.5%;}
#the-bar .content {padding-top:6.5%; margin-left:15%;}
.img-box { width:42%; top:0; }
#the-space {padding:12% 0px 15%;}
#the-space .img-box { width:58%; }
#promotions {padding:4% 0px 24%;}
#contact {padding:8% 0px 14.5%;}
}
@media (min-width:1200px) {
.container {width:1200px;}
}
@media (max-width:1250px) {
#home .home-img {width:70%; left:1px; }
#home .home-content {right:19.5%; }
#the-bar .content {padding-top:15.5%; margin-left:10%;}
#the-space .img-box { width:100%; }
.img-box {width:inherit; top:65px;}
#promotions {padding:10% 0 24%;}
}
@media all and (max-width:1024px) {
#home { margin-top:4em; }
.content {padding:5px; width:50% !important; }
#the-bar { margin-top:18em; }
#the-bar .content {margin-left:0; }
#the-space {padding:12% 0px 20%;}
#the-space .content, #contact .content {margin-left:50%;}
#contact .content .content-box:last-child { padding:0 60px;  }
.img-box { width:50%; }
#promotions {margin-top:22em; padding:14% 0px 24%;}
#promotions .content { margin-left:0; }
#contact { padding:10% 0px 0; margin:10em 0 8em; }
#contact .contact-img { bottom:0; top:inherit; }
}
@media all and (max-width:992px) and (min-width:600px) {
#home { margin-top:10em;}
#the-bar .content { padding-top:13%; }
#promotions h2 {margin:0px 0px 10px; }
#promotions .content p {margin:2px 0px 0px; }
#promotions .content-box, #contact .content .content-box { margin-bottom:20px; }
#contact {padding:7% 0px 0px; margin:10em 0 38em 0; }
}
@media all and (max-width:767px) {
body { line-height:18px !important; }
p {margin:10px 0px 10px; line-height:18px; }
header { height:65px; }
.mobile-logo { display:block; }
header { z-index:99; }
#home { margin-top:0; }
section { background-size:cover !important; }
#contact .contact-img { position:static; padding:0 15px; }
.navbar-brand {padding:15px 0px 0px 10px; height:90px;}
.mainNav { display:none; }
#home .home-content h1 {margin:15px 0px 0px; font-size:18px;}
#home .home-img { width:100%; left:0; }
#home .home-content { width:100%; position:static;}
.content { width:100% !important; margin:0 !important; }
#the-bar { padding-bottom:0; padding-top:20%;}
#the-space .img-box { width:100%; }
#the-bar .content { padding-top:0; }
#the-bar .content h2 { margin:0 0 10px; }
#the-bar ul li:nth-of-type(5) {margin: 8px 0px 5px;}
#the-space {padding:17% 0px 53%;}
#the-space p {margin:2px 0px 20px; line-height:20px;}
.content-box {padding-bottom:2px; margin-bottom:18px;}
#promotions {padding:14% 0px 24%;}
#promotions .img-box { width:78%; float:right;  }
#promotions .content span {margin-bottom:7px;}
#promotions .content p {margin:2px 0px 8px;}
.img-box { position:static; width:100%; }
/*==============Mobile menu starts==============*/
.button_container, .overlay { display:block; }
.button_container {position:fixed;top:1%;left:inherit; right:10px; height: 33px;width: 35px;cursor: pointer;-webkit-transition: opacity .25s ease;transition: opacity .25s ease; z-index:9999;}
.button_container.active .top {-webkit-transform: translateY(7px) translateX(0) rotate(45deg);-ms-transform: translateY(7px) translateX(0) rotate(45deg);transform: translateY(7px) translateX(0) rotate(45deg);background: #a89c8d;}
.button_container.active .middle {opacity: 0;background: #a89c8d;}
.button_container.active .bottom {-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);transform: translateY(-8px) translateX(0) rotate(-45deg);background: #a89c8d;}
.button_container.active { background:none;}
.button_container span {background: #eeebe8;border: none;height:4px;width: 70%;position: absolute;top:8px;left:15%;-webkit-transition: all .35s ease;
transition: all .35s ease;cursor: pointer;}
.button_container span:nth-of-type(2) {top: 15px;}
.button_container span:nth-of-type(3) {top: 22px;}
.overlay {position: fixed;background:#000;top: 0;left: 0;width: 100%;height: 0%;opacity: 0;visibility: hidden;-webkit-transition: opacity .35s, visibility .35s, height .35s;transition: opacity .35s, visibility .35s, height .35s;overflow: hidden; display:block;}
.overlay.open {opacity:1;visibility: visible;height: 100%;z-index:999;}
.overlay.open li {-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;-webkit-animation-delay: .35s;
animation-delay: .35s; text-transform:uppercase;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay: .4s;animation-delay: .4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay: .45s;animation-delay: .45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay: .50s;animation-delay: .50s;}
.overlay nav {position: relative; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
font-size:18px; text-align: center;}
.overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative; width:100%;}
.overlay ul li {display: block; position:relative; opacity: 0; margin-bottom:15px;}
.overlay ul li a {display: block;position:relative; color:#f0f0f0;text-decoration: none;overflow: hidden;}
@-webkit-keyframes fadeInRight {
0% {opacity: 0;left: 20%;}
100% {opacity: 1;left: 0;}
}
@keyframes fadeInRight {
0% {opacity: 0;left: 20%;}
100% {opacity: 1;left: 0;}
}
/*==============Mobile menu ends//==============*/
}

@media only screen and (min-device-width:420px) and (max-device-width:640px) {
.overlay ul {padding:0; margin: 0 auto;display: inline-block;position: relative; width:100%; overflow-y:scroll; height:230px; overflow-x:hidden;}
#contact .content .content-box:last-child { padding:0 80px;  }
}
@media all and (max-width:360px) {  
.button_container { top:3%; }
#contact .content .content-box:last-child {padding: 0 0;}
#the-bar { margin-top:8em; margin-bottom:4em; }
#the-space {margin-top:2em; margin-bottom:0em; padding-top:3em; }
#promotions {margin-top:0em; padding-top:1%; margin-bottom:10em; padding-top:3em; }
#contact {margin-top:18em; padding-top:3em; }
}