/* GOOGLE FONTS */
@import url('https://github.com/reziamini/laravel-easypanel/blob/master/resources/assets/css/fonts/Gilmer-Medium.ttf');


/* BODY */
* {
	outline: none !important;
}

body {
	margin: 0;
	padding: 0;
	padding-left:0px;
	font-size: 15px;
	font-family: Gilmer;
	color: #1c1b21;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}



.overflow {
	overflow: hidden;
}


/* LINKS */
a {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

a:hover {
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}



/* TABLE */
.table {
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	margin: 0;
	position: relative;
	z-index: 2;
}

.table .inner {
	display: table-cell;
	vertical-align: middle;
}




/* CUSTOM SCROLLBAR */
body::-webkit-scrollbar {
	width: 5px;
}

body::-webkit-scrollbar-track {
	background: #fff;
}

body::-webkit-scrollbar-thumb {
	background: #999;
	outline: 1px solid slategrey;
}



/* CUSTOMIZED ODOMETER */
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
	padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
	left: 0;
}



/* PAGINATION */
.pagination {
	width: 100%;
	float: left;
	margin-top: 70px;
	margin-bottom: 0;
	text-align: center;
}

.pagination li {
	display: inline-block;
	margin: 0 5px;
}

.pagination li a {
	height: 40px;
	float: left;
	line-height: 40px;
	padding: 0 20px;
	font-size: 13px;
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	border-radius: 0 !important;
}

.pagination li a i {
	display: inline-block;
	font-size: 15px;
}

.pagination li a:hover {
	color: #9a7333;
	background: #fff;
}

.pagination li.active span {
	background: #4575bd;
	color: #fff;
	border: 1px solid #4575bd;
}

.pagination li.active:hover span {
	background: #1dcac7;
	border: 1px solid #1dcac7;
}



/* CUSTOMIZED FANCYBOX */
.fancybox-overlay {
	background: none;
	background-color: rgba(0, 0, 0, 0.8);
}

.fancybox-opened .fancybox-skin {
	box-shadow: none;
	border-radius: 0;
	background: none;
}

.fancybox-skin {
	box-shadow: none;
	border-radius: 0;
	background: none;
	padding: 0 !important;
	padding-top: 40px !important;
}

.fancybox-inner {
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}

.fancybox-close {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	right: -40px;
	top: 10px;
	margin-left: -20px;
	text-align: center;
	transform: rotate(45deg);
}

.fancybox-close:after {
	content: "\f100";
	font-family: Flaticon;
	font-size: 30px;
	color: #fff;
}

.fancybox-close:hover {
	text-decoration: none;
}




/* PRELOADER */
.preloader {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #2b2c2f;
	z-index: 9999;
}

.preloader {
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.5s ease;
	-ms-transform: all 0.5s ease;
	transition: all 0.7s ease;
	transition-delay: 0.4s;
}

.preloader * {
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.5s ease;
	-ms-transform: all 0.7s ease;
	transition: all 0.7s ease;
	transition-delay: 0.2s;
}

.preloader .preloader-img {
	height: 60px;
}

.preloader .preloader-text {
	color: #fff;
	font-weight: 700;
	font-size: 12px;
}

.page-loaded .preloader {
	transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}

.page-loaded .preloader .preloader-img {
	display: inline-block;
	transform: translateY(50px);
	-o-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
}

.page-loaded .preloader .preloader-text {
	margin-bottom: -30px;
	opacity: 0;
}

.page-loaded .header {
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
}

.page-loaded .navbar-default {
	transform: translateY(0);
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
}




/* NAVIGATION */
.navigation {
	width: 400px;
	height: 100%;
	position: fixed;
	left: 80px;
	top: 0;
	z-index: 99;
	background: #667366;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	transform: translateX(-100%);
}

.navigation:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bg-wave.svg) left no-repeat;
	background-attachment: fixed;
	opacity: 0.05;
}

.navigation {
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.navigation.open {
	transform: translateX(0);
	visibility: visible;
}

.navigation .top {
	width: 100%;
	height: 70px;
	float: left;
	line-height: 70px;
	color: #fff;
	margin-bottom: -70px;
	font-size: 18px;
}

.navigation .bottom {
	width: 100%;
	height: 40px;
	float: left;
	line-height: 40px;
	color: #fff;
	margin-top: -40px;
	font-size: 12px;
	opacity: 0.5;
}

.navigation ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

.navigation ul li {
	width: 100%;
	float: left;
	list-style: none;
	letter-spacing: 2px;
}

.navigation ul li a {
	color: #fff;
	display: inline-block;
	font-weight: 700;
	font-size: 17px;
	position: relative;
	text-transform: uppercase;
}

.navigation ul li a:before {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	left: -40px;
	top: 9px;
	background: #1E4E68;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.navigation ul li a:after {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	right: -40px;
	top: 9px;
	background: #1E4E68;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.navigation ul li a:hover {
	text-decoration: none;
	color: #1E4E68;
}

.navigation ul li a:hover:before {
	width: 30px;
}

.navigation ul li a:hover:after {
	width: 30px;
}




/* HAMBURGER MENU */
.hamburger-menu {
	width: 20px;
	height: 20px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	cursor: pointer;
	margin: 41px;
}

.hamburger-menu span {
	display: block;
	position: absolute;
	height: 2px;
	width: 28px;
	background: #fff;
	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;
}

.hamburger-menu span:nth-child(1) {
	top: 0px;
	width: 16px;
}

.hamburger-menu span:nth-child(2) {
	top: 5px;
}

.hamburger-menu span:nth-child(3) {
	top: 10px;
	width: 20px;
}

.hamburger-menu:hover span {
	width: 20px !important;
}

.hamburger-menu.open span {
	width: 20px !important;
}

.hamburger-menu.open span:nth-child(1) {
	top: 5px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.hamburger-menu.open span:nth-child(2) {
	opacity: 0;
	left: -20px;
}

.hamburger-menu.open span:nth-child(3) {
	top: 5px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}




/* SEARCH BOX */
.search-box {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 80px;
	bottom: -100%;
	z-index: 9;
	background: #1c1b21;
	color: #fff;
}

.search-box:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bg-wave.svg) left no-repeat;
	opacity: 0.05;
	z-index: 2;
}

.search-box {
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.search-box h2 {
	font-size: 90px;
	font-weight: 700;
	margin-bottom: 5%;
}

.search-box form {
	width: 100%;
	float: left;
	padding: 0 20%;
}

.search-box form input[type="text"] {
	width: 80%;
	height: 60px;
	float: left;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: transparent;
	padding: 0 20px;
	font-size: 17px;
}

.search-box form button[type="submit"] {
	width: 20%;
	height: 60px;
	float: left;
	background: #fee299;
	border: none;
	color: #1c1b21;
	font-family: 'Fjalla One', sans-serif;
}

.search-box form a {
	display: inline-block;
	font-weight: 700;
	color: #fee299;
	font-size: 13px;
	text-decoration: underline;
	margin-top: 20px;
}

.search-box form a:hover {
	color: #fff;
	text-decoration: none;
}

.search-box.open {
	bottom: 0;
}




/* MAIN SIDE */
.main-side {
	width: 80px;
	height: 100%;
position: absolute;
	left: 0;
	top: 0;
	/*background: #8e9f8f;*/
z-index: 99;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.main-side .social-media {
	width: 80px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: 0;
	padding: 0;
	margin-top: -60px;
	text-align: center;
}

.main-side .social-media li {
	width: 100%;
	float: left;
	list-style: none;
	margin-bottom: 15px;
}

.main-side .social-media li:last-child {
	margin-bottom: 0;
}

.main-side .social-media li a {
	width: 100%;
	float: left;
	color: #fff;
	font-size: 15px;
}

.main-side .social-media li a:hover {
	color: #1E4E68;
}

.main-side .search {
	width: 40px;
	height: 40px;
	position: fixed;
	left: 20px;
	bottom: 20px;
	font-size: 18px;
	font-weight: 700;
}

.main-side .search .search-open {
	cursor: pointer;
}

.main-side .search .search-close {
	float: left;
	cursor: pointer;
	transform: rotate(45deg);
	display: none;
}

.navbar-inverse {
	border-color: transparent;
	background: rgba(49, 49, 49, 0.8);
}




/* TOPBAR */
.topbar {
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
}

.fixed {
	position: absolute;
	top: 0px;
}

.topbar .logo {
	height: 90px;
	margin-top: 5px;
}

.topbar .search {
	float: right;
	color: #fff;
	line-height: 30px;
	font-size: 18px;
	font-weight: 700;
}

.topbar .reservation {
	float: right;
	height: 38px;
	line-height: 34px;
	margin: 24px 0px;
	text-decoration: none;
	background: #02506c;
	padding: 0px 20px;
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 500;
	padding-top: 2px;
}

.topbar .reservation:hover {
	text-decoration: none;
	background: #333;
}

.topbar .phone {
	float: right;
	color: #fff;
	line-height: 34px;
	margin-right: 40px;
	margin-top: 29px;
}

.topbar .phone img {
	height: 30px;
	float: left;
	margin-right: 10px;
}

.topbar .language {
	float: right;
	margin: 0;
	margin-left: 40px;
	padding: 0;
}

.topbar .language li {
	height: 30px;
	float: left;
	margin-left: 10px;
	list-style: none;
	line-height: 30px;
}

.topbar .language li.active a {
	opacity: 1;
}

.topbar .language li a {
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	opacity: 0.5;
}

.topbar .language li a:hover {
	text-decoration: none;
	opacity: 1;
}



/* HEADER */
.header {
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 9;
}

.header .rev_slider_wrapper {
	width: 100%;
	float: left;
	position: relative;
	padding-left: 80px !important;
}

.header .Creative-Title {
	color: #fff;
}

.header .Creative-SubTitle {
	font-family: 'Fjalla One', sans-serif;
	color: #fee299;
}

.header .tp-tab-number {
	font-family: 'Fjalla One', sans-serif;
	color: #fff;
}

.int-header {
	width: 100%;
	height: 72px;
	background: #1c1b21;
	position: relative;
}



/* BOOKING FORM */
.booking-form {
	position: absolute;
	left: 50%;
	bottom: 60px;
	margin-left: -350px;
}

.booking-form .input-group {
	float: left;
}

.booking-form .form-item {
	width: 265px;
	float: left;
	background: #fff;
	padding: 15px;
	margin-right: 10px;
	position: relative;
}

.booking-form .form-item label {
	width: 100%;
	float: left;
	font-weight: 400;
	color: #9a7333;
	font-size: 12px;
	letter-spacing: 1px;
}

.booking-form .form-item input[type="text"] {
	width: 185px;
	height: 50px;
	float: left;
	box-shadow: none;
	border: none;
	background: transparent;
	padding: 0;
	color: transparent;
}

.booking-form .form-item .date-text {
	width: 185px;
	height: 50px;
	float: right;
	line-height: 50px;
	position: static;
	font-family: 'Playfair Display', serif;
	color: #999;
	margin-top: -50px;
}

.booking-form .form-item .date-text span {
	font-size: 70px;
	float: left;
	line-height: 30px;
	margin-right: 6px;
	color: #1c1b21;
}

.booking-form .form-item i {
	height: 50px;
	float: left;
	margin-right: 10px;
	font-size: 37px;
	color: #9a7333;
}

.booking-form .person {
	width: 85px;
	height: 80px;
	float: left;
	padding: 15px;
	background: #fff;
	margin-right: 10px;
}

.booking-form .person label {
	width: 100%;
	float: left;
	font-weight: 300;
	color: #9a7333;
	font-size: 12px;
	letter-spacing: 1px;
}

.booking-form .person input[type="text"] {
	width: 100%;
	height: 50px;
	float: left;
	text-align: center;
	line-height: 30px;
	font-size: 70px;
	font-family: 'Playfair Display', serif;
	border: none;
	padding-bottom: 21px;
	background: transparent;
}

.booking-form button[type="submit"] {
	height: 80px;
	padding: 0 20px;
	font-size: 20px;
	background: #9a7333;
	border: none;
	color: #fff;
	font-weight: 700;
}




/* HIGHLIGHT ROOMS */
.highlight-rooms {
	width: 100%;
	float: left;
	padding: 100px 0;
	padding: 50px 0;
}

.highlight-rooms h2 {
	line-height: 1.3;
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	margin-bottom: 20px;
	margin-left: -5px;
	color: #fff;
}

.highlight-rooms h2::after {
	content: "";
	background: #000;
	padding: 30px;
	position: absolute;
	left: -288px;
	width: 600px;
	z-index: -9;
}

.highlight-rooms h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	margin-top: 25%;
}

.highlight-rooms h5:before {
	content: "";
	width: 100px;
	height: 1px;
	float: left;
	background: #999;
	margin-top: 7px;
	margin-right: 7px;
}

.highlight-rooms .button {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	padding: 0 40px;
	color: #fff;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-transform: uppercase;
	background-color: #1E4E68;
	font-weight: 600;
}

.highlight-rooms .button * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.highlight-rooms .button span {
	position: relative;
	display: inline-block;
}

.highlight-rooms .button span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
}

.highlight-rooms .button span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.highlight-rooms .button:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}


.buutonefect .button {
	height: 45px;
	margin-top: 15px;
	line-height: 45px;
	display: inline-block;
	padding: 0 30px;
	font-size: 15px;
	color: #fff;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-transform: uppercase;
	background-color: #02506c;
	font-weight: 400;
}

.buutonefect .button * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.buutonefect .button span {
	position: relative;
	display: inline-block;
}

.buutonefect .button span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
}

.buutonefect .button span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.buutonefect .button:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.highlight-rooms .room-box {
	width: 100%;
	float: left;
}

.highlight-rooms .room-box img {
	width: 100%;
	opacity: 0.5;
}

.highlight-rooms .room-box .room-details {
	width: 100%;
	height: 0;
	float: left;
	margin-top: -91px;
	overflow: hidden;
	position: absolute;
	padding: 0;
	color: #fff;
	bottom: 30px;
	right: 0px;
	left: 0px;
}

.highlight-rooms .room-box .room-details .room-name {
	color: #fff;
	font-size: 22px;
	margin-top: 0;
	text-transform: uppercase;
	font-weight: 600;
}

.highlight-rooms .room-box .room-details .room-desc {
	width: 100%;
	float: left;
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 10px;
	opacity: 0.4;
}

.highlight-rooms .room-box .room-details .room-price {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	margin: 18px 0px;
}

.highlight-rooms .room-box .room-details .room-price small {
	font-size: 17px;
}

.highlight-rooms .room-box .room-details .room-price span {
	width: 100%;
	float: left;
	font-size: 10px;
	margin-top: -10px;
}

.highlight-rooms .room-box .room-details .room-button {
	height: 42px;
	line-height: 42px;
	display: inline-block;
	padding: 0 30px;
	color: #fff;
	background: #1E4E68;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
}

.highlight-rooms .room-box .room-details .room-button * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.highlight-rooms .room-box .room-details .room-button span {
	position: relative;
	display: inline-block;
}

.highlight-rooms .room-box .room-details .room-button span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
}

.highlight-rooms .room-box .room-details .room-button span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.highlight-rooms .room-box .room-details .room-button:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	color: #fff;
}

.highlight-rooms .center {
	z-index: 2;
}

.highlight-rooms .center .room-box {
	width: 120%;
	margin-left: -10%;
	margin-top: -50px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}

.highlight-rooms .center .room-box img {
	opacity: 1;
}

.highlight-rooms .center .room-box .room-details {
	height: auto;
	margin-top: -240px;
	background: rgba(0, 0, 0, 0.8);
	padding: 20px 25px;
	margin-left: 1px;
}

.highlight-rooms .owl-item {
	padding: 30px 0;
}

.highlight-rooms .owl-dots {
	width: 100%;
	float: left;
	text-align: center;
}

.highlight-rooms .owl-dots .owl-dot {
	width: 16px;
	height: 3px;
	display: inline-block;
	background: #ccc;
	margin: 0 2px;
}

.highlight-rooms .owl-dots .owl-dot.active {
	width: 36px;
	background: #000;
}




/* INTRO */
.intro {
	width: 100%;
	float: left;
	padding: 60px 0;
	z-index: -99999;
	text-align: center;
	background: url(../img/homepagebg.jpg) left no-repeat #eaeceb;
	background-attachment: fixed;
	background-size: cover;
}

.intro h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
	padding-bottom: 50px;
}

.intro h5:after {
	content: "";
	width: 38px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: 0;
	/*background: url(../images/logo-symbol-dark.png) no-repeat;*/
	background-size: 38px auto;
	margin-left: -19px;
	opacity: 0.3;
}

.intro h2 {
	font-size: 50px;
	color: #000;
	font-weight: 600;
	margin-bottom: 20px;
}

.intro .lead {
	font-size: 16px;
	font-weight: 400;
	padding: 0 10%;
	color: #393939;
	line-height: 27px;
	margin-bottom: 10px;
}

.intro a {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	padding: 0 40px;
	background: #02506c;
	color: #fff;
	overflow: hidden;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}

.intro a * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.intro a span {
	position: relative;
	display: inline-block;
}

.intro a span:before {
	position: absolute;
	top: 100%;
	color: #fff;
	content: attr(data-hover);
}

.intro a span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.intro a:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}


.subbttn a {
	height: 47px;
	line-height: 48px;
	display: inline-block;
	padding:
		0 30px;
	background:
		#02506c;
	color: #fff;
	overflow:
		hidden;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}

.subbttn a * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.subbttn a span {
	position: relative;
	display: inline-block;
}

.subbttn a span:before {
	position: absolute;
	top: 100%;
	color: #fff;
	content: attr(data-hover);
}

.subbttn a span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.subbttn a:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}




/* smart INTRO */
.smart-intro {
	width: 100%;
	float: left;
	padding: 100px 0;
}

.smart-intro h2 {
	width: 50%;
	float: left;
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 50px;
	margin-left: -5px;
	padding-right: 10%;
}

.smart-intro h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	margin-top: 0;
}

.smart-intro h5:before {
	content: "";
	width: 100px;
	height: 1px;
	float: left;
	background: #999;
	margin-top: 7px;
	margin-right: 7px;
}

.smart-intro .lead {
	font-size: 20px;
	line-height: 30px;
	padding-right: 10%;
}

.smart-intro p {
	font-size: 16px;
	line-height: 28px;
	opacity: 0.6;
	font-weight: 300;
}




/* FULL IMAGE */
.smart-full-image {
	width: 100%;
	height: 500px;
	float: left;
	background: url(../img/overview/bg.jpg) no-repeat;
	background-size: cover;
	position: relative;
	color: #fff;
}

.smart-full-image2 {
	width: 100%;
	height: 500px;
	float: left;
	background: url(../images/hero2.jpg) no-repeat;
	background-size: cover;
	position: relative;
	color: #fff;
}

.smart-full-image3 {
	width: 100%;
	height: 500px;
	float: left;
	background: url(../images/hero3.jpg) no-repeat;
	background-size: cover;
	position: relative;
	color: #fff;
}




/* CORE VALUES */
.core-values {
	width: 100%;
	float: left;
	padding: 100px 0;
}

.core-values h2 {
	font-family: 'Playfair Display', serif;
	font-size: 60px;
	margin-bottom: 80px;
	margin-left: -5px;
}

.core-values h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	margin-top: 0;
}

.core-values h5:before {
	content: "";
	width: 100px;
	height: 1px;
	float: left;
	background: #999;
	margin-top: 7px;
	margin-right: 7px;
}

.core-values h4 {
	font-family: 'Fjalla One', sans-serif;
	color: #9a7333;
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.core-values p {
	line-height: 24px;
	opacity: 0.6;
}




/* BOARD MEMBERS */
.board-members {
	width: 100%;
	float: left;
	padding: 100px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.board-members h2 {
	font-family: 'Playfair Display', serif;
	font-size: 60px;
	margin-bottom: 80px;
	margin-left: -5px;
}

.board-members h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	margin-top: 0;
}

.board-members h5:before {
	content: "";
	width: 100px;
	height: 1px;
	float: left;
	background: #999;
	margin-top: 7px;
	margin-right: 7px;
}

.board-members .member-box {
	width: 100%;
	float: left;
	margin-top: 50px;
}

.board-members .member-box img {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.board-members .member-box figcaption {
	width: 100%;
	float: left;
}

.board-members .member-box figcaption h4 {
	font-family: 'Fjalla One', sans-serif;
	color: #9a7333;
	font-size: 20px;
	margin: 0;
}

.board-members .member-box figcaption small {
	line-height: 24px;
	opacity: 0.6;
	font-size: 10px;
}




/* FACILITIES */
.facilities {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: url(../img/hotel_amenities.jpg) no-repeat;
	background-size: cover;
	position: relative;
	color: #fff;
	text-align: center;
}

.facilities:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #2c3b75;
	opacity: 0.8;
}

.facilities .container {
	position: relative;
	z-index: 2;
}

.facilities h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
}

.facilities h2 {
	font-family: 'Playfair Display', serif;
	font-size: 50px;
	color: #fff;
	margin-bottom: 50px;
}

.facilities .lead {
	font-size: 20px;
	font-weight: 300;
	padding: 0 20%;
	color: #999;
	font-family: 'Playfair Display', serif;
	line-height: 33px;
	margin-bottom: 100px;
}

.facilities ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-left: 0px;
}

.facilities ul li {
	width: 31%;
	float: left;
	margin: 4px 0;
	font-size: 17px;
}




/* TRAILER VIDEO */
.trailer-video {
	width: 100%;
	float: left;
	margin-top: 140px;
	padding: 100px 0;
	position: relative;
	background: #1c1b21;
	text-align: center;
	color: #fff;
}

.trailer-video .video-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.1;
	overflow: hidden;
}

.trailer-video .video-bg video {
	width: 100%;
	float: left;
}

.trailer-video .video-image {
	width: 700px;
	max-width: 100%;
	display: inline-block;
	margin-top: -200px;
	margin-bottom: 40px;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.25);
	position: relative;
	background: #1c1b21;
	overflow: hidden;
}

.trailer-video .video-image * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.trailer-video .video-image img {
	width: 100%;
	float: left;
	opacity: 0.7;
	transform: scale(1.05);
}

.trailer-video .video-image a {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 74px;
	font-size: 40px;
	color: #fff;
	padding-left: 10px;
}

.trailer-video .video-image a:hover {
	text-decoration: none;
}

.trailer-video .video-image:hover img {
	opacity: 1;
	transform: scale(1);
}

.trailer-video .video-image:hover a {
	background: #fff;
	color: #1c1b21;
}

.trailer-video h2 {
	font-size: 40px;
	color: #fff;
	margin-bottom: 26px;
}

.trailer-video .odometer {
	font-size: 34px;
	font-family: 'Fjalla One', sans-serif;
}

.trailer-video .text {
	display: inline-block;
	margin-right: 15px;
}




/* TESTIMONIALS */
.testimonials {
	width: 100%;
	float: left;
	padding: 50px 0;
	z-index: -9;
}

.testimonials h2 {
	font-size: 44px;
	margin-bottom: 80px;
	margin-left: -5px;
}

.testimonials h5 {
	color: #282828;
	margin-top: 0;
	font-size: 18px;
	font-weight: 600;
}

.testimonials h5:before {
	content: "";
	width: 52px;
	height: 1px;
	float: left;
	background: #999;
	margin-top: 9px;
	margin-right: 7px
}

.testimonials .button {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0 40px;
	color: #999;
	font-family: 'Fjalla One', sans-serif;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.testimonials .button * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.testimonials .button span {
	position: relative;
	display: inline-block;
}

.testimonials .button span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
}

.testimonials .button span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.testimonials .button:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.testimonials .testimonial-box {
	width: 100%;
	float: left;
	text-align: center;
}

.testimonials .testimonial-box .testimonial {
	display: inline-block;
	border: none;
	padding: 0;
	font-size: 17px;
	position: relative;
	padding: 0 10%;
	padding-top: 20px;
}

.testimonials .testimonial-box .testimonial:after {
	content: "”";
	position: absolute;
	left: 50%;
	margin-left: -32px;
	top: -50px;
	opacity: 0.2;
	font-size: 150px;
}

.testimonials .testimonial-box .ta-logo {
	width: auto;
	height: 30px;
	display: inline-block;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity: 0.5;
	margin-bottom: 5px;
}

.testimonials .testimonial-box .rate {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.testimonials .testimonial-box .rate i {
	display: inline-block;
	font-size: 13px;
	margin: 0 1px;
}

.testimonials .testimonial-box .headshot {
	width: 50px;
	display: inline-block;
	margin-bottom: 10px;
	border-radius: 50%;
}

.testimonials .testimonial-box .name {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
}

.testimonials .testimonial-box .job-title {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
}

.testimonials .owl-item {
	padding: 0;
}

.testimonials .owl-dots {
	width: 100%;
	float: left;
	text-align: center;
}

.testimonials .owl-dots .owl-dot {
	width: 16px;
	height: 3px;
	display: inline-block;
	background: #ccc;
	margin: 0 2px;
}

.testimonials .owl-dots .owl-dot.active {
	width: 36px;
	background: #000;
}



/* GALLERY */
.gallery {
	width: 100%;
	float: left;
	padding: 30px 0;
	text-align: center;
}

.gallery h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
	padding-bottom: 50px;
}

.gallery h5:after {
	content: "";
	width: 38px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/logo-symbol-dark.png) no-repeat;
	background-size: 38px auto;
	margin-left: -19px;
	opacity: 0.3;
}

.gallery h2 {
	font-size: 40px;
	color: #000;
	font-weight: 600;
	margin-bottom: 20px;
}

.gallery .lead {
	font-size: 20px;
	font-weight: 300;
	padding: 0 20%;
	color: #999;
	font-family: 'Playfair Display', serif;
	line-height: 33px;
	margin-bottom: 100px;
}

.gallery * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.gallery .grid {
	width: 100%;
	float: left;
	background: #f9f9f9;
}

.gallery .grid-sizer {
	width: 20%;
}

.gallery .grid-item {
	width: 20%;
	float: left;
	padding: 10px;
}

.gallery .grid-item-double {
	width: 39%;
	float: left;
	padding: 10px;
}

.gallery .grid figure {
	width: 100%;
	float: left;
	position: relative;
}

.gallery .grid figure a {
	width: 100%;
	float: left;
	overflow: hidden;
}

.gallery .grid figure img {
	width: 100%;
	float: left;
	opacity: 20 !important;
	transform: scale(1.05);
}

.gallery .grid figure figcaption {
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	bottom: 20px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

.gallery .grid figure:hover img {
	opacity: 1;
	transform: scale(1);
}

.gallery .grid figure:hover figcaption {
	opacity: 0;
}




/* PROMOTIONS */
.promotions {
	width: 100%;
	float: left;
	padding: 30px 0;
	text-align: center;
}

.promotions h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
	padding-bottom: 50px;
}

.promotions h5:after {
	content: "";
	width: 38px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/logo-symbol-dark.png) no-repeat;
	background-size: 38px auto;
	margin-left: -19px;
	opacity: 0.3;
}

.promotions h2 {
	font-size: 40px;
	color: #000;
	margin-bottom: 24px;
}

.promotions .lead {
	font-size: 16px;
	font-weight: 400;
	padding: 0 20%;
	color: #000;
	line-height: 27px;
	margin-bottom: 20px;
}

.promotions .promo-box {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	box-shadow: 5px 10px 50px rgba(0, 0, 0, 0.1);
	background: #fff;
	overflow: hidden;
}

.promotions .promo-box * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.promotions .promo-box .image {
	width: 100%;
	float: left;
	overflow: hidden;
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
}

.promotions .promo-box .image img {
	width: 100%;
	transform: scale(1.05);
}

.promotions .promo-box .content {
	width: 100%;
	float: left;
	padding: 20px;
	text-align: left;
}

.promotions .promo-box .content small {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
}

.promotions .promo-box .content h4 {
	font-size: 24px;
	position: relative;
	color: #1e4e68 !important;
}

.promotions .promo-box .content h4:after {
	display: none;
	content: "";
	width: 26px;
	height: 17px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/logo-symbol-dark.png) no-repeat;
	background-size: 26px auto;
	margin-left: -13px;
	opacity: 0.3;
}

.promotions .promo-box .content p {
	line-height: 20px;
	color: #373737;
}

.promotions .promo-box .content span {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	text-transform: uppercase;
	margin: 8px 3px;
	background: #02506c;
	padding: 0 15px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.promotions .promo-box .content span:hover {
	background: #000;
}

.promotions .promo-box:hover h4 {
	color: #1E4E68;
}

.promotions .promo-box:hover img {
	transform: scale(1);
}

.mt-100 h2 {
	margin-top: 75px;
}

.mt-60 h2 {
	margin-top: 60px;
}




/* CAREER */
.career {
	width: 100%;
	float: left;
	padding: 100px 0;
	text-align: center;
}

.career h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
	padding-bottom: 50px;
}

.career h5:after {
	content: "";
	width: 38px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/logo-symbol-dark.png) no-repeat;
	background-size: 38px auto;
	margin-left: -19px;
	opacity: 0.3;
}

.career h2 {
	font-family: 'Playfair Display', serif;
	font-size: 90px;
	color: #9a7333;
}

.career .lead {
	font-size: 20px;
	font-weight: 300;
	padding: 0 20%;
	color: #999;
	font-family: 'Playfair Display', serif;
	line-height: 33px;
	margin-bottom: 100px;
}

.career .job-positions {
	width: 100%;
	float: left;
	margin: 0;
	margin-bottom: 100px;
	padding: 0;
	text-align: left;
}

.career .job-positions li {
	width: 50%;
	float: left;
	padding: 40px 20px;
	list-style: none;
	border-bottom: 1px solid #eee;
}

.career .job-positions li:last-child {
	border-bottom: none;
}

.career .job-positions li small {
	width: 150px;
	float: left;
	font-weight: 700;
	color: #999;
}

.career .job-positions li h4 {
	width: calc(100% - 150px);
	float: left;
	margin: 0;
	font-family: 'Playfair Display', serif;
	margin-bottom: 20px;
	font-size: 30px;
	margin-top: -8px;
}

.career .job-positions li a {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0 40px;
	color: #999;
	font-family: 'Fjalla One', sans-serif;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	background: #fff;
	overflow: hidden;
	margin-left: 150px;
}

.career .job-positions li a * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.career .job-positions li a span {
	position: relative;
	display: inline-block;
}

.career .job-positions li a span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
}

.career .job-positions li a span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.career .job-positions li a:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.career form {
	width: 100%;
	float: left;
	padding: 100px 25%;
}

.career form h3 {
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	color: #9a7333;
	margin-top: 0;
	margin-bottom: 30px;
}

.career form .form-group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.career form .form-group label {
	width: 100%;
	float: left;
	color: #999;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Fjalla One', sans-serif;
}

.career form .form-group input[type="text"] {
	width: 100%;
	height: 50px;
	float: left;
	padding: 0 15px;
	border: 1px solid #ccc;
}

.career form .form-group .file {
	width: 100%;
	height: 50px;
	float: left;
	padding: 0 15px;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
}

.career form .form-group .file i {
	float: left;
	font-size: 25px;
	margin-top: 5px;
	margin-right: 10px;
}

.career form .form-group .file input[type="file"] {
	width: 84px;
	height: 48px;
	float: right;
	color: #999;
	padding-top: 16px;
	opacity: 0;
	position: relative;
	z-index: 2;
}

.career form .form-group .file input[type="text"] {
	width: 60%;
	height: 40px;
	margin: 4px 0;
	padding: 0;
	border: none;
}

.career form .form-group .file .button {
	height: 34px;
	line-height: 34px;
	position: absolute;
	right: 15px;
	top: 7px;
	font-family: 'Fjalla One', sans-serif;
	color: #fff;
	background: #9a7333;
	font-size: 13px;
	padding: 0 15px;
	cursor: pointer;
}

.career form .form-group textarea {
	width: 100%;
	height: 150px;
	float: left;
	padding: 15px;
	border: 1px solid #ccc;
}

.career form .form-group button[type="submit"] {
	height: 50px;
	line-height: 54px;
	display: inline-block;
	padding: 0 40px;
	background: #9a7333;
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	overflow: hidden;
	border: none;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}

.career form .form-group button[type="submit"] * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.career form .form-group button[type="submit"] span {
	position: relative;
	display: inline-block;
}

.career form .form-group button[type="submit"] span:before {
	position: absolute;
	top: 100%;
	color: #fff;
	content: attr(data-hover);
}

.career form .form-group button[type="submit"] span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.career form .form-group button[type="submit"]:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}




/* smart ACTIVITIES */
.smart-activities {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: url(../images/bg-wave.svg) left no-repeat #eaeceb;
	background-attachment: fixed;
	text-align: center;
}

.smart-activities h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
	padding-bottom: 50px;
}

.smart-activities h5:after {
	content: "";
	width: 38px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/logo-symbol-dark.png) no-repeat;
	background-size: 38px auto;
	margin-left: -19px;
	opacity: 0.3;
}

.smart-activities h2 {
	font-family: 'Playfair Display', serif;
	font-size: 60px;
	color: #1e2e6c;
	margin-bottom: 80px;
}

.smart-activities * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.smart-activities .activity-box {
	width: 100%;
	float: left;
	margin-bottom: 50px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	background: #fff;
	overflow: hidden;
}

.smart-activities .activity-box .image {
	width: 100%;
	float: left;
	overflow: hidden;
}

.smart-activities .activity-box .image img {
	width: 100%;
	float: left;
	transform: scale(1.05);
}

.smart-activities .activity-box .content {
	width: 100%;
	float: left;
	padding: 20px;
}

.smart-activities .activity-box .content small {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
}

.smart-activities .activity-box .content h4 {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	position: relative;
}

.smart-activities .activity-box .content h4:after {
	content: "";
	width: 26px;
	height: 17px;
	position: absolute;
	left: 50%;
	bottom: 0;
	/*background: url(../images/logo-symbol-dark.png) no-repeat;*/
	background-size: 26px auto;
	margin-left: -13px;
	opacity: 0.3;
}

.smart-activities .activity-box .content p {
	opacity: 0.6;
	line-height: 22px;
}

.smart-activities .activity-box:hover img {
	transform: scale(1);
}

.smart-activities .activity-box:hover h4 {
	color: #9a7333;
}




/* BLOG */
.blog {
	width: 100%;
	float: left;
	padding: 100px 0;
	text-align: center;
}

.blog h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
	padding-bottom: 50px;
}

.blog h5:after {
	content: "";
	width: 38px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/logo-symbol-dark.png) no-repeat;
	background-size: 38px auto;
	margin-left: -19px;
	opacity: 0.3;
}

.blog h2 {
	font-family: 'Playfair Display', serif;
	font-size: 90px;
	color: #9a7333;
}

.blog .lead {
	font-size: 20px;
	font-weight: 300;
	padding: 0 20%;
	color: #999;
	font-family: 'Playfair Display', serif;
	line-height: 33px;
	margin-bottom: 100px;
}

.blog .blog-post {
	width: 100%;
	float: left;
	display: table;
}

.blog .blog-post.detail {
	display: block;
}

.blog .blog-post.detail .post-image {
	width: 100%;
	float: left;
	margin-bottom: 40px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
}

.blog .blog-post.detail .post-content {
	width: 100%;
	float: left;
	text-align: justify;
}

.blog .blog-post.detail .post-content span {
	margin-bottom: 30px;
}

.blog .blog-post.detail .post-content p {
	margin-bottom: 15px;
}

.blog .blog-post.detail .post-content blockquote {
	border-left: 4px solid rgba(0, 0, 0, 0.05);
	margin: 40px 0;
	font-family: 'Playfair Display', serif;
	font-size: 36px;
}

.blog .blog-post.detail .post-content .image-right {
	float: right;
	width: 430px;
	max-width: 100%;
	margin-left: 30px;
	margin-bottom: 30px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}

.blog .blog-post.detail .post-content .image-left {
	float: right;
	width: 430px;
	max-width: 100%;
	margin-right: 30px;
	margin-bottom: 30px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}

.blog .blog-post .post-image {
	width: 50%;
	display: table-cell;
}

.blog .blog-post .post-image img {
	width: 100%;
	float: left;
}

.blog .blog-post .post-content {
	width: 50%;
	display: table-cell;
	padding: 0 5%;
	vertical-align: middle;
}

.blog .blog-post .post-content small {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	margin-top: 0;
}

.blog .blog-post .post-content small:before {
	content: "";
	width: 100px;
	height: 1px;
	display: inline-block;
	background: #999;
	margin-right: 7px;
	transform: translateY(-4px);
}

.blog .blog-post .post-content h2 {
	width: 100%;
	float: left;
	font-family: 'Playfair Display', serif;
	font-size: 60px;
	margin-bottom: 20px;
}

.blog .blog-post .post-content h2 a {
	float: left;
	color: #1c1b21;
}

.blog .blog-post .post-content h2 a:hover {
	color: #9a7333;
	text-decoration: none;
}

.blog .blog-post .post-content span {
	display: block;
	margin-bottom: 20px;
	color: #999;
	font-family: 'Fjalla One', sans-serif;
}

.blog .blog-post .post-content p {
	font-size: 17px;
	line-height: 24px;
	opacity: 0.6;
	margin-bottom: 50px;
}

.blog .blog-post .post-content .button {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0 40px;
	color: #999;
	font-family: 'Fjalla One', sans-serif;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.blog .blog-post .post-content .button * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.blog .blog-post .post-content .button span {
	position: relative;
	display: inline-block;
}

.blog .blog-post .post-content .button span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
}

.blog .blog-post .post-content .button span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.blog .blog-post .post-content .button:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.blog .blog-post .post-comment {
	width: 100%;
	float: left;
	margin-top: 70px;
	padding: 0 20%;
}

.blog .blog-post .post-comment h3 {
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	color: #9a7333;
	margin-top: 0;
	margin-bottom: 30px;
}

.blog .blog-post .post-comment form {
	width: 100%;
}

.blog .blog-post .post-comment form .form-group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.blog .blog-post .post-comment form .form-group label {
	width: 100%;
	float: left;
	color: #999;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Fjalla One', sans-serif;
}

.blog .blog-post .post-comment form .form-group input[type="text"] {
	width: 100%;
	height: 50px;
	float: left;
	padding: 0 15px;
	border: 1px solid #ccc;
}

.blog .blog-post .post-comment form .form-group textarea {
	width: 100%;
	height: 150px;
	float: left;
	padding: 15px;
	border: 1px solid #ccc;
}

.blog .blog-post .post-comment form .form-group button[type="submit"] {
	height: 50px;
	line-height: 54px;
	display: inline-block;
	padding: 0 40px;
	background: #9a7333;
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	overflow: hidden;
	border: none;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}

.blog .blog-post .post-comment form .form-group button[type="submit"] * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.blog .blog-post .post-comment form .form-group button[type="submit"] span {
	position: relative;
	display: inline-block;
}

.blog .blog-post .post-comment form .form-group button[type="submit"] span:before {
	position: absolute;
	top: 100%;
	color: #fff;
	content: attr(data-hover);
}

.blog .blog-post .post-comment form .form-group button[type="submit"] span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.blog .blog-post .post-comment form .form-group button[type="submit"]:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}




/* smart EVENTS */
.smart-events {
	width: 100%;
	float: left;
	padding: 0px 0;
	text-align: center;
}

.smart-events h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
	padding-bottom: 50px;
}

.smart-events h5:after {
	content: "";
	width: 38px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/logo-symbol-dark.png) no-repeat;
	background-size: 38px auto;
	margin-left: -19px;
	opacity: 0.3;
}

.smart-events h2 {
	font-family: 'Playfair Display', serif;
	font-size: 90px;
	color: #9a7333;
}

.smart-events .lead {
	font-size: 20px;
	font-weight: 300;
	padding: 0 20%;
	color: #999;
	font-family: 'Playfair Display', serif;
	line-height: 33px;
	margin-bottom: 100px;
	opacity: 1;
}

.smart-events h3 {
	font-family: 'Playfair Display', serif;
	margin-bottom: 20px;
}

.smart-events p {
	opacity: 0.6;
	margin-bottom: 40px;
}

.smart-events * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.smart-events .event-box {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	background: #1c1b21;
	overflow: hidden;
}

.smart-events .event-box img {
	width: 100%;
	float: left;
	opacity: 0.7;
	transform: scale(1.05);
}

.smart-events .event-box figcaption {
	width: 100%;
	height: 155px;
	float: left;
	padding: 20px;
	margin-top: -147px;
	position: relative;
	z-index: 2;
}

.smart-events .event-box figcaption {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.03) 6%, rgba(0, 0, 0, 0.65) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.03) 6%, rgba(0, 0, 0, 0.65) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.03) 6%, rgba(0, 0, 0, 0.65) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
}

.smart-events .event-box figcaption small {
	font-family: 'Fjalla One', sans-serif;
	color: #fff;
	opacity: 0.7;
}

.smart-events .event-box figcaption h4 {
	margin-top: -32px;
	font-size: 25px;
	color: #fff;
	line-height: 1.3;
}

.smart-events .event-box:hover img {
	opacity: 1;
	transform: scale(1);
}




/* ROOM DETAIL */
.room-detail {
	width: 100%;
	float: left;
	padding: 100px 0;
	text-align: center;
}

.room-detail h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
	padding-bottom: 50px;
}

.room-detail h5:after {
	content: "";
	width: 38px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/logo-symbol-dark.png) no-repeat;
	background-size: 38px auto;
	margin-left: -19px;
	opacity: 0.3;
}

.room-detail h2 {
	font-family: 'Playfair Display', serif;
	font-size: 90px;
	color: #9a7333;
}

.room-detail .lead {
	font-size: 20px;
	font-weight: 300;
	padding: 0 20%;
	color: #999;
	font-family: 'Playfair Display', serif;
	line-height: 33px;
	margin-bottom: 100px;
}

.room-detail * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.room-detail .room-images {
	width: 100%;
	float: left;
	margin: 0;
	margin-bottom: 100px;
	padding: 0;
}

.room-detail .room-images li {
	width: 33.33333%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.room-detail .room-images li figure {
	width: 100%;
	float: left;
	position: relative;
	background: #1c1b21;
}

.room-detail .room-images li figure a {
	width: 100%;
	float: left;
	overflow: hidden;
}

.room-detail .room-images li figure img {
	width: 100%;
	float: left;
	opacity: 0.7;
	transform: scale(1.05);
}

.room-detail .room-images li figure figcaption {
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	bottom: 20px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

.room-detail .room-images li figure:hover img {
	opacity: 1;
	transform: scale(1);
}

.room-detail .room-images li figure:hover figcaption {
	opacity: 0;
}

.room-detail .room-info {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 50px;
}

.room-detail .room-info .left-side {
	width: 20%;
	float: left;
}

.room-detail .room-info .left-side h4 {
	margin-top: 0;
	font-family: 'Fjalla One', sans-serif;
}

.room-detail .room-info .right-side {
	width: 80%;
	float: left;
}

.room-detail .room-info .right-side p {
	font-size: 17px;
}

.room-detail .room-info .right-side ul {
	margin: 0;
	padding: 0 15px;
}

.room-detail .room-info .right-side ul li {
	margin-bottom: 5px;
}




/* smart AWARDS */
.smart-awards {
	width: 100%;
	float: left;
	padding: 100px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.smart-awards h2 {
	font-family: 'Playfair Display', serif;
	font-size: 60px;
	margin-bottom: 0;
	margin-left: -5px;
}

.smart-awards h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	margin-top: 0;
}

.smart-awards h5:before {
	content: "";
	width: 100px;
	height: 1px;
	float: left;
	background: #999;
	margin-top: 7px;
	margin-right: 7px;
}

.smart-awards .award-logo {
	height: 90px;
	margin-top: 10px;
	opacity: 0.4;
}

.smart-awards .award-logo:hover {
	opacity: 0.6;
}




/* INSTAGRAM */
.instagram {
	width: 100%;
	float: left;
	background: #1c1b21;
	position: relative;
}

.instagram:before {
	content: "INSTAGRAM";
	width: 100px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -30px;
	color: #fff;
	text-align: center;
	font-weight: 700;
}

.instagram:after {
	content: "\f16d";
	font-family: FontAwesome;
	color: #fee299;
	font-size: 40px;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin-left: -17px;
}

.instagram .image {
	width: 16.66666%;
	float: left;
	overflow: hidden;
}

.instagram .image img {
	width: 100%;
	opacity: 0.3;
}




/* CONTACT */
.contact {
	width: 100%;
	float: left;
	padding: 100px 0;
	text-align: center;
}

.contact h5 {
	font-family: 'Fjalla One', sans-serif;
	color: #999;
	position: relative;
	padding-bottom: 50px;
}

.contact h5:after {
	content: "";
	width: 38px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/logo-symbol-dark.png) no-repeat;
	background-size: 38px auto;
	margin-left: -19px;
	opacity: 0.3;
}

.contact h2 {
	font-family: 'Playfair Display', serif;
	font-size: 90px;
	color: #9a7333;
}

.contact .lead {
	font-size: 20px;
	font-weight: 300;
	padding: 0 20%;
	color: #999;
	font-family: 'Playfair Display', serif;
	line-height: 33px;
	margin-bottom: 100px;
}

.contact address {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

.contact address h3 {
	font-family: 'Fjalla One', sans-serif;
	color: #9a7333;
	font-size: 20px;
	margin-bottom: 20px;
}

.contact address p {
	opacity: 0.6;
}

.contact address a {
	text-decoration: underline;
	color: #1c1b21;
}

.contact #map {
	width: 100%;
	height: 400px;
	float: left;
	margin-bottom: 70px;
}

.contact .reach-box {
	width: 100%;
	float: left;
}

.contact .reach-box h3 {
	font-family: 'Fjalla One', sans-serif;
	color: #9a7333;
	font-size: 20px;
	margin-bottom: 20px;
}

.contact .reach-box p {
	opacity: 0.6;
}

.contact .contact-form {
	width: 100%;
	float: left;
	margin-top: 54px;
	padding:
		20px;
	background:
		#FBF3E6;
}

.contact .contact-form h3 {
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	color: #9a7333;
	margin-top: 0;
	margin-bottom: 30px;
}

.contact .contact-form form {
	width: 100%;
	text-align: left;
}

.contact .contact-form form .form-group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.contact .contact-form form .form-group label {
	width: 100%;
	float: left;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}

.contact .contact-form form .form-group input[type="text"] {
	width: 100%;
	height: 40px;
	float: left;
	padding: 0 15px;
	border: 1px solid #ccc;
}

.contact .contact-form form .form-group textarea {
	width: 100%;
	height: 70px;
	float: left;
	padding: 15px;
	border: 1px solid #ccc;
}

.contact .contact-form form .form-group button[type="submit"] {
	height: 50px;
	line-height: 51px;
	display: inline-block;
	padding: 0 40px;
	background: #8e9f8f;
	color: #fff;
	overflow: hidden;
	border: none;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}

.contact .contact-form form .form-group button[type="submit"] * {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.contact .contact-form form .form-group button[type="submit"] span {
	position: relative;
	display: inline-block;
}

.contact .contact-form form .form-group button[type="submit"] span:before {
	position: absolute;
	top: 100%;
	color: #fff;
	content: attr(data-hover);
}

.contact .contact-form form .form-group button[type="submit"] span:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.contact .contact-form form .form-group button[type="submit"]:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}




/* FOOTER */
.footer {
	width: 100%;
	float: left;
	background: #FBF3E6 !important;
	padding-top: 50px;
	color: #1c1b21;
	position: relative;
}

.footer:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.footer .logo {
	display: inline-block;
	margin-bottom: 24px;
	width: 120px;
}

.footer .weather {
	width: 100%;
	float: left;
	font-size: 30px;
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	padding-left: 64px;
}

.footer .weather img {
	height: 34px;
	margin-right: 5px;
}

.footer .weather span {
	display: inline-block;
	position: relative;
	margin-left: 10px;
}

.footer .weather span:after {
	content: "";
	width: 9px;
	height: 9px;
	position: absolute;
	left: -10px;
	top: 8px;
	border-radius: 50%;
	border: 2px solid #fff;
}

.footer .footer-title {
	width: 100%;
	float: left;
	font-size: 20px;
	color: #1e4e68;
	font-weight: 700;
	margin-bottom: 20px;
}

.footer .footer-menu {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.footer .footer-menu li {
	width: 100%;
	/* float: left; */
	line-height: 34px;
	display: flex;
	/* list-style: none; */
}

.footer .footer-menu li a {
	color: #1e4e68;
	font-size: 16px;
	letter-spacing: 0.6px;
	text-decoration: none;
}

.footer .footer-menu li a:hover {
	color: #1e4e68;
	text-decoration: none;
}

.footer .newsletter {
	width: 100%;
	max-width: 366px;
	height: 60px;
	float: left;
	background: #33353b;
}

.footer .newsletter input[type="text"] {
	width: 72%;
	height: 60px;
	border: none;
	background: none;
	float: left;
	padding: 0 15px;
	color: #fff;
}

.footer .newsletter button[type="submit"] {
	width: 20%;
	height: 50px;
	float: right;
	background: #fee299;
	border: none;
	color: #1d1e21;
	font-family: 'Fjalla One', sans-serif;
	font-size: 16px;
	margin: 5px;
}

.footer .sub-footer {
	width: 100%;
	line-height: 70px;
	float: left;
	border-top: 1px solid #8E9F8F;
	margin-top: 50px;
	color: #fff;
	background: #8E9F8F;
}

.footer .sub-footer .copyright {
	font-size: 13px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.footer .sub-footer .creation {
	float: right;
	font-size: 13px;
}

.footer .sub-footer .creation a {
	color: #fee299;
}



/* RESPONSIVE FIXES */
@media (max-width: 992px) {
	.container {
		width: 930px;
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.container {
		width: 670px;
		max-width: 100%;
	}
}


/* RESPONSIVE FOR TABLETS */
@media only screen and (max-width: 989px),
only screen and (max-device-width: 989px) {
	body {
		padding-left: 40px;
	}

	section {
		background-position: 0 !important;
		background-attachment: fixed;
	}

	.lead {
		padding: 0 10% !important;
	}

	.main-side {
		width: 40px;
	}

	.hamburger-menu {
		margin: 30px 20px;
	}

	.main-side .social-media {
		width: 60px;
	}

	.main-side .search {
		left: 20px;
	}

	.topbar .reservation {
		margin: 0;
	}

	.navigation {
		left: 60px;
	}

	.search-box {
		left: 60px;
	}

	.header .rev_slider_wrapper {
		padding-left: 60px !important;
	}

	.booking-form {
		margin-left: -304px;
	}

	.booking-form .form-item {
		width: 216px;
	}

	.booking-form .form-item .date-text span {
		font-size: 20px;
		line-height: inherit;
	}

	.booking-form .form-item input[type="text"] {
		width: 138px;
	}

	.booking-form .form-item .date-text {
		width: 138px;
	}

	.booking-form .person input[type="text"] {
		height: auto;
		font-size: 30px;
	}

	.highlight-rooms h5 {
		margin-top: 0;
	}

	.highlight-rooms .button {
		margin-bottom: 50px;
	}

	.trailer-video .video-bg video {
		width: auto;
		height: 100%;
	}

	.career .job-positions li {
		width: 100%;
	}

	.career form {
		padding: 100px 20%;
	}

	.smart-activities .activity-box .content h4 {
		font-size: 24px;
		line-height: 32px;
	}

	.blog .blog-post .post-content h2 {
		font-size: 36px;
	}

	.blog .blog-post .post-content p {
		display: none;
	}

	.blog .blog-post.detail .post-content p {
		display: block;
	}

	.blog .blog-post.detail .post-content .image-left {
		width: 50%;
	}

	.blog .blog-post.detail .post-content .image-right {
		width: 50%;
	}

	.board-members .member-box {
		margin-top: 0;
	}

	.smart-events .event-box figcaption h4 {
		font-size: 17px;
	}

	.smart-intro h2 {
		width: 100%;
	}

	.smart-awards h2 {
		margin-bottom: 50px;
	}

	.instagram .image {
		width: 25%;
		height: auto;
	}

	.instagram .image:nth-child(5) {
		display: none;
	}

	.instagram .image:nth-child(6) {
		display: none;
	}
}



/* RESPONSIVE FOR MOBILES */
@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {

	.intro h2 {
		font-size: 50px;
	}

	.highlight-rooms h2 {
		font-size: 30px;
		margin-bottom: 50px;
	}

	.highlight-rooms .center .room-box {
		width: 100%;
		margin-left: 0;
	}

	.trailer-video h2 {
		font-size: 30px;
	}

	.testimonials h2 {
		font-size: 30px;
		margin-bottom: 50px;
	}

	.testimonials .button {
		margin-bottom: 50px;
	}

	.facilities h2 {
		font-size: 50px;
	}

	.facilities ul li {
		width: 100%;
	}

	.smart-activities h2 {
		font-size: 50px;
	}

	.smart-awards h2 {
		font-size: 30px;
	}

	.smart-awards .award-logo {
		height: 60px;
	}

	.instagram .image {
		width: 50%;
	}

	.footer .footer-menu li {
		width: 100%;
	}

	.footer .sub-footer {
		line-height: 20px;
		margin-top: 30px;
		padding: 10px 0;
	}

	.footer .sub-footer .creation {
		float: left;
	}

	.footer .weather {
		padding-left: 0;
		margin-bottom: 30px;
	}

	.topbar .reservation {
		display: none;
	}

	.topbar .phone {
		display: none;
	}

	.topbar .language {
		display: none;
	}

	.booking-form {
		width: 170px;
		left: 50%;
		margin-left: -85px;
		bottom: 10px;
	}

	.booking-form .form-item i {
		display: none;
	}

	.booking-form .form-item {
		width: 170px;
		margin-bottom: 5px;
		margin-right: 0;
	}

	.booking-form .form-item input[type="text"] {
		height: 30px;
	}

	.booking-form .form-item .date-text {
		height: 30px;
		line-height: 30px;
		margin-top: -30px;
	}

	.booking-form .person {
		height: 60px;
		padding: 0 15px;
		margin-right: 0;
	}

	.booking-form .person input[type="text"] {
		padding-bottom: 0;
	}

	.booking-form button[type="submit"] {
		height: 60px;
		float: right;
		padding: 0 30px;
	}

	.lead {
		font-size: 14px !important;
		line-height: 24px !important;
	}

	h5:before {
		width: 30px !important;
	}

	.facilities ul {
		padding-left: 20px;
	}

	.facilities ul li {
		margin: 2px 0;
		font-size: 14px;
	}

	.navigation {
		width: 260px;
	}

	.search-box {
		width: 260px;
	}

	.search-box form {
		padding: 0;
	}

	.search-box h2 {
		font-size: 40px;
	}

	.search-box .container {
		width: 230px;
	}

	.search-box form input[type="text"] {
		width: 100%;
		margin-bottom: 10px;
	}

	.search-box form button[type="submit"] {
		width: 50%;
		float: none;
		display: inline-block;
	}

	.smart-intro .lead {
		padding: 0 !important;
	}

	.core-values h2 {
		font-size: 30px;
	}

	.board-members h2 {
		font-size: 30px;
	}

	.promotions h2 {
		font-size: 43px;
	}

	.smart-events h2 {
		font-size: 50px;
	}

	.gallery h2 {
		font-size: 50px;
	}

	.gallery .grid-item-double {
		width: 100%;
	}

	.gallery .grid-item {
		width: 100%;
	}

	.career h2 {
		font-size: 50px;
	}

	.career .job-positions li {
		padding: 20px 0;
	}

	.career .job-positions li small {
		width: 100%;
		margin-bottom: 10px;
	}

	.career .job-positions li h4 {
		width: 100%;
	}

	.career .job-positions li a {
		margin-left: 0;
	}

	.career form {
		padding: 100px 0;
	}

	.career form .form-group .file input[type="text"] {
		width: 35%;
	}

	.blog h2 {
		font-size: 50px;
	}

	.blog .blog-post {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}

	.blog .blog-post.text-right {
		text-align: left;
		!important;
	}

	.blog .blog-post .post-image {
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}

	.blog .blog-post .post-content .button {
		margin-bottom: 30px;
	}

	.blog .blog-post .post-content {
		width: 100%;
		float: left;
		padding: 0;
	}

	.contact h2 {
		font-size: 50px;
	}

	.contact .contact-form {
		padding: 0;
	}
}

.highlight-rooms p {
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.6;
}

.gallery .button {
	height: 50px;
	line-height: 50px;
	margin-top: 30px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	padding: 0 40px;
	color: #fff;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-transform: uppercase;
	background-color: #1E4E68;
}

.gallery .button:hover {
	text-decoration: none;
}

.details_location p {
	color: #1e4e68;
	letter-spacing: 0.6px;
	font-size: 15px;
}

.covervideo {
	position: relative;
	height: 100%;
	width: 100%;
}

#myVideo {
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	position: relative;
	width: 100%;
	height: 100%;
}

.headerspace {
	padding: 10px 35px;
	position: relative;
}

.headerspace p {
	text-align: right;
	width: 70%;
	float: right;
	font-size: 14px;
	position: absolute;
	bottom: 8px;
	right: 0px;
	font-family: Montserrat, sans-serif;
}

a.activelink {
	color: #1E4E68;
	font-weight: 600;
}

.mt {
	margin-top: 100px;
}

.imgtext {
	position: relative;
}

.imgtext img {
	width: 70%;
}


.overlay-text {
	font-size: 3.5vw;
	float: right;
	background: rgba(255, 255, 255, 0.9);
	width: 60%;
	padding: 50px;
	position: absolute;
	top: 13%;
	right: 37px;
}

.boxtext p {
	font-size: 15px;
	line-height: 1.6;
}

.boxtext h2 {
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: 600;
	margin-top: 0px;
	color: #000;
}

.pr img {
	width: 100%;
}

section {
	float: left;
	width: 100%;
}

.copyright a {
	color: #ccc;
}

.our-team {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	color: #fff;
}

.our-team:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all 0.3s ease 0s;
	opacity: 0;
}

.our-team:hover:before {
	opacity: 1;
}

.our-team img {
	width: 100%;
	height: auto;
}

.our-team .team-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 0;
	background-color: rgba(0, 0, 0, 0.6);
	transition: all 0.3s ease 0s;
}

.our-team:hover .team-content {
	bottom: 20%;
}

.our-team .team-content .name {
	font-size: 26px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 10px;
	transition: all 0.3s ease 0s;
	transition-delay: 0s;
}

.our-team:hover .team-content .name {
	transform: translateY(10px);
	transition-delay: 0.3s;
}

.our-team .team-content .post {
	font-size: 17px;
	display: block;
	transition: all 0.3s ease 0s;
	text-transform: capitalize;
}

.our-team:hover .team-content .post {
	transform: translateY(-40px);
	transition-delay: 0.3s;
}

@media screen and (max-width:990px) {
	.our-team {
		margin-bottom: 30px !important;
	}
}

.heading2 {
	text-align: left;
	margin-top: 20px;
}

.heading2 h3 {
	line-height: 1.9;
	font-size: 32px;
	margin-bottom: 20px;
	margin-left: -5px;
	color: #fff;
	font-weight: 600;
}

.heading2 h3::after {
	content: "";
	background: #02506c;
	padding: 32px;
	position: absolute;
	left: -288px;
	width: 56%;
	z-index: -9;
}

.mtspace {
	margin-top: 40px;
}

.our-team a {
	height: 42px;
	line-height: 43px;
	display: inline-block;
	padding: 0 30px;
	text-decoration: none;
	background: #8E9F8F;
	color: #fff;
	overflow: hidden;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
	text-transform: uppercase;
	font-size: 14px;
}

.mtspace p {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}

.sectionspace {
	margin: 20px 0px;
}

.banner {
	width: 100%;
	float: left;
	margin: 0px;
}

.banner img {
	width: 100%;
}

.sectionspace img {
	max-width: 100%;
}

.navbar {
	border-radius: 0px !important;
}

.navbar-nav {
	float: right;
	margin: 0;
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 15px 20px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff !important;
	font-weight: 500;
	letter-spacing: 0.7px;
}

.navbar-inverse .navbar-brand {
	color: #fff;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
	color: #fff !important;
	background-color: #1E4E68
}

.navbar {
	margin-bottom: 0px;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	color: #fff !important;
	background-color: #1E4E68;
}

li.onbutton {
	color: #fff;
	background-color: #1E4E68;
}

.divspace {
	margin-top: 0px;
	margin-bottom: 30px;
	position: relative;
}

.textdesign h4 {
	top: 0%;
	color: #fff;
	font-size: 45px;
	margin: 0 auto;
	text-align: center;
	padding: 16px 0px;
	width: 100%;
	background: rgb(2, 2, 2);
}

.textdesign h4 span {
	color: #fff;
}



#roomsslider .item {
	width: 100%;
	margin: 10px;
	padding: 30px;
}

.item-details {
	background: #fff;
	padding: 30px 25px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#roomsslider img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
	border-radius: 0%;
	display: none;
	background: url(../img/arrow.jpg);
}

.testimonials {
	background-color: #f8f8f8;
	position: relative;
	padding-top: 45px;
	padding-bottom: 45px;

	&:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 30%;
		background-color: #ddd;
	}
}

#roomsslider {
	.item-details {
		background-color: #333333;
		color: #fff;
		padding: 20px 10px;
		text-align: left;

		h5 {
			margin: 0 0 15px;
			font-size: 18px;
			line-height: 18px;

			span {
				color: red;
				float: right;
				padding-right: 20px;
			}
		}

		p {
			font-size: 14px;
		}
	}

	.item {
		text-align: center;
		// padding: 20px;
		margin-bottom: 80px;
	}
}

.owl-carousel .owl-nav [class*='owl-'] {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
	background-color: #D6D6D6;
}

.owl-carousel {
	position: relative;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	position: absolute;
	top: 30%;
	font-size: 20px;
	color: #fff;
	border: 1px solid #ddd;
	text-align: center;
}

.owl-carousel .owl-prev {
	left: -70px;
}

.owl-carousel .owl-next {
	right: -70px;
}

.item-details h5 a {
	color: #000;
}

.item-details h5 a:hover {
	text-decoration: none;
	color: #1E4E68;
}

ul.listli {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 10px;
}

ul.listli li {
	list-style: none;
	font-size: 16px;
	display: inline-block;
	margin: 10px 0px;
}

ul.listli li a {
	list-style: none;
	font-size: 16px;
	color: #000;
	margin-right: 20px;
	font-weight: 500;
}

ul.listli li a:hover {
	list-style: none;
	font-size: 16px;
	color: #000;
	text-decoration: none;
}

ul.listli li a i {
	color: #1E4E68;
}


.overlay-text2 {
	font-size: 3.5vw;
	float: left;
	width: 60%;
	padding: 25px;
	background: #fff;
	position: absolute;
	top: 24%;
	left: 37px;
	padding-left: 50px !important;
}

.mt-30 {
	margin-top: 30px;
}

.overflo {
	overflow: hidden;
	border-image:
		linear-gradient(to right, #1E4E68 25%, #E78C3B 25%, #E78C3B 50%, red 50%, red 75%, #000 75%) 5;
	border-top:
		5px solid;
}

.imgtext {
	position: absolute;
	background: rgba(38, 38, 38, 0.9);
	padding: 60px 40px;
	height: 100vh;
	top: 0px;
	width: 50%;
	right: 0px;
}

.imgtext h2 {
	font-size: 40px;
	color: #fff;
	margin-bottom: 20px;
}

.imgtext p {
	font-size: 16px;
	color: #fff;
}

.smart-full-image2 {
	width: 100%;
	height: 500px;
	float: left;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-size: cover;
	position: relative;
	color: #fff;
}

.smart-full-image2 img {
	width: 100%;
}

.item-details img {
	float: right;
	width: auto !important;
	position: relative;
	bottom: 6px;
}

.p-0 {
	padding: 0px;
}

.mtb-20 {
	margin: 20px 0px;
}

.imgtext2 {
	position: absolute;
	background: rgba(38, 38, 38, 0.9);
	padding: 60px 75px;
	height: 100vh;
	top: 0px;
	width: 50%;
	left: 0px;
}

.imgtext2 h2 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 20px;
}

.imgtext2 p {
	font-size: 16px;
	color: #fff;
}

.pt-0 {
	padding-top: 0px;
}

.listli li img {
	width: auto;
}

.pb-0 {
	padding-bottom: 0px;
}

.pt-0 {
	padding-bottom: 0px !important;
}

span.text-black {
	color: #000 !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mb-30 {
	margin-bottom: 30px;
}

.abslite {
	position: absolute !important;
}







.modal-dialog {
	width: 800px;
	margin: 30px auto;
}

.modal {
	text-align: center;
	padding: 0 !important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

/* footer footnotes */
footer ol {
	border-top: 1px solid #eee;
	margin-top: 40px;
	padding-top: 15px;
	padding-left: 20px;
}

/* Bootstrap Docs */
.bs-example {
	position: relative;
	padding: 45px 15px 15px;
	margin: 0 -15px 15px;
	border-color: #e5e5e5 #eee #eee;
	border-style: solid;
	border-width: 1px 0;
	-webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
}

.bs-example-padded-bottom {
	padding-bottom: 24px;
}

@media (min-width: 768px) {
	.bs-example {
		margin-right: 0;
		margin-left: 0;
		background-color: #fff;
		border-color: #ddd;
		border-width: 1px;
		border-radius: 4px 4px 0 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

.bs-example+.code {
	margin: -15px -15px 15px;
	border-width: 0 0 1px;
	border-radius: 0;
}

@media (min-width: 768px) {
	.bs-example+.code {
		margin-top: -16px;
		margin-right: 0;
		margin-left: 0;
		border-width: 1px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
}


ul.lilist {
	margin: 0px;
	padding-left: 15px;
}

ul.lilist li {
	margin-left: 5px;
	padding: 0px;
	line-height: 1.8;
	font-weight: 400;
}

.modal-body h3 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #02506c;
}
}

.modal-body h3 p {
	font-size: 15px;
	float: right;
	border: 1px solid #ccc;
	padding: 8px 10px;
}

.modal-title {
	color: #e48b3c;
	width: 80%;
	font-size: 22px;
	font-weight: bold;
	float: left;
}

.modal-body img {
	max-width: 100%;
	border-radius: 5px
}




.inner nav ul {
	height: 100%;
	width: 100%;
	list-style: none;
}

.inner nav ul li {
	line-height: 48px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.inner nav ul li a {
	position: relative;
	color: white;
	text-align: left;
	text-decoration: none;
	font-size: 16px;
	padding-left: 40px;
	font-weight: 500;
	display: block;
	width: 100%;
	border-left: 3px solid transparent;
}

.inner nav ul li a:hover {}

.inner nav ul ul {
	position: static;
	display: none;
}

.inner nav ul .feat-show.show {
	display: block;
}

.inner nav ul .serv-show.show1 {
	display: block;
}

.inner nav ul ul li {
	line-height: 30px;
	margin-bottom: 10px;
	border-top: none;
}

.inner nav ul ul li a {
	font-size: 16px;
	color: #e6e6e6;
	padding-left: 55px;
}

.inner nav ul li.active ul li a {
	color: #e6e6e6;
	border-left-color: transparent;
}

.inner nav ul ul li a:hover {
	color: #1E4E68 !important;
}

.inner nav ul li a span {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	font-size: 22px;
	transition: transform 0.4s;
}

.inner nav ul li a span.rotate {
	transform: translateY(-50%) rotate(-180deg);
}


.day {
	cursor: pointer !important;
}

.disabled {
	cursor: auto !important;
}

.next {
	cursor: pointer !important;
}

.prev {
	cursor: pointer !important;
}

td.active {
	background: #9a7333 !important;
}

.datepicker.dropdown-menu table tr td,
.datepicker.dropdown-menu table tr th {
	padding: 5px 10px !important;
	font-size: 14px !important;
}

.buttonsubmit {
	text-align: right;
	margin: 20px 0px;
}

.buttonsubmit button {
	background: #e48b3b;
	border-radius: 0px;
	border: none;
	padding: 8px 20px;
	font-size: 14px;
	text-transform: uppercase;
}

.buttonsubmit button:hover {
	background: #000;
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
}

.bg-white {
	background: #fff;
}

.mb-4 {
	margin-bottom: 40px;
}

.mb-20 {
	margin-bottom: 20px;
}

td.new {
	color: #000 !important;
}




@media screen and (max-width:640px) {
	/* .banner-section-two img{ max-width: none !important;} */
	.logomobile{ display: block !important;}
	.logodekstop{ display: none !important;}
	.item{ margin-bottom: 10px !important;}
	.bannetetxt { padding: 0px !important;}
	.roomtext {
		/* padding: 20px !important;
		margin-top: 10px !important; */
	}

	.about {
		padding-top: 0px !important;
	}

	.imgtext h2 {
		font-size: 26px !important;
		color: #fff;
		margin-bottom: 20px;
	}

	.heading2 h2 {
		font-size: 26px !important;
		color: #000;
	}

	.panel-title {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 18px !important;
		color: inherit;
	}

	.details_location p {
		color: #1e4e68;
		letter-spacing: 0.6px;
		font-size: 15px; float: left;
	}

	.footer .footer-menu li a {
		color: #1e4e68;
		font-size: 16px;
		letter-spacing: 0.6px;
		text-decoration: none;
	}

	.footer .footer-title {
		width: 100%;
		float: left;
		font-size: 20px;
		color: #1e4e68;
		font-weight: 700;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.bannetetxt h3 {
		font-size: 17px !important;
		color: #fff;
		text-align: center;
		font-weight: 600;
		line-height: 1.3;
	}

	.bannetetxt {
		position: absolute;
		top: 15% !important;
		z-index: 999;
		text-align: center;
		left: 0px;
		right: 0px;
	}

	.bannetetxt h6 {
		font-size: 13px !important;
		color: #fff;
		margin-top: 20px;
		line-height: 1.4;
	}

	.carousel-inner {
		height: auto !important;
	}

	.headerspace {
		text-align: center;
	}

	.topbar .logo {
		height: 49px;
		margin-top: -5px;
		position: absolute;
		top: -45px;
		left: 40%;
	}

	.intro h2 {
		font-size: 20px;
	}

	.heading2 h3 {
		line-height: 1.5;
		font-size: 20px;
		margin-bottom: 0px;
		text-transform: uppercase;
		margin-left: -5px;
		color: #000;
		text-align: center;
	}

	.highlight-rooms h2.mt {
		margin-top: 20px;
	}

	.highlight-rooms h2::after {
		content: "";
		background: #000;
		padding: 22px;
		position: absolute;
		left: -288px;
		width: 600px;
		z-index: -9;
	}

	.highlight-rooms h2 {
		font-size: 30px;
		margin-bottom: 22px;
	}

	.boxtext h2 {
		font-size: 17px;
		margin-bottom: 9px;
		margin-top: 0px;
		color: #000;
		text-transform: uppercase;
	}

	.overlay-text {
		font-size: 3.5vw;
		float: right;
		background: rgba(255, 255, 255, 0.8);
		width: 100%;
		padding: 25px;
		position: relative;
		left: 0px;
	}

	.gallery h2 {
		font-size: 20px;
	}

	video {
		width: 300px;
	}

	.footer {
		width: 100%;
		float: left;
		background: #000;
		padding-top: 15px;
		color: #1c1b21;
		position: relative;
	}

	.navbar-inverse {
		background-color: #222;
		border-color: #080808;
		margin-top: 153px;
	}

	.navbar-nav {
		float: right;
		margin: 0;
		width: 100%;
	}

	.promotions h2 {
		font-size: 20px;
		margin-top: 0px;
	}

	#roomsslider .item {
		width: 100%;
		margin: 10px;
		padding: 14px;
	}

	.testimonials h5 {
		color: #282828;
		margin-top: 0;
		font-size: 11px;
		font-weight: 600;
	}

	.textdesign h4 {
		position: absolute;
		top: 0%;
		color: #fff;
		font-size: 24px;
		margin: 0 auto;
		text-align: center;
		padding: 16px 0px;
		width: 100%;
		background: rgb(2, 2, 2);
	}

	ul.listli li a {
		list-style: none;
		font-size: 16px;
		color: #000;
		margin-right: 20px;
		font-weight: 500;
		line-height: 1.3;
		display: flex;
	}

	ul.listli li a i {
		color: #1E4E68;
		margin-top: 4px;
		padding-right: 10px;
	}

	.overlay-text2 {
		font-size: 3.5vw;
		float: left;
		padding: 25px;
		width: 100%;
		background: #fff;
		position: relative;
		left: 0px;
		padding-left: 50px !important;
	}

	.imgtext {
		position: absolute;
		background: rgba(0, 09, 0, 0.6);
		padding: 60px 40px;
		height: 100vh;
		top: 0px;
		width: 91%;
		right: 14px;
	}

	.imgtext2 {
		position: absolute;
		background: rgba(0, 09, 0, 0.6);
		padding: 60px 40px;
		height: 100vh;
		top: 0px;
		width: 91%;
		left: 14px;
	}

	.imgtext2 h2 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 20px;
	}

	.trailer-video h2 {
		font-size: 20px;
	}

	.modal-dialog {
		width: 90% !important;
		margin: 30px auto;
		max-width: 90% !important;
	}

	.innermenu {
		margin-top: 43px;
	}

	.gallery h2 {
		font-size: 20px;
		margin-top: 46px;
	}

	.hamburger-menu {
		margin: 16px 11px;  z-index: 999999999;
	}
	/* .hamburger-menu span { color: #FFF; background-color: #FFF !important;} */

	.main-side .social-media {
		width: 40px;
	}

	.navigation {
		left: 0px; z-index: 9; padding-top: 50px;
	}

	body {
		padding-left: 0px;
	}

	.main-side {
		width: 40px;
		position: relative;
		background: transparent;
	}

	.main-side .social-media {
		width: 40px;
		float: right;
		right: 0px;
		display: none;
	}

	.main-side .search {
		left: 20px;
		display: none;
	}

	.hamburger-menu span {
		display: block;
		position: absolute;
		height: 2px;
		width: 20px;
		background: #131313;
		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;
	}

	.section-title{ font-size: 32px !important;}
}


.navbar-brand {
	float: left;
	height: 50px;
	padding: 17px 15px;
	font-size: 18px;
	line-height: 20px;
	font-family: 'Josefin Sans', sans-serif;
}

.section_contact img {
	max-width: 100%;
}

.section_contact h3 {
	color: #fff;
	font-size: 26px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.section_contact p {
	color: #fff;
	font-size: 15px;
}

.bglights {
	background: #1E4E68;
	padding: 20px 10px;
}

.section_contact {
	margin: 20px 0px;
}

.section_contact2 img {
	max-width: 100%;
}

.section_contact2 h3 {
	color: #000;
	font-size: 26px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.section_contact2 p {
	color: #000;
	font-size: 15px;
}

.bglights2 {
	background: #f0f0f0;
	padding: 20px 10px;
}

.section_contact2 {
	margin: 20px 0px;
}

ul.list li {
	margin: 6px 0px;
}



.form-group span {
	width: 100% !important;
}

.carousel-inner img {
	width: 100%;
}

.smart-events .event-box figcaption span {
	font-size: 15px;
}

.bannetetxt {
	position: absolute;
	top: 33%;
	z-index: 999;
	text-align: center;
	left: 0px;
	right: 0px; 
	padding: 0px 300px;
}

.bannetetxt h3 {
	font-size: 40px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	line-height: 1.3;
}

img {
	max-width: 100%;
}

.padding {
	padding: 50px 0px;
}

.sectiontext h2 {
	margin-bottom: 15px;
	color: #e78c3b;
	font-weight: 600;
}

.sectiontext h3 {
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.3;
}

.sectiontext h4 {
	font-size: 25px;
	line-height: 1.4;
}

.p-5 {
	padding: 50px;
}

.p-0 {
	padding: 0px;
}


.content_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.mainheding {
	margin: 0px;
}

.mainheding h2 {
	font-size: 38px;
	color: #000;
	font-weight: 600;
}

.brand {
	padding: 40px;
	height: 295px;
}

.brand h3 {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 15px;
}

.bluecolor {
	background: #1E4E68;
}

.bluecolor h3 {
	color: #fff;
}

.bluecolor p {
	color: #fff;
	font-size: 16px;
}


.whitelight {
	background: #FBF3E6;
}

.whitelight h3 {
	color: #000;
}

.whitelight p {
	color: #000;
	font-size: 16px;
}

.grayscal {
	background: #8E9F8F;
}

.grayscal h3 {
	color: #fff;
}

.grayscal p {
	color: #fff;
	font-size: 16px;
}

.yelow {
	background: #E68B3B;
}

.yelow h3 {
	color: #fff;
}

.yelow p {
	color: #fff;
	font-size: 16px;
}

.red {
	background: #C9342A;
}

.red h3 {
	color: #fff;
}

.red p {
	color: #fff;
	font-size: 16px;
}

.black {
	background: #000;
}

.black h3 {
	color: #fff;
}

.black p {
	color: #fff;
	font-size: 16px;
}




.secondpara .fw-row .fw-col-sm-6 h3 {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

.secondpara .fw-row .fw-col-sm-6 li {
	font-size: 15px;
	color: #fff;
}

.list-style-5 li {
	position: relative;
	font-size: 15px;
	color: #000;
	padding:
		0 0 10px 22px;
	margin:
		0 0 0px 0;
}

.bulletwhite li::before {
	content: "\f192";
	position: absolute;
	top: 1px;
	left: 0;
	font-family: Font Awesome 5 Free;
	font-weight: 400;
	color: #fff;
}

.secondpara .fw-row .fw-col-sm-6 {
	background:
		rgba(152, 134, 112, 0.9);
	padding:
		40px 30px;
}

.text-center {
	text-align: center !important;
}

.text-center p {
	text-align: center !important;
	font-weight: 500;
}

p {
	font-size: 16px !important;
}


@font-face {
	font-family: Gilmer;
	src: url(../webfont/WOFF/Gilmer-Bold-Trial.woff);
}

@font-face {
	font-family: Gilmer;
	src: url(../webfont/WOFF/Gilmer-Medium-Trial.woff);
}

@font-face {
	font-family: Gilmer;
	src: url(../webfont/WOFF/Gilmer-Medium-Trial.woff);
}


.my-3 {
	padding-left: 30px !important;
}

.bannetetxt h6 {
	font-size: 22px;
	color: #fff;
	margin-top: 20px;
	line-height: 1.4;
}


.cardlocation {
	background: #fff;
	border-radius: 2px;
	display: inline-block;
	margin: 1rem;
	position: relative;
}

.card-1 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.card-1:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.cardlocation h3 {
	font-size: 22px;
}

.bglight {
	background: #f7f7f7;
}

h3.text-black {
	color: #000;
}


.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100vh;
}



.heading2 h2 {
	font-size: 36px;
	color: #000;
}

.hotelnformation {
	background: #FBF3E6;
}

.informationbox {
	padding: 50px;
	border: 1px solid #eee;
	background: #8e9f8f;
}

.informationbox h3 {
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}

.informationbox h2 {
	font-size: 22px;
	margin-top: 0px;
	color: #fff;
}

.informationbox p {
	color: #fff;
}

.hotelnformation h4 {
	font-size: 21px;
}

p.hilight {
	color: #8E9F8F;
}

.imgtext2 h5 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 20px;
}

.imgtext2 ul li {
	color: #fff;
	line-height: 1.8;
	font-size: 16px;
}





#accordion {
	margin: auto;
}

.panel-heading a {
	display: block;
	position: relative;

	&::after {
		content: "";
		border: solid #fff;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 5px;
		position: absolute;
		right: 0;
		top: 0;
		transform: rotate(45deg);
	}

	&[aria-expanded="true"]::after {
		transform: rotate(-135deg);
		top: 5px;
	}
}

.mb-5 {
	margin-bottom: 50px;
}

.pt-5 {
	padding-top: 50px;
}

.pb-5 {
	padding-bottom: 50px;
}

.mb-3 {
	margin-bottom: 30px;
}

.pt-3 {
	padding-top: 30px;
}

.mb-2 {
	margin-bottom: 20px;
}

.mt-2 {
	margin-top: 20px;
}

.mb-1 {
	margin-bottom: 10px;
}

.p-3 {
	padding: 30px;
}

.pt-4 {
	padding-top: 40px;
}

.pb-4 {
	padding-bottom: 40px;
}

.item {
	background: #8e9f8f;
}

.panel-heading {
	padding: 15px 15px;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 22px;
	color: inherit;
}


.panel-default>.panel-heading {
	color: #fff;
	background-color: #8E9F8F;
	border-color: #ddd;
}

.pl-0 {
	padding-left: 20px;
}

.contact ul li {
	line-height: 2;
	font-size: 16px;
}

.perhilight h6 {
	font-size: 18px;
	line-height: 1.4;
}





.section-subtitle {
	font-weight: 400;
	margin-bottom: 10px;
	color: #BD945A;
	font-size: 15px;
	align-items: center;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.section-title {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 50px;
	color: #000;
	position: relative;
	margin-bottom: 15px;
}

.about p {
	color: #333;
}


.about .animation-float1 {
	animation: float1 4000ms linear 800ms infinite alternate both;
}

.rounded-2 {
	border-radius: var(--bs-border-radius) !important;
}

.about .animation-float2 {
	animation: float2 4000ms linear 800ms infinite alternate both;
}

.rounded-2 {
	border-radius: var(--bs-border-radius) !important;
}

.mb-20 {
	margin-bottom: 15px !important;
}

.mt-45 {
	margin-top: 45px !important;
}

.roomtext ul {
	padding-left: 15px;
}

.roomtext ul li {
	line-height: 1.5;
	margin-bottom: 10px;
}

.cont h4 a {
	color: #fff;
	font-size: 20px;
}

.cont p {
	color: #fff;
	margin-bottom: 20px;
}

.pb-2 {
	padding-bottom: 20px;
}

.author h5 {
	color: #fff;
}

ul.bloglsit li {
	line-height: 1.8;
}

.blog-details-btn {
	display: inline-block;
	margin: 10px auto 0;
	padding: 5px 10px;
	background-color: #1E4E68;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 0px;
	transition: background-color 0.3s ease;
}

.blog-details-btn:hover {
	background-color: #1E4E68;
	color: #fff;
	text-decoration: none;
}

.cont {
	text-align: center; height: 326px;
}
.blogdetails {color: #acacac !important;}
.blogdetails h2{ color: #1E4E68; font-size: 26px;}
.blogdetails h4{ color: #1E4E68; font-size: 20px !important; font-weight: normal;}
.blogdetails p{ font-size: 14px;}
.blogdetails img{ margin-bottom: 20px;}

.blogdetails ul{ list-style: none; padding: 0px; margin: 0px;}
.blogdetails ul li{ font-size: 14px;}

.blogdetails .latestblog ul{list-style: none; padding: 0px; margin: 0px;}
.blogdetails .latestblog ul li{ line-height: 20px;
  border-bottom: 1px dotted;
  padding-bottom: 10px;
  margin-bottom: 10px;}
  .blogdetails .latestblog ul li a{ font-size: 14px;}

  .blogblade .cont{ padding: 15px;}
  .blogblade .cont h4{ margin-top: 0px;
	 overflow: hidden;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
	}
  .blogblade .cont p{ 
	margin-bottom: 10px;  
	overflow: hidden;
  	display: -webkit-box;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;}



	.section {
  padding: 50px 0;
}

.contenttext{ text-align: left !important;}
.contenttext h3{ font-size: 20px; color: #1e4e68 !important; }
.contenttext h4{ font-size: 18px; color: #333 !important; }
.logomobile{ display: none;}

@media (min-width: 1200px) {
    
}
.container
 {
        width: 90% !important;
    }

	ul.social-media{padding-left: 0px;}
	ul.social-media li{ display: inline; text-decoration: none; margin: 0px 8px;}