@font-face {
 font-family: 'Work Sans';
 src: url('../fonts/WorkSans-Light.eot');
 src: url('../fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkSans-Light.woff2') format('woff2'), url('../fonts/WorkSans-Light.woff') format('woff'), url('../fonts/WorkSans-Light.ttf') format('truetype'), url('../fonts/WorkSans-Light.svg#WorkSans-Light') format('svg');
 font-weight: 300;
 font-style: normal;
}
 @font-face {
 font-family: 'Work Sans';
 src: url('../fonts/WorkSans-Medium.eot');
 src: url('../fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkSans-Medium.woff2') format('woff2'), url('../fonts/WorkSans-Medium.woff') format('woff'), url('../fonts/WorkSans-Medium.ttf') format('truetype'), url('../fonts/WorkSans-Medium.svg#WorkSans-Medium') format('svg');
 font-weight: 500;
 font-style: normal;
}
 @font-face {
 font-family: 'Work Sans';
 src: url('../fonts/WorkSans-Regular.eot');
 src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkSans-Regular.woff2') format('woff2'), url('../fonts/WorkSans-Regular.woff') format('woff'), url('../fonts/WorkSans-Regular.ttf') format('truetype'), url('../fonts/WorkSans-Regular.svg#WorkSans-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
}
body {
	background-color:#f2f2f2;
	font-family:  'Work Sans';
	font-weight:300;
	font-size:16px;
	color:#555;
	-webkit-font-smoothing:antialiased;
	-webkit-overflow-scrolling:touch
}
h1, h2, h3, h4, h5, h6 {
	font-family:  'Work Sans';
	font-weight:300;
	color:#333
}
p {
}
.form-control::-moz-placeholder {
 color: #fefefe;
}
.centered {
	text-align:center
}
a {
	color:#f85c37;
	word-wrap:break-word;
-webkit-transition:color .1s ease-in, background .1s ease-in;
-moz-transition:color .1s ease-in, background .1s ease-in;
-ms-transition:color .1s ease-in, background .1s ease-in;
-o-transition:color .1s ease-in, background .1s ease-in;
transition:color .1s ease-in, background .1s ease-in
}
a:hover, a:focus {
	color:#7b7b7b;
	text-decoration:none;
	outline:0
}
a:before, a:after {
-webkit-transition:color .1s ease-in, background .1s ease-in;
-moz-transition:color .1s ease-in, background .1s ease-in;
-ms-transition:color .1s ease-in, background .1s ease-in;
-o-transition:color .1s ease-in, background .1s ease-in;
transition:color .1s ease-in, background .1s ease-in
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
#portfoliowrap {
	background:url(../img/portfolio-bg.jpg) no-repeat center top;
	margin-top:0;
	padding-top:70px;
	text-align:center;
	background-attachment:relative;
	background-position:center center;
	min-height:500px;
	width:100%;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
#portfoliowrap h3 {
	color:#fff
}
.port-space {
	padding-bottom:20px
}
#w {
	background:#fff;
	padding-top:35px;
	padding-bottom:35px;
	text-align:center
}
#w h3 {
	font-weight:700;
	color:#7b7b7b;
	letter-spacing:1px
}
#w bold {
	color:#2f2f2f
}
#g {
	background:#f2f2f2;
	padding-top:35px;
	padding-bottom:35px;
	text-align:center
}
#dg {
	background:#e0e0e0;
	padding-top:70px;
	padding-bottom:20px;
	text-align:center
}
#f {
	background:#2f2f2f;
	padding-bottom: 20px;
    padding-top: 20px;
	text-align:center
}
#f a {
    color: #fff;
}
#f a:hover {
	text-decoration:underline;
}
#f .pfblock-header {
    margin: 0;
}
#f h3 {
	color:white
}
#f i {
	font-size:26px;
	color:white;
	padding-left:10px;
	padding-right:10px
}
#c {
	background:#222;
	padding-top:15px;
	text-align:right
}
#c p {
	color:white
}
#itemwrap {
	background:url(../img/item-bg.jpg) no-repeat center top;
	margin-top:0;
	padding-top:70px;
	text-align:center;
	background-attachment:relative;
	background-position:center center;
	min-height:500px;
	width:100%;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
#itemwrap h1 {
	margin-top:40px;
	color:white;
	font-size:100px;
	font-weight:700;
	letter-spacing:3px
}
#itemwrap h2 {
	color:white;
	font-size:50px;
	font-weight:100;
	letter-spacing:2px
}
.desc {
	text-align:left
}
.desc-b {
	border-left:4px solid #bababa
}
.desc-a i {
	color:#555;
	padding-right:8px
}
.desc-b i {
	color:#555;
	padding-right:8px
}
.menu {
	position:fixed;
	right:-200px;
	width:260px;
	height:100%;
	top:0;
    z-index: 999;
	text-align:left
}
.menu.menu-open {
	right:0
}
.menu-wrap {
    position: absolute;
    top: 0;
    left: 60px;
    background: #1a1a1a;
    width: 200px;
    overflow: auto;
    height: 100%;
}
.menu h1.logo a {
	font-family:  'Work Sans';
	font-size:16px;
	font-weight:800;
	letter-spacing:.15em;
	line-height:40px;
	text-transform:uppercase;
	color:#fff;
	margin-top:20px
}
.menu h1.logo a:hover {
	color:#f85c37
}
.menu img.logo {
	margin:20px 0;
	max-width:160px
}
.menu a {
	margin-left: 20px;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.menu a:hover {
	color:#fff
}
.menu a:active {
	color:#fff
}
.menu a>i {
	float:left;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	width:25px;
	font-size:14px;
	line-height:40px;
	margin:25px 2px
}
.menu-close {
	cursor:pointer;
	display:block;
	position:absolute;
	font-size:14px;
	color:#808080;
	width:40px;
	height:40px;
	line-height:40px;
	top:20px;
	right:5px;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}
.menu-close:hover {
	color:#fff;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}
.body-push {
	overflow-x:hidden;
	position:relative;
	left:0
}
.body-push-toright {
	left:200px
}
.menu, .body-push {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
#menuToggle {
	position:absolute;
	top:10px;
	left:0;
	z-index:11;
	display:block;
	text-align:center;
	font-size:14px;
	color:#fff;
	width:40px;
	height:40px;
	line-height:40px;
	cursor:pointer;
	background:rgba(0, 0, 0, 0.8);
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-ms-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out
}
#menuToggle:hover {
	color:#fff;
	background:rgba(0, 0, 0, 0.8);
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}
.btn-theme {
	color:#fff;
	background-color:#1abc9c;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:700;
	border-radius:3px
}
.btn-theme:hover {
	cursor:pointer;
	color:white;
	background-color:#16a085
}
.team {
	padding-top:20px
}
.team:hover {
	background:white
}
.team a {
	padding-right:10px;
	padding-left:10px
}
/* NEW */

/*--------------------------------*/
/***** Portfolio Common style *****/
/*--------------------------------*/

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 100%;
	list-style: none;
	text-align: center;
}
.grid h2 {
	font-size: 15px;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: auto;
	max-width: 100%;
	width:100%;
	opacity: 0.8;
}
.grid figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
 .grid figure figcaption::before, .grid figure figcaption::after {
 pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 800;
}
.grid figure h2, .grid figure p {
	margin: 0;
}
.grid figure p {
	font-size: 68.5%;
	letter-spacing: 1px;
	text-transform: initial;
}
/*---------------*/
/***** Bubba *****/
/*---------------*/
figure.effect-bubba {
	background:#1a1a1a none repeat scroll 0 0;
}
figure.effect-bubba img {
	height: 250px;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-bubba:hover img {
	opacity: 0.4;
}
 figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
 position: absolute;
 top: 30px;
 right: 30px;
 bottom: 30px;
 left: 30px;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}
 figure.effect-bubba figcaption::before {
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 -webkit-transform: scale(0, 1);
 transform: scale(0, 1);
}
 figure.effect-bubba figcaption::after {
 border-right: 1px solid #fff;
 border-left: 1px solid #fff;
 -webkit-transform: scale(1, 0);
 transform: scale(1, 0);
}
figure.effect-bubba h2 {
	padding-top: 10%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
	color: #fff;
}
figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
}
 figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
figure.effect-bubba:hover h2, figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/* #carousel */

#carousel-example-generic .item > img {
	height: 100%;
	width: 100%;
}
.carousel-inner {
	overflow: hidden;
	position: relative;
	width: 100%;
	height:100%;
}
.carousel {
	height: 100%;
	position: relative;
	width: 100%;
}
.carousel-inner > .item {
	height: 100%;
}
.carousel-caption {
	font-size: 45px;
	font-weight: bolder;
	letter-spacing: 3px;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
	text-transform: uppercase;
	top:35%;
}
.carousel-control span {
	position: absolute;
	top: 50%;
}
/* ---------------------------------------------- /*
 *Scroll Down
/* ---------------------------------------------- */

.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 150px;
	border: 2px solid #fff;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin-left: -15px;
	display: block;
	z-index: 10;
	text-align: center;
}
.scroll-down span {
	position: relative;
	color: #fff;
	-webkit-animation-name: drop;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-name: drop;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-play-state: running;
}
 @-webkit-keyframes drop {
 0% {
top:0px;
opacity: 0;
}
 30% {
top:10px;
opacity: 1;
}
 100% {
top:25px;
opacity: 0;
}
}
 @keyframes drop {
 0% {
top:0px;
opacity: 0;
}
 30% {
top:10px;
opacity: 1;
}
 100% {
top:25px;
opacity: 0;
}
}
/* ---------------------------------------------- /*
 * General Styles
/* ---------------------------------------------- */
section#home {
    position: relative;
}
.pfblock {
	padding: 80px 0;
}
.pfblock-gray {
	background: #f5f5f5;
}
.pfblock-image {
	padding: 0;
}
.calltoaction h1, .calltoaction h2, .calltoaction h3, .calltoaction h4, .calltoaction h5, .calltoaction h6, .pfblock-image, .pfblock-image h1, .pfblock-image h2, .pfblock-image h3, .pfblock-image h4, .pfblock-image h5, .pfblock-image h6 {
	color: #fff;
}
.pfblock-header {
	text-align: center;
	margin: 0 0 60px;
}
.pfblock-header-left {
	text-align: left;
}
.pfblock-line {
	background: rgba(135, 135, 135, 0.5) none repeat scroll 0 0;
	height: 1px;
	margin: 30px auto;
	width: 100px;
}
.pfblock-title {
	font-weight: 500;
	text-transform:uppercase;
}
.pfblock-subtitle {
	font-family:  'Work Sans';
	font-style: normal;
	font-size: 18px;
}
.pfblock-subtitle {
	font-family:  'Work Sans';
	font-size: 18px;
	font-style: normal;
	margin: 0 0 20px;
	padding: 0;
}
.pfblock-icon {
	font-size: 32px;
}
.calltoaction * {
	text-align: center;
}
.calltoaction {
	background-color: #222;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 130px 0;
	color: #999;
}
.calltoaction h2 {
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.calltoaction-decription {
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 20px;
	color: #fff;
}
.calltoaction-btn {
	text-align: center;
}
.calltoaction-btn > .btn {
	background: rgba(255, 255, 255, .8);
	color: #111;
	margin-top: 5px;
	margin-bottom: 5px;
}
.calltoaction-btn > .btn:hover {
	background: #fff;
}
.long-down {
	margin-bottom: 40px;
}
.btn.book_now_btn {
    display: none;
}
/* =-=-=-=-=-=-= Portfolio  =-=-=-=-=-=-= */

ul#filter {
	margin-bottom: 50px;
}
ul#filter li {
	font-size: 16px;
	line-height: 25px;
	padding: 7px 20px;
	border-radius: 20px;
	cursor: pointer;
}
ul#filter li.active {
	background-color: #2f2f2f;
	color: #fff;
}
/*Filter Square Style*/
ul#filter.filter-square li {
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 5px 20px;
	margin: 2px;
	text-transform: uppercase;
}
ul#filter.filter-square li:hover {
	background-color:#d6b161;
	color: #fff;
	border: 1px solid #d6b161;
	text-transform: uppercase;
}
ul#filter.filter-square li.active {
	border: 1px solid transparent;
}
/*End Filter Square Style*/


/*Filter Rounded Style*/
ul#filter.filter-rounded li {
	border: 0;
	border-radius: 3px;
	background-color: #E0E0E0;
	padding: 5px 20px;
	margin: 2px;
}
ul#filter.filter-rounded li.active {
	background-color: #1B2E3F;
}
/*End Filter Square Style*/


/*Filter Transparent Style*/
ul#filter.filter-transparent li {
	color: #a9a8a8;
	padding: 5px 15px;
	font-size: 14px;
	text-transform: uppercase;
}
ul#filter.filter-transparent li.active {
	background-color: transparent;
	color: #d6b161;
}
/*End Filter Transparent Style*/




ul#portfolio-grid {
	overflow: hidden;
	margin-bottom:0;
}
ul#portfolio-grid li img {
	height: 240px;
	width: 100%;
}
ul#portfolio-grid>li {
	float: left;
	display: block;
	height: auto;
}
/*Five Column Portfolio*/
ul#portfolio-grid.five-column>li {
	width: 20%;
}
/*Four Column Portfolio*/
ul#portfolio-grid.four-column>li {
	width: 20%;
}
/*Three Column Portfolio*/
ul#portfolio-grid.three-column>li {
	width: 33.33%;
}
/*Two Column Portfolio*/
ul#portfolio-grid.two-column>li {
	width: 50%;
}
@media (max-width: 1199px) {
 ul#portfolio-grid.five-column>li {
 width: 25%;
}
}
 @media (max-width: 991px) {
 ul#portfolio-grid.five-column>li, ul#portfolio-grid.four-column>li {
 width: 33.33%;
}
}
@media (max-width: 767px) {
 ul#portfolio-grid.five-column>li, ul#portfolio-grid.four-column>li, ul#portfolio-grid.three-column>li {
  width: 33.33% !important;
}
	
}
@media (max-width: 480px) {
 ul#portfolio-grid.five-column>li, ul#portfolio-grid.four-column>li, ul#portfolio-grid.three-column>li, ul#portfolio-grid.two-column>li {
 width: 100%;
}
}
.portfolio-item.gutter {
	margin-bottom: 20px!important;
}
.portfolio {
	position: relative;
	overflow: hidden;
}
/* Portfolio overlay default
/* ------------------------------ */
.portfolio .tt-overlay {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
.portfolio:hover .tt-overlay {
	opacity: 1;
	visibility: visible;
}
.portfolio-info .project-title, .portfolio-info .links {
	position: absolute;
	left: 0;
	color: #fff;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}
.portfolio-info .project-title {
	top: 60%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.portfolio:hover .portfolio-info .project-title {
	top: 35%;
	opacity: 1;
	visibility: visible;
}
.portfolio-info .links {
	top: 90%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.portfolio:hover .portfolio-info .links {
	top: 55%;
	opacity: 1;
	visibility: visible;
	color:#d6b161;
}
.portfolio-info .btn {
	background-color: transparent;
	border-color: #fff;
	padding: 12px 22px;
	border-radius: 20px;
}
.portfolio-info .btn:hover {
	background-color: #fff;
	;
	border-color: #fff;
	color: #d6b161;
}
.portfolio-container .btn.view-more {
	margin-top: 40px;
}
/* Portfolio Hover Style Two
/* ------------------------------ */

.hover-two .portfolio:hover .portfolio-info .links {
	top: 46%;
}
.hover-two .portfolio .tt-overlay {
	background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-details {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.portfolio-details li {
	display: inline-block;
	position: relative;
	bottom: -40px;
	opacity: 0;
	visibility: hidden;
	transform: translateZ(0);
}
.portfolio:hover .portfolio-details li {
	bottom: 0;
	opacity: 1;
	visibility: visible;
	color:#d6b161;
}
.portfolio:hover .portfolio-details li:nth-child(1) {
 -webkit-transition: 0.3s;
 -moz-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
}
.portfolio:hover .portfolio-details li:nth-child(2) {
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;
}
.portfolio-details li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #d6b161;
}
.portfolio-details li a i {
	color: #fff;
}
ul#portfolio-grid {
	margin: 0 !important;
	overflow: hidden;
	padding: 0 !important;
}
.facility {
	color: rgb(0, 0, 0);
	float: left;
	font-size: 15px;
	font-weight: 300;
	line-height: 17px;
	margin-top: 10px;
	padding: 0 15px 0 0;
	text-align: left;
	width: 25%;
}
.iconbox-desc > ul {
	display: inline-block;
}
.iconbox {
	background: #ffffff none repeat scroll 0 0;
	border-bottom: 1px solid #d4d4d4;
	margin: 0 0 20px;
	padding: 40px 20px;
	text-align: center;
	width: 100%;
}
#owl-demo-content .item {
	margin: 3px;
}
#owl-demo-content.item img {
	display: block;
	width: 100%;
	height: auto;
}
#owl-demo-content .item > img {
	width: 100%;
}
#owl-demo-content .item > a {
	background: rgb(0, 0, 0) none repeat scroll 0 0;
	bottom: 5px;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-weight: 400;
	padding: 5px 10px;
	position: absolute;
	right: 5px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
.pfblock-gray {
	background: rgb(245, 245, 245) none repeat scroll 0 0;
}
#gallery.pfblock {
	padding-bottom: 0;
}
.widget_div {
	background: #2F2F2F;
	bottom: -11px;
	display: inline-block;
	height: auto;
	left: 0;
	padding: 30px 0;
	position: absolute;
	width: 100%;
	z-index: 11;
}
.btn-book {
	padding: 16px 30px;
}
.form-group .fa.fa-calendar {
	color: rgb(255, 255, 255);
	position: absolute;
	right: 30px;
	top: 15px;
	z-index: -2;
}
.button-checkbox label {
	color: rgb(234, 234, 234);
}
.widget_div .form-group input[type="text"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid rgb(239, 239, 239);
	color: rgb(255, 255, 255);
	font-size: 16px;
	height: 50px;
	padding: 13px;
	cursor: pointer;
	text-transform: uppercase;
}
.button-checkbox {
	display: inline-block;
	height: 50px;
	margin-left: 0;
	vertical-align: middle;
	width: auto;
}
.button-checkbox label {
	cursor: pointer;
	padding: 5px 0px;
	font-weight: lighter;
	text-transform: uppercase;
}
/*** custom checkboxes ***/

input[type=checkbox] {
	display:none;
} /* to hide the checkbox itself */
input[type=checkbox] + label:before {
	font-family: FontAwesome;
	display: inline-block;
}
input[type=checkbox] + label:before {
	content: "\f096";
	font-size: 32px;
	height: auto;
	padding: 0;
	vertical-align: middle;
} /* unchecked icon */
input[type=checkbox] + label:before {
	letter-spacing: 10px;
} /* space between checkbox and label */
input[type=checkbox]:checked + label:before {
	content: "\f046";
} /* checked icon */
input[type=checkbox]:checked + label:before {
	letter-spacing: 5px;
} /* checked icon */
.btn-xs.btn-book {
	border-radius: 3px;
	border: none;
	text-transform: uppercase;
	padding: 15px 30px;
	font-size: 15px;
}
/* entypo */
[class*="fa-"]:before {
 font-family: FontAwesome;
}
ul {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
#sticky-social {
	left: 0;
	position: fixed;
	top: 150px;
	z-index: 99;
}
#sticky-social a {
	background: #333;
	color: #fff;
	display: block;
	height: 35px;
	font: 16px "Open Sans", sans-serif;
	line-height: 35px;
	position: relative;
	text-align: center;
	width: 35px;
}
#sticky-social a:hover span {
	left: 100%;
}
#sticky-social a span {
	line-height: 35px;
	left: -120px;
	position: absolute;
	text-align:center;
	width:120px;
}
 #sticky-social a[class*="facebook"], #sticky-social a[class*="facebook"]:hover, #sticky-social a[class*="facebook"] span {
background: #3b5998;
}
 #sticky-social a[class*="twitter"], #sticky-social a[class*="twitter"]:hover, #sticky-social a[class*="twitter"] span {
background: #00aced;
}
 #sticky-social a[class*="google-plus"], #sticky-social a[class*="google-plus"]:hover, #sticky-social a[class*="google-plus"] span {
background: #dd4b39;
}
 #sticky-social a[class*="tripadvisor"], #sticky-social a[class*="tripadvisor"]:hover, #sticky-social a[class*="tripadvisor"] span {
background:#589442;
}
 #sticky-social a[class*="linkedin"], #sticky-social a[class*="linkedin"]:hover, #sticky-social a[class*="linkedin"] span {
background: #007bb6;
}
 #sticky-social a[class*="instagram"], #sticky-social a[class*="instagram"]:hover, #sticky-social a[class*="instagram"] span {
background: #000;
}
 #sticky-social a[class*="envelope-o"], #sticky-social a[class*="envelope-o"]:hover, #sticky-social a[class*="envelope-o"] span {
background: #58AACF;
}
 #sticky-social a[class*="phone"], #sticky-social a[class*="phone"]:hover, #sticky-social a[class*="phone"] span {
background: #517fa4;
}


/*PF BLOCK*/
.pfblock-subtitle:nth-child(odd) .block .col-lg-7.padding0 {
 float:left;
}
.pfblock-subtitle:nth-child(odd) .block .col-lg-5.padding0 {
 float:right;
}
.pfblock-subtitle:nth-child(even) .block .col-lg-7.padding0 {
 float:right;
}
.pfblock-subtitle:nth-child(even) .block .col-lg-5.padding0 {
 float:left;
}
.mix_all {
	cursor: pointer;
}
.standard-promo-info {
	padding:20px;
	text-align:left;
}
#owl-demo a {
	cursor:pointer;
}
.standard-promo-info h3.standard-promo-title:after {
	background: #2D2D2D;
	content: "";
	display: block;
	height: 2px;
	margin-top: 15px;
	width: 170px;
}
.standard-promo-info p {
	text-align: left !important;
	display: inline-block;
	max-height: 170px;
	width: 100%;
}
.standard-promo-info h3 {
	text-align:left;
	font-size:20px;
}
.standard-promo-info h3.standard-promo-title {
	font-size: 20px;
	margin: 0 0 15px;
	text-align: left;
	text-transform: uppercase;
	font-weight: 500;
}
.pfblock-subtitle {
	font-family:  'Work Sans';
	font-size: 18px;
	font-style: normal;
	margin: 0 0 20px;
	padding: 0;
}
.item img {
	display: block;
	max-width: 100%;
}
.btn {
	border: 0 none;
	font-family:  'Work Sans';
	font-size: 14px !important;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.btn-default {
	background-color: #2f2f2f;
	background-image: none;
	border-radius: 0;
	color: #ffffff;
	padding: 10px;
}
.mix .thumbnail > img {
	height: 230px;
	width: 100%;
    object-fit: cover;
}
.block .carousel.slide .carousel-inner img {
	height: 290px;
	min-height: 290px;
	width:100%;
}
.btn-readmore {
	margin-top: 10px;
}
.d-flex {
	display: inline-block;
	width: 100%;
}
.padding0 {
	padding: 0;
}
/*PF BLOCK*/


.modal-lg {
	width: 900px;
}
/*Model Lg*/
.modal .modal-content .carousel.slide {
	border: 1px solid #cccccc;
	float: left;
	height: 250px;
	margin: 0 20px 10px 0;
	padding: 6px;
	width: 40%;
}
#portfolio .carousel {
	float: left;
	margin-right: 14px;
	position: relative;
	width: 44%;
}
.desc {
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 17px;
	margin-top: 0;
	text-align: justify;
}
.desc {
	width: 100%;
}
.fac {
	float: left;
	width: 100%;
}
.roomfacility {
	color: #000000;
	float: left;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 17px;
	margin-top: 10px;
	padding: 0 15px 0 0;
	text-align: left;
	width: 25%;
}
.modal-body h4 {
	font-weight: 500;
	margin: 10px 0;
}
.modal-content .modal-body .carousel-inner .item img {
	height: 235px;
	width: 100%;
}
.modal-body ul {
	color: #000000;
	margin: 0;
	padding: 0 12px;
}
.modal-body h4 {
	font-weight: 500;
	margin: 10px 0;
	text-transform: uppercase;
}
.modal-title {
	text-transform: uppercase;
	font-weight: 500;
}
.modal .carousel-control span {
    position: absolute;
    right: 20px;
    top: 50%;
}
/*Model Lg*/

/**
2.3 Thumbnails - Predefined bootstrap's thumbnail class.
**********/
 .thumbnail {
	width:100%;
	height:100%;
	padding:0;
	overflow: hidden;
	position: relative;
	border:0;
	border-radius:0;
	box-shadow:none;
	text-align:center;
	background: #191a1c;
}
.thumbnail .more {
	display:block;
	z-index:4;
	position:absolute;
	top:-100px;
	left:50%;
	margin:0 auto;
	margin-left:-41px;
	width:80px;
	height:80px;
	font-size:40px;
	color:#fff;
	text-decoration:none;
	line-height: 70px;
	text-align: center;
}
.thumbnail:hover .more {
	top:40%;
	margin-top:-40px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3 s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.thumbnail h3, .thumbnail p {
	margin:0;
	padding:0;
	position:relative;
	z-index:4;
}
.thumbnail h3 {
	font-weight: 400;
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;
	margin-top: 10px;
}
.thumbnail > p {
	padding-bottom:20px;
}
.thumbnail .mask {
	cursor:pointer;
	opacity:0.3;
	filter: alpha(opacity=85);
	top:100%;
	left:0;
	width:100%;
	height:100%;
	background:#181A1C;
	position:absolute;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2 s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.thumbnail:hover .mask {
	top:0;
}
/*Thumbnails*/

/*Owl Box*/
.owl-item .item > img {
	height: 280px;
	width: 100%;
}
.item > h4 {
	color: #ffffff;
	font-size: 18px;
	padding: 0 30px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
	top: 13px;
	width: 97%;
	font-weight: 400;
	text-transform: uppercase;
}
/* Owl Box */


/* Slider Home Page */
#owl-demo .item img {
	display: block;
	width: 100%;
	height: 100%;
}
#home .owl-pagination {
	display: none !important;
}
.thumbnails.row li {
	list-style: outside none none;
	margin-bottom: 25px;
}
/* Slider Home Page */
.menu-wrap .logo a img {
	max-width: 130px;
	width: 100%;
}
#f h3 {
	color: #ffffff;
	line-height: 25px;
	font-size: 20px;
}
#f .f_title {
	font-size: 25px;
	color: #ffffff;
}
#gallery.pfblock.section-padding {
	padding-bottom: 70px;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
	right: 80px !important;
}
.btn.book_now_btn {
	display:none;
}
div#menuToggle.active .fa-reorder:before {
	content: "\f00d";
}

/* */
/* ---------------------------------------------- /*
 * Scroll to top
/* ---------------------------------------------- */

.scroll-up {
	position: fixed;
	display: none;
	z-index: 999;
	bottom: 2em;
	right: 2em;
}
.scroll-up a {
	background-color: rgba(135, 135, 135, 0.5);
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 30px;
}
.scroll-up a:hover, .scroll-up a:active {
	background-color: rgba(235, 235, 235, .8);
	color: #e7746f;
}
/* ---------------------------------------------- /*
 *Scroll Down
/* ---------------------------------------------- */

.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 150px;
	border: 2px solid #fff;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin-left: -15px;
	display: block;
	z-index: 10;
	text-align: center;
}
.scroll-down span {
	position: relative;
	color: #fff;
	-webkit-animation-name: drop;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-name: drop;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-play-state: running;
}
 @-webkit-keyframes drop {
 0% {
top:0px;
opacity: 0;
}
 30% {
top:10px;
opacity: 1;
}
 100% {
top:25px;
opacity: 0;
}
}
 @keyframes drop {
 0% {
top:0px;
opacity: 0;
}
 30% {
top:10px;
opacity: 1;
}
 100% {
top:25px;
opacity: 0;
}
}

/* */

/* Datepiker Css */
div#ui-datepicker-div {
    border-radius: 0px;
    padding: 0px;
    border: none;
}
#ui-datepicker-div .ui-datepicker {
    padding: 0 !important;
    width: 20em;
}
#ui-datepicker-div .ui-widget {
    border-radius: 1px;
    height: auto;
    border: medium none;
    padding: 0;
    width: 100%;
}
#ui-datepicker-div .ui-datepicker td span, #ui-datepicker-div .ui-datepicker td a {
    padding: 5px 0;
}
#ui-datepicker-div .ui-datepicker-header {
    background: #555555 none repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    height: 33px;
    margin: 0;
    padding: 0;
}
#ui-datepicker-div  .ui-datepicker .ui-datepicker-prev span, #ui-datepicker-div  .ui-datepicker .ui-datepicker-next span {
    top: 75%;
}
#ui-datepicker-div .ui-widget-header .ui-icon{
	background-color:#fff;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next ,#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: rgb(255, 255, 255);
    margin: 0;
    padding: 0;
}
#ui-datepicker-div .ui-datepicker-next .fa-arrow-circle-right::before {
    content: "\f061";
}
#ui-datepicker-div .ui-datepicker-prev .fa-arrow-circle-left::before {
    content: "\f060";
}
#ui-datepicker-div .ui-datepicker-title {
    height: 30px;
    padding:0;
    vertical-align: middle;
}
#ui-datepicker-div .ui-datepicker {
    padding: 0;
    width: 20em;
}
#ui-datepicker-div .ui-datepicker td span, #ui-datepicker-div .ui-datepicker td a {
    display: block;
    padding: 8px 0 7px;
    text-align: center;
    text-decoration: none;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover {
    background: #000000 none repeat scroll 0 0;
    border: medium none;
}
#ui-datepicker-div .ui-datepicker .ui-datepicker-prev {
    left: 0;
}
#ui-datepicker-div .ui-datepicker td span,.ui-datepicker td a{
	text-align:center;
	padding: 30px 10px;
}
#ui-datepicker-div tbody td {
    border: medium none !important;
    font-size: 14px;
}
#ui-datepicker-div .ui-widget-content {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #e3e3e3 !important;
    box-shadow: 0 0 3px #dddddd;
    color: #333333;
}
#ui-datepicker-div .ui-datepicker td{
	 padding: 0;
	 border-collapse: collapse;
}
#ui-datepicker-div .ui-datepicker table{
	 border-collapse: collapse;
}
#ui-datepicker-div table {
    background-color: #ffffff;
    font-family: "Open Sans",sans-serif !important; 
	margin:0 !important;
	font-size: inherit !important;
}
#ui-datepicker-div table tr th{
    color: #393737;
    font-family: "Open Sans",sans-serif !important;
    font-weight: normal;
    text-transform: uppercase;
}
#ui-datepicker-div .ui-state-highlight,  .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight {
    background: #555555 none repeat scroll 0 0;
    color: #ffffff;
}
#ui-datepicker-div .ui-state-default, ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border:0 solid #ffffff !important;
}
#ui-datepicker-div .ui-datepicker td {
    font-size: 14px;
    padding: 1px;
}
#ui-datepicker-div thead tr:last-child th {
    padding: 0;
	background: #ffffff none repeat scroll 0 0;
}
/* #ui-datepicker-div thead tr th:nth-child(1):after{
	content:'Sun';
}
#ui-datepicker-div thead tr th:nth-child(2):after{
	content:'Mon';
}
#ui-datepicker-div thead tr th:nth-child(3):after{
	content:'Tue';
}
#ui-datepicker-div thead tr th:nth-child(4):after{
	content:'Wed';
}
#ui-datepicker-div thead tr th:nth-child(5):after{
	content:'Thu';
}
#ui-datepicker-div thead tr th:nth-child(6):after{
	content:'Fri';
}
#ui-datepicker-div thead tr th:nth-child(7):after{
	content:'Sat';
} 
#ui-datepicker-div thead tr th span{
	display:none;
}*/
#ui-datepicker-div thead tr th span {
    display: block;
    font-size: 12px;
    padding: 10px 0;
}
#ui-datepicker-div .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-year{
	font-family: "Open Sans",sans-serif !important;
    font-weight: normal;
    text-transform: uppercase;
	font-size: 14px;
    width: auto;
}
#ui-datepicker-div .ui-state-active, .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, #ui-datepicker-div a.ui-button:active, .ui-button:active, #ui-datepicker-div .ui-button.ui-state-active:hover {
    background: #2f2f2f none repeat scroll 0 0;
    border: 1px solid #2f2f2f;
    color: #ffffff;
    font-weight: normal;
}
/* Datepiker Css */

.logo.h_logo {
    left: 40px;
    position: absolute;
    top: 30px;
    z-index: 99;
}

/* Media */
@media (max-width: 767px) {
 .visible-xs {
 display: block !important;
}
 tr.visible-xs {
 display: table-row !important;
}
 th.visible-xs, td.visible-xs {
 display: table-cell !important;
}
.screen-height {
 height: 100% !important;
}
#home a.smoothScroll {
 display: none !important;
}
.pfblock {
 padding: 60px 0 !important;
}
.pfblock-title {
 font-weight: 500;
 font-size: 20px;
}
.facility {
 width: 100% !important;
}
.container {
 padding-right: 35px !important;
 padding-left: 35px !important;
}
figure.effect-bubba img {
 height: 210px !important;
}
.standard-promo-info {
 display: inline-block !important;
}
.standard-promo-info p {
 font-size: 15px !important;
}
.block .carousel.slide .carousel-inner img {
 height: 190px !important;
 min-height: 190px !important;
}
.thumbnails.row li {
 margin-bottom: 10px !important;
}
.owl-theme .owl-controls .owl-page span {
 width: 15px !important;
}
.owl-item .item > img {
 height: 210px !important;
}
.modal-lg {
 width: 100% !important;
}
.modal .modal-content .carousel.slide {
 width: 100% !important;
}
.carousel-control.right {
 right: 20px !important;
}
	.grid {
 margin: 0 auto !important;
 padding: 0 !important;
 display: inline-block !important;
 width: 100% !important;
}
.roomfacility {
 width: 50% !important;
}
.mix .thumbnail > img {
 height: 190px !important;
}
.thumbnail h3 {
 font-weight: normal;
 font-size: 13px;
}
.btn.book_now_btn {
 background: #212121 none repeat scroll 0 0;
 color: #ffffff;
 font-weight: bold;
 padding: 5px 0px;
 width: 130px;
 margin: 0 auto;
 left: 35%;
 display: block !important;
 float: left !important;
 position: absolute;
 margin-top: 15px;
 border-radius: 0px;
}
.btn.book_now_btn:before {
 content: "\f274";
 font: normal normal normal 14px/1 FontAwesome;
 margin: 0px 7px 0px 0px;
}
.carousel-control.left {
    margin-left: 40px;
}
.logo.h_logo img {
    width: 90px;
}
.menu a {
	padding-right: 40px;
	line-height: 15px;
    margin: 15px 14px;
	font-size: 12px;
}
.logo.h_logo{
	display: none !important;
}
 ul#portfolio-grid li img {
    height: 120px !important;
 }
ul#filter.filter-square li {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0px 5px;
    font-size: 14px;
    margin: 2px;
    text-transform: uppercase;
}	 
.portfolio-container ul#filter {
    margin-bottom: 20px;
    padding: 0px 35px;
}
#home .widget_div {
    display: none;
}
.btn.book_now_btn {
    background: #212121 none repeat scroll 0 0;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 0px;
    width: 130px;
    margin: 0 auto;
    left: 35%;
    display: block !important;
    float: left !important;
    position: absolute;
    margin-top: 15px;
    border-radius: 0px;
}	
#home .widget_div {
    padding: 15px 15px;
    width: 74%;
    z-index: 11;
    margin: 53px 13% 30px 13%;
    position: relative;
    top: 0;
}
#home .widget_div:before {
    content: "";
    position: absolute;
    height: 0px;
    width: 0;
    border-style: solid;
    border-width: 14px;
    border-color: transparent transparent #2F2F2F transparent;
    top: -20px;
    left: 45%;
    right: 0px;
}
#home .widget_div .container {
    padding: 0px !important;
}
#home .widget_div .form-group input[type="text"]{
     height: 33px;
    padding: 5px 10px;
    font-size: 12px;
}	
#home .widget_div .btn-xs.btn-book {
    padding: 4px 19px;
    font-size: 13px;
    background: #fff;
}
input[type=checkbox] + label:before {
    font-size: 18px;
}
#home .widget_div .form-group .fa.fa-calendar {
    right: 27px;
    top: 10px;
}
#home .widget_div .button-checkbox {
    display: none;
}
#home .widget_div .button-checkbox label{
	padding: 0;
	color: rgb(189, 189, 189);
	 font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm {
 display: block !important;
}
 tr.visible-sm {
 display: table-row !important;
}
 th.visible-sm, td.visible-sm {
 display: table-cell !important;
}
.screen-height {
 height: 620px !important;
}
#home #owl-demo .item img {
 height: 500px !important;
}
.widget_div {
	
}
figure.effect-bubba img {
 height: 240px !important;
}
.modal-lg {
 width: 600px !important;
}
#Accommodation .modal .modal-content .carousel.slide {
 height: 100% !important;
 width: 100% !important;
}
#Accommodation .container .modal .modal-content .carousel-inner .item img {
 height: 350px !important;
 width: 100% !important;
}
.desc {
 width: 100% !important;
}
.carousel {
 height: auto !important;
}
.modal .modal-content .carousel-inner .item img {
 height: 130px !important;
 min-height: 130px !important;
 width: 100% !important;
}
.block .carousel.slide .carousel-inner img {
 height: 250px;
 min-height: 250px;
 width: 100%;
}
.mix .thumbnail > img {
 height: 140px;
 width: 100%;
}
.owl-item .item > img {
 height: 210px;
}
ul#portfolio-grid li img {
 height: 180px !important;
 width: 100%;
}
.button-checkbox label {
 cursor: pointer;
 padding: 10px 0px;
}
input[type=checkbox] + label:before {
 font-size: 16px;
 height: auto;
 padding: 0;
 vertical-align: middle;
}
.button-checkbox {
 display: inline-block;
 height: 50px;
 margin-left: 0;
 vertical-align: middle;
 width: 115px;
}
.btn-xs.btn-book {
 padding: 16px 19px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md {
 display: block !important;
}
 tr.visible-md {
 display: table-row !important;
}
 th.visible-md, td.visible-md {
 display: table-cell !important;
}
.screen-height {
 height: 655px !important;
}
#home #owl-demo .item img {
 height: 530px !important;
}
.widget_div {
 bottom:0px !important;
}
figure.effect-bubba img {
 height: 240px !important;
}
.modal-lg {
 width: 600px !important;
}
#Accommodation .modal .modal-content .carousel.slide {
 height: 100% !important;
 width: 100% !important;
}
#Accommodation .container .modal .modal-content .carousel-inner .item img {
 height: 350px !important;
 width: 100% !important;
}
.desc {
 width: 100% !important;
}
.carousel {
 height: auto !important;
}
.modal .modal-content .carousel-inner .item img {
 height: 130px !important;
 min-height: 130px !important;
 width: 100% !important;
}
.block .carousel.slide .carousel-inner img {
 height: 250px;
 min-height: 250px;
 width: 100%;
}
.mix .thumbnail > img {
 height: 170px;
 width: 100%;
}
.owl-item .item > img {
 height: 210px;
}
.button-checkbox label {
 cursor: pointer;
 padding: 10px 0px;
}
input[type=checkbox] + label:before {
 font-size: 20px;
 height: auto;
 padding: 0;
 vertical-align: middle;
}
input[type=checkbox] + label:before {
 letter-spacing: 7px;
}
}
@media (min-width: 1200px) {
 .visible-lg {
 display: block !important;
}
 tr.visible-lg {
 display: table-row !important;
}
 th.visible-lg, td.visible-lg {
 display: table-cell !important;
}
}
@media (min-width: 565px) and (max-width: 570px) {
#sticky-social {
    top: 5px ;
}
.owl-item .item > img {
    height: 260px !important;
}
}
@media (min-width: 665px) and (max-width: 670px) {
#sticky-social {
    top: 5px ;
}.owl-item .item > img {
    height: 260px !important;
}
}
@media (min-width: 735px) and (max-width: 738px) {
#sticky-social {
    top: 5px ;
}
.owl-item .item > img {
    height: 300px !important;
}
}
@media (min-width: 595px) and (max-width: 600px) {
#sticky-social {
    top: 5px ;
}
}

/* Media */



/* Widget CSS*/
/* CSS Document */
#BE_widget * {
	font-family: 'Open Sans', sans-serif !imporatnt;
}
#BE_Widget .Rooms_Count {
	background: #e6e6e6;
}
#BE_Widget .count-input {
	position: relative;
	width: auto;
	max-width: 100%;
	margin: 5px 0;
	display: flex;
	background: #f7f7f7;
	padding: 0;
}
#BE_Widget .Adult, .Child {
    margin: 8px 8px 8px 8px;
    padding: 0px;
}
#BE_Widget .Rooms_Count label {
    padding: 20px 9px;
    font-size: 13px;
    width: 75px;
    text-align: center;
}
#BE_Widget .count-input input {
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 0;
    background: none;
    text-align: center;
}

#BE_Widget .count-input input:focus {
	outline: none;
}
#BE_Widget .count-input .incr-btn {
    width: 15px;
    height: 25px;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    line-height: 10px;
    margin-top: 0;
    text-decoration: none;
    background: #fff;
    color: #000;
    padding: 5px 0px;
    display: inline-block;
}

#BE_Widget .count-input .incr-btn:first-child {
	right: auto;
	left: 0;
	top: 46%;
}
#BE_Widget .count-input.count-input-sm {
	max-width: 125px;
}
#BE_Widget .count-input.count-input-sm input {
	height: 36px;
}
#BE_Widget .count-input.count-input-lg {
	max-width: 200px;
}
#BE_Widget .count-input.count-input-lg input {
	height: 70px;
	border-radius: 3px;
}
#BE_Widget .guestPickerDiv {
	display: none;
}
#BE_Widget .guestPickerDivWrap.On .guestPickerDiv {
    display: flex;
    position: absolute;
    width: 100%;
    z-index: 8;
    background: #fff;
    padding: 0px 5px;
    margin-top: 5px;
    bottom: 60px;
    flex-direction: column-reverse;
}
#BE_Widget .guestPickerDivWrap.On .guestPickerDiv.guestPickerDiv_pos {
    display: inline-table;
    position: absolute;
    top: 50px;
}
#BE_Widget .HotelList {
	max-width: 200px;
	width: 100%;
	overflow: visible;
	display: inline-block;
}
#BE_Widget .CheckInDiv, #BE_Widget .CheckOutDiv {
	max-width: 160px;
	width: 100%;
	overflow: visible;
	margin-right: 15px;
	display: inline-block;
	position: relative;
}
#BE_Widget .PromoCode {
	max-width: 160px;
	width: 100%;
	overflow: visible;
	margin-right: 15px;
	display: inline-block;
	position: relative;
}
#BE_Widget .PromoCode .fa-icon::after {
	content: none;
}
#BE_Widget .CheckInDiv input, #BE_Widget .CheckOutDiv input, #BE_Widget .PromoCode input {
	width: 100%;
	/*	border: 1px solid #bfbfbf; */
	outline: none;
	background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: 1px solid #efefef;
	border-radius: 3px;
    color: #fff;
    height: 50px;
    padding: 13px;
	font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}
#BE_Widget .guestPickerDivWrap {
    max-width: 295px;
    width: 100%;
    overflow: visible;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}	
#BE_Widget label.label-title {
	width: 100%;
	float: left;
	font-weight: 500;
	font-size: 14px;
	text-transform: none;
}
#BE_Widget .HotelList select {
	width: 100%;
	height: 35px;
	padding: 0px 0px 0px 10px;
	/*	border: 1px solid #bfbfbf; */
    border-radius: 3px;
	border: 1px solid #efefef;
	background: #f7f7f7;
	outline: none;
	box-shadow: 2px 2px 2px #eaeaea;
	font-weight: bold;
	color: #696969;
}
#BE_Widget div {
/* margin: 0px 5px 0px 0px; */
}

#BE_Widget label {
    font-weight: 400;
    width: 100%;
    float: left;
    margin: 0px 0px 6px 0px;
    font-size: 15px;
    text-transform: initial;
}

#BE_Widget .guestPickerDivWrap .guestPickerInput {
	width: 100%;
	/*	border: 1px solid #bfbfbf; */
	border: 1px solid #efefef;
	border-radius: 3px;
	outline: none;
	background: rgba(0,0,0,0) none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    padding: 13px;
    cursor: pointer;
}
#BE_Widget .BookNow {
	height: 50px;
	width: auto;
	text-align: center;
	display: inline;
	color: #fff;
	text-decoration: none;
}
#BE_Widget .fa-icon {
	float: inherit;
	display: inline-block;
	position: relative;
}
#BE_Widget .fa-icon::after {
    content: "\f133";
    position: absolute;
    color: #fff;
    z-index: 99;
	right: 15px;
	top: 7px;
    font-size: 18px;
	font-family: "FontAwesome";
}
#BE_Widget .count-input .Adult label, #BE_Widget .count-input .Child label {
	font-size: 12px;
}
#BE_Widget .inc-div {
	background: #fff;
	display: inline-block;
}
#BE_Widget .guestPickerInput ~ .ion-plus-circled {
	position: absolute;
	right: 20px;
	top: 33px;
	font-size: 17px;
}
#BE_Widget .guestPickerDivWrap .ion-plus-div {
	float: inherit;
	position: relative;
	cursor: pointer;
	display: inline-block;
}
#BE_Widget .guestPickerDivWrap .ion-plus-div::after {
	content: "\f055";
	position: absolute;
	color: #fff;
	z-index: 99;
	right: 17px;
	top: 7px;
	font-family: "FontAwesome";
	font-size: 17px;
}
#BE_Widget .guestPickerDivWrap.On .ion-plus-div::after {
	content: "\f056";
}
#BE_Widget input::selection {
	color: transparent;
}
#BE_Widget .button-checkbox {
    display: inline-block;
    height: 50px;
    margin-left: 0;
    vertical-align: middle;
    max-width: 140px;
    width: 100%;
}
#BE_Widget input[type="checkbox"] + label::before {
	font-size: 25px;
}
.Add_Room {
	/* position: absolute;
	right: -38px;
	top: 13px; */
	background: #ddd;
	border-radius: 0px;
	display: inline-block;
	height: 28px;
	margin-top: 30px;
	margin-right: 10px;
	text-align: center;
}
.Add_Room a {
    padding: 0;
    width: 25px;
    text-decoration: none;
    display: block;
    color: black;
}
.Add_Room a .fa {
    font-size: 14px;
}
.Add_Room a:hover span {
	left: 100%;
    display: inline-block;
    background: #fff;
    box-shadow: 2px 0px 4px #ddd;
    font-size: 12px;
}
.Add_Room a span {
	line-height: 27px;
	left: -120px;
	position: absolute;
	text-align: center;
	width: 95px;
	display: none;
	height: 29px;
	top: 28px;
	font-size: 15px;
}
#BE_Widget {
    background: transparent;
    display: inline-block;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
}
/* Media CSS */

@media (max-width: 1200px){
	#BE_Widget .CheckInDiv, #BE_Widget .CheckOutDiv{max-width: 135px;}
	#BE_Widget .button-checkbox{float: none;}
	#BE_Widget .PromoCode{max-width: 100px;}
	#BE_Widget .guestPickerDivWrap{max-width: 220px;}
	#BE_Widget .guestPickerDivWrap.On .guestPickerDiv {width: 300px;right: -10px;z-index: 999;}
}

@media (max-width: 767px) {
#BE_Widget .HotelList {
	max-width: 100% !important;
}
#BE_Widget .CheckInDiv, #BE_Widget .CheckOutDiv, #BE_Widget .PromoCode {
	max-width: 100% !important;
}
#BE_Widget .guestPickerDivWrap {
	max-width: 100% !important;
}
#BE_Widget .BookNow {
	margin: 10px 0px;
	display: inline-block;
	width: auto;
	height: auto;
}
#BE_Widget .Adult, .Child {
    margin: 5px 5px;
}
#BE_Widget .HotelList {
     margin-bottom: 10px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
	.widget_div .container{width: 100%;}
#BE_Widget .guestPickerDivWrap {
	max-width: 260px;
}
#BE_Widget .button-checkbox{max-width: 170px;}
#BE_Widget .HotelList {
	max-width: 125px;
}
#BE_Widget .guestPickerDivWrap.On .guestPickerDiv {
	width: 300px;
}
#BE_Widget .CheckInDiv, #BE_Widget .CheckOutDiv {
	max-width: 180px;	
}
	.btn-book {
		padding: 9px 15px !important;
	}
	.widget_div{text-align: center;padding: 13px 0;}
}

@media (min-width: 992px) and (max-width: 1199px) {
#BE_Widget .guestPickerDivWrap {
    margin-bottom: 10px;
}
}

@media (min-width: 1200px) {
}

/*Google Translate*/

#dLabel.btn.dropdown-toggle {
    background: rgb(45, 45, 45) none repeat scroll 0px 0px;
    color: #fff;
    padding: 6px 15px 7px 15px;
 width: 160px;
}
.dropdown-menu.language_dropdown li > a {
    padding: 5px 10px;
    width: 100%;
 font-size: 13px;
}
.goog-te-banner-frame {
 display: none;
}
#goog-gt-tt {
 display: none !important;
}
#dLabel img {
    margin: 0px 5px 1px 0px;
}
.dropdown-menu.language_dropdown {
    margin: 0px;
    padding: 0;
}
.language_dropdown li {
    display: flex;
    vertical-align: middle;
    padding: 0px;
}