@charset 'UTF-8';
/*CSS Document */

*{margin:0; padding:0; box-sizing:border-box; }
:root
{
	--Roboto:'Roboto', sans-serif;
	--Roboto-Condensed':Roboto Condensed', sans-serif;
}
::first-letter
	{
		text-transform:uppercase;
	}
body
{
	border:none;
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: var(--Roboto);
}
p:first-letter,p span:first-letter, span:first-letter
	{
		text-transform:uppercase;
	}
.preloading
{
	position:fixed;
	width:100%;
	height:100%;
	background:#ffffff;
	top:0;
	left:0;
    ovrflow:auto;
   display:flex;
	flex-flow:wrap row;
	align-items:center;
	z-index:9999;
	opacity:1;
	box-sizing:border-box;
}
.preloading>img
{
	display:block;
	margin:0px auto;
	user-select:none;
	max-width: 100%;
}
.preloading.hidden
{
	animation-name:fadeOut;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
@keyframes fadeOut
{
	100%{opacity:0; visibility:hidden; z-index:-1;}
}

/*########## Hover Effect #############*/
	.book-border
	{
		position:relative;
	}
	.book-border:hover
	{
	}
	.book-border:hover:after
	{
		content:'';
		position:absolute;
	}
	.book-border:hover:before
	{
		content:'';
		position:absolute;
	}
/*#################### Top Menu Bar CSS #####################*/	
	.property_outer_wrapper
	 {
        width: 100%;
        display: block;
        border-bottom: 0px solid green;
	}
    .property_outer_wrapper>.navbar
    {
    	padding:0;
    }
	.brand-logo
	{
    	padding: 0;
	}
	.brand-logo>img
	{
		max-width:100%;
		display:block;
		transition:all ease-in-out 0.5s;
	}
	.main-menu
	{
		background:/*#47bee9*/#ffffff;
        position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	.menu-position
	{
		/*position:relative;*/
	}
	.navbar-toggler
	{
		background-color: #000000ad;
	}
	.phone-no
	{		
		position: absolute;
        bottom: 0;
        right: 0%;
        opacity: 1;
        padding-right: 1rem;
        /*position: absolute;
		bottom: 0;
		right: 0%;
		opacity: 0;
		visibility: hidden;
		transition: all ease-in-out 0.7s;
		transform: translateX(50%);
		animation-name:ani-phone;
		animation-delay:1s;
		animation-duration:1s;
		animation-iteration-count:1;
		animation-fill-mode:forwards;*/
	}
@keyframes ani-phone
{
	100%{ opacity:1; visibility:visible;transform: translateX(-50%);}
}
	.phone-no>a
	{		
        color: #000000;
        font-size: 1.1rem;
        margin-left: 0;
	}
	.phone-no>a>i
	{
		color: #ffffff;
	}
	.menu-li
	{
		display:flex;
		width: 100%;
		justify-content: flex-end;
		align-items: center;
		flex-flow: wrap row;
	}
	.menu-li>li
	{
		text-transform: uppercase;
		font-size: 1rem;
		position:relative;
		font-weight: 400;
	}
	.menu-li>li:after
	{
		content:'';
		position:absolute;
	}
	.menu-li>li:before
	{
		content: '';
		position: absolute;
		width: 100%;
		padding: 1px;
		background: #ffffff;
		left: 0;
		top: 0;
        transform:scale(0);
		transition: all linear 0.3s;
	}
    .menu-li>li:hover:before
    {
    	transform:scale(1);
    }
	.actives
	{
	}
	.menu-li>li.actives:after
	{
		content: '';
		position: absolute;
		width: 100%;
		padding: 1px;
		background: #2270b5;
		left: 0;
		top: 0;
		transition: all linear 0.7s;
	}
	.menu-li>li>a
	{
		color:#000000;
		padding:0.5rem 0.2rem;
		text-decoration:none;
	}
	.menu-li>li:last-child
	{
		background: #2270b5;
    	border: 4px double #ffffff;
	}
	.menu-li>li:last-child>a
	{
		color:#ffffff;        
	}
	.menu-li>li:last-child:hover
	{
		background: #048cc0  !important;
	}
	.menu-li>li:last-child:hover:before
	{
		background:transparent;
	}
	.menu-li>li:last-child:hover a
	{
		color: #ffffff !important;
	}
/*###################### Submenu ##############*/
	.menu-li>li>ul
	{
		display:none;
		perspective:1000px;
		width:max-content;
		position: absolute;
		background: #09a8d7;
		list-style: none;
		z-index: 999;
		left:0;
		margin-top: 0.5rem;			
	}
	
	.menu-li>li>ul>li
	{
		transform-style:preserve-3d;
	}
	.menu-li>li:hover ul
	{
		display: block;
	}
	.menu-li>li:hover ul:before
	{
		content: '';
		position: absolute;
		padding: 0.6rem;
		background: #09a8d7;
		top: -5%;
		left: 3%;
		transform: rotate(45deg);
		z-index: -1;
		backface-visibility: hidden;
	}
	.menu-li>li:hover ul>li
	{		
		padding: 0.4rem 0.5rem;
		font-size: 0.85rem;
		border-bottom: 1px solid;
	}
	.menu-li>li:hover ul>li:last-child
	{
		border-bottom: none;		
	}
	.menu-li>li:hover ul>li>a
	{
		color: #ffffff;
		text-decoration:none;
	}
	.menu-li>li:hover ul>li:hover
	{
		background: #399ebc;
	}
	.menu-li>li:hover ul>li:hover a
	{
		color:#ffffff;
	}
	.fixed-menu
	{
				
		height: 60px;
		background: #0e0f65;
		transition: all ease-in-out 0.5s;
	}
	.fixed-menu>.container>.phone-no
	{
		display:none;
	}
	.fixed-menu>.container>.brand-logo>img
	{		
		transform:scale(0.5);
        transition: all linear 0.2s;		
	}
    .fixed-menu>.container>.navbar-collapse>ul.menu-li>li>a
    {
    	color:#ffffff;
    }
	.slider-margin
	{		
		padding-top: 99px;
        transition: all ease-in-out 0.3s;
		
	}
	
/*############# Slider ##############*/
    .slider
    {
        width:100%;
        display:block;
    }
    .slider img
    {
        max-width:100% !important;
        display:block;
        margin:0 auto;
    }
	/* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb052 .i {position:absolute;cursor:pointer;}
        .jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
        .jssorb052 .i:hover .b {fill-opacity:.7;}
        .jssorb052 .iav .b {fill-opacity: 1;}
        .jssorb052 .i.idn {opacity:.3;}

        .jssora053 {display:block;position:absolute;cursor:pointer;}
        .jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
        .jssora053:hover {opacity:.8;}
        .jssora053.jssora053dn {opacity:.5;}
        .jssora053.jssora053ds {opacity:.3;pointer-events:none;}
		
.booking_widget_wrapper
		{
			width:100%;
			display:block;
			position:absolute;
			bottom:10px;
			border:0px solid green;
		}
		.booking_widget
		{
			width:100%;
			display:block;
			border:0px solid red;
		}
		.booking_widget .table>tbody>tr>td:nth-child(1),.booking_widget .table>tbody>tr>td:nth-child(2),.booking_widget .table>tbody>tr>td:nth-child(3),.booking_widget .table>tbody>tr>td:nth-child(4)
		{
			background:#fff;
			
		}
		.table>tbody>tr>td:nth-child(1)
		{
			width: 25%;
			border-right: 1px solid #000;
		}
		.table>tbody>tr>td:nth-child(2)
		{
			width: 25%;
			border-right: 1px solid #000; 
		}
		.table>tbody>tr>td:nth-child(3)
		{
			    width: 17%;
				border-right: 1px solid #000; 
		}
		.table>tbody>tr>td:nth-child(4)
		{
			    width: 17%;
				border-right: 0px solid #000; 
		}
		
		.booking_widget .table>tbody>tr>td:last-child
		{
			background:transparent;
			padding-bottom: 0px;
			padding-top: 0px;
			border:none;
		}
		.booking_widget .table>tbody>tr>td>span, .booking_widget .table>tbody>tr>td>select 
		{
			display: block;
			text-transform: capitalize;
			font-size: 1em;
			font-weight: 300;
		}
		.booking_widget .table>tbody>tr>td>.btn-info
		{
			background: #000;
			width: 100%;
			display: block;
			border: snow;
			border-radius: 0px;
			vertical-align: middle;
			font-size: 1.4em;
			font-weight: 100;
			font-family: var(--Roboto);
			text-transform: capitalize;
			padding: 25px 12px;
		}
		.booking_widget .table>tbody>tr>td>.form-control
		{    
			border-radius: 0px;
			background-color: transparent;
			font-size: 1.2em;
			overflow: visible;
			height: auto;
			font-weight: 100;
			font-family: var(--Roboto);
			text-transform: capitalize;
			padding: 0px;
			border: none;
			box-shadow: none;
		}
		.borderless td, .borderless th 
		{
			border: none;
		}
/*############################################# Service icon CSS ###############################*/
	.property_service_icon_wrapper
	{
		width:100%;
		display:block;
		border:0px solid green;
		background: #ebebeb;
	}

	.property_service_icon_row
	{
		width:100%;
		display:block;
		border:0px solid red;
		float:left;
	}
	.property_service_icon
	{
		width:100%;
		display:block;
		border:0px solid blue;
	}

	.property_service_wrapper
	{
		width:100%;
		display:block;
		border:0px solid green;
		text-align:center;
	}
	.property_service_wrapper>ul
	{
		list-style:none;
		padding-left: 0;
		margin-bottom:0;
	}
	.property_service_wrapper>ul>li
	{
		display: inline-block;
		vertical-align: top;
		padding: 0.5rem 1rem;
	}
	.property_service_wrapper>ul>li img
	{
		max-width:100%;
		display:block;
		margin:0px auto;
	}
	.property_service_wrapper>ul>li>span
	{
		display: block;
		text-transform: capitalize;
		font-weight: 400;
		padding-top: 0px;
		font-size: 0.8em;
		font-family: var(--Roboto);
		color: #0e0e65;
	}

	

/*############################################# Property Address CSS ###############################*/
	.property_address_wrapper
	{
		width:100%;
		display:block;
		border:0px solid green;
	}

	.property_address_row
	{
		width:100%;
		display:block;
		border:0px solid red;
		float:left;
	}
	.property_address
	{
		width:100%;
		display:block;
		border:0px solid blue;
		padding-top: 14px;
		text-align: center;
		padding-bottom: 30px;
	}
	.property_address>h1
	{
		text-transform: capitalize;
		font-size: 3.4rem;
		font-family: var(--Roboto);
		font-weight:300;
		letter-spacing: 1px;
			margin-bottom: 0px;
		color: #464646;
	}
	.property_address>p
	{
		font-size: 1.3em;
		font-family: var(--Roboto);
		font-weight: 500;
	}

/*------------################## common-Reception-hours CSS ###############-------------*/
	.common-reception-wrap, .common-reception
	{
		width:100%;
		display:block;
	}
	.common-reception-wrap
	{
		padding:1rem 0;
		margin:2rem 0;
		background:#7e7e7e  /*#b29e74*/;
	}
	.common-reception>ul
	{
		list-style:none;
		display:flex;
		flex-flow:wrap row;
		justify-content:center;
		align-items:flex-start;
		padding-right:0;
	}
	.common-reception>ul>li
	{
		border:0px solid green;
		width:33.333%;
	}
	.common-reception>ul>li>.checkin-out, .common-reception>ul>li>.reception-hours, .common-reception>ul>li>.parking, .checkin-out, .reception-hours, .parking
	{
		padding:0.5rem 0.2rem
	}
	
/*------############### checkin-out  ##############--------------*/
	.checkin-out
	{
		text-align:center;
	}
	.common-reception>ul>li>.checkin-out>h4, .checkin-out>h4
	{
		text-transform: uppercase;
		font-size: 1.2rem;
		margin-bottom: 1rem;
		color: #ffffff;
		font-family: var(--Roboto);
		font-weight: 500;
	}
	.common-reception>ul>li>.checkin-out>h4>span, .checkin-out>h4>span
	{
		font-size: 1rem;
		color: #ffffff;
		font-weight: 400;
		font-family: var(--Roboto-Condensed);
	}
	.checkin-out>h4>span
    {
    	text-transform:none;
    }
    .checkin-out>h4>span::first-letter
    {
    	text-transform:uppercase;
    }
/*------############### Reception Hours ##############--------------*/
	.common-reception>ul>li>.reception-hours>p, .reception-hours>p
	{
		text-transform: uppercase;
		font-size: 1.2rem;
		margin-bottom: 1rem;
		color: #ffffff;
		/*text-align:center;*/
		font-family: var(--Roboto);
		font-weight: 500;
	}
	.common-reception>ul>li>.reception-hours>p>span, .reception-hours>p>span
	{
		display: block;
		text-transform: lowercase;
		font-weight: 300;
		color: #ffffff;
		font-size: 1rem;
		font-family: var(--Roboto-Condensed);
		line-height:2rem;
	}	
	
/*------############### parking  ##############--------------*/
	.common-reception>ul>li>.parking
	{
	}
	.common-reception>ul>li>.parking>h4, .parking>h4
	{
		text-transform: uppercase;
		font-size: 1.2rem;
		margin-bottom: 1rem;
		color: #ffffff;
		/*text-align:center;*/
		font-family: var(--Roboto);
		font-weight: 500;
	}
	.common-reception>ul>li>.parking>h4>span, .parking>h4>span
	{
		display: block;
		text-transform: lowercase;
		font-weight: 300;
		color: #ffffff;
		font-size: 1rem;
		font-family: var(--Roboto-Condensed);
		line-height:2rem;
	}
	

/*############################################# Content Text CSS ###############################*/
	.property_content_wrapper
	{
		width:100%;
		display:block;
		border:0px solid green;
	}

	.property_content_row
	{
		width:100%;
		display:flex;
		flex-flow:wrap row;
		border:0px solid red;
		float:left;
		padding: 55px 0px 48px;
	}
	.property_content
	{
		width:100%;
		display:block;
		border:0px solid blue;
		padding-top: 25px;
		text-align: center;
		padding-bottom: 25px;
	}
	.property_content_heading
	{
		width:100%;
		display:block;
		border:0px solid green;
	}
	.property_content_heading>h1
	{
		text-transform: capitalize;
		text-align: right;
		margin-top: 0px;
		font-size: 3em;
		letter-spacing: 0.3px;
		font-family: var(--Roboto);
		line-height: 1.3em;
		color: #464646;
	}
	.property_content_text h2 {color: #464646; margin-top: .2em;}
	.property_content_text
	{
		width:100%;
		display:block;
		border:0px solid green;
	}
	.property_content_text>p
	{
		text-align:justify;
		text-justify:auto;
		font-size: 1.3em;
		font-family: var(--Roboto);
		font-weight:100;
		margin-bottom: 20px;
	}
	.property_content_text>.booking_btn
	{
		margin-top: 20px;
	}
	.property_content_text>.booking_btn>a.btn-info
	{
		display: inline-block;
		font-size: 1.1em;
		font-weight: 300;
		padding: 10px 20px;
	}
	
/*############ Booking Btn ###############*/
	.property_content_text>.booking_btn 
	{
		margin-top: 20px;
	}
	.booking_btn 
	{
		width: 100%;
		display: block;
		border: 0px solid green;
		box-sizing: border-box;
	}
	.property_content_text>.booking_btn>a.btn-info 
	{
		display: inline-block;
		font-size: 1.1em;
		font-weight: 300;
		padding: 10px 20px;
	}
	.booking_btn>a.btn-info 
	{
		border-radius: 0px;
		background: #2270b5;
		border: none;
		text-transform: capitalize;
		color: #ffffff;
	}
	.booking_btn>a.btn-info:hover 
	{
		background: #464646;
		color: #ffffff;
	}
	.book-direct
	{
		position:relative;
	}
	.book-direct~h4
	{
		position: absolute;
		top: 30%;
		left: 41%;
		z-index: 9;
		color: #ffffff;
		text-transform: uppercase;
		transform: translate(-50%, -50%);
	}
	.facility_listing>h3
	{
		font-size: 2em;
		font-family: var(--Roboto-Condensed);
		font-weight:400;
		text-transform:capitalize;
	}
	.facility_listing>h4
	{
		font-size:1.5em;
		font-family: var(--Roboto-Condensed);
		font-weight:600;
		text-transform:capitalize;
	}
	.facility_listing>p
	{
		font-size: 1.3em;
		font-family: var(--Roboto);
		font-weight:100;
		margin-bottom: 20px;
	}
	.facility_listing
	{
		display:block;
	}
	.facility_listing>ul
	{
	}
	.facility_listing>ul>li
	{
        font-size: 1rem;
        font-family: var(--Roboto);
        font-weight: 300;
        padding-bottom: 7px;
        color: #000000;
        line-height: 2rem;
        margin-left: 20px;
	}
	.facility_listing>ul>li>span>small
	{
		font-size: 80%;
		color: #464646;
		font-weight: 600;
		font-family: var(--Roboto-Condensed);
	}
	.facility_gallery
	{
		width:100%;
		display:block;
		border:0px solid green;
		float:left;
	}
	.facility_gallery_img
	{
		width:100%;
		display:block;
		border:0px solid green;
		position:relative;
	}
	.facility_gallery_img img
	{
		max-width:100%;
		display:block;
		margin:0px auto;
	}
	.facility_gallery_img:after
	{
		content: 'Click Here';
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
		transform: scale(1);
		top: 0;
		left: 0;
		color: #fff;
		transition: all ease-in-out 0.5s;
		text-align: center;
		cursor: pointer;
		padding-top: 50%;
	}
	.facility_gallery_img:hover:after 
	{
		transform:scale(0);
	}

	
/*############################################# Accommodation Text CSS ###############################*/
	blockquote>p
	{
		font-weight: 300;
		line-height: 2rem;
		margin-bottom: 3rem;
	}
	blockquote>p:first-letter
	{
		text-transform:uppercase;
	}
	blockquote>p small
	{
		text-align:right;
		float:right;
		margin-bottom: 1rem;
		color: #c3c3c3;
		font-style: italic;
	}
	blockquote>p small:after
	{
		content:'';
		display:table;
		clear:both;
	}
	.property_accommodation_wrapper
	{
		width:100%;
		display:block;
		border:0px solid green;
		background:#7e7e7e;
		padding-bottom: 26px;
	}

	.property_accommodation_row
	{
		width:100%;
		display:block;
		border:0px solid red;
		float:left;
		padding: 34px 0px 20px;
	}
	.property_accommodation
	{
		width:100%;
		display:block;
		border:0px solid blue;
		text-align: center;
	}
	.property_accommodation_heading
	{
		width:100%;
		display:block;
		border:0px solid;
	}
	.property_accommodation_heading>h1
	{
		text-align: center;
		text-transform: capitalize;
		color: #fff;
		font-size: 3em;
		letter-spacing: 0.3px;
		font-family: var(--Roboto);
	}
	.property_accommodation_flex
	{
		display:flex;
		display: -webkit-box; 
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex; 
		flex-direction:row;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		border:0px solid blue;
	}
	.property_accommodation_block
	{
		width:15%; 
		padding: 0 1rem;
		text-align: center;
	}
	.property_accommodation>a>img
	{
		max-width:100%;
		display:block;
		margin:0px auto;
	}
	.property_accommodation>h4
	{
		text-transform:capitalize;
		font-family: var(--Roboto);
		font-weight:100;
		font-size: 1.2rem;
		padding: 0.5rem 0;
	}
	.property_accommodation>h4>a
	{
		color:#ffffff;
		text-decoration:none;
	}
	.property_aprt_short_row 
	{
		width: 100%;
		display: block;
		border: 0px solid red;
		float: left;
		padding: 10px 0px 48px;
	}
	
/*############################################# Location Text CSS ###############################*/
	.property_location_wrapper
	{
		width:100%;
		display:block;
		border:0px solid green;
		margin-top: 35px;
	}

	.property_location_row
	{
		width:100%;
		display:block;
		border:0px solid red;
		float:left;
		padding: 0px 0px 0px;
	}
	.property_location_row>.col-sm-12
	{
		padding-left:0px;
		padding-right:0px;
	}
	.property_location
	{
		width:100%;
		display:block;
		border:0px solid blue;
		text-align: center;
	}
	.property_location_heading
	{
		width:100%;
		display:block;
		border:0px solid;
	}
	.property_location_heading>h1
	{
		text-align: center;
		text-transform: capitalize;
		color: #464646;
		font-size: 3em;
		letter-spacing: 0.3px;
		font-family: var(--Roboto);
	}
	.property_location_heading>h4
	{
		text-align: center;
		font-size: 2em;
		font-weight: 100;
	   
	}
	.property_location_heading>p
	{
		text-align: center;
		font-size: 1.3em;
		font-family: var(--Roboto);
		font-weight: 500;
		text-transform:capitalize;
	}
	.property_location_heading>p>span
	{
		
	}
	.property_map_wrapper
	{
		width:100%;
		display:block;
		background:#ebebeb;
	}
	.property_gettinghere_wrapper
	{
		width:100%;
		display:block;
	}
	.property_gettinghere_wrapper h2
	{
		text-align: justify;
		text-transform: capitalize;
		color: #464646;
		font-size: 3em;
		letter-spacing: 0.3px;
		font-family: var(--Roboto);
	}
	.property_gettinghere_wrapper p
	{
		text-align: justify;
		text-justify: auto;
		font-size: 1.3em;
		font-family: var(--Roboto);
		font-weight: 100;
		margin-bottom: 20px;
	}
/*#############################################Footer Text CSS ###############################*/
	.property_footer_wrapper
	{
		width:100%;
		display:block;
		background:#2270b5;
	}

	.property_footer_row
	{
		width:100%;
		display:block;
		border:0px solid red;
		float:left;
		padding: 25px 0px 0px;
	}
	
	.property_footer_row:after
	{
		content:'';
		display:table;
		clear:both;
	}
	.property_footer_row>hr
	{
		margin-top: 10px;
		margin-bottom: 10px;
		border: 0;
		border-top: 1px solid #449eee;		
		display: block;
		width: 100%;
	}
	.copy_right
	{
		width:100%;
		display:block;
		border:0px solid;
		padding-bottom: 10px;
	}
	.copy_right>p
	{
		text-align:center;
		color:#449eee;
	}
	.copy_right>p>a
	{
		text-decoration:none;
		color:#449eee;
	}
	.copy_right>a:last-child
	{
		float:right;
		text-decoration:none;
		color:#449eee;
		text-transform:capitalize;
	}
	.property_footer_logo
	{
		width:100%;
		display:block;
		border:0px solid blue
	}
    .property_footer_logo>.booking_btn>a.btn-info
    {
        background: #001dac;
        text-transform: uppercase;
        /* margin: 0 auto; */
        border: 4px double;
        display: block;
        width: 70%;
    }
	.property_footer_logo img
	{
		max-width:100%;
		display:block;
		/*margin:0px auto;*/
	}
	.property_footer_socialicon
	{
		width:100%;
		display:block;
		border:0px solid #fff;
		margin-top:10px;
		text-align:center;
	}
	.property_footer_socialicon>ul
	{
		list-style: none;
		margin-left: 0px;
		padding-left: 0px;
	}
	.property_footer_socialicon>ul>li
	{
		display:inline-block;
		vertical-align:middle;
		width: 15%;
	}
	.property_footer_address
	{
		width:100%;
		display:block;
		border:0px solid red
	}
	.property_footer_address>h4
	{
		color: #fff;
		font-weight: 500;
		font-size: 1.1em;
		margin-top: 0
	}
	.property_footer_address>h4>a,.property_footer_address>p>a
	{
		color: #fff;
	}
	.property_footer_address>p
	{
		font-size: 1em;
		color: #fff;
		text-transform: capitalize;
		font-weight: 300;
	}
.property_footer_address>p>a
{
	text-transform:lowercase;
}
	.property_footer_address>.booking_btn>a.btn-info
	{
		display: block;
		padding: 15px 0px;
		font-size: 1.3em;
		font-weight: 600;
		text-transform: uppercase;
	}
	.property_footer_address>.booking_btn>a.btn-info:hover
	{
		background:#ffffff;
		color:#000000;
	}
	.property_footer_address>.booking_btn~span
	{
		display: block;
		font-size: 0.85em;
		padding-top: 5px;
		font-weight: 300;
	}
	.property_footer_address>.booking_btn~span>a
	{
		text-decoration:none;
		color:#fff;
		text-transform:capitalize;
	}
	.property_footer_menu
	{
		width:100%;
		display:block;
		border:0px solid yellow
	}
	.property_footer_menu>ul
	{
		list-style:none;
	}

	.property_footer_menu>ul>li
	{
		color:#fffff;
		text-transform:capitalize;
			padding-bottom: 10px;
	}

	.property_footer_menu>ul>li>a
	{
		text-decoration:none;
		color:#fff;
		font-weight:300;
	}

	.property_footer_about
	{
		width:100%;
		display:block;
		border:0px solid red
	}
	.property_footer_about>h4
	{
		color: #fff;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 1em;
		margin-top: 0
	}
	.property_footer_about>p
	{
		font-size: 1em;
		color: #fff;
		font-weight: 300;
		margin-bottom: 0.5rem;
	}
	.property_footer_about>p>a
	{
		text-decoration:none;
		color:#ffffff;
	}
	#myBtn {
	  display: none;
	  position: fixed;
	  bottom: 20px;
	  right: 30px;
	  z-index: 99;
	  font-size: 18px;
	  border: none;
	  outline: none;
	  background-color:#058dc0;
	  color: white;
	  cursor: pointer;
	  padding: 15px;
	  border-radius: 4px;
	  border:solid 1px #ffffff;
	}

	#myBtn:hover {
	  background-color: #555;
	}

/*----------############ Things To See #############--------------*/
	/*------------ Local Attraction Page CSS -------------*/
	.nearby-town
	{
		position:relative;
		z-index:99;
	}
	.nearby-town:after
	{
		/*content: '';
		position: absolute;
		border: 1px solid #dddddd;
		right: 0;
		top: 0;
		height: 100%;
		z-index:-10;*/
	}
	.nearby-town>li
	{
		position: relative;
		width: 50%;
		margin: 0rem 0rem;
		list-style: none;
		padding: .5rem 1rem;
		z-index: 10;
	}
	.nearby-town>li:nth-of-type(2),.nearby-town>li:nth-of-type(3),.nearby-town>li:nth-of-type(5),.nearby-town>li:nth-of-type(6),.nearby-town>li:nth-of-type(8),.nearby-town>li:nth-of-type(9),.nearby-town>li:nth-of-type(11),.nearby-town>li:nth-of-type(12),.nearby-town>li:nth-of-type(14),.nearby-town>li:nth-of-type(15)
	{
		z-index:-10;
	}
	.nearby-town>li:after
	{
		content: '';
		position: absolute;
		border: 1px solid #dddddd;
		right: 0;
		top: 0;
		height: 100%;
		z-index:-10;
	}
	.nearby-town>li:nth-of-type(even):after
	{
		right: 100%;
		z-index: -10;
	}
	.nearby-town-block
	{		
		background: #17c7fb;
		position: relative;
		padding: 0.5rem 1rem;
		border-radius: 20px 1px;
		color:#ffffff;		
	}
	.nearby-town>li:nth-of-type(odd) .nearby-town-block
	{
		text-align:right;
	}
	.nearby-town>li>.testium
	{
		position: absolute;
		background: #044c97;
		border-radius: 30px;
		padding: 1rem 1rem;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:center;
		text-align: center;
		color:#ffffff;
	}
	.nearby-town>li:nth-of-type(odd) .testium
	{
		top: 50%;
		right: 0%;
		transform: translate(50%, -50%);
	}
	.nearby-town>li:nth-of-type(even) .testium
	{
		top: 50%;
		left: 0%;
		transform: translate(-50%, -50%);
	}
	.nearby-town>li>.testium>i
	{
		width:100%;
	}
	.nearby-town>li>.testium>span
	{
		width:100%;
		font-size:0.9rem;
	}
	
	.local-attraction
	{
		display:block;
		margin: 1rem 0 2rem;
	}
	
	.local-attraction-block
	{
		text-align: center;
	}
	.local-attraction>ul
	{
		list-style:none;
		margin:0;
	}
	.local-attraction>ul>li
	{
		width: 32%;
		border: 0px solid green;
		margin: 1rem 0.3rem;
		position:relative;
		box-shadow: 2px 2px 10px #000000;
		text-align: center;
		text-transform: uppercase;
		padding: 1.4rem 0;
		border-radius: 5px;
		transition: all ease-in-out 0.5s;
	}
	
	.local-attraction>ul>li>h4
	{
		transition: all ease-in-out 0.3s;
		font-size: 1.4rem;
		text-transform: capitalize;		
	}
	.local-attraction>ul>li>.local-attraction-block
	{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%) scale(0);
		transition: all ease-out 0.5s;
	}
	.local-attraction>ul>li:hover h4
	{
		transform:scale(0);
	}
	.local-attraction>ul>li:hover .local-attraction-block
	{
		transform: translate(-50%, -50%) scale(1);
	}
	.local-attraction-block>p
	{
		font-weight: 600;
	}
	.local-attraction-block>p>i
	{
	}
	.local-attraction-block>a
	{
		text-decoration: none;
		font-size: 0.9rem;
		text-transform: capitalize;
		background: #3b3b3b;
		color: #ffffff;
		padding: 0.3rem 0.4rem;
	}
	.local-attraction-block>a:hover
	{
		background:#000000;
	}
	


/*-----------############## Gallery PAge ############----------*/
	.gallery-wrapper
	{
		align-items:center;
	}
	.filter-li
	{
		display: flex;
		flex-flow: wrap row;
		justify-content: center;
		align-items: center;
		list-style: none;
	}
	.filter-li>li:first-child 
	{
		margin-left: 0rem;
	}
	.filter-li>li 
	{
		text-transform: uppercase;
		background: #e9aa77;
		margin-left: 1rem;
		padding: 0.5rem 1rem;
		cursor: pointer;
	}
	.filter-active 
	{
		background: #af5003 !important;
		color: #ffffff;
	}
	.filter-li~.common-flex>[class*=col-]
	{
		max-height: 270px;
		overflow: hidden;
		border: 0px solid;
		margin: 0.5rem 0;
	}
	.common-flex
	{
		display:flex;
		flex-flow:row wrap;
		/*padding:0rem 0 1rem;*/
	}

/*------############ Contact Us Page CSS ------#########*/
	form#forms
	{
		display:flex;
		flex-flow:wrap row;
		justify-content:center;
		align-items:center;
	}
	form#forms>.form-group
	{
		position:relative;
		z-index: 9;	
	}
	form#forms>.form-group:nth-of-type(1)
	{
		width: 44%;
		margin: 1rem;
	}
	form#forms>.form-group:nth-of-type(2)
	{
		width: 44%;
		margin: 1rem;
	}
	form#forms>.form-group:nth-of-type(3)
	{
		width: 44%;
		margin: 1rem;
	}
	form#forms>.form-group:nth-of-type(4)
	{
		width: 44%;
		margin: 1rem;
	}
	form#forms>.form-group:nth-of-type(5)
	{
		width: 93%;
		margin: 1rem;
	}
	form#forms>.form-group>label
	{
		position: absolute;
		left: 2%;
		top: 50%;
		transform: translateY(-50%);
		opacity:0;
		transition:all ease-in-out 0.5s;
	}
	form#forms>.form-group>input
	{
		height: 40px;
		width: 100%;
		text-transform: capitalize;
		font-family: var(--Raleway);
		padding: 0.5rem 0 0;
	}
	form#forms>.form-group>textarea
	{
		width:100%;
		padding: 0.5rem 0 0;
	}
	form#forms>.form-group>input[type='email']
	{
		text-transform:inherit;
	}
	form#forms>.form-group>input::placeholder, form#forms>.form-group>textarea::placeholder
	{
		font-family: var(--Raleway);
		color: #a4a4a4;
		text-transform:uppercase;
		transition:opacity 0.3s linear;
	}
	form#forms>.form-group>input:hover + label, form#forms>.form-group>textarea:hover + label
	{
		top: 0;
		background: linear-gradient(180deg, #ffffff, #ffffff);
		padding: 0 1rem;
		font-size: 0.9rem;
		text-transform: capitalize;
		font-weight: 600;
		color: #000000;
		z-index: 10;
		opacity:1		
	}
	form#forms>.form-group>input:hover::placeholder, form#forms>.form-group>textarea:hover::placeholder
	{
		opacity:0;
	}
	form#forms>.form-group>input[type='submit']
	{
		background: #000000;
		color: #ffffff;
		border: none;
		padding: 0 1rem;
		border-radius: 3px;
	}
	form#forms>.form-group>input[type='submit']:hover
	{
		background: #373737;
	}
	form#forms>.form-group>input + label + span, form#forms>.form-group>textarea + label+span
	{
		position: absolute;
		left: 1%;
		bottom: -65%;
		text-transform: capitalize;
		color: #ff0000;
		font-size: 0.9rem;
		opacity:0;
		transition:opacity 0.5s linear;
	}
	form#forms>.form-group>textarea + label+span
	{
		bottom:-9%;
	}
	/*############################################# Rooms Aprt CSS ###############################*/
.redstar_room_aprt_wrapper
{
	width:100%;
	display:block;
	border:0px solid green;
	background:#ececec;
    padding-bottom: 0px;
	margin-bottom:40px;
}

.redstar_room_aprt_row
{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	border:0px solid red;
	float:left;
	padding: 2rem 0px;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.redstar_room_aprt_row>.col-sm-4
{
	padding-left:0px;
	padding-right:0px;
}
.redstar_room_aprt_text
{
	width:100%;
	display:block;
	border:0px solid blue;
	text-align: right;
	padding-top:1.5em;
	padding-bottom: 0.8em;
}
.redstar_room_aprt_text>h1
{
	text-transform: capitalize;
    text-align: right;
    margin-top: 0px;
    font-size: 3em;
    letter-spacing: 0.3px;
    font-family: 'Roboto', sans-serif;
    line-height: 110%;
    color: #464646;
}
.redstar_room_aprt_text>h4
{
	font-size: 1.3em;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
	color: #464646;
	line-height:135%;
	margin:0;
}
.redstar_room_aprt_text>p
{
	text-justify: auto;
    font-size: 1.2em;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
	margin-top:10px;
    margin-bottom: 7px;    
    line-height: 1.6em;
	line-height: 135%;
}
.redstar_room_aprt_text>p:first-letter
{
	text-transform:capitalize;
}
.redstar_room_aprt_text>.booking_btn
{
	margin-top: 20px;
}
.redstar_room_aprt_text>.booking_btn>a.btn-info
{
	display: inline-block;
    width: 45%;
    font-size: 1.3em;
    font-weight: 300;
    padding: 17px 12px;
}
.redstar_room_aprt_img
{
	width:100%;
	display:block;
	border:0px solid;
}

 .redstar_room_aprt_img [.carousel-control-^]
 {
	position: absolute;
    content: '';
    top: auto;
    bottom: 0;
    left:inherit;
    width: 15%;
    /* font-size: 20px; */
    color: #fff;
    /* text-align: center; */
    /* text-shadow: 0 1px 2px rgba(0,0,0,.6); */
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: 1; 
 }
 .redstar_room_aprt_img img
 {
	 max-width:100%;
	 display:block;
	 margin:0 auto;
 }
 .redstar_room_aprt_img .carousel-control-prev, .redstar_room_aprt_img .carousel-control-next
	{    
		background: rgba(0,0,0,0.5);
		opacity: 1;
		height: 9%;
		width: 5.5%;
		top: 50%;
		transform: translateY(-50%);
		font-size: 2.4rem;
		font-weight: 100;
		border-radius: 50%;
		padding: 0;
		align-items: center;
		justify-content: center;
	}
	.redstar_room_aprt_img .carousel-control-prev>span
	{   
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 20%;
	}
	.redstar_room_aprt_img .carousel-control-next>span
	{   
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 20%;
	}
	
/*###########--------------- Subscribe Form ------------#############*/
	.subscribe_news_offers_wrapper
	{
		width:100%;
		display:block;
		border:0px solid green;
		background:#ececec;
		margin-top: 30px;
		margin-bottom:47px;
	}
	.subscribe_news_offers_flex
	{
		display:flex;
		display: -webkit-box; 
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		flex-direction:row;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		border:0px solid blue;
	}
	.subscribe_news_offers_img_block
	{
		width: 61.999%;
		border:0px solid blue;
	}
	.subscribe_news_offers_img
	{
		width:100%;
		display:block;
		border:0px solid red;
	}
	.subscribe_news_offers_img img
	{
		max-width:100%;
		display:block;
		/*margin:0px auto;*/
	}
	.subscribe_news_offers_text_block
	{
		width:38.001%;
		border:0px solid gray;
	}
	.subscribe_news_offers_text
	{
		width:100%;
		display:block;
		border:0px solid brown;
			padding: 0px 35px;
	}
	.subscribe_news_offers_text>h2
	{
		text-transform: uppercase;
		font-weight: 100;
		color: #464646;
	}
	.subscribe_news_offers_text>p
	{
		font-size: 1.3em;
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		margin-bottom: 20px;
	}
	.subscribe_news_offers_text>p>small
	{
			font-size: 0.7em;
		color: #000;
		font-weight: 400;
	}
	.subscribe_news_offers_text>p>small:first-letter
	{
		text-transform:capitalize;
	}
	.subscribe_news_offers_text>p>span
	{
		text-transform:capitalize;
	}
	.subscribe_news_offers_form
	{
		background: #d4d4d4;
		padding: 25px;
		width: 65%;
	}
	.subscribe_news_offers_form button.btn-primary 
	{
		background: #000;
		border: 1px solid #fff;
		border-radius: 0px;
		padding: 5px 20px;
		text-transform:capitalize;
}

/*--------############## Mobile Device ###########-------------*/
	@media only screen and (min-width:0px) and (max-width:767px)
	{
		.property_service_wrapper>ul>li
		{
			width:32.5%;
		}
		.property_address>h1
		{
			font-size:2.4rem;
		}
		.property_reception>h4
		{
			font-size:1.1rem;
		}
		.property_reception>p
		{
			font-size:1rem;
		}
	
	/*########## Content Block #######*/
		.property_content_heading>h1
		{
			text-align:center;
			font-size:2rem;
		}
		.property_content_text h2
		{
			font-size:1.2rem;
			text-align:center;
		}
		.property_content_text>p
		{
			font-size:1rem;
		}
		.local-attraction>ul>li
		{
			width:100%;
		}
		.filter-li>li
		{
			width:33%;
			margin-bottom:1rem;
		}
	/*######### Location Block ##########*/
		.property_location_heading>h1
		{
			font-size:2rem;
		}
		.property_location_heading>p
		{
			font-size:1rem;
		}
		
	/*############ Footer Block #############*/
		.property_footer_row>[class*='col-xs-6']
		{
			width:50% !important;
			margin-top:1rem; 
		}
	
	/*############# Apartment Block ###########*/
		.redstar_room_aprt_row>[class*='col-']
		{
			width:100% !important;	
		}
		.redstar_room_aprt_text, .redstar_room_aprt_text>h1
		{
			text-align:left;
		}		
		form#forms > .form-group
		{
			width:100%!important;
		}
		.redstar_room_aprt_img .carousel-control-prev>span, .redstar_room_aprt_img .carousel-control-next>span
		{
			font-size:1rem;
		}
	}
	@media only screen and (min-width:768px) and (max-width:991px)
	{
	
	/*########## Content Block #######*/
		.property_content_heading>h1
		{
			font-size:2.2rem;
		}
		
	/*############ Footer Block #############*/
		.property_footer_row>[class*='col-md-6']
		{
			width:50% !important;
		}
		.property_footer_row>[class*='col-xs-6']
		{
			margin-top:1rem !important;
		}
		
		.redstar_room_aprt_text, .redstar_room_aprt_text>h1
		{
			text-align:left;
		}
		.local-attraction>ul>li
		{
			width:48%;
		}
		.filter-li>li
		{
			font-size:0.9rem;
		}
		form#forms > .form-group
		{
			width:100%!important;
		}
	}
	
	@media only screen and (min-width:992px) and (max-width:1600px)
	{
		
	/*########## Content Block #######*/
		.property_content_heading>h1
		{
			font-size:2.4rem;
		}
		.property_accommodation_block
		{
			width:20% !important;
		}
		
	/*########### Booking widget #########*/
		.booking_widget button, .booking_widget input, .booking_widget select, .booking_widget textarea, .b247-nights
		{
			font-size:1.4rem!important;
		}
		.searchbox__clickable a 
		{
			font-size: 1.4em!important;			
			top: 50%!important;
			right: 0!important;
			padding-top: 15px!important;
			padding-bottom: 15px!important;
			transform: translateY(-50%)!important;
		}
		
		.property_service_wrapper>ul>li
		{
			padding: 18px 10px 14px;
		}
	}