@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
a,
input,
textarea,
button,
select {
	outline: none;
}
a:hover,
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus {
	outline: none !important;text-decoration: none;
}
body { 
    font-family: 'Roboto', sans-serif;font-weight: 400;background: #fff;overflow-x: hidden;margin:0 auto;
}
a, a:hover, a:active, a:focus {
    cursor: pointer;text-decoration: none;outline: none;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-ms-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;
}
.transition_all-default {
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
}
:focus {outline: 0;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .bootstrap-select .dropdown-toggle:focus {
	outline: none !important;outline: 0px auto -webkit-focus-ring-color !important;outline-offset: 0px !important;
}
input,
textarea {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;line-height: 1.4em;margin: 0;font-weight: 700;}
p {line-height: 1.4em;font-size: 14px;margin: 0 0 10px 0;}

@media only screen and  (min-width:1200px){
	.container{max-width:1200px}
}
@media only screen and  (min-width:1300px){
	.container{max-width:1300px}
}
.ui-datepicker {width: auto;padding: 0 0;display: none;border: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;z-index: 6 !important;}
.ui-widget.ui-widget-content {border: none;	}
.ui-datepicker .ui-datepicker-header { height: 50px;line-height: 50px;color: #ffffff;background: #333333;margin-bottom: 0px;border: none;border-radius: 0;}
.ui-datepicker .ui-widget-header .ui-icon {background-image: none;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    top: 0px;width: 1.8em;height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 0px;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {right: 0px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {left: 0px;}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-button:hover, .ui-button:focus {
    border: none;background: none;font-weight: normal;color: #2b2b2b;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 25px;height: 25px;text-indent: 9999px;border: 2px solid #ffffff;border-radius: 100%;cursor: pointer;overflow: hidden;margin-top: 12px;
}
.ui-datepicker .ui-datepicker-prev {float: left;margin-left: 12px;}
.ui-datepicker .ui-datepicker-prev::after {transform: rotate(45deg);margin: 7px 0px 0px 8px;}
.ui-datepicker .ui-datepicker-next {float: right;margin-right: 12px;}
.ui-datepicker .ui-datepicker-next::after {transform: rotate(-135deg);margin: 7px 0px 0px 6px;}
.ui-datepicker .ui-datepicker-prev::after,
.ui-datepicker .ui-datepicker-next::after {
    content: '';position: absolute;display: block;width: 7px;height: 7px;border-left: 2px solid #ffffff;border-bottom: 2px solid #ffffff;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover::after,
.ui-datepicker .ui-datepicker-next:hover::after {
    border-color: #02592f;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 0;text-align: center;text-align: center;height: 45px;line-height: 45px;font-size: 18px;font-weight: 500;
}
.ui-datepicker .ui-datepicker-calendar {
    background-color: #ffffff;width: 100%;text-align: center;border: none;margin-bottom: 5px;
}
.ui-datepicker .ui-datepicker-calendar thead {background-color: #eee}
.ui-datepicker .ui-datepicker-calendar thead tr th, 
.ui-datepicker .ui-datepicker-calendar td {
    padding: 0px 0px;
}
.ui-datepicker .ui-datepicker-calendar table, 
.ui-datepicker .ui-datepicker-calendar td, 
.ui-datepicker .ui-datepicker-calendar tr {
	border: 1px #cccccc solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
}
.ui-datepicker .ui-datepicker-calendar thead tr th span {display: block;width: 40px;color: #02592f;margin-bottom: 0px;font-size: 13px;border-width: 0 ;font-weight: normal;text-align: center;line-height: 35px;}
.ui-datepicker .ui-state-default {display: block;text-decoration: none;color: #333;line-height: 35px;font-size: 14px;text-align: center;height: 35px;padding: 0 0;border: none;}
.ui-datepicker .ui-state-default:hover {color: #ffffff;background-color: rgba(0,0,0,0.4);}
.ui-datepicker .ui-state-highlight {color: #ffffff;background-color: #333333;}
.ui-datepicker .ui-state-active {color: #ffffff;background-color: #c38547;}
.ui-datepicker .ui-datepicker-unselectable .ui-state-default {color: #999;cursor: not-allowed;text-decoration: line-through;}
.ui-datepicker .ui-datepicker-unselectable .ui-state-default:hover {color: #999;background:none;}
.button {
    display: inline-block;width: auto;max-width: 100%;padding: 0px 10px;font-size: 14px;line-height: 1;font-weight: normal;border-radius: 0px;font-weight: normal;text-transform: uppercase;border: 1px solid;white-space: normal;cursor: pointer;
}
.button i {-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.button-lg {font-size: 18px;font-weight: bold;width: 200px;height: 55px;line-height: 55px;padding: 0px 10px;}
.button-md {font-size: 16px;font-weight: normal;width: 160px;height: 40px;line-height: 36px;padding: 0px 10px;text-transform: capitalize;}
.button-md i {font-size: 13px;}
.button-sm {font-size: 16px;font-weight: normal;width: 140px;height: 35px;line-height: 33px;padding: 0px 10px;}
.button-style1, .button-style1:focus, .button-style1:active {color: #197497;background-color: transparent;border-color: #197497;}
.button-style2, .button-style2:focus, .button-style2:active {color: #c38547;background-color: transparent;border-color: #c38547;}
.button-style1:hover, .button-style2:hover{color: #ffffff;background-color: #c38547;border-color: #c38547;}
.button-default, .button-default:focus, .button-default:active {color: #ffffff;background-color: #c38547;border-color: #c38547;}
.button-borderline {color: #ffffff;border-color: #ffffff;background-color: transparent;}
.button-borderline:hover {color: #c38547;border-color: transparent;background-color: #ffffff;}
.borderline-lg {font-size: 16px;font-weight: bold;width: 205px;height: 50px;line-height: 1em;padding: 15px 20px;}  
.button-effect01 {color: #ffffff;position: relative;z-index: 0;transition: background .4s, border-color .4s, color .4s;}
.button-effect01::before {
    content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #d89450;z-index: -1;opacity: 0;transform: scale3d(0.7, 1, 1);-webkit-transition: transform 0.42s, opacity 0.42s;transition: transform 0.42s, opacity 0.42s;transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button-effect01:hover {
    color: #ffffff;border-color: #d89450;-webkit-transition: background .4s .4s, border-color .4s 0s, color .2s 0s;transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
}
.button-effect01:hover::before {opacity: 1;transform: translate3d(0, 0, 0) scale3d(1, 1, 1);}
#header-area {
    position: relative;z-index: 6;width: 100%;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
} 
#header-area.header-fixed {position: fixed;top: -38px;right: 0; left: 0;}
.top_header {position: relative;width: 100%;min-height: 56px;padding: 0rem 1rem;}
.top_header .header-contact {color: #ffffff;margin-right: 20px;padding-right: 20px;display: inline-block;vertical-align: middle;border-right: 1px solid #ffffff;}
.top_header .header-contact a {color: #ffffff;font-size: 14px;text-decoration: none;}
.top_header .header-contact a:hover {color: #c38547;text-decoration: underline;}	
.top_header .header-contact i {
    background-color: transparent;border: 1px solid #ffffff;border-radius: 100%;color: #ffffff;display: inline-block;font-size: 14px;height: 30px;line-height: 26px;text-align: center;width: 30px;margin-right: 10px;  
}	
.top_header .header-contact .phone_number, 
.top_header .header-contact .email {display: inline-block;}
.top_header .header-contact .phone_number i, 
.top_header .header-contact .email i {margin-right: 5px;}	
.top_header .header-contact .phone_number {margin-right: 20px;}	
.top_header .social-box  {border-right: 1px solid #ffffff;padding-right: 20px;margin-right: 20px;}	
.top_header .social-box ul {margin: 0;padding: 0;}
.top_header .social-box ul li {display: inline-block;margin: 0px 5px 0px 5px;}
.top_header .social-box ul li a {
    background-color: transparent;border: 1px solid #ffffff;border-radius: 100%;color: #ffffff;display: inline-block;font-size: 16px;line-height: 30px;width: 30px;height: 30px;text-align: center;
}
.top_header .social-box  ul li a i.fa-instagram {font-size: 18px;line-height: 1;}
.top_header .social-box  ul li a:hover {background-color: #c38547;color: #ffffff;}
.dropdown-lang [class^="iclang-"], [class*=" iclang-"] {
	background-image:url('../images/ic-language.png'); background-repeat:no-repeat;display:inline-block;height:13px;padding-left: 20px;width:20px;
}
.dropdown-lang .dropdown-menu {min-width: 100%;padding: 0 0 0 5px;}
.dropdown-lang .dropdown-menu a {color: #000000;}
.dropdown-lang .btn {background-color: transparent;border-radius: 0;border: none;line-height: 1.4em;padding: 0 0;}		
.dropdown-lang .btn.focus, .dropdown-lang .btn:focus {outline: 0;box-shadow: none;}		
.dropdown-lang .dropdown-toggle::after {display: none;}	
.dropdown-lang .iclang-eng { background-position: 0px 0px;}
.dropdown-lang .iclang-th { background-position: -20px -0px;}	
.dropdown-lang .btn {color: #ffffff;font-size: 14px;text-transform: uppercase;}
.dropdown-lang  button span, .dropdown-lang  .dropdown-menu span {margin-right: 5px;vertical-align: top;color: #ffffff;}		
.dropdown-lang  button svg {font-size: 20px;font-weight: 400;height: 16px;}		
.dropdown-lang .btn-lang .iclang-eng {background-position: 0px 0px;margin: 0 5px;}
.dropdown-lang .dropdown-menu [class^="iclang-"] {margin: 0 5px;}
.custom-navbar.bg-dark {background-color: #101010 !important;}
.custom-navbar .navbar-brand {position: relative;top:0px;width: 100%;max-width: 110px;height: 100%;z-index: 9;padding: 0 0;margin: 0 0;}
.custom-navbar .navbar-nav .nav-item .nav-link {position: relative;color: #fff;font-size: 16px;line-height: 36px;padding: 0rem 1.5rem;text-transform: uppercase;}
.custom-navbar .navbar-nav > .reservation-navbar {margin-left: 5px;padding: 0px 0px 0px 0px;width: 170px;height: 36px;}	
.custom-navbar .navbar-nav > .reservation-navbar a {
	display:block;background-color: #c38547;color: #ffffff;font-size: 14px;line-height: 36px;text-align: center;text-transform: uppercase;padding: 0rem 0.5rem;
}
.custom-navbar .navbar-nav > .reservation-navbar.active,
.custom-navbar .navbar-nav > .reservation-navbar:hover{
   	background-color: transparent;
}	
.custom-navbar .navbar-nav > .reservation-navbar a:hover {background-color: #22170a;}	
.custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item {display: block;float: none;margin-right: 0px;margin-left: 0px;}
.custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item .nav-link {
    font-size: 14px;font-weight: normal;line-height: 40px;color: #222222;padding: 0px 0px 0px 15px;display: block;border-bottom: 1px solid #ebebeb ;background-color: transparent;
}
.custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item .nav-link:hover {color: #c38547;padding-left: 20px;}
.custom-navbar.bg-dark .navbar-toggler {border:none;border-radius: 2px;margin: 0px 10px 0px 0px;padding: 6px 10px;background-color: #c38547;}
#navbar-toggler-icon {width: 30px;height: 28px;position: relative;margin: 0px auto;cursor: pointer;}
#navbar-toggler-icon span {
    display: block;position: absolute;height: 4px;width: 100%;background: #ffffff;border-radius: 2px;opacity: 1;left: 0;
    -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;
}
#navbar-toggler-icon span:nth-child(1) {top: 4px;}
#navbar-toggler-icon span:nth-child(2),#navbar-toggler-icon span:nth-child(3) {top: 12px;}
#navbar-toggler-icon span:nth-child(4) {top: 20px;}
#navbar-toggler-icon.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#navbar-toggler-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#navbar-toggler-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#navbar-toggler-icon.open span:nth-child(4) {top: 12px;width: 0%;left: 50%;}
#navbar-toggler-icon.open {height: 28px;}
#navbar-toggler-icon.open span:nth-child(2), #navbar-toggler-icon.open span:nth-child(3) {top: 12px;}
.custom-navbar.navbar-fixed-top {
    position: fixed;right: 0;left: 0;top: 0;z-index: 16;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
}
.custom-navbar.navbar-fixed-top.bg-dark {background-color: #101010 !important;}
.custom-navbar.navbar-fixed-top .navbar-brand {top:0px;max-width: 55px;height: auto;padding: 0 0;margin: 0 0;}
.custom-navbar.navbar-fixed-top .navbar-nav {border-top: none;padding-top: 0px;}
.wraphidemain{display: none;}
.read-open {display: block;margin-top: 20px;margin-bottom: 20px;padding: 0px 20px;color: #000000;}
@media only screen and (min-width: 992px) {
    #header-area {position: absolute;} 
    .top_header {background-color: transparent;} 
    .custom-navbar.bg-dark {background-color: transparent !important;} 
    .custom-navbar .navbar-brand {top:-55px;margin-bottom: -55px;}
}
@media only screen and (min-width: 1200px) {	
	.custom-navbar .navbar-nav > .reservation-navbar {margin-left: 50px;}		
}	
@media only screen and (min-width: 1200px) {
    .custom-navbar .navbar-brand {top:-35px;margin-bottom: -55px;}
    .custom-navbar .navbar-nav  {border-top: 1px solid #ffffff;padding-top: 18px; }
    .custom-navbar .navbar-nav .nav-item .nav-link:hover, 
    .custom-navbar .navbar-nav .nav-item .nav-link:focus,
    .custom-navbar .navbar-nav .nav-item.active .nav-link {color: #e3a364;}
    .custom-navbar .navbar-nav > .nav-item > .nav-link::before {
        content: '';position: absolute;bottom: 5px;left: 1.5rem;right: 1.5rem;height: 2px;background-color: #e3a364;opacity: 0;
        -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
    }
    .custom-navbar .navbar-nav > .nav-item > .nav-link:hover::before,
    .custom-navbar .navbar-nav > .nav-item.active > .nav-link::before {
        bottom: 0px;opacity: 1;
    }
    .custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu {
        position: absolute;left: 0;min-width: 280px;text-align: left;opacity: 0;z-index: 15;box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.2);
        visibility: hidden;display: block;border: none;padding: 0px;margin: 0 0;border-radius: 0px;transform: translate3d(0, 30px, 0);
        -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
    }
    .custom-navbar .nav .nav-item.submenu:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
    .custom-navbar.navbar-fixed-top .nav .nav-item.submenu:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translate3d(0, 17px, 0);}
    .custom-navbar .navbar-nav .nav-item.submenu ul .nav-item {padding: 0 20px;}   
}
@media only screen and (max-width: 1199px) {
    .custom-navbar .navbar-collapse {margin-top: 15px;}
    .custom-navbar .navbar-nav, .custom-navbar.navbar-fixed-top .navbar-nav {
        float: none !important;margin: 0px 0px;border: 1px solid #ffffff;background-color: #fff;
    }
    .custom-navbar .navbar-nav .nav-item .nav-link {
        border-bottom: 1px solid #cccccc;color: #22170a;padding: 0rem 15px;line-height: 49px;
    }
    .custom-navbar .navbar-nav .nav-item .nav-link:hover, 
    .custom-navbar .navbar-nav .nav-item .nav-link:focus,
    .custom-navbar .navbar-nav .nav-item.active .nav-link,
    .custom-navbar .navbar-nav .nav-item .show > .nav-link:hover {
        background-color: #c38547;color: #ffffff;
    }
    .custom-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {background-color: #22170a;border: none;border-radius: 0;padding: 0 0;margin: 0 0;}
    .custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item .nav-link {color: #ffffff;padding: 0px 0px 0px 25px;border-bottom: 1px solid #555555;}
    .custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item .nav-link:hover {padding-left: 35px;}
    .custom-navbar .navbar-nav > .reservation-navbar {margin-left: 0px;width: 100%;height: 50px;}
    .custom-navbar .navbar-nav > .reservation-navbar a {font-size: 16px;line-height: 50px;}
}    
@media only screen and (max-width: 991px) {
    .custom-navbar.navbar {padding: 15px 15px;}
    .top_header {min-height: 40px;padding: 0rem 0rem;background-color: #22170a;}
}
@media only screen and (max-width: 767px) {
    .top_header .header-contact, .top_header .social-box {margin-right: 10px;padding-right: 10px;}
    .top_header .header-contact .phone_number {margin-right: 5px;}
}
.slider-main {position:relative;width:100%;height: 100%;display: flex;align-items: center;}
.swiper-container {width:100%;position:relative;}
.swiper-slide {
	text-align:center;font-size:18px;background:#ffffff;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-position:top center;background-size:cover;background-repeat:no-repeat;
}
.slider-main .swiper-button-prev {background-image:url("../images/icons/swiper-btn_prev.png");width:82px;height:82px;background-size:82px;background-position:0px 0px;}
.slider-main .swiper-button-next {background-image:url("../images/icons/swiper-btn_next.png");width:82px;height:82px;background-size:82px;background-position:0px 0px;}
.slider-main .swiper-button-next:hover, .slider-main .swiper-button-prev:hover {background-position:0px -82px;}	
.swiper-pagination-bullet {width: 52px;height: 4px;background-color: #ffffff;border: none;border-radius: 0;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}
.tagline-slide {text-align: center;position: absolute;right: 0;bottom: 130px;left: 0;z-index: 5;height: auto;margin: auto;}
.tagline-slide h3 {font-size: 36px;font-style: italic;text-transform: uppercase;color: #ffffff;text-shadow: 0px 4px 5px rgba(1, 2, 1, 0.75);}
.btn--scroll {text-align: center;cursor: pointer;position: absolute;right: 0;bottom: 230px;left: 0;z-index: 5;width:60px;height: auto;margin: auto;color: #fff;   }
.btn--scroll img {width:30px;height: auto;margin: 0 auto;display: block;transition: transform .6s;transform: translateY(-0.3em);will-change: transform;}
.btn--scroll p{font-size: 20px;text-transform: capitalize;color: #ffffff;}
.btn--scroll:focus, .btn--scroll:hover img{transform: translateY(.4em);}
@media only screen and (min-width: 992px) {
    .swiper-container::before {content: "";position: absolute;z-index: 2;top: 0;width: 100%;height: 100%;background-image:url("../images/slider-shadow_top.png");background-repeat:repeat-x;background-position: top center;}
    .swiper-container::after {content: "";position: absolute;z-index: 2;bottom: 0;width: 100%;height: 100%;background-image:url("../images/slider-shadow_bt.png");background-repeat:repeat-x;background-position: bottom center;}
}
@media only screen and (max-width:991px) {
    .tagline-slide {bottom: 10px;}
    .btn--scroll {bottom: 40px;}
}    
@media only screen and (max-width: 767px) {
	.swiper-pagination-bullet {width: 40px;height: 4px;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
	.slider-main .swiper-button-prev, 
	.slider-main .swiper-button-next {
		width:38px;height:38px;background-size:38px;
	}
    .slider-main .swiper-button-next:hover, .slider-main .swiper-button-prev:hover {background-position:0px -38px;}	
    .btn--scroll {width: 45px;}
    .btn--scroll img {width: 15px;transform: translateY(0em);}
    .btn--scroll p {display: none;}
    .tagline-slide {right: 10px;left: 10px;}
    .tagline-slide h3 {font-size: 18px;font-style: italic;text-transform: capitalize;font-weight: 400;}
}
.main-booking {background-color: #72532e;width: 100%;height: 100%;position: relative;z-index: 2;padding: 15px 0px;}
.main-booking-inner {background-color: rgba(16, 16, 16, 1);position: relative;padding: 15px 15px;}
.engine-info {padding: 0px 0px;width: 60%;float: left;}
.engine-info .engine-box {float: left;margin: 0 0px;padding-top: 0px;}
.engine-info .engine-chk {width: 30%;height:  104px;border-right: 1px solid #ffffff;}
.engine-box-inner {position :relative;box-sizing: border-box;text-align: center;float: left;width: 100%;height: 104px;}
.engine-info .check {display: block;color: #ffffff;font-size: 14px;line-height: 1;text-transform: uppercase;margin-bottom: 10px;}
#calendar-checkin, #calendar-checkout {display: inline-flex;text-align: left;color: #ffffff; }
.engine-info .engine-adu {width: 20%;text-align: center;height: 104px;border-right: 1px solid #ffffff;}
.engine-box .en-in, .engine-box .en-out {position: relative;}
.engine-box .en-in .date, 
.engine-box .en-out .date {
    text-align: right;float: left;display: block;font-size: 48px;font-weight: normal;line-height: 1;margin-top: 0px;margin-bottom: 0px;margin-right: 10px;color: #ffffff;
}
.engine-box .en-in .month, 
.engine-box .en-in .year, 
.engine-box .en-in .day, 
.engine-box .en-out .month, 
.engine-box .en-out .year,
.engine-box .en-out .day {
    font-size: 12px;color: #ffffff;
}
.engine-box .en-in .day, 
.engine-box .en-out .day {
    text-transform: uppercase;color: #ffffff;
}
.engine-box .en-date {position: absolute;left: 0px;top: 25px;text-align: center;visibility: hidden;width: 100%;height: 45px;}
.engine-info .engine-adu .spin, .engine-info .engine-adu .spin-child {
    background: none !important;border: none !important;-webkit-box-shadow: none;box-shadow: none;color: #ffffff;display: block;font-size: 40px;
    font-weight: normal; height: auto;line-height: 1;margin: 0px 0px 0px 0px;padding: 0;text-align: center;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {right: 25px;width: 1.2em;color: #ffffff;}
.engine-booking {background-color: transparent;padding: 0px 5px 0px 5px;position: relative;width: 40%;float: left;height:  104px;}		
#sectionpromocode {height: 52px;margin-top: 0px;margin-bottom: 0px;width: 50%;float: left;text-align: right;}
#sectionpromocode  input {background: transparent;border: 2px solid #cccccc;height: 52px;width: 190px;color: #ffffff;text-align: center;}	
#sectionpromocode input::placeholder {opacity: 1;color: #ffffff;text-transform: uppercase;}
.en-btn-booknow {width: 50%;float: left;height: 52px;text-align: right;}
.en-btn-booknow .bntsubmit {
    font-size: 16px;font-weight: bold;background-color: #c38547;border-radius: 0;color: #fff;text-transform: uppercase;width: 220px;height: 52px;
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
}
.en-btn-booknow .bntsubmit:hover {
   background-color: #fff;border-radius: 0;color: #c38547;
}
@media only screen and (min-width:768px) {
    .engine-box .en-in::after, .engine-box .en-out::after {
        font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f078";position: absolute;right: -25px;top: 10px;background-color: transparent;
        -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
    }
}	
@media only screen and (min-width:992px) {
    .main-booking {margin-top: -140px;background-color: transparent;padding: 0px 0px;}
    .main-booking-inner {background-color: rgba(16, 16, 16, 0.5);padding: 18px 40px 18px 0px;}
    .engine-info .engine-chk, .engine-info .engine-adu {padding: 15px 0;}
}	
@media only screen and (min-width:992px) and (max-width:1199px) {
    .engine-info {width: 70%;}
    .engine-booking {width: 30%;}	
    #sectionpromocode, .en-btn-booknow {width: 100%;}
    #sectionpromocode  input, .en-btn-booknow .bntsubmit {width: 85%;height: 45px;}	
    .bootstrap-touchspin .input-group-btn-vertical > .btn {right: 15px;}
    .engine-box .en-in::after, .engine-box .en-out::after {right: -20px;}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
    #sectionpromocode {width: 48%;}
    .en-btn-booknow {width: 52%;}
}
@media only screen and (max-width:991px) {	
    .engine-box-inner {height: 85px;padding-top: 10px;}
    .engine-info .check {margin-bottom: 5px;}
    .engine-info {width: 100%;padding: 0px 0px;margin-bottom: 10px;background-color: #101010;}
    .engine-info .engine-chk {width: 50%;height: 85px;margin-bottom: 10px;border: 1px solid #fff;}
    .engine-info .engine-adu {width: 50%;height: 85px;padding-top: 10px;border: 1px solid #fff;}
    .engine-booking {width: 100%;height: 100%;padding: 0 0;}
    #sectionpromocode {width: 50%;}
    .en-btn-booknow {width: 50%;}
    #sectionpromocode input,
    .en-btn-booknow .bntsubmit {width: 100%;}
}
@media only screen and (max-width:576px) {
    .engine-box .en-in .date, .engine-box .en-out .date {font-size: 36px;line-height: 1.3;}
    .engine-box .en-in .day, .engine-box .en-out .day {text-transform: capitalize;}
    #sectionpromocode input,
    .en-btn-booknow .bntsubmit {width: 100%;}
    #sectionpromocode {width: 100%;height: 40px;margin-bottom: 10px;}
    #sectionpromocode input {height: 40px;}
    .en-btn-booknow {width: 100%;}
}

.welcome-area {background: url("../images/welcome-bg.jpg");background-size: cover;background-position: center center;background-attachment: fixed;padding: 75px 0px;}
.welcome-area .welcome-text {padding: 15px 15px;position: relative;z-index: 2;}
.welcome-area .welcome-text h1 {position: relative;color: #ffffff;font-size: 32px;font-weight: bold;text-transform: uppercase;text-align: left;line-height: 1.2em;margin-bottom: 50px;}
.welcome-area h1::after {
    content: '';height: 2px;width: 220px;background-color: #ffffff;position: absolute;bottom: -25px;left: 0;
}
.welcome-area .welcome-text  h1 span {font-size: 20px;display: block;}   
.welcome-area .welcome-text p {color: #ffffff;font-size: 16px;line-height: 1.4em;margin-bottom: 30px;}    
.welcome-area .col-text, 
.welcome-area .col-images {
    position: relative;width: 100%;padding-right: 15px;padding-left: 15px;height: 100%;
}
.welcome-area .btn-media {position: relative;z-index: 4;background-color: #c38547;width: 48px;height: 48px; line-height: 44px;display: inline-block;}
.welcome-area .btn-media.current{background-color: #707070;pointer-events: none; cursor: default; }
.welcome-media {display: none;}
.welcome-media.current {display: block;}
@media only screen and (min-width:992px) {	
    .welcome-area .col-text, .welcome-area .col-images {padding-right: 0px;padding-left: 0px;}
    .welcome-area h1 {margin-bottom: 50px;}

    .welcome-area .col-text {-ms-flex: 0 0 54%;flex: 0 0 54%;max-width: 54%;}
    .welcome-area .welcome-text {padding: 0px 30px 0px 0px;margin-bottom: 0px;}
    .welcome-area .col-images {-ms-flex: 0 0 46%;flex: 0 0 46%;max-width: 46%;}  
    .welcome-area .col-images {position: relative;z-index: 2;}
    .welcome-area .col-images::after  {
        content: "";position: absolute;top: 15px;bottom: 0;right: 15px;border: 2px solid  #b7b7b7;height: 100%;width: 100%;z-index: 3;
        -moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
    }
    .welcome-area .btn-media {position: absolute;bottom: 0;}
    .welcome-area .btn-media.ic-gallery {left: 0px;}
    .welcome-area .btn-media.ic-vdo {left: 50px;}
}
@media only screen and (min-width:1200px) {
    .welcome-area .welcome-text {padding: 0px 60px 0px 0px;}
    .welcome-area .col-images::after  {top: 35px;right: 40px;} 
}
@media only screen and (max-width:767px) {	
    .welcome-area {padding: 20px 0px;}
    .welcome-area .welcome-text h1 {font-size: 26px;margin-bottom: 30px;}
    .welcome-area h1::after {bottom: -15px;}
    .welcome-area .welcome-text {padding: 0px 0px;margin-bottom: 15px;}
    .welcome-text .button {margin: 15px 0 0 0;}
}
@media only screen and (max-width:576px) {	
    .welcome-area .welcome-text h1 {font-size: 24px;}
    .welcome-area .welcome-text  h1 span {font-size: 16px;}   
}
.promotion-area {background: url("../images/promotion-bg.jpg");background-size: cover;background-position: center center;padding: 75px 0px;}
.promotion-area h2 {display:inline-block;position: relative;color: #ffffff;font-size: 32px;font-weight: bold;text-transform: uppercase;line-height: 1em;margin-bottom: 40px;}
.promotion-area h2::after {
    content: '';height: 2px;width: 220px;background-color: #ffffff;position: absolute;bottom: -20px;left: 0;
}
.promotion-area h2 span {font-size: 24px;display: block;}  
.card-promotion  {display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;}
.card-promotion .card-images {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.card-promotion .card-content {background-color: rgba(255, 255, 255, 0.8);padding: 20px 20px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.card-promotion .card-content h3 {position: relative;color: #197497;font-size: 20px;font-weight: bold;text-transform: uppercase;text-align: left;line-height: 1em;margin-bottom: 30px;}
.card-promotion .card-content h3::after {content: '';height: 1px;width: 70px;background-color: #333333;position: absolute;bottom: -15px;left: 0;}
.card-promotion .card-content p {color: #333333;font-size: 14px;line-height: 1.6em;text-transform: uppercase;}
.card-promotion .card-content .button {margin-top: 5px;}
#promotion-carousel .owl-nav > button {
    margin-top: 0px;color: #333333;background-color: #ffffff;width: 52px;height: 52px;border-radius: 0;
}
#promotion-carousel .owl-nav i {font-size: 16px;}
#promotion-carousel .owl-nav > button:hover {background-color: #c38547;color: #ffffff;}
@media only screen and (min-width: 1200px) {
    .card-promotion  {-webkit-flex-direction: row;flex-direction: row;}
    .card-promotion .card-images {-ms-flex: 0 0 44%;flex: 0 0 44%;max-width: 44%;}
    .card-promotion .card-content {-ms-flex: 0 0 56%;flex: 0 0 56%;max-width: 56%;}
}
@media only screen and (max-width: 767px) {
    .promotion-area {padding: 30px 0px;}
    .promotion-area h2 {font-size: 26px;}
    .promotion-area h2 span {font-size: 20px;}  
}
.villa-area {background: url("../images/accom-bg.jpg");background-size: cover;background-position: center center;padding: 75px 0px;background-attachment: fixed;}
.customer-area{background: url("../images/cus-bg.jpg");background-size: cover;background-position: center center;padding: 75px 0px;background-attachment: fixed;}

.headline h2 {position: relative;display: inline-block;color: #ffffff;font-size: 32px;font-weight: bold;text-transform: uppercase;text-align: center;line-height: 1em;margin-bottom: 40px;}
.headline h2::after {
    content: '';height: 2px;width: 100%;background-color: #ffffff;position: absolute;bottom: -20px;left: 0;
}
.headline p {color: #ffffff;font-size: 18px;text-align: center;line-height: 1.4em;margin-bottom: 20px;}


#villa-carousel .owl-nav {margin-top: 0px;width: 100%;}
#villa-carousel .owl-nav > button {
    margin-top: 10px;position: relative;color: #ffffff;
    background-color: transparent;border: 2px solid #ffffff;width: 60px;height: 60px;border-radius: 50%;
}
#villa-carousel .owl-nav i {font-size: 20px;}
#villa-carousel .owl-nav .owl-prev {left: 0px;}
#villa-carousel .owl-nav .owl-prev i {padding-right: 0px;}
#villa-carousel .owl-nav .owl-next {right: 0px;}
#villa-carousel .owl-nav .owl-next i{padding-left: 0px;}
#villa-carousel .owl-nav > button:hover {background-color: #ffffff;color: #171717;}
.card-villa .card-content .card-heading {background-color: #333333;padding: 18px 0;}
.card-villa .card-content .card-body {background-color: #f7f7f7;padding: 25px 15px;}
.card-villa .card-content h3,  .card-villa .card-content .card-heading a {color: #ffffff;font-size: 24px;font-weight: normal;text-transform: uppercase;text-align: center;line-height: 1em;margin: 0px;}
.card-villa .card-content .card-body img.icons-villa {width: 20px;height: auto;display: inline-block;}
.card-content .card-body p {color: #171717;font-size: 16px;line-height: 1.6em;}
.card-content .card-body p strong {font-size: 20px;}
.card-content .card-body .button {margin-top: 15px;}

.card-villa:hover .card-content {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.card-villa:hover .card-content .card-heading {background-color: #c38547;}
.card-villa:hover .card-content .card-body .button-style2 {color: #ffffff;background-color: #c38547;border-color: #c38547;}
.card-villa:hover .card-content .card-body .button:hover i {
    -moz-transform: translateX(5px) translateY(0px);-webkit-transform: translateX(5px) translateY(0px);-o-transform: translateX(5px) translateY(0px);-ms-transform: translateX(5px) translateY(0px);transform: translateX(5px) translateY(0px);
}
@media only screen and (min-width: 992px) {
    .headline  {max-width: 760px;margin: 0 auto;}
}
@media only screen and (min-width:1200px) { 
    #villa-carousel .owl-nav > button {position: absolute;top: 50%;transform: translate(0, -50%);}
    #villa-carousel .owl-nav .owl-prev {left: -80px;}
    #villa-carousel .owl-nav .owl-next {right: -80px;}
}
@media only screen and (max-width:767px) {  
    .villa-area {padding: 25px 0px;}
    #villa-carousel .owl-nav > button {width: 40px;height: 40px;}
    #villa-carousel .owl-nav i {font-size: 20px;}
    .headline h2 {font-size: 26px;}
    .headline p {font-size: 16px;}
    .card-villa .card-content h3 {font-size: 20px;}
    .card-content .card-body p {font-size: 14px;}
    .card-content .card-body p strong {font-size: 16px;}
} 
.tagline-room {text-align: center;position: absolute;right: 0;bottom: 180px;left: 0;z-index: 5;height: auto;margin: auto;}
.tagline-room h1 {font-size: 44px;font-weight: normal;font-style: italic;text-transform: uppercase;color: #ffffff;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6);}
.room-detial-area {
    background-color: #ffffff;padding: 15px 15px;-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}
#room-carousel .owl-prev, #room-carousel .owl-next {
    border-radius: 0;margin: 0;height: 65px;width: 65px;background: #fff;text-align: center;line-height: 62px;font-size: 28px;color: #7e7e7e;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;cursor: pointer;
}
#room-carousel .owl-prev {left: 0px;}
#room-carousel .owl-next {right:  0px;}
#room-carousel .owl-prev:hover, #room-carousel .owl-next:hover {
    background: #c38547;color: #fff;
}
.room-detial-area .room-info {margin-top: 15px;padding: 10px 0;width: 100%;border: 1px solid #e2e2e2;}
.room-detial-area .room-info .item {display: block;position: relative;text-align: center;width: 20%;float: left;font-size: 16px;}
.room-detial-area .room-info .item:after {content: '';position: absolute;right: 0;top: 0;bottom: 0;height: 100%;border-right: 1px dashed #c4c4c4;}
.room-detial-area .room-info .item:last-child:after{display:none}
.room-detial-area .room-info .item  strong {display: block;}

.room-detial-area .button {line-height: 55px;margin-bottom: 20px;}
.room-detial-area .button:hover i {
    -moz-transform: translateX(5px) translateY(0px);-webkit-transform: translateX(5px) translateY(0px);-o-transform: translateX(5px) translateY(0px);-ms-transform: translateX(5px) translateY(0px);transform: translateX(5px) translateY(0px);
}
.list-amenities {border-bottom: 1px dashed #ffffff;padding: 0px 0px 15px 0px;margin: 20px 0px;}
.list-amenities:last-child {border-bottom: none;}
.list-amenities h4 {font-size: 20px;font-weight: normal;text-transform: uppercase;color: #333333;margin-bottom: 10px;}
.list-amenities ul {padding: 0;margin: 0;list-style: none;}
.list-amenities ul li {
    display: inline-block;padding: 5px 15px;border: 1px dashed #c4c4c4;font-size: 14px;margin: 5px 10px 5px 0px;border-radius: 2px;
}

.other-rooms {margin-top: 80px;}
.other-rooms h2 {position: relative;color: #ffffff;font-size: 32px;font-weight: bold;text-align: left;line-height: 1em;margin-bottom: 30px;}
.other-rooms h2::after {content: '';height: 2px;width: 140px;background-color: #ffffff;position: absolute;bottom: -15px;left: 0;}
@media only screen and (max-width: 1199px) {
    .room-detial-area .room-info .item {width: 50%;margin: 5px 0px;}
    .room-detial-area .room-info .item:nth-of-type(even):after {display:none}   
}
@media only screen and (max-width: 767px) {
    .room-detial-area .room-info {padding: 15px 15px;width: 100%;}
    .room-detial-area .room-info .item {
        width: 100%;border-bottom: 1px dashed #c4c4c4;margin: 0px 0px 10px 0px;padding: 0px 0px 5px 0px;
    }
    .room-detial-area .room-info .item:last-child {border-bottom: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
    .room-detial-area .room-info .item::after {display:none;}   
    #room-carousel .owl-prev, #room-carousel  .owl-next {height: 40px;width: 40px;line-height: 38px;font-size: 20px;}
    .other-rooms {margin-top: 40px;}
    .other-rooms h2 {font-size: 24px;}
    .other-rooms h2::after {width: 100px;}
}
.facilities-area h1 {position: relative;display: inline-block;color: #ffffff;font-size: 32px;font-weight: bold;text-transform: uppercase;text-align: center;line-height: 1em;margin-bottom: 60px;}
.facilities-area h1::after {
    content: '';height: 2px;width: 100%;background-color: #ffffff;position: absolute;bottom: -20px;left: 0;
}
.box-facilities {background-color: #ffffff;padding: 20px;width: 100%;min-height: 180px;margin: 0 0 30px 0;}
.box-facilities img {width: 60px;}
.box-facilities h3 {color: #333333;font-size: 24px;line-height: 1em;font-weight: normal;text-transform: uppercase;text-align:center;margin: 15px 0px 0px 0px;padding: 0px;}
.box-facilities:hover {box-shadow: 0 .4rem 1rem rgba(0,0,0,.4);}
.box-facilities:hover h3{color: #c38547;}
@media only screen and (max-width: 767px) {
    .facilities-area h1 {font-size: 26px;margin-bottom: 30px;}
    .facilities-area h1::after {bottom: -15px;}
    .box-facilities {min-height: 160px;margin: 0 0 15px 0;}
    .box-facilities h3 {font-size: 20px;}
    .box-facilities:hover {-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4);box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4);}
}
.gallery-page {padding: 75px 0;}
.gallery-page h1 {position: relative;display: inline-block;color: #22170a;font-size: 32px;font-weight: bold;text-transform: uppercase;text-align: center;line-height: 1em;margin-bottom: 60px;}
.gallery-page h1::after {
    content: '';height: 2px;width: 100%;background-color: #22170a;position: absolute;bottom: -20px;left: 0;
}
.gallery_wrapper {max-width: 1300px;margin-left: auto;margin-right: auto;padding-top: 1.5em;padding-bottom: 1.5em;}
.gallery_wrapper .grid {float: none;width: 100%;padding-left: 0.313em;padding-right: 0.313em;padding-bottom: 0.5em;}
.thumbnail-gallery {position: relative;margin-left: auto;margin-right: auto;text-align: center;overflow: hidden;transition: all .3s ease;}
.thumbnail-gallery::before, .thumbnail-gallery::after {position: absolute;content: '';transition: inherit;pointer-events: none;}
.thumbnail-gallery::before {
    top: 0;right: 0;bottom: 0;left: 0;background: rgba(16,16,16,.6);z-index: 1;opacity: 0;visibility: hidden;
}
.thumbnail-gallery::after {
    display: inline-block;top: 10px;  right: 10px;bottom: 10px;left: 10px;border: 1px solid rgba(255,255,255,.9);z-index: 1;  -webkit-transform: scale(.85);transform: scale(.85);opacity: 0;visibility: hidden;
}
.thumbnail-gallery-figure {-webkit-transform: scale(1);  transform: scale(1);will-change: transform;width: 100%;}
.thumbnail-gallery-caption {
    display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0; z-index: 1;
}
.thumbnail-gallery-caption .icon {
    display: inline-block;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);opacity: 0;visibility: hidden;pointer-events: auto;
}
.icon::before {
    content:url('../images/icons/zoom-in.svg');position:relative; width: 40px;display: inline-block;text-transform: none;transition: all .3s;
}
.caption-title {
    font-size: 20px;font-weight: normal;color: #ffffff;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);opacity: 0;visibility: hidden;margin-top: 16px;transition: all .3s ease;
}
.caption-title a {color: #fff;display: block;}
.thumbnail-gallery:hover::before {opacity: 1;visibility: visible;}
.thumbnail-gallery:hover::after {opacity: 1;visibility: visible;-webkit-transform: none;transform: none;}
.thumbnail-gallery:hover .thumbnail-gallery-figure {-webkit-transform: scale(1.1);transform: scale(1.1);}
.thumbnail-gallery:hover:hover .thumbnail-gallery-caption .icon, .thumbnail-gallery:hover:hover .thumbnail-gallery-caption .caption-title {opacity: 1;visibility: visible;-webkit-transform: none;transform: none;}
.title-rooms_gallery {margin-top: 60px;margin-bottom: 20px;}
.title-rooms_gallery h2 {position: relative;color: #22170a;font-size: 24px;font-weight: bold;text-transform: uppercase;text-align: left;line-height: 1em;margin-bottom: 10px;}
.title-rooms_gallery h2::after {
    content: '';height: 2px;width: 200px;background-color: #22170a;position: absolute;bottom: -10px;left: 0;
}
.filters  {list-style: none;margin: 0px 0px;padding: 0px 0px;position: relative;text-align: left;}
.filters li {display: inline-block;position: relative;}
.filters  li a {
    display: block;color: #333333;font-size: 14px;line-height: 28px;color: #c38547;background-color: transparent;text-transform: capitalize;border: 1px solid #c38547;border-radius: 0px;outline: none;padding: 0px 10px;margin: 5px 2px;position: relative;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;
}
.filters  li a:hover {color: #333333;border: 1px solid #333333;}
.filters  li a.active {background-color: #c38547;color: #ffffff;border: 1px solid #ffffff;}
@media screen and (min-width: 576px) {
    .gallery_wrapper .grid {float: left;width: 50%;}
}
@media screen and (min-width: 1200px) {
    .gallery_wrapper .grid {float: left;width: 33.333%;}
}
@media screen and (max-width: 767px) {
    .gallery-page {padding: 25px 0;}
}
.promotion-inner  {background-color: rgba(255, 255, 255, 0.75);padding: 15px 0px;}
.promotion-inner .card-content  {padding: 15px 0px;}
.promotion-inner .card-content h3 {position: relative;color: #197497;font-size: 22px;font-weight: bold;text-transform: uppercase;text-align: left;line-height: 1em;margin-bottom: 15px;}
.promotion-inner .card-content h5 {font-size: 18px;font-weight: bold;text-transform: uppercase;margin-bottom: 15px;}
.promotion-inner .card-content p {color: #333333;font-size: 16px;line-height: 1.6em;text-transform: capitalize;}
.promotion-inner .card-content .button {margin-top: 10px;}
.promotion-inner:hover  {background-color: rgba(255, 255, 255, 1);-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);}
@media only screen and (max-width:767px) {	
    .promotion-inner .card-content h3 {font-size: 18px;}
    .promotion-inner .card-content p {font-size: 14px;}
}
.box-contact {background-color: #fff;padding: 15px 0px;margin-bottom: 15px;}
.contact-form .form-control {background-color: transparent;border: 1px solid #b3a258;height: 45px;color: #333;border-radius: 0px;} 
.contact-form label {color: #585858;display: inline-block;font-size: 13px;margin-bottom: 0.2rem;}
.contact-form textarea.form-control {height: auto;} 
.contact-form .btn_submit {
    background-color: #333333;border: none;color: #fff;cursor: pointer;display: inline-block;font-size: 20px;line-height: 50px;border-radius: 0rem;text-transform: uppercase;margin: 10px 15px 5px 5px;outline: none;padding: 0px 15px;position: relative;width: 100%;max-width:150px;height: 50px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;
}
.contact-form h4 {text-transform: capitalize;color: #c38547;font-size: 18px;font-weight: normal;margin: 15px 0 5px 0;}
.address-contact h3 {font-size: 24px;color: #c38547;margin-bottom: 15px;margin-top: 0px;text-transform: uppercase;}   
.address-contact p {font-size: 16px;margin-bottom: 15px;}    
.address-contact a {font-size: 16px;color: #c38547;}        
.address-contact a:hover {color: #333;text-decoration: underline;}
.contact-social ul {padding: 0px 0px;display: inline-block;}
.contact-social ul li {float: left;margin: 0px 8px 5px 8px;}
.contact-social ul li:first-child {margin: 0px 8px 5px 0px;}
.contact-social li a {
    display: inline-block;color: #333;font-size: 22px;line-height: 36px;width: 40px;height: 40px;background-color: transparent;border: 1px solid #333;border-radius: 100%;text-align: center;-webkit-transition: all 4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
}
.contact-social li a .fa-line {font-size: 26px;line-height: 36px;   }
.contact-social ul li a:hover {background-color: #c38547;color: #ffffff; border: 1px solid #ae9a62; }
.map-responsive {overflow: hidden;padding-bottom: 45%;position: relative;height: 0;}
.map-responsive iframe {left:0;top:0;height:100%;width:100%;position:absolute;}
.sc-social-link {margin: 0 0 20px 0;list-style: none;}
.sc-social-link li {margin-right: 25px;list-style: none;display: inline-block;}
.sc-social-link li:last-child {margin-right: 0;}
.sc-social-link li a {color: #333;font-size: 26px;}
.sc-social-link li a:hover {color: #197497;}
@media only screen and (max-width: 767px) {
    .box-contact {background-color: #fff;padding: 15px 0px;margin-bottom: 15px;}
    .address-contact h3 {font-size: 18px;}
    .contact-form h4 {font-size: 14px;}
    .contact-form .btn_submit {width: 100%;max-width:100%;}
    #rc-imageselect, .g-recaptcha {-webkit-transform: scale(0.85);-webkit-transform-origin: 0 0;transform-origin: 0 0;transform: scale(0.85);}
    .map-responsive {padding-bottom: 85%;}
    
}
.footer-area {background-color:#22170a;width: 100%;}
.footer-section {padding: 70px 0;}
.footer-menu {margin: 0px 0px 30px 0px;width: 100%;text-align: center}
.footer-menu .menu_horizontal {margin: 0px 0px;padding: 0;}
.menu_horizontal li {display: inline-block;float: none;padding: 0 15px;}
.footer-menu .menu_horizontal li a {
	font-size: 16px;font-weight: normal;text-decoration: none;line-height: 1.4;color: #fff;text-transform: uppercase;position: relative;
}
.footer-menu .menu_horizontal li a:hover {color: #c38547;text-decoration: underline;}
.footer-address p, 
.footer-address a {font-size: 16px;text-align: center;color: #ffffff;line-height: 1.8em;margin-bottom: 0;}
.footer-address a:hover {color: #c38547;text-decoration: underline;}
.footer-social ul {padding: 0px 0px 30px 0px;display: inline-block;margin: 0 0;}
.footer-social ul li {display: inline-block;margin: 0px 10px 0px 10px;}
.footer-social li a {
    display: inline-block;color: #ffffff;font-size: 30px;line-height: 50px;width: 56px;height: 56px;background-color: transparent;border: 2px solid #ffffff;border-radius: 100%;text-align: center;
}
.footer-social ul li a:hover {
    background-color: #ffffff;color: #22170a;  -webkit-transition: all 4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
}
.footer-social ul li a .ic-li, .footer-social ul li a:hover .ic-li {width: 34px;height: 34px;display: inline-block;vertical-align: -7px;  }
.copyright-section {
    border-top: 1px solid #d7d7d7;
    padding: 30px 0;
}
.copyright-area {padding: 0px 0px;text-align: center;}
.copyright-area p {color: #ffffff;font-size: 14px;margin: 0;}
.copyright-area .ic-etravel {
    display: inline-block;background-image: url("../images/icons/ic-traveltech.png");background-position: 0px 0px;background-repeat: no-repeat;width: 16px;height: 16px;margin-right: 2px;margin-left: 4px;vertical-align: -1px;
}
.copyright-area a {color: #fff;}
@media only screen and (max-width: 767px) {
    .footer-section {padding: 20px 0px;}
    .menu_horizontal li {margin-bottom: 5px;}
    .footer-address p, 
	.copyright-area p {font-size: 13px;}
}

@keyframes totop {0%   {bottom:0px;} 100%  {bottom:2px;}}		
#scroll-top  .return-to-top {
    position: fixed;right: 20px;bottom: 20px;display: none;width: 45px;line-height: 40px;height: 40px;text-align: center;font-size: 20px;cursor: pointer;color: #ffffff;
    background-color: rgba(195, 133, 71, 0.7);
    -webkit-transition: .5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;transition: .5s;z-index: 5;
}
#scroll-top  .return-to-top:hover {background-color: rgba(195, 133, 71, 1);}
#scroll-top  .return-to-top i{position:relative;bottom:0;position: relative;animation-name: totop ;animation-direction: alternate;animation-iteration-count: infinite;animation-duration:1s;}