/* Template: Villa - Bed & Breakfast Landing Page Template
   Author: InovatikThemes
   Version: 1.0.0
   Created: May 2017
   Description: Master CSS file
*/

/**********************************
	TABLE OF CONTENTS

01. Preloader 
02. General Styles
03. Navigation
04. Header
05. Discover
06. Facilities
07. Rooms
08. Tourism
09. Testimonials
10. Contact
11. Footer
12. Copyright
13. Back To Top Button
14. Media Queries
**********************************/

/**** Import Social Links ****/

/******************************/
/*     01. GENERAL STYLES     */
/******************************/

* {
	outline: 0;
}

body {
	color: #49565d;
	font: 400 14px/1.9em "Raleway", sans-serif;
}

body.admin-bar .navbar{
	top: 46px;
}

dl dt {
	margin-bottom: 3px;
}

dl dd {
	margin-bottom: 5px;
}

h1 {
	font: italic 700 50px/1.2em "PT Serif", sans-serif;
}

h2 {
	font: italic 700 34px/1.2em "PT Serif", sans-serif;
}

h3 {
	font: italic 700 30px/1.35em "PT Serif", sans-serif;
}

h4 {
	font: italic 700 21px/1.2em "PT Serif", sans-serif;
}

p {
	font: 400 14px/1.9em "Raleway", sans-serif;
}

.entry-content h1, 
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment h1,
.comment h2,
.comment h3,
.comment h4, 
.comment h5,
.comment h6 {
	font-family: 'Raleway', sans-serif;
	font-style: normal;
    margin: 25px 0;
}


.entry-content h1,
.comment h1 {
	font-size: 30px;
	line-height: 30px;
}

.entry-content h2,
.comment h2 {
	font-size: 26px;
	line-height: 26px;
}

.entry-content h3,
.comment h3 {
	font-size: 24px;
	line-height: 24px;
}

p.highlight, span.highlight {
	color: #21baa3;
	font: 700 15px/1.7em "Raleway", sans-serif;
}

a {
	color: #21baa3;
	font-weight: 500;
}

a:hover {
	color: #000;
	font-weight: 500;
	text-decoration: none;
}

.img-responsive {
	display: block;
	max-width: 100%;
	width: 100%;
	vertical-align: center;
	height: auto;
}

a.inverse {
	color: #fff;
}

a.inverse:hover {
	color: #21baa3;
}

.importank-link {
	position: relative;
}

.important-link::after {
	content: ',',
}

.button {
	text-transform: uppercase;
}

.button.solid {
	display: inline-block;
	max-width: 250px;
	padding: 7px 25px 7px 25px;
	border: 2px solid #21baa3;
	border-radius: 2px;
	background-color: #21baa3;
	color: #fff;
	font: 700 13px/1.6em "Raleway", sans-serif;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.button.solid:hover {
	background-color: #fff;
	border: 2px solid #21baa3;
	color: #21baa3;
	text-decoration: none;
}

.button.outline {
	display: inline-block;
	max-width: 250px;
	padding: 7px 25px 7px 25px;
	background-color: #fff;
	border: 2px solid #76878f;
	border-radius: 2px;
	color: #647780;
	font: 700 13px/1.6em "Raleway", sans-serif;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.button.outline:hover {
	border: 2px solid #76878f;
	background-color: #76878f;
	color: #fff;
	text-decoration: none;
}

/******* Section Heading *******/
.section-heading {
	position: relative;
	z-index: 999;
	padding-bottom: 40px;
}

.section-heading.white .above-header {
	color: #49565d;
}

.section-heading.white h2 {
	color: #fff;
}

.section-heading .above-header {
	text-transform: uppercase;
	margin-bottom: 3px;
	color: #21baa3;
	font: 700 15px/1.2em "Raleway", sans-serif;
}

.section-heading h2 {
	margin: 0;
}

.section-heading p {
	width: 100%;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
    margin-top: 20px;
}

/*************************/
/*     02. PRELOADER     */
/*************************/
.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 1);
}

.spinner {
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	width: 60px;
	height: 20px;
	margin: -10px 0 0 -30px; /* is width and height divided by two */ 
	text-align: center;
}

.spinner > div {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #21baa3;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/**************************/
/*     03. NAVIGATION     */
/**************************/
.navbar {
	background-color: #fff;
}

/* Logo */
.navbar .navbar-brand {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 11px;
}

.navbar .navbar-brand-text {
	padding-top: 8px;
	font: italic 700 30px/1.2em "PT Serif", sans-serif;
	color: #21baa3;
}

.navbar .navbar-brand-text:hover {
	color: #21baa3;
}

.navbar .navbar-brand img {
	width: 79px;
	height: 29px;
}

/* Menu links */
.navbar .nav.navbar-nav li a {
	color: #49565d;
	font: 700 13px/1em "Raleway", sans-serif; 
	text-transform: uppercase;
}

.navbar .nav.navbar-nav li a:hover,
.navbar .nav.navbar-nav li.active a {
	background-color: #e8e8e8;
	color: #21baa3;
}

.navbar .nav.navbar-nav .phone-number{
	display: none;

}

/* Mobile menu toggle button - pressed */
.navbar .navbar-toggle,
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:active,
.navbar .navbar-toggle.collapsed:active {
	margin-top: 16px;
	border: 1px solid #49565d;
	background-color: #49565d;
}

.navbar .navbar-toggle .icon-bar,
.navbar .navbar-toggle:hover .icon-bar,
.navbar .navbar-toggle:active .icon-bar,
.navbar .navbar-toggle.collapsed:active .icon-bar {
	background-color: #f5f5f5;
} 


.navbar .nav.navbar-nav li .sub-menu {
	list-style: none;
	list-style-type: none;
}


.navbar .nav.navbar-nav li ul {
	padding: 0;
	margin: 0;
}

.navbar .nav.navbar-nav li .sub-menu li a {
	padding: 10px 30px;
	display: block;
	text-decoration: none;
}

.navbar .nav.navbar-nav li .sub-menu i {
	display: none;
}

/* end of mobile menu toggle button - pressed */

/* Mobile menu toggle button */
.navbar .navbar-toggle.collapsed {
	border: 1px solid #647780;
	background-color: transparent;
}

.navbar .navbar-toggle.collapsed .icon-bar {
	background-color: #647780;
}
/* end of mobile menu toggle button */


/**********************/
/*     04. HEADER     */
/**********************/
.hero-header {
	position: relative;
	min-height: auto;
	width: 100%;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.hero-header .overlay {
	position: absolute !important;
	z-index: 4;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.0));
}

/* IE fix for vertical alignment in flex box */
.hero-header .flex-container-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%; 
}

.hero-header .header-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 100px 0px 0px 0px;
	text-align: center;
}

.hero-header .header-content h1 {
	margin-top: 0px;
}

.hero-header .header-content h1 span {
	color: #21baa3;
}

.hero-header .header-content p {
	margin-top: 20px;
	font: 400 19px/1.6em "Raleway", sans-serif;
}


.hero-header .carousel  {
	position: absolute;
	z-index: 2;
	width: 100%;
	background: #f0f9fc;
	top: 0;
}

.hero-header .container {
	width: 100%;
}

.hero-header .carousel .item {
	min-height: auto;
	width: 100%;
	background-color: #f0f9fc;
	min-height: 100%;
	height: 100vh; 
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: none;
	background-position: 50% 50%;
}


.hero-header .content-overlay {
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 125px 0px 0px 0px;	
}.

.hero-header .content-overlay.no-form {
	padding: 125px 0 125px;
}

.hero-header .pattern-overlay {
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4)); /* increase 0.3 to any value under 1 to darken the video background */
	padding: 130px 0px 0px 0px;
}

.hero-header .header-content .fa-angle-down {
	margin-top: 0px;
	color: #21baa3;
	-o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.hero-header .header-content .fa-angle-down:hover {
	-webkit-transform: translate(0px, 7px);
	-moz-transform: translate(0px, 7px);
	-o-transform: translate(0px, 7px);
	-ms-transform: translate(0px, 7px);
	transform: translate(0px, 7px);
}

.hero-header .form-container {
	position: relative;
	width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

.hero-header .form-container div.wpcf7 .ajax-loader,
.booking-form .form-container div.wpcf7 .ajax-loader {
	display: none !important;
}

.hero-header .form-container  .wpcf7-form-control-wrap,
.booking-form .form-container  .wpcf7-form-control-wrap {
	display: block;
}

.hero-header .form-container form { 
	padding: 15px 15px 5px 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: rgba(244, 244, 244, 0.9);
}


.hero-header .form-container form:before,
.hero-header .form-container form:after,
.booking-form .form-container form:before,
.booking-form .form-container form:after {
	content: "";
	display: table;
}

.hero-header .form-container form:after,
.booking-form .form-container form:after {
	clear: both;
}

.hero-header .form-container form input, 
.booking-form .form-container form input {
	display: block;
	width: 100%;
	z-index: 9999;
	height: 44px;
	padding: 6px 12px;
	border-radius: 2px;
	border: 1px solid #e1e1e1; 
	color: #283135;
	font: 400 15px/1.6em "Raleway", sans-serif;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}


.hero-header .form-container form input:focus, 
.booking-form .form-container form input:focus {
	border-color: #21baa3;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(39,199,154, .075), 0 0 8px rgba(39,199,154, .6);
    box-shadow: inset 0 1px 1px rgba(39,199,154, .075), 0 0 8px rgba(39,199,154, .6);
}

.hero-header .form-container form input[type="submit"],
.booking-form  .form-container form input[type="submit"] {
	padding: 8px 53px 8px 53px;
	border: 2px solid #21baa3;
	border-radius: 2px;
	background-color: #21baa3;
	color: #fff;
	font: 700 15px/1.6em "Raleway", sans-serif;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: uppercase;
}

.hero-header .form-container form input[type="submit"]:focus,
.booking-form  .form-container form input[type="submit"]:focus {
	background-color: #fff;
	box-shadow: none;
  	-webkit-box-shadow: none;
	color: #21baa3;
}


.hero-header .form-container form input[type="submit"]:hover {
	background-color: #fff;
	color: #21baa3;
}

.hero-header .form-container form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #283135;
	opacity: 0.9;
}

.hero-header .form-container form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #283135;
   opacity: 0.9;
}

.hero-header .form-container form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #283135;
   opacity: 0.9;
}
.hero-header .form-container form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #283135;
   opacity: 0.9;
}

/*************************/
/*     05. DISCOVER      */
/*************************/

.swiper-container {
	width: 100%;
	height: 100%;
	margin-top: 30px;
}

.swiper-slide {
	background: #fff;
	font-size: 18px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
	
.swiper-container img {
	width: 100%;
}

.swiper-button-next,
.swiper-button-prev {
	text-align: center;
	font-size: 30px;
	color: #21baa3;
	height: 100%;
	width:40px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	background: #fff;
	border-radius: 4px;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	opacity: .8;
}
/**************************/
/*     06. FACILITIES     */
/**************************/
.overlay {
	position: relative;
}
.overlay::before {
	display: block !important;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
}

.facilities .nav-tabs-container {
	position: relative;
	z-index: 999;
	padding-top: 20px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid #fff;
	background: #fff;
}

.facilities .nav-tabs-container li {
	font: 400 14px/1.9em "Raleway", sans-serif;
}

.facilities .tab-panes-container {
	position: relative;
	z-index: 999;
	padding: 20px 20px 0px;
	border-top: 1px solid #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #fff;
}

.facilities .nav-tabs {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.facilities .nav-tabs li {
	display: inline-block;
    width: 55px;
    height: 45px;
    line-height: 45px;
	margin-bottom: 0px;
	border: 1px solid #fff;
	color: #21baa3;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    cursor: pointer;
}


.facilities .nav-tabs li:hover,
.facilities .nav-tabs li.active {
	background-color: #21baa3;
	color: #fff !important;
}

.facilities .tab-content .text-side h3 {
	margin-top: 20px;
}

.facilities .tab-content .facility {
	width: 100%;
	padding-bottom: 20px;
}

.facilities .tab-content .text-side p.highlight {
	margin-bottom: 0px;
	text-transform: uppercase;
}


/*********************/
/*     07. ROOMS     */
/*********************/

.room-single {
	padding-bottom: 80px;
}

.room-facilities li i.fa {
	margin-right: 3px;
	color: #21baa3;
}

.room-facilities li {
	margin-top: 4px;
	padding: 0 10px;
}

.room-facilities p:nth-of-type(2) {
	margin-bottom: 0px;
}

.rooms-container {
	margin-bottom: 45px;
}

.rooms-container:last-child {
	margin-bottom: 0;
}

.rooms-container h4 {
	margin-top: 21px;
}

.rooms-container .button {
	margin-top: 8px;
	margin-left: 4px;
	margin-right: 4px;
}

/* Magnific Popup Rooms Details Content */
.room-details-container {
	position: relative;
	max-width: 1000px;
	margin: 40px auto;
	padding: 25px;
	background: #fff;
	text-align: left;
}


.room-details-container.single-room{
	margin-top: 10px;
	padding: 0;
}


.room-details-container h3 {
	margin-top: 20px;
	margin-bottom: 7px;
}

.room-details-container hr   {
	height: 1px;
	width: 40px;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0;
	border: 0;
	background-color: #76878f;
	text-align: left;
}

.room-details-container h4 {
	margin-bottom: 17px;
}

.room-details-container ul {
	margin-top: 10px;
}

.room-details-container li {
	margin-top: 4px;
}

.room-details-container li:nth-last-of-type(1) {
	margin-bottom: 20px;
}

.room-details-container li .fa {
	margin-right: 6px;
	color: #21baa3;
}

.room-details-container button.mfp-close.x-button {
	position: absolute;
	top: 0px;
	right: -8px;
	width: 44px;
	height: 44px;
	font-size: 14px;
}

.room-details-container div.mfp-close.as-button,
.room-details-container a.mfp-close.as-button {
	position: relative;
	width: auto;
	height: auto;
	opacity: 1;
	text-transform: uppercase;
}




/* Fade-move animation for rooms details popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}


/************************/
/*     08. TOURISM     */
/************************/

/* Tourism attractions images hover animation */

.attraction {
	margin-bottom: 45px;
}

.attraction span {
	text-transform: uppercase;
}

.attraction .image-container {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 15px;
}

.attraction .image-container img {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
}

.attraction .image-container .hover-overlay {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(33, 186, 163, 0.0);
	color: #fff;
	opacity: 0;
	text-align: center;
	-webkit-transition: background .3s ease-in-out, opacity .2s ease-in-out; 
	-moz-transition: background .3s ease-in-out, opacity .2s ease-in-out;
	-o-transition: background .3s ease-in-out, opacity .2s ease-in-out;
	transition: background .3s ease-in-out, opacity .2s ease-in-out;
}

.attraction .image-container:hover .hover-overlay {	
	background: rgba(33, 186, 163, 0.8);
	opacity: 1;
}

.attraction .image-container .hover-overlay a, 
.attraction .image-container .hover-overlay a h4,
.attraction .image-container .hover-overlay a h4:hover {
	color: #fff;	
}
/* end of tourism attractions images hover animation */


/****************************/
/*     09. TESTIMONIALS     */
/****************************/

.testimonials .testimonial {
	padding-bottom: 25px;
}
.testimonials .testimonial:last-child {
	padding-bottom: 0;
}


.testimonials p, .testimonials footer {
	color: #fff;
}


.testimonials p {
	font: 400 16px/1.9em "Raleway", sans-serif;
}

.testimonials .carousel-inner {
	margin-bottom: 30px;
}

.testimonials .carousel-inner .mb-0 {
	margin-bottom: 5px;
	font-style: italic;
	font-weight: 500;
}

.testimonials .carousel-inner .rating-stars {
	color: #21baa3;
}

.testimonials .carousel-indicators {
	margin-bottom: -50px;
}

.testimonials .carousel-indicators li {
	width: 10px;
	height: 10px;
	margin-left: 2px;
	margin-right: 2px;
	background: #fff;
}

.testimonials .carousel-indicators li.active {
	width: 12px;
	height: 12px;
	border: 1px solid #21baa3;
	background-color: #21baa3;
}


/***********************/
/*    10. Blog  */
/***********************/

.blog-header {
	background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("/web/20220514075440im_/http://www.bbsanmarco.it/wp-content/themes/villa/assets/images/header-background.jpg") center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.blog-header .blog-header-content {
	padding: 160px 0px 110px 0px;
}

.blog-header .blog-header-content {
	    padding: 80px 0px 60px 0px;
}

.blog-header .blog-header-content h1 {
	margin-top: 0px;
	color: #21baa3;
	text-align: center;
}


.breadcrumbs ul {
	padding-left: 0px;
	margin-top: 35px;
	list-style-type: none;
}

.breadcrumbs ul li {
	display: inline-block;
}


/*****  Blog Content *****/

.blog-content {
	padding-bottom: 90px;
}

.blog-content:not(.post-listing) .entry-content,
.blog-content:not(.post-listing) .entry-header,
.blog-content:not(.post-listing) .entry-meta,
.blog-content:not(.post-listing) .post-thumbnail,
.blog-content:not(.post-listing) .comments-area,
.post-navigation,
.blog-content:not(.post-listing) .entry-footer {
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    word-wrap: break-word;
}


.alignfull img ,
.alignwide  img {
	width: 100vw;
}

.blog-content ul, .blog-conten ol {
	margin-bottom: 25px
}


@media screen and (min-width: 768px) {

	.blog-content:not(.post-listing) .entry-content,
	.blog-content:not(.post-listing) .entry-header,
	.blog-content:not(.post-listing) .entry-meta,
	.blog-content:not(.post-listing) .post-thumbnail,
	.blog-content:not(.post-listing) .comments-area,
	.post-navigation,
	.blog-content:not(.post-listing) .entry-footer {
		max-width: 730px;
		margin: 0 auto;
	}

	.blog-content:not(.post-listing) .entry-meta {
		margin-bottom: 15px;
	}
}

@media (min-width: 768px) {
 
    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
    }

 
    .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        width: auto;
        max-width: 1000%;
    }
 
}


/* Images */

.wp-block-gallery,
.wp-block-image,
figure.wp-block-image,
.wp-block-image figure   {
	margin-bottom: 25px !important;
	position: relative;
}



.wp-block-image figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 40px 10px 10px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 60%,transparent); 
}

.entry-header img {
    display: block;
	height: auto;
    max-width: 100%;
    margin: 0 auto 25px;
}


/* Blocks */
.wp-block-pullquote {
    padding: 40px 20px;
    margin-bottom: 25px;
	border-top: 5px solid ;
	border-bottom: 5px solid ;
 	border-left: 0;
 	border-right: 0;
	border-color: #555d66;
}


@media (min-width: 768px) {
	
	.wp-block-pullquote.alignfull p {
		width: 70%;
		margin: 0 auto 25px
	}	
}


.wp-block-pullquote>p {
	font-size: 20px;
	line-height: 35px;
}

.wp-block-verse {
	padding: 20px;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	line-height: 30px;
	font-style: italic;
	margin-bottom: 25px;
	background: #f5f5f5
}



.wp-block-quote:not(.is-large):not(.is-style-large),
blockquote:not(.wp-block-pullquote ) {
	padding: 10px 20px;
	margin-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
    border-left: 5px solid #f5f5f5;
}


/* Button block */
.wp-block-button .wp-block-button__link  {
	font-size: 14px !important;
	display: inline-block;
	max-width: 250px;
	padding: 7px 25px 7px 25px !important;
	border: 0;
	border-radius: 2px !important;
	font: 700 13px/1.6em "Raleway", sans-serif !important;
}


.wp-block-button .wp-block-button__link :hover {
	color: #Fff;
}

.wp-block-audio audio {
	width: 100%;
}

.wp-block-audio {
	margin-bottom: 25px;
}

table.alignfull,
table.alignwide {
	width: auto !important;
}


.wp-block-separator {
	margin: 25px auto;
}

/* Comments Block */
.wp-block-latest-comments.alignfull  {
	padding: 0 25px
}
.wp-block-latest-comments__comment {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
}


.entry-title {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

.entry-title a {
	display: block;
}


.entry-header:before,
.entry-header:after {
	content: '';
	display: table;
}

.entry-header:before {
	clear: both;
}

.sticky-sticker  i {
	color: #21baa3;
}

.single-post .entry-meta {
	margin-bottom: 15px;
}

.single-post.attachment .entry-title {
	margin-bottom: 25px;
}

.entry-content img,
.comment img {
	height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.entry-content dl,
.comment dl {
	margin: 0 25px;
}
.entry-content dl dd {
	margin: 0 0 25px;
}

.entry-content p,
.comment p {
	margin-bottom: 25px;
}

.entry-content address,
.comment address  {
	font-style: italic;
    margin: 0 0 25px;
}

.entry-content pre,
.comment pre {
	word-wrap: break-word;
	white-space: pre-wrap;
    word-wrap: break-word;
	border: none;
	border-radius: 2px;
	padding: 20px;
	margin-bottom: 25px;
}

.entry-content .post-password-form:before,
.entry-content .post-password-form p:before,
.entry-content .post-password-form:after,
.entry-content .post-password-form p:after {
	content: '';
	display: table;
}

.entry-content .post-password-form:after,
.entry-content .post-password-form p:after  {
	clear: both;
}

.entry-content .post-password-form label {
	display: inline-block;
    width: 70%;
    margin-right: -4px;
}

.entry-content .post-password-form input[type="password"] {
	display: block;
	width: 100%;
	height: 50px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border: 1px solid #e5e5e5;
    padding: 0 67px 0 20px;
    font: 300 14px/1.6em "Raleway", sans-serif;
}

.entry-content .post-password-form input[type="submit"] {
   	position: relative;
   	top: -2px;
    display: inline-block;
    width: 30%;
    margin-right: -4px;
    height: 50px;
    line-height: 50px;
    font: 700 13px/1.6em "Raleway", sans-serif;
    border: none;
	border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #21baa3;
    text-transform: uppercase;
    color: #fff;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.entry-content .post-password-form input[type="submit"]:hover {
    background-color: #1cb187;
}

.blog-content .single-news {
	margin-bottom: 50px;
}

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

.blog-content .single-news:first-child {
	margin-top: 0;
}

.blog-content .blog-grid .single-news:first-child {
	margin-top: 30px;
}


.blog-content .blog-grid {
	margin-top: -30px;
}

.blog-content .post a {
	text-decoration: none;
}


.entry-content table,
.comment-content table {
	margin-bottom: 15px;
    width: 100%;
}

.entry-content table tr,
.comment-content table tr,
.entry-content table th,
.comment-content table th,
.entry-content table td,
.comment-content table td {
	border: 1px solid #e5e5e5;
    padding: 5px;
}

.blog-content .blog-post-date {
	display: inline-block;
	color: #7a818c;
    margin-right: 12px;
	margin-bottom: 10px;
	font: 300 13px/1.6em "Raleway", sans-serif;
}
.blog-content .blog-post-date i {
	font-size: 13px;
    margin-right: 5px;
}

.blog-tags-list	b {
	font: 400 13px/1.6em "Raleway", sans-serif;
	margin-right: 3px;
}

.blog-tags-list a {
	display: inline-block;
    padding: 8px 13px;
    margin-top: 13px;
    margin-right: 12px;
    background-color: #e7e7e7;
    color: #49565d;
    font: 400 12px/1.0em "Raleway", sans-serif;
    border-radius: 2px;
}

.blog-tags-list a:hover {
	background-color: #21baa3;
    color: #fff;
}

.blog-content .post a.button.solid.read-more {
	display: inline-block;
	margin-top: 5px;
	padding: 7px 27px 7px 27px;
}

.breadcrumbs {
	margin: 35px auto;
	list-style-type: none;
}

.breadcrumbs .separator {
	padding: 0 4px;
}


.blog-sidebar {
	padding-top: 60px;
}


/************************
/*   Post Navigation   */
/***********************/

.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a {
	position: relative;
	display: inline-block;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a {
	text-decoration: none;
	background-repeat: no-repeat;
	height: 45px;
	line-height: 45px;
}

.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:before  {
	position: absolute;
	font-family: 'FontAwesome';
	vertical-align: middle;
    font-size: 18px;
}

.post-navigation .nav-previous a,
.comment-navigation .nav-previous a {
	padding-left: 15px;
}

.post-navigation .nav-previous a:before,
.comment-navigation .nav-previous a:before {
	left: 0;
    margin-right: 10px;
	content: "\f104";
}

.post-navigation .nav-next a,
.comment-navigation  .nav-next a {
	padding-right: 15px;
}
.post-navigation .nav-next a:before,
.comment-navigation .nav-next a:before {
	right: 0;
	content: "\f105";
}

.split-pagination a, 
.split-pagination span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 13px ;
	border-radius: 2px;
}

.split-pagination a {
	color: #fff;
	padding: 0 10px;
	background: #21baa3;
}

.split-pagination a span {
	background: none;
	padding: 0;
}
.split-pagination a:hover {
	background: #1cb187;
}

.split-pagination span {
	background: #e5e5e5;
}

/************************
/*   Blog Pagination   */
/***********************/
.pagination {
	margin: 0;
}

.pagination a,
.pagination .current {
	text-align: center;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 2px;
	margin: 5px 1px;
	text-decoration: none;
	font-size: 15px;
}

.pagination a {
	background: #21baa3;
	color: #fff;
}

.pagination a:hover {
	background: #1cb187;
}

.pagination .current {
	background: #e5e5e5;
}
/************************
/*    Comments         */
/***********************/
.comments-area {
	padding-top: 20px;
}

.comments-area .comment-list,
.comments-area .children {
	padding: 0;
	list-style: none;
	list-style-type: none;
}

.comments-area .depth-2 {
	margin-left: -50px;
}

.comments-area .depth-3 {
	margin-left: -55px;
}


.comments-area .depth-4 {
	margin-left: -65px;
}

.comments-area .depth-5,
.comments-area .depth-6,
.comments-area .depth-7,
.comments-area .depth-8,
.comments-area .depth-9,
.comments-area .depth-10 {
	margin-left: -55px;	
}


.comment {
	position: relative;
	padding-left: 70px;
	border-top: 1px solid #e5e5e5;
}

.comment-body {
    padding: 28px 0 25px 0; 
}

.pingback {
	border-top: 1px solid #e5e5e5;
}

.pingback .comment-body {
	padding: 5px 0;
}

.comment img {
	position: absolute;
	left: 0;
	top: 28px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.comment .says {
	display: none;
}

.comment .fn {
    font: italic 700 18px/1.4em "PT Serif", sans-serif;
}

.comment .fn a {
	text-decoration: none;
}

.comment .comment-metadata a,
.comment .comment-metadata span {
	color: #647780 ;
	font-size: 13px;
	font-weight: 300;
}

.comment .comment-reply-link,
#cancel-comment-reply-link {
	font-style: normal;
	font-family: 'Raleway', sans-serif;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 28px;
	padding: 0 14px;
    height: 30px;
    line-height: 30px;
    background: #e7e7e7;
    font-size: 13px;
    color: #333e50;
    border-radius: 2px;
    text-decoration: none;
}

#cancel-comment-reply-link {
	position: relative;
	top: -5px;
}

.comment .comment-reply-link:hover,
#cancel-comment-reply-link:hover {
    background: #e5e5e5;
}

.comment-reply-title {
	font: italic 700 30px/1.35em "PT Serif", sans-serif !important;
	margin-bottom: 10px !important;
}

.comment-respond label {
	display: block;
	width: 100%;
}
.comment-respond input,
.comment-respond textarea {
	display: block;
	width: 100%;
	height: 40px;
    padding-bottom: 6px;
    background: transparent;
    font: 400 15px/1.6em "Raleway", sans-serif;
    color: #333e50;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    border-radius: 2px;
}

.comment-respond textarea {
	height: 120px;
}

.comment .comment-respond {
	padding-bottom: 30px;
}

.comment .comment-respond h3 {
	margin-top: 0;
}

.comment-respond h3  small,
.comment-respond h3 .cancel-comment-reply-link {
	font-size: 14px;
	text-decoration: none;
}

.comment-respond input[type="submit"] {
	margin-top: 10px;
	display: inline-block;
	max-width: 250px;
	padding: 7px 25px 7px 25px;
	border: 2px solid #21baa3;
	border-radius: 2px;
	background-color: #21baa3;
	color: #fff;
	font: 700 13px/1.6em "Raleway", sans-serif;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.comment-respond input[type="submit"]:hover {
	background-color: #fff;
	border: 2px solid #21baa3;
	color: #21baa3;
	text-decoration: none;
}

.comment-navigation {
	padding: 10px 0;
	border-top: 1px solid #e5e5e5;
}


/***********************/
/*     10. CONTACT     */
/***********************/

p.contact-info {
	margin: 0 10px;
	display: inline-block;
}

p.contact-info i {
	margin-right: 6px;
	color: #21baa3;
}

.contact {
	margin-top: 35px;
}

.contact form .form-group {
	margin-bottom: 17px;
}


.contact div.wpcf7 .ajax-loader {
	display: none !important;
}

.contact div.wpcf7 .ajax-loader.is-active{
	display: block !important;
}

.contact .wpcf7-response-output {
	margin: 0 0;
}

.contact form input,
.contact form textarea {
	display: block;
	width: 100%;
	/*margin-top: 20px;*/
	padding: 6px 12px;
	font: 400 15px/1.6em "Raleway", sans-serif;
	color: #283135;
	border: 1px solid #d6d6d6; 
	border-radius: 2px;
	-webkit-appearance: none;
}

.contact form input:focus,
.contact form textarea:focus {
	border-color: #21baa3;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(39,199,154, .075), 0 0 8px rgba(39,199,154, .6);
    box-shadow: inset 0 1px 1px rgba(39,199,154, .075), 0 0 8px rgba(39,199,154, .6);

}

.contact form input {
	height: 44px;
}

.contact form textarea {
	height: 110px;
	margin-top: 21px;
}

.contact form input[type="submit"] {
	display: block;
	width: 100%;
	margin-top: 21px;
	padding: 8px 53px 8px 53px;
	border: 2px solid #21baa3;
	border-radius: 2px;
	background-color: #21baa3;
	color: #fff;
	font: 700 15px/1.6em "Raleway", sans-serif;
	text-transform: uppercase;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;

}


.contact form input[type="submit"]:hover,
.contact form input[type="submit"]:focus {
	background-color: #fff;
	color: #21baa3;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact form input::-webkit-input-placeholder,
.contact form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #283135;
	opacity: 0.9;
}

.contact form input:-moz-placeholder,
.contact form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #283135;
   opacity: 0.9;
}

.contact form input::-moz-placeholder,
.contact form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #283135;
   opacity: 0.9;
}
.contact form input:-ms-input-placeholder,
.contact form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #283135;
   opacity: 0.9;
}


/**********************/
/*     11. FOOTER     */
/**********************/
.site-footer {
	padding-top: 37px;
	padding-bottom: 80px;
	background-color: #647780;
	color: #fff;
}

.site-footer h3 {
	margin: 35px auto 10px auto;
	font: italic 700 26px/1.4em "PT Serif", sans-serif;
}

.site-footer p {
	margin-left: auto;
	margin-right: auto;
	font: 400 14px/1.9em "Raleway", sans-serif;
}

.site-footer .social-icons-container {
	margin-left: auto;
	margin-right: auto;
}


/*************************/
/*     12. COPYRIGHT     */
/*************************/
.site-info {
	padding-top: 22px;
	padding-bottom: 8px;
	background-color: #596e78;
}

.site-info p {
	color: #fff;
	font: 400 14px/1.7em "Raleway", sans-serif;
	text-align: center;
	opacity: 0.7;
}


/**********************************/
/*     		 Error 404            */
/**********************************/
.header-404 {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #f4f4f4;
	background-size: cover;
	min-height: 100%;
}

.header-404 .flex-container-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%; 
}


.header-404 .header-content {
	position: relative;
	width: 100%;
	padding: 100px 15px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh; 
}

.header-404 h1 {
	font: 400 116px/0.7em "PT Serif", sans-serif;
	color: #21baa3;
	margin-bottom: 0px;
	margin-top: 0px; 
}

.header-404 h2 {
	font: 400 30px/1.5em "Raleway", sans-serif;
	margin-bottom: 0px; 
}

.header-404 p {
	margin-bottom: 30px;
}

/**********************************/
/*     13. BACK TO TOP BUTTON     */
/**********************************/
.back-to-top {
	display: none;
	position: fixed;
	z-index: 999;
	right: 12px;
	bottom: 12px;
	width: 42px;
	height: 42px;
	border-radius: 30px;
	background: #40545e;
	background-size: 18px 18px; 
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 42px;
}


/*****************************/
/*     14. MEDIA QUERIES     */
/*****************************/
/* Min-width width 768px */
@media (min-width: 768px) {
	
	h2 {
		font: italic 700 44px/1.2em "PT Serif", sans-serif;
	}

	body.admin-bar .navbar{
		top: 32px;
	}
	
	.button.solid {
		width: auto;
	}

	.navbar {
        padding: 20px 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		background: transparent;
		-webkit-transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
        -moz-transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
        transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
		-webkit-backface-visibility: hidden;
    }

	.navbar .container {
		position: relative;
	}

    .navbar.top-nav-collapse {
       	padding: 0;
		border-bottom: 1px solid #f4f4f4;
		background-color: #fff;
		-webkit-box-shadow: 0px -4px 8px #000000;
		-moz-box-shadow: 0px -4px 8px #000000;
		box-shadow: 0px -4px 8px #000000;
		-webkit-backface-visibility: hidden;
	}
	
	.navbar .navbar-brand {
		margin-left: 0px;
		margin-right: 16px;
	}
	
	.navbar .nav.navbar-nav li a,
	.navbar .nav.navbar-nav.navbar-right li a	{
		margin: 12px 14px 18px 14px;
		padding: 15px 3px 5px 3px;
		-o-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		border-bottom: 1px solid transparent;
	}
	
	.navbar .nav.navbar-nav li.active a,
	.navbar .nav.navbar-nav li a:hover	{
		border-color: #21baa3;
		background-color: transparent;
		color: #21baa3;
	}
	
	.navbar .nav.navbar-nav li .sub-menu a {
		text-decoration: none;
	}

	.navbar .nav.navbar-nav li .sub-menu {
		display: none;
		position: absolute;
		left: 0;
		right: auto;
		padding: 0;
		width: 100%;
		min-width: 250px;
	    padding-top: 10px;
	    padding-bottom: 6px;
	    background: #fff;
	    border-color: #fff;
	    border-radius: 5px;
	    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
	}

	.navbar .nav.navbar-nav li .sub-menu li {
		position: relative;
	}

	.navbar .nav.navbar-nav li .sub-menu li a {
		display: block;
		margin: 0 10px;
		padding: 10px 0;
	}

	.navbar .nav.navbar-nav li .sub-menu ul {
		display: none;
		left: 100%;
		top: 0;
	}
	
	.nav.navbar-nav li:hover .sub-menu {
		display: block;
	}

	.navbar .nav.navbar-nav li .sub-menu i {
		display: inline-block;
	}

	.navbar .nav.navbar-nav li .sub-menu li:hover > ul {
		display: block;
	}

	.navbar .nav.navbar-nav li ul.ul-reversed, 
	.navbar .nav.navbar-nav li .sub-menu ul.ul-reversed{
		left: auto;
		right: 100%;

	}

	.hero-header .header-content {
		padding: 0px 0px 160px 0px;
		min-height: 97vh; 
	}
	
	.hero-header .header-content h1 {
		font: italic 700 64px/1.2em "PT Serif", sans-serif;
	}
	
	.hero-header .header-content p {
		margin-top: 12px;
	}
	
	.hero-header .header-content .fa-angle-down {
		margin-top: 10px;
	}

	.hero-header .pattern-overlay {
		position: relative;
		display: flex;
		justify-content: center;
		flex-direction: column;
		min-height: 100vh;
		padding: 0px 0px 120px 0px;
	}
	
	.hero-header .form-container {
		position: absolute;
		right: 0;
		bottom: -10px;
		left: 0;
		width: 93%;
		max-width: 700px;
		padding-bottom: 0px;
	}
	
	.hero-header .form-container form {
		display: inline-block;
		margin-top: 20px;
		padding-top: 15px;
		padding-bottom: 24px;
		border-bottom: 1px solid #efefef;
	}
		
	.hero-header .form-container .form-group,
	.booking-form .form-container .form-group {
		position: relative;
		display: inline-block;
		margin-right: 4px;
		margin-bottom: 4px;
		margin-left: 4px;
		width: 202px;
		margin-top: 10px;

	}

	.hero-header form.invalid .form-group,
	.booking-form form.invalid .form-group {
		padding-bottom: 30px;
	}

	.hero-header .form-container .wpcf7-not-valid-tip,
	.booking-form .form-container .wpcf7-not-valid-tip {
		position: absolute;
		left: 0;
		bottom: -30px;
	}

	.hero-header .form-container div.wpcf7-validation-errors,
	.booking-form .form-container div.wpcf7-validation-errors,
	.booking-form .form-container div.wpcf7-mail-sent-ok,
	.hero-header .form-container div.wpcf7-mail-sent-ok {
		border: none !important;
	}

	.hero-header .form-container form input,
	.hero-header .form-container form button	{
		display: block;
		width: 100%;
	}

	.blog-header .blog-header-content {
		padding: 160px 0px 110px 0px;
	    background-size: cover;
	    background-position: 50% 50%;
	}

	.facilities .nav-tabs-container {
		width: 540px;
		padding-top: 5px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.facilities .tab-panes-container {
		border-radius: 4px;
	}
	
	.facilities .nav-tabs {
		max-width: 500px;
	}


	.facilities .nav-tabs li {
		display: table-cell;
		width: 10%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0.1%;
		padding-right: 0.1%;
	}

	
	.facilities .nav-tabs li .fa {
		display: block;
		margin-top: 10px;
		font-size: 2em;
	}
	
	.facilities .nav-tabs li {
		border: none;
		color: #49565d;
	}
	
	.facilities .nav-tabs li:hover,
	.facilities .nav-tabs li.active  {
		background-color: transparent;
		color: #21baa3 !important;
	}
	
	.room-details-container button.mfp-close.x-button {
		top: 5px;
		right: -2px;
	}
	
	.room-details-container {
		padding: 35px;
	}
	
	.rooms-container {
		margin-top: 25px;
	}

	
	.contact {
		margin-top: 0px;
	}

	.site-footer {
		padding-top: 47px;
		padding-bottom: 90px;
	}
	
	.site-footer p.copyright {
		margin-top: 30px;
	}
	
	a.back-to-top {
		right: 20px;
		bottom: 20px;
	}


	/************************/
	/*  Comments */
	/***********************/
	.comments-area .depth-2 {
		margin-left: -35px;
	}

	.comments-area .depth-3 {
		margin-left: -45px;
	}


	.comments-area .depth-4 {
		margin-left: -65px;
	}


	.comments-area .depth-5,
	.comments-area .depth-6,
	.comments-area .depth-7,
	.comments-area .depth-8,
	.comments-area .depth-9,
	.comments-area .depth-10 {
		margin-left: -85px;	
	}


	.comment {
		position: relative;
		padding-left: 100px;
	}

	.comment-body {
	    padding: 28px 0 25px 0; 
	}

	.comment img {
		width: 80px;
		height: 80px;
	}

	/* Header 404 */
	.header-404 h1 {
		font: 400 196px/0.7em "PT Serif", sans-serif;
	}

	.header-404 h2 {
		font: 400 46px/1.5em "Raleway", sans-serif;
	}
}


/* Min-width width 992px */
@media (min-width: 992px) {

	.section-heading p {
		width: 70%;
	}

	/* Navbar language and phone */
	.navbar .nav.navbar-nav .phone-number {
		display: block;
		position: absolute;
		right: 15px;
		height: 30px;
		margin-top: 18px;
		margin-bottom: 0px;
		border: 1px solid #49565d;
		border-radius: 2px;
	} 
	.navbar .nav.navbar-nav .phone-number a {
		line-height: 30px;
		display: block;
		margin: 0;
		padding: 0 10px;
		font-weight: 500;
		font-size: 12px;
		font-family: 'Raleway', sans-serif;
		border-bottom: none;
	}
	
	.navbar .nav.navbar-nav .phone-number a:before {
		font-family: 'FontAwesome';
		content: "\f095";
		margin-right: 3px;
	}

	.navbar .nav.navbar-nav .phone-number:hover a {
		border: none;
		color: #647780;
		cursor: default;
	}

	.navbar .nav.navbar-nav .phone-number .fa-phone {
		margin-right: 1px;
		font-size: 14px;
		vertical-align: middle;
	}

	.hero-header .header-content {
		padding: 20px 0px 120px 0px;
	}
	
	.hero-header .header-content h1 {
		font: italic 700 76px/1.3em "PT Serif", sans-serif;
	}
	
	.hero-header .form-container {
		width: 94%;
		max-width: 920px;
	}
	
	.facilities .tab-content .tab-pane img {
		padding-right: 20px;
	}
	
	.facilities .tab-content .tab-pane .text-side {
		padding-left: 0px;
	}
	
	.facilities .tab-content .text-side h3 {
		margin-top: 45px;
		margin-bottom: 13px;
	}
	
	.facilities .tab-content .text-side p.highlight {
		margin-top: 13px;
	}
	
	
	.room-details-container button.mfp-close.x-button {
		top: 5px;
		right: 5px;
	}
	
	.room-details-container img {
		padding-right: 10px;
	}
	
	.room-details-container h3 {
		margin-top: 30px;
	}
		
	.attraction .left-attraction {
		padding-right: 25px;
	}

	.attraction .right-attraction {
		padding-left: 25px;
	}
	
	
	.site-footer {
		padding-bottom: 73px;
	}
	
	.site-footer h3 {
		width: 90%;
	}

	.site-footer p {
		width: 90%;
	}

	.site-footer .social-icons-container {
		width: 90%;
	}

}


/* Min-width width 1200px */
@media (min-width: 1200px) {
	.hero-header .header-content {
		padding: 15px 0px 100px 0px;
	}
	
	/* Image gallery hover animation */
	.swiper-container.carousel-gallery .image-container {
		overflow: hidden;
		width: 367px;
		height: 231px;
	}
	
	.swiper-container.carousel-gallery .image-container img {
		margin: 0px;
		-webkit-transition: all 0.3s; 
		-moz-transition: all 0.3s; 
		-o-transition: all 0.3s; 
		transition: all 0.3s;
	}

	.swiper-container.carousel-gallery .image-container img:hover {
		-moz-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
	/* end of image gallery hover animation */
	
	.facilities .tab-content  img {
		padding-right: 30px;
	}
	
	.facilities .tab-content .text-side {
		padding-right: 30px;
	}
	
	.facilities .tab-content .text-side h3 {
		margin-top: 80px;
	}
	
	/* Rooms images hover animation */
	.rooms-container .image-container {
		overflow: hidden;
		width: 353px;
		height: 199px;
	}
	
	.rooms-container .image-container img {
		margin: 0px;
		-webkit-transition: all 0.3s; 
		-moz-transition: all 0.3s; 
		-o-transition: all 0.3s; 
		transition: all 0.3s;
	}

	.rooms-container .image-container img:hover {
		-moz-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	} 
	/* end of rooms images hover animation */

	.blog-sidebar {
		padding-top: 0;
		padding-left: 60px;
	}
}


.ui-datepicker {
	padding: 0 5px;
	z-index: 999 !important;
	width: 202px;
	display: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.ui-datepicker .ui-datepicker-header {
	margin: 0 -5px;
}

.ui-datepicker .ui-datepicker-header a {
	display: block;
	float: left;
	width: 50%;
	padding: 5px 14px;
	border-bottom: 1px solid #f4f4f4;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
	text-align: right;
}

.ui-datepicker .ui-datepicker-title {
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	padding-top: 40px;
	padding-bottom: 3px;
	border-bottom: 1px solid #f4f4f4;
	margin: 0 -5px;
}

.ui-datepicker .ui-datepicker-calendar {
	width: 100%;
	text-align: center !important;
	margin: 10px 0;
}

.ui-datepicker .ui-datepicker-calendar th {
	text-align: center;
}

.ui-datepicker .ui-datepicker-calendar td {
	padding: 3px;
}

.ui-datepicker .ui-datepicker-calendar td a {
	color: #647780;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-calendar td a {
	display: block;
	border-radius: 4px;
}


.ui-datepicker .ui-datepicker-calendar td a:hover  {
	background: #647780;
	color: #fff;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
	background: #21baa3;
	color: #fff;
}


.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
	background: none !important;
}