@charset "utf-8";
/* CSS Document */
body { overflow-x:hidden; }
img{ max-width:100%;}
*{ padding:0; margin:0;}
.top{ width:100%; float:left; padding:0; background:#f7b518;}
.top-social{ float:left; color:#000; font-size:14px; padding:10px 0;}
.top-social a, .top-social a:hover{ display:inline-block; color:#000; font-size:14px; text-decoration:none; margin:0 10px;}
.top-links{ float:right; background:#000;}
.top-links a{ float:right; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; padding:10px 20px; text-decoration:none;}
.top-links a:hover{ display:inline-block; color:#f7b518; text-decoration:none;}
.top-links span{ height:20px; float:right; border-right:1px solid #fff; margin:10px 0 0;}

.hdr{ width:100%; float:left; text-align:center; background:#fff;}
.logo{ width:100%; float:left; text-align:center; padding:10px 0;}
.navigation{ width:100%; float:left; position:relative; background:#000;}
.booknow{ float:right; background:#f7b518; color:#000; font-size:18px; font-weight:bold; text-transform:uppercase; padding:27px 25px; text-decoration:none;}
.booknow:hover{ display:inline-block; color:#fff; text-decoration:none;}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #f7b518;
  height:3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

.about-sec{ width:100%; float:left; padding:30px 0;}
.about-textbox{ width:100%; display:inline-block; background:#efefef; margin:80px 0 0; padding:70px;}
.about-sbhdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:14px; color:#828282; text-transform:uppercase;}
.about-hdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:54px; color:#000; padding:20px 0; text-transform:uppercase;}
.about-hdng span{ color:#f7b518;}
.about-text{ width:100%; display:inline-block; font-family: 'work_sansregular'; font-size:14px; line-height:24px; color:#95959f;}
.about-btn{ width:100%; float:left; padding:50px 0 0;}
.about-btn a{ float:left; background:#000; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; padding:10px 20px; text-decoration:none;}
.about-btn a:hover{ display:inline-block; color:#f7b518; text-decoration:none;}
.about-img img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 3.5s ease; /* Safari and Chrome */
    -moz-transition: all 3.5s ease; /* Firefox */
    -ms-transition: all 3.5s ease; /* IE 9 */
    -o-transition: all 3.5s ease; /* Opera */
    transition: all 3.5s ease;
}
.about-img img:hover{
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.reserve-img{ width:100%; float:left; padding:100px 0;}

.dinning-sec{ width:100%; float:left; padding:100px 0 25px; background:url(../imgs/dinning-bg.jpg) no-repeat; background-size:contain;}
.dinning-sec-sbhdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:14px; color:#f7b518; text-transform:uppercase;}
.dinning-sec-hdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:54px; color:#fff; padding:0; text-transform:uppercase;}
.dinning-sec-box{ width:100%; float:left;}
.dinning-sec-box-img img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 2.5s ease; /* Safari and Chrome */
    -moz-transition: all 2.5s ease; /* Firefox */
    -ms-transition: all 2.5s ease; /* IE 9 */
    -o-transition: all 2.5s ease; /* Opera */
    transition: all 2.5s ease;
}
.dinning-sec-box-img img:hover{
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.dinning-sec-box-hdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:20px; color:#000; padding:20px 0; text-transform:uppercase;}
.dinning-sec-box-btn{ width:100%; float:left; padding:0 0 30px;}
.dinning-sec-box-btn a{ float:left; background:#000; color:#fff; font-size:18px; padding:10px 20px; text-decoration:none; transition:all .5s ease-in-out;}
.dinning-sec-box-btn a:hover{ display:inline-block; background:#f7b518; color:#000; text-decoration:none; transition:all .5s ease-in-out;}

.gallery-sec{ width:100%; float:left; padding:50px 0;}
.gallery-sec-sbhdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:14px; color:#828282; text-transform:uppercase;}
.gallery-sec-hdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:54px; color:#000; padding:0 0 20px; text-transform:uppercase;}
.gallery-sec-hdng span{ color:#f7b518;}
.gallery-sec-plus{ display:inline-block; font-size:36px; color:#fff; position:absolute; z-index:22; top:40%; left:40%; opacity:.5;}
.gallery-sec-plus:hover{ display:inline-block; color:#fff; opacity:1;}

.offer-sec{ width:100%; float:left; padding:50px 0; background:url(../imgs/offer-bg.jpg) no-repeat 100% 100%;}
.offer-box{ width:100%; display:inline-block; background:#fff; padding:50px 50px;}
.offer-textbox{ width:100%; display:inline-block; padding:40px;}
.offer-sbhdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:14px; color:#f7b518; text-transform:uppercase;}
.offer-hdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:54px; color:#26264c; text-transform:uppercase;}
.offer-hdng span{ color:#f7b518;}
.offer-textbar{ display:inline-block; background:#f7b518; font-family: 'work_sansbold'; font-size:18px; color:#fff; padding:5px 40px; text-transform:uppercase;}
.offer-text{ width:100%; display:inline-block; font-family: 'work_sansregular'; font-size:14px; padding:40px 0 0; line-height:24px; color:#95959f;}
.offer-btn{ width:100%; float:left; padding:50px 0 0;}
.offer-btn a{ float:left; background:#000; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; padding:10px 20px; text-decoration:none;}
.offer-btn a:hover{ display:inline-block; color:#f7b518; text-decoration:none;}
.offer-img img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 1.5s ease; /* Safari and Chrome */
    -moz-transition: all 1.5s ease; /* Firefox */
    -ms-transition: all 1.5s ease; /* IE 9 */
    -o-transition: all 1.5s ease; /* Opera */
    transition: all 1.5s ease;
}
.offer-img img:hover{
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.well-sec{ width:100%; float:left; padding:50px 0;}
.well-sbhdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:14px; color:#f7b518; text-transform:uppercase;}
.well-hdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:54px; color:#26264c; text-transform:uppercase;}
.well-hdng span{ color:#f7b518;}
.well-box{ width:100%; display:inline-block; position:relative;}
.well-box-img{ width:100%; display:inline-block;}
.well-box-hdng{ display:inline-block; background:#fff; text-align:center; color:#000; font-family:'work_sansbold'; font-size:18px; padding:18px 20px; text-transform:uppercase; position:absolute; z-index:3; right:15px; bottom:15px; left:15px;}
.well-box-img img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 2.5s ease; /* Safari and Chrome */
    -moz-transition: all 2.5s ease; /* Firefox */
    -ms-transition: all 2.5s ease; /* IE 9 */
    -o-transition: all 2.5s ease; /* Opera */
    transition: all 2.5s ease;
}
.well-box-img img:hover{
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #231e1e;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #c8030a;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.footer-sec{ width:100%; float:left; padding:50px 0; text-align:left; background:#000;}
.footer-sec h2{ width:100%; float:left; font-family:'work_sansbold'; font-size:20px; color:#fff; padding:0; text-transform:uppercase;}
.footer-sec p{ width:100%; float:left; font-family:'work_sansregular'; font-size:16px; line-height:30px; padding:25px 0 0; color:#fff; margin:0;}
.footer-contact{ width:100%; display:inline-block;}
.footer-contact ul{ margin:0; padding:0;}
.footer-contact ul li{ width:100%; float:left; list-style:none; font-size:16px; padding:15px 0; color:#aaa; font-family:'work_sansregular'; border-bottom:1px solid #333;}
.footer-contact ul li i{ float:left; font-size:16px; padding:1px 10px 0 0; color:#aaa;}
.footer-contact ul li a{ float:left; font-size:16px; color:#aaa;}
.footer-contact ul li a:hover, .contact-links ul li a:focus{ color:#fff; text-decoration:none;}
.footer-links{ width:100%; float:left; font-family:'work_sansregular';}
.footer-links ul{ margin:0; padding:0;}
.footer-links ul li{ width:100%; float:left; list-style:none; font-size:16px; padding:0 0 15px; color:#aaa; font-family:'work_sansregular';}
.footer-links ul li i{ float:left; font-size:16px; padding:1px 10px 0 0; color:#aaa;}
.footer-links ul li a{ float:left; font-size:16px; color:#aaa; padding:0;}
.footer-links ul li a:hover, .footer-links ul li a:focus{ color:#fff; text-decoration:none;}
.newsletter-right-box{ width:100%; float:left; margin:20px 0;}
.newsletter-right-box input{ width:100%; background:#222; float:left; font-family:'work_sansregular'; padding:10px 15px; border-radius:0s; font-size:14px; color:#000; border:none;}
.newsletter-right-box input:focus{ border:none; outline:none;}
.newsletter-right-box button{ width:100%; float:right; cursor:pointer; background:#f7b518; font-family:'work_sansbold'; text-align:center; margin:10px 0 0; padding:10px 15px; font-size:16px; color:#000; border-radius:0; border:none; text-transform:uppercase;}
.newsletter-right-box button:focus{ color:#fff; text-decoration:none; border:none; outline:none;}
.footer-btm{ width:100%; float:left; padding:25px 0; text-align:left; background:#000; color:#aaa; font-size:16px; border-top:1px solid #222;}
.footer-btm span{ float:right; text-align:right;}



/* Inner Pages */

.inner-bnr{ width:100%; float:left; background:url(../imgs/inner-bnr.jpg) no-repeat center center; background-size:cover; padding:100px 0;}
.inr-hdng{ width:100%; float:left; font-family:'montserratbold'; font-size:32px; color:#fff; padding:0; text-transform:uppercase;}
.breadcrumb-sec{ width:100%; float:left; background:#fff;  padding:20px 0;}
.about-sec{ width:100%; float:left; padding:50px 0;}
.about-sec h1{ display:inline-block; font-family:'OpenSans-Bold'; font-size:36px; padding:0 0 15px; margin:0; color:#000;}
.about-sec p{ width:100%; float:left; font-family:'work_sansregular'; font-size:16px; line-height:24px; padding:0; margin:0; color:#595959;}

.contact-left{ float:left; padding:60px 0;}
.left-box{ width:100%; float:left; padding:20px; background:#f7f7f7;}
.left-box-hdng{ width:100%; float:left; background:#f7b518; font-size:16px; color:#fff; font-family:'OpenSans-Bold'; padding:10px 20px;}
.contact-text{ width:100%; float:left; font-size:16px; color:#000; font-family:'work_sansregular'; padding:5px 0;}
.contact-text span{ display:inline-block; font-size:16px; color:#999;}
.left-box a{ text-decoration:none; color:#000;}
.contact-right{ float:left; padding:60px 0;}
.contact-right-box{ width:100%; float:left; padding:5px 0;}
.contact-right-box-input{ width:100%; float:left; padding:10px 20px; color:#000; font-size:14px; font-family:'work_sansregular'; margin:0 0 10px; border-radius:3px; border:1px solid #ccc;}
.contact-right-box-textarea{ width:100%; height:200px; float:left; padding:10px 20px; color:#000; font-size:14px; font-family:'work_sansregular'; margin:0 0 10px; border-radius:3px; border:1px solid #ccc;}
.contact-right-box-btn{ display:inline-block; padding:15px 40px; color:#fff; background:#f7b518; font-size:14px; font-family:'work_sanssemibold'; margin:0 0; border-radius:30px; border:none; outline:none; cursor:pointer; text-transform:uppercase;}

.room-box{ width:100%; display:inline-block; background:#fafafa; padding:30px 30px 30px 0; margin:30px 0 0;}
.room-box2{ width:100%; display:inline-block; background:#fafafa; padding:30px 0 30px 30px; margin:30px 0 0;}
.room-textbox{ width:100%; display:inline-block; padding:10px 40px;}
.room-sbhdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:14px; color:#f7b518; text-transform:uppercase;}
.room-hdng{ width:100%; display:inline-block; font-family: 'work_sansbold'; font-size:36px; color:#26264c; text-transform:uppercase;}
.room-hdng span{ color:#f7b518;}
.room-text{ width:100%; display:inline-block; font-family: 'work_sansregular'; font-size:14px; padding:10px 0; text-align:justify; line-height:24px; color:#95959f;}

.gallery {
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery img {
  width: 10%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  border: 2px solid #fff;
  transition: all ease-out 0.5s;
  cursor: pointer;
  overflow: hidden;
}

.gallery img:hover {
  width: 50%;
}

.dining-sec{ width:100%; float:left; padding:100px 0; background:url(../imgs/dinning-bg.jpg) no-repeat; background-size:cover;}





@media (max-width:1200px){
.booknow{ float:right; font-size:16px; padding:20px 15px;}
.about-textbox{ margin:50px 0 0; padding:50px;}
.about-sbhdng{ font-size:14px;}
.about-hdng{ font-size:46px; padding:10px 0;}
.about-btn{ padding:30px 0 0;}
.offer-textbox{ padding:20px 0 0 40px;}
.offer-sbhdng{ font-size:14px;}
.offer-hdng{ font-size:40px;}
.offer-textbar{ font-size:18px; padding:5px 40px;}
.offer-text{ font-size:14px; padding:20px 0 0; line-height:24px;}
.offer-btn{ padding:30px 0 0;}
.dinning-sec-hdng{ font-size:46px;}
.gallery-sec-hdng{ font-size:46px; padding:0 0 20px;}
.footer-sec h2{ font-size:18px; padding:20px 0; margin:0;}
.footer-links ul li{ font-size:14px; padding:0 0 10px;}
.footer-contact ul li{ font-size:13px; padding:10px 0;}
.footer-contact ul li i{ width:25px; height:25px; font-size:12px; padding:7px 0 0; margin-right:5px;}
.footer-contact ul li a{ float:left; font-size:14px; color:#121217;}
}


@media (max-width:990px){
.booknow{ float:right; font-size:16px; padding:10px 15px;}
.about-textbox{ margin:30px 0 0; padding:30px;}
.about-hdng{ font-size:36px; padding:10px 0;}
.about-btn{ padding:20px 0 0;}
.reserve-img{ padding:50px 0;}
.dinning-sec{ padding:50px 0 25px;}
.dinning-sec-hdng{ font-size:36px;}
.gallery-sec-hdng{ font-size:36px; padding:0 0 10px;}
.offer-box{ padding:30px;}
.offer-textbox{ padding:20px 0 0 20px;}
.offer-hdng{ font-size:30px;}
.offer-textbar{ font-size:16px; padding:5px 30px;}
.offer-btn a{ font-size:14px; padding:10px 20px;}
.well-box-hdng{ font-size:16px; padding:15px; right:10px; bottom:10px; left:10px;}
.footer-sec{ padding:30px 0;}
.footer-sec h2{ font-size:18px; padding:15px 0;}
.footer-links ul li{ font-size:14px;}
.footer-contact ul li{ font-size:14px;}
.footer-contact ul li i{ width:25px; height:25px; font-size:12px; padding:7px 0 0; margin-right:5px;}
.footer-contact ul li a{ float:left; font-size:14px; color:#121217;}

.about-sec h1{ display:inline-block; font-family:'OpenSans-Bold'; font-size:26px; padding:0 0 15px; margin:0; color:#000;}
.room-textbox{ padding:10px 30px;}
.room-hdng{ font-size:30px; line-height:32px;}

}

@media (max-width:768px){
.logo{ padding:15px 0;}
.about-sec{ padding:0;}
.about-textbox{ margin:0; padding:20px;}
.about-hdng{ font-size:26px; padding:5px 0;}
.about-text{ font-size:14px; line-height:22px;}
.about-btn a{ font-size:14px; padding:7px 15px; text-decoration:none;}
.reserve-img{ padding:30px 0;}
.dinning-sec{ padding:30px 0 20px;}
.dinning-sec-hdng{ font-size:26px;}
.gallery-sec{ padding:30px 0;}
.gallery-sec-hdng{ font-size:26px; padding:0;}
.offer-box{ padding:20px;}
.offer-textbox{ padding:20px 0 0 20px;}
.offer-hdng{ font-size:26px;}
.dinning-sec-box-hdng{ font-size:18px; padding:15px 0;}
.dinning-sec-box-btn{ padding:0;}
.dinning-sec-box-btn a{ font-size:16px; padding:7px 15px;}
.offer-textbar{ font-size:16px; padding:5px 20px;}
.offer-btn a{ font-size:14px; padding:7px 15px;}
.well-box-hdng{ font-size:14px; padding:5px; right:5px; bottom:5px; left:5px;}

.footer-sec h2{ font-size:16px; padding:10px 0;}
.footer-links ul li{ font-size:14px; padding:0 0 15px;}
.footer-links ul li a{ font-size:13px;}
.newsletter-right-box input{ width:100%; height:40px; padding:10px 50px 10px 10px; border-radius:0s; font-size:14px; color:#000; border:none;}
.newsletter-right-box button{ padding:11px; font-size:18px;}
.footer-sec p{ font-size:13px; line-height:22px; padding:20px 0 0;}
.newsletter-right-box{ width:100%; float:left; margin:10px 0;}
.footer-btm{ width:100%; float:left; padding:15px 0; font-size:14px;}
.inr-hdng{ font-size:26px;}

.room-hdng{ font-size:26px; line-height:32px;}

}


@media (max-width:568px){
.footer-btm{ padding:15px 0; font-size:13px;}
.footer-sec h2{ font-size:16px; padding:0 0 10px;}
.footer-sec{ padding:30px 0 0;}
.contact-left{ float:left; padding:25px 0 0;}
.inr-hdng{ font-size:20px;}
.inner-bnr{ padding:15px 0;}

.room-box{ padding:30px 0 0; margin:30px 0 0;}
.room-box2{ padding:30px 0 0; margin:30px 0 0;}
.room-hdng{ font-size:22px; line-height:24px;}
}

@media (max-width:480px){
.footer-btm{ padding:15px 0; font-size:12px;}
.inr-hdng{ font-size:20px;}
.about-sec{ padding:20px 0;}
.about-sec h1{ font-size:24px; padding:0 0 10px;}
.about-sec p{ font-size:12px; line-height:18px;}
.room-hdng{ font-size:18px; line-height:22px;}
}