@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Tangerine:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');


/*************************************************************************/
body,html{font-family: 'Montserrat', sans-serif;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;color:#fff;font-weight:400;width:100%!important;height:100%!important}
h2{margin:0;font-weight:500;font-size:44px;color:#333;}
h3{font-size:22px;font-weight:500;color:#333}
h4{font-size:24px;text-transform:uppercase;font-weight:400;color:#333}
h5{text-transform:uppercase;font-weight:700;line-height:20px}
p{font-size:18px}
p.intro{margin:12px 0 0;line-height:24px}
a{color:#7c1b18}
a:hover,a:focus{text-decoration:none;color:#222}
ul,ol{list-style:none}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
ul,ol{padding:0;webkit-padding:0;moz-padding:0}
hr{height:2px;width:70px;text-align:center;position:relative;background:#8eb640;margin:0;margin-bottom:40px;border:0}
.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
a:focus,.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:0;outline-offset:none}
/* Navigation */
#menu{padding:10px 15px;transition:all .8s}
#menu.navbar-default{background-color:rgba(255,255,255,0);border-color:rgba(231,231,231,0) /*background-color:#000; border:none;*/}
#menu a.navbar-brand{font-family:'Dancing Script',cursive;font-size:36px;color:#8eb640;font-weight:700;letter-spacing:1px}
#menu.navbar-default .navbar-nav>li>a{color:#545453;font-weight:400;font-size:25px;padding:5px 0;border:2px solid transparent;margin:20px 10px 0 30px; font-family: 'EB Garamond', serif;}
#menu.navbar-default .navbar-nav>li>a:hover{color:#9f6b00}
.on{background-color:rgba(255,255,255,.9) !important;padding:0!important;padding:10px 0!important}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#9f6b00!important;background-color:transparent}
.navbar-toggle{border-radius:0}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#7c1b18;border-color:#7c1b18}
.navbar-default .navbar-toggle:hover>.icon-bar{background-color:#FFF}
.section-title .overlay{padding:70px 0 20px 0}
.section-title p{font-size:22px;color:rgba(255,255,255,0.8)}
.section-title hr{margin:0 auto;margin-bottom:40px}
.btn-custom{color:#fff;background-color:#684802;border:0;padding:10px 15px;margin:0;font-size:16px;font-weight:300;border-radius:0;margin-top:20px;transition:all .5s}
.btn-custom-one{color:#fff;background-color:#7c1b18;border:0;padding:14px 20px;margin:0;font-size:25px;font-weight:500;letter-spacing:.5px;border-radius:0;margin-top:20px;transition:all .5s}
.btn-custom-one:hover,.btn-custom-one:focus,.btn-custom-one.focus,.btn-custom-one:active,.btn-custom-one.active{color:#fff;background-color:#000}
.btn-custom:hover,.btn-custom:focus,.btn-custom.focus,.btn-custom:active,.btn-custom.active{color:#000;background-color:#fff}
.collapse p{float:right!important;color:#5c5c5c;font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:400;}
.collapse p span{font-size:20px;}

/****************************** Banner Area Stat *************************************/
/* Header Section */
.intro {display: table;width: 100%;padding: 0;padding:50px 0px;}
/*.intro .overlay {
	background: rgba(0,0,0,0.4);
}*/
.intro h1{font-family: 'Tangerine', cursive; font-size:100px; color:#ffffff; text-shadow: 2px 2px 4px #000000; text-transform:none;}
.intro span{color:#a7c44c;font-weight:600}
.intro p{color:#fff;font-size:32px;font-weight:300;margin-top:10px;margin-bottom:40px}
header .intro-text{/*padding-top:250px;padding-bottom:200px;*/text-align:center; margin-top:200px; padding:50px 0px;}




.hello #video_container{width:100%;height:100%;overflow:hidden;position:relative;z-index:1;opacity:1}
#text{z-index:2000;text-align:center;width:100%;margin:0px auto;}
.top-border{background:url(../img/tos-border-top.png) top center/cover no-repeat;min-height:1px;max-height:5px}
.bottom-border{background:url(../img/tos-border-top.png) top center/cover no-repeat;min-height:1px;max-height:5px;margin-top:10px}
.tos-box .top-slogan{margin:0 auto;position:relative;top:-115px}
.top-slogan h2 a img{width:30%}
.middle-content{width:100%;text-align:center;top:0px;position:relative; background:rgba(59, 53, 53, .4); padding:50px 25px;}

.tos-box .middle-content h1{font-family: 'Tangerine', cursive; font-size:80px; color:#ffffff; text-shadow: 2px 2px 4px #000000; text-transform:none;}
.tos-box .middle-content h2{font-family: 'Playfair Display', serif; font-weight:400; font-size:35px; color:#ffffff; text-shadow: 2px 2px 4px #000000; text-transform:none;}
.tos-box .middle-content p{font-family: 'EB Garamond', serif; font-weight:400; font-size:25px; color:#ffffff; text-shadow: 2px 2px 4px #000000; text-transform:none; padding:20px 150px 0 150px;}

.tos-box .middle-content .color-one{ color:#feb623;}

.tos-box .bottom-content{position:relative;top:37px;height:60px}
.hello #video_container #text #actions{height:0}
.hello #video_container #text #playbutton{z-index:3;margin:0 auto;height:95px;display:block}
.tos-box .bottom-content{position:relative;top:40px;height:60px}
.tos-box .bottom-content .tos-button{margin:auto;display:block;width:300px;padding:2px 25px!important; background:#fff;color:#000;font-family:'lato',sans-serif;font-size:2.5em;font-weight:500}
.tos-button:hover{color:#fff;background:#7c1b18;transition:ease all .25s;-webkit-transition:ease all .25s;-moz-transition:ease all .25s}
/****************************** Banner Area END *************************************/

.hr{ background:url(../img/text-line.png) left top no-repeat; height:5px; width:100%; margin-bottom:20px;}
.hr-one{ background:url(../img/text-line.png) center top no-repeat; height:5px; width:100%; margin-bottom:20px;}

/* About Section */
#about {float:left; width:100%; margin:0 auto; background:#f8f7f7; padding:120px 0px;}
#about h2 {font-family: 'Tangerine', cursive; color:#684802; font-size:40px; text-transform:none;}
#about h3 {font-family: 'Montserrat', sans-serif; font-weight:500; color:#ac7401; font-style:italic;font-size: 20px; padding:5px 0px;}
#about p {font-family: 'Montserrat', sans-serif; font-weight:300; color:#5a5a5a; font-size: 20px; padding:10px 0 5px 0; line-height:30px; text-align:left;}
.about-left-area{float:left; width:100%; margin:50px auto; text-align:center;}
.about-left-area img{ width:100%;}
.about-right-area{float:left; width:100%; margin:50px auto 0 auto; text-align:left; padding:0 20px;}




/* Portfolio Section */
#portfolio{float:left;width:100%;margin:0 auto; background:#f8f7f7; text-align:center; padding:50px 0px;}
#portfolio h2 {font-family: 'Tangerine', cursive; color:#684802; font-size:40px; text-transform:none;}
#portfolio h3 {font-family: 'Montserrat', sans-serif; font-weight:500; color:#ac7401; font-size: 20px; padding:5px 0px;}
#portfolio p {font-family: 'Montserrat', sans-serif; font-weight:300; color:#5a5a5a; font-size: 20px; padding:10px 0 5px 0; line-height:30px;}





/**********************************light box***********************************************/
.gal-container{
	padding: 12px;
}
.gal-item{
	overflow: hidden;
	padding: 3px;
}
.gal-item .box{
	height: 350px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\F00E";
	font-family: FontAwesome;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}

@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{height:250px; margin-top: 50%;}
}
/* Footer Style */
i.red{
    color:#BC0213;
}
.gal-container{
    padding-top :25px;
    padding-bottom:15px;
}



/* Confirmation Section */
#confirm{float:left;width:100%;margin:50px auto; background:#f8f7f7; text-align:center; padding:120px 0px;}
#confirm h2 {font-family: 'Tangerine', cursive; color:#684802; font-size:60px; text-transform:none; line-height:80px;}










/* Call Reservation Section */
#call-reservation{padding:90px 0;color:#fff;background:#8eb640;background:-moz-linear-gradient(top,rgba(142,182,64,1) 50%,rgba(119,153,54,1) 100%);background:-webkit-linear-gradient(top,rgba(142,182,64,1) 50%,rgba(119,153,54,1) 100%);background:linear-gradient(to bottom,rgba(142,182,64,1) 50%,rgba(119,153,54,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8eb640',endColorstr='#779936',GradientType=0)}
#call-reservation .overlay{padding:80px 0;background:#8eb640}
#call-reservation h2{font-family:'Open Sans',sans-serif;color:#fff;font-weight:400;margin:0}
#call-reservation hr{background:#fff}
#call-reservation h3{color:#fff;font-weight:500;font-size:20px;margin:5px 0}

label{font-size:12px;font-weight:400;font-family:'Open Sans',sans-serif;float:left}
#contact .form-control{display:block;width:100%;padding:6px 12px;font-size:16px;line-height:1.42857143;color:#444;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none}
#contact .form-control:focus{border-color:#999;outline:0;-webkit-box-shadow:transparent;box-shadow:transparent}
.form-control::-webkit-input-placeholder{color:#777}
.form-control:-moz-placeholder{color:#777}
.form-control::-moz-placeholder{color:#777}
.form-control:-ms-input-placeholder{color:#777}
#contact .contact-item{margin:20px 0 40px 0}
#contact .contact-item span{font-weight:400;color:#aaa;text-transform:uppercase;margin-bottom:6px;display:inline-block}
#contact .contact-item p{font-size:16px}

/* Footer Section*/

.section-title h2{margin:0; font-weight:700; font-size:4em; color:#fff; text-transform:none; font-family: 'Philosopher', sans-serif;}
#footer{background:#ded8d3; float:left; width:100%; margin:0 auto; padding:50px 0px;}
#footer h3{font-family: 'Playfair Display', serif;color:#684802;font-weight:700;font-size:22px; margin-bottom:20px;text-align:left;}
#footer h2{font-family: 'Playfair Display', serif;color:#684802;font-weight:700;font-size:22px; margin-bottom:20px;text-align:right;}
#footer .copyrights{padding:20px 0;margin-top:50px}
#footer .social{margin:20px 0 30px 0}
#footer .social ul li{display:inline-block;margin:0 10px}
#footer .social i.fa{font-size:26px;padding:4px;color:#ff5151;transition:all .3s}
#footer .social i.fa:hover{color:#eee}
#footer p{font-family:'Open Sans',sans-serif;font-size:16px;font-weight:300; color:#272727; text-align:right;}
#footer a{color:#272727}
#footer a:hover{color:#272727}
.text-box-style-one{ background:none; border:#818180 1px solid; border-radius:0px; padding:15px 10px; height:50px; color:#262626; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:300;}
.form-group textarea{background:none; border:#818180 1px solid; border-radius:0px; padding:15px 10px; height:100px; color:#262626; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:300;}

#footer .contact-item{ float:left; width:100%;}
#footer form{float:left; width:100%;}

/**********************************BANNER SECTION***********************************************/

.pic-wrapper{position:absolute;width:100%;height:100%;overflow:hidden}
figure{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;animation:slideShow 20s linear infinite 0s;-o-animation:slideShow 20s linear infinite 0s;-moz-animation:slideShow 20s linear infinite 0s;-webkit-animation:slideShow 20s linear infinite 0s}
figurecaption{position:absolute;top:50%;left:50%;color:#fff}
.pic-1{animation-delay:0s;-o-animation-delay:0s;-moz--animation-delay:0s;-webkit-animation-delay:0s;background:url(../img/intro-bg.jpg)no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.pic-2{animation-delay:3s;-o-animation-delay:3s;-moz--animation-delay:3s;-webkit-animation-delay:3s;background:url(../img/intro-bg-1.jpg)no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.pic-3{animation-delay:6s;-o-animation-delay:6s;-moz--animation-delay:6s;-webkit-animation-delay:6s;background:url(../img/intro-bg.jpg)no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.pic-4{animation-delay:9s;-o-animation-delay:9s;-moz--animation-delay:9s;-webkit-animation-delay:9s;background:url(../img/intro-bg-1.jpg)no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.pic-5{animation-delay:12s;-o-animation-delay:12s;-moz--animation-delay:12s;-webkit-animation-delay:12s;background:url(../img/intro-bg.jpg)no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.pic-6{animation-delay:15s;-o-animation-delay:15s;-moz--animation-delay:15s;-webkit-animation-delay:15s;background:url(../img/intro-bg-1.jpg)no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.pic-7{animation-delay:18s;-o-animation-delay:18s;-moz--animation-delay:18s;-webkit-animation-delay:18s;background:url(../img/intro-bg.jpg)no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.pic-8{animation-delay:21s;-o-animation-delay:21s;-moz--animation-delay:21s;-webkit-animation-delay:21s;background:url(../img/intro-bg-1.jpg)no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}


@keyframes slideShow{0%{opacity:0;transform:scale(1);-ms-transform:scale(1)}
5%{opacity:1}
25%{opacity:1}
30%{opacity:0;transform:scale(1.1);-ms-transform:scale(1.3)}
100%{opacity:0;transform:scale(1);-ms-transformm:scale(1)}
}

@-o-keyframes slideShow{0%{opacity:0;-o-transform:scale(1)}
5%{opacity:1}
25%{opacity:1}
30%{opacity:0;-o-transform:scale(1.3)}
100%{opacity:0;-o-transformm:scale(1)}
}

@-moz-keyframes slideShow{0%{opacity:0;-moz-transform:scale(1)}
5%{opacity:1}
25%{opacity:1}
30%{opacity:0;-moz-transform:scale(1.3)}
100%{opacity:0;-moz-transformm:scale(1)}
}

@-webkit-keyframes slideShow{0%{opacity:0;-webkit-transform:scale(1)}
5%{opacity:1}
25%{opacity:1}
30%{opacity:0;-webkit-transform:scale(1.3)}
100%{opacity:0;-webkit-transformm:scale(1)}
}



::placeholder {
    color: #a9a9a8 !important;
}

:-ms-input-placeholder {
    color: #a9a9a8 !important;
}

::-ms-input-placeholder {
    color: #a9a9a8 !important;
}


.form-space-one{ margin-top:50px;}
.form-space-two{ padding-top:70px !important;}




.text-box-style-two{background:none !important; border:none!important; border-bottom:#ff5151 1px solid!important; border-radius:0!important;padding:10px!important; width:100%!important; font-size:20px; height:50px; color:#a9a9a8; box-shadow:none !important;}

.form-group .textarea-one{background:none !important;border: none!important; border-bottom:#ff5151 1px solid!important; border-radius:0!important;padding:10px!important; width:100%!important; font-size:20px; height:100px; box-shadow:none !important; color:#a9a9a8;}

.form-group input[type="date"]{color: #a9a9a8 !important; background:none !important;  border-bottom:#ff5151 1px solid!important; border-radius:0}

.button-area{ float:left; width:100%; margin:0 auto; text-align:center;}
.submit-button{color:#fff; background-color:#7c1b18; border:0; padding:14px 20px; margin:15px auto;font-size:25px; font-weight:500;letter-spacing:.5px; border-radius:0; transition:all .5s; float:none; text-align:center;}
.submit-button:hover{color:#7c1b18; background-color:#fff;}



.new-banner-area{position:relative;text-align:center;color:white;clear:both;width:100%}
.banner-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.banner-header h1{font-family:'Philosopher',sans-serif;font-weight:700;font-size:90px;margin:0;padding:0}
.banner-header h1 span{color:#ff5151}
.banner-header h2{font-family:'Lato',sans-serif;font-weight:300;font-size:40px;margin:20px 0;padding:0}



/*Rooms and Suits*/
#rooms {background-color:#f8f9fa; float:left; width:100%; margin:0 auto; padding:50px 0; text-align:center}
#rooms h2 {font-family: 'Tangerine', cursive; color:#684802; font-size:40px; text-transform:none;}
#rooms h3 {font-family: 'Montserrat', sans-serif; font-weight:500; color:#ac7401; font-style:italic;font-size: 20px; padding:5px 0px;}
#rooms p {font-family: 'Montserrat', sans-serif; font-weight:300; color:#5a5a5a; font-size: 20px; padding:10px 0 5px 0; line-height:30px;}

#rooms-display-area{ float:left; width:100%; margin:0 auto; text-align:center; background:#fff;}
#rooms-display-area img{ width:100%;}
#rooms-display-area h2{ float:left; width:100%; text-align:center; font-family: 'Playfair Display', serif; font-weight:400; font-size:20px; color:#a2700b; padding:25px;}


/* Services Section */
#services {float:left; width:100%; margin:0 auto; background:#ffffff; padding:50px 0px;}
#services h2 {font-family: 'Tangerine', cursive; color:#684802; font-size:40px; text-transform:none;}
#services h3 {font-family: 'Montserrat', sans-serif; font-weight:500; color:#ac7401; font-style:italic;font-size: 20px; padding:5px 0px;}
#services p {font-family: 'Montserrat', sans-serif; font-weight:300; color:#684802; font-size: 20px; padding:10px 0 5px 0; line-height:30px; text-align:left;}
.services-left-area{float:left; width:100%; margin:15px auto; text-align:center; background:#f8f8f8; padding:15px 10px}
#services .services-left-area p{font-family: 'Montserrat', sans-serif; font-weight:400; color:#ac7401; font-size: 18px; padding:5px 0px; text-align:center;}
.services-right-area{float:left; width:100%; margin:30px auto; text-align:left; padding:0 20px;}


.mb-20{ margin-bottom:20px;}
.mt-30{ margin-top:30px;}