@charset 'utf-8';
/* CSS Document */
*{margin:0; padding:0; box-sizing:border-box;}

/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

h1,h2,h3,h4,h5,h6,a,span,li,img,p{transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s;}
/*html,body{scroll-behavior:smooth;}*/
body
{
	padding:0;
    margin:0;
    color:#000000;
    border:none;
    font-size:100%;
    font-family: 'Roboto Condensed', sans-serif;
}
.add-margin
{
    margin-top: 12rem;
}
.cancel_wrap
{
    display: flex;
    justify-content: center;
    align-items: center;
	flex-flow: wrap row;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 30%;
    background: #10839c;
    color: #ffffff;
    padding: 25px 30px;
    z-index: 9999;
    transform: translate(-50%, -50%) scale(0);
    box-shadow: 5px 5px 7px #37dbff;
	transition:all linear 0.7s;
	
}
.cancel_wrap>h4
{
    width: 50%;
    font-size: 2.5rem;
    text-transform: capitalize;
    text-decoration: underline;
}
.cancel_wrap>p
{
    width: 50%;
    text-align: justify;
    line-height: 3rem;
    font-size: 1.6rem;
}
.cancel_wrap>span
{
	position:absolute;
	top:1%;
	right:1%;
	background:#ffffff;
	color:#ff0000;
	padding:4px;
	cursor:pointer;
}
#main_wrapper
{
	width:100%;
	display:block;
	border-bottom:0px solid green;
}
.main_topheader
{
	width: 100%;
    display: block;
    background: rgba(255, 255, 255, 0.73);;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
#form-bg {
    border: 1px solid #cecece;
    padding: 10px 10px;
    box-shadow: inset 5px 2px 50px #cacaca;
    border-radius: 5px;
    margin-bottom: 15px;
}
.contact-us-wrapper
{
	width: 100%;
    display: block;
    border: 0px solid;
    background: #f1f1f1;
    padding: 20px 0px 20px;
    margin: 20px 0px 20px;
}
.contact-us
{
	width:100%;
	display:block;
}
.contact-us>h4
{
	text-transform: capitalize;
    color: #ad7823;
    font-size: 1.4em;
    text-align: center;
    text-decoration: underline;
}
.contact-us>p
{
	padding-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    color: #000000;
    line-height: 1.8em;
    text-align: justify;
}
.resize
{
	background:#ffc66e /*e2b679*/;
	color:#000;
	transition:all ease-in-out 0.3s; 
}
.resize>.container>.row>[class*='col-']>.main_menu>.navbar>.menu_flex>.menu_flex_block1>.navbar-header>a.navbar-brand img
{
	height:60px;
}
.resize>.container>.row>[class*='col-']>.main_menu>.navbar>.menu_flex>.menu_flex_block2>.menu_2
{
	display:none;
}

.resize>.container>.row>[class*='col-']>.main_menu>.navbar>.menu_flex>.menu_flex_block3>.booking_btn>a.btn-warning
{
	font-size: 1em;
    min-height: 30px;
    line-height: 30px;
}
.rows
{
	width:100%;
	display:block;
	border:0px solid blue;
	float:left;
}
.main_menu
{
	width:100%;
	display:block;
	border:0px solid red;
}
.menu_flex
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	border:0px solid green;
    width: 100%;
}
/*################################# menu_flex_block1 ##############################*/
.menu_flex_block1
{
	width:22%;
}
.main_menu>.navbar
{
	background:transparent;
	border-radius:0px;
	border:none;
	box-shadow:none;
	margin-bottom:0px;
    padding-left: 0;
    padding-right: 0;
}
.main_menu>.navbar>.menu_flex>.menu_flex_block1>.navbar-header>a.navbar-brand
{
	padding: 0;
    height: auto;
}
.main_menu>.navbar>.menu_flex>.menu_flex_block1>.navbar-header>a.navbar-brand img
{
	max-width:100%;	
}
a.navbar-brand>img
{
	max-width:100%;
}
/*################################# menu_flex_block2 ##############################*/
.menu_flex_block2
{
	width:63%;
}
.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse
{
	padding:0px;
}
.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse>ul.navbar-nav
{
	
}
.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse>ul.navbar-nav>li
{
	
}
.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse>ul.navbar-nav>li>a
{
	text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
	padding: 10px 0px;
    color: #000;	
}
.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse>ul.navbar-nav>li>a:hover, .main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse>ul.navbar-nav>li>a:focus
{
	color:#90260e;
}
/*##################### Menu 2 #############################*/
.menu_2
{
	width:100%;
	display:block;
	border:0px solid ; 
	text-align:center;
	margin:0px auto;
}
.menu_2>ul{
        padding: 0;
        list-style: none;
    }
    .menu_2>ul li{
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }
    .menu_2>ul li a{
		
    text-transform: uppercase;
    font-size: 1.2em;
        display: block;
        padding: 8px 25px;
        color: #333;
        text-decoration: none;
    }
    .menu_2>ul li a:hover{
        color: #90260e;
    }
    .menu_2>ul li ul.dropdown{
        min-width: 100%; /* Set width of the dropdown */
        background: #fff;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
		transition:all linear 0.3s;
		padding:0px;
		border-radius: 3px;
		box-shadow: 1px 1px 4px #000;
    }
	.menu_2>ul li ul.dropdown:before
	{
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		background: #ffffff;
		padding: 7px;
		transform: translateY(-50%) rotate(45deg);
	}
    .menu_2>ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
   .menu_2>ul li ul.dropdown li{
        display: block;
    }
	
.menu_2>ul li ul.dropdown li a{
    font-size: 1em;
    padding: 10px 5px;
    /* font-size: 1em; */
    text-transform: capitalize;
}
.menu_2>ul li ul.dropdown li:hover
{
	background:#f1f1f1;
}
/*.menu_2>ul>li:after
{
	content:'';
	position:absolute;
	top: -27px;
	left:0;
	width:100%;
	height:100%;
    background: #000;
}
.menu_2>ul>li:before
{
	content: '';
    position: absolute;
    top: -13px;
    background: #000;
    padding: 7px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
}*/

/*################################# menu_flex_block3 ##############################*/
.menu_flex_block3
{
	width:15%;
}

/*################################# Booking Button ##############################*/
.booking_btn
{
	width:100%;
	display:block;
	border:0px solid green;
	text-align:center;
	margin:0px auto;
}
.booking_btn>a.btn-warning
{
	border-radius:0px;
	border:none;
	text-transform:uppercase;
	text-decoration:none;
}
.menu_flex_block3>.booking_btn>a.btn-warning
{
	display: block;
    min-height: 50px;
    line-height: 50px;
    font-size: 1.2em;
    background: #ad7723;
    position: relative;
	z-index:999;
    color: #ffffff;
}
.menu_flex_block3>.booking_btn>a.btn-warning:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#c79648;
    z-index: -999;
    transform: scale(0);
	transition:all linear 0.2s;  
}
.menu_flex_block3>.booking_btn>a.btn-warning:hover:after
{	
    transform: scale(1);	
}
/*######################################## Slider CSS ####################################*/
.main_slider
{
	width:100%;
	display:block;
	border:0px solid red;
	position:relative;
	z-index:999;
}
.main_slider img
{
	max-width:100%;
}
.caption {
    content: '';
    position: absolute;
    top: 50%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    left: 50%;
    font-family: 'Roboto Condensed', sans-serif;
    width: 50%;
    padding: 10px;
    background: rgba(173, 120, 35, 0.5);
    transform: translate(-50%,-50%);
}
.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(0);}to{transform:rotate(360deg);}}.jssorb032{position:absolute}.jssorb032 .i{position:absolute;cursor:pointer}.jssorb032 .i .b{fill:#fff;fill-opacity:.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:.25}.jssorb032 .i:hover .b{fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35}.jssorb032 .iav .b{fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35}.jssorb032 .i.idn{opacity:.3}.jssora051{display:block;position:absolute;cursor:pointer}.jssora051 .a{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10}.jssora051:hover{opacity:.8}.jssora051.jssora051dn{opacity:.5}.jssora051.jssora051ds{opacity:.3;pointer-events:none}
/*################## Logo Panel #############*/
.slider_wrapper:after
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 31, 86,0.4);
    z-index: 1000;
	content:'';
}

/*################## Gallery CSS ###################################################*/

.common-gallery-block>ul
	{
		list-style:none;
		display:flex;
		justify-content:center;
		align-items:center;
		flex-flow:row wrap;	
		margin-bottom:1rem;
	}
	.common-gallery-block>ul>li
	{
		background: #137aab;
		text-transform: uppercase;
		cursor: pointer;
		margin: 2px 0.2rem;
		padding: 0.5rem 0.5rem;
		color: #ffffff;
		text-align: center;
		font-size: 0.9rem;
	}
	.common-gallery-block>ul>li:first-child
	{
		margin-left:0;
	}
	.common-gallery-block>ul>li:last-child
	{
		margin-right:0;
	}
	.common-gallery-block>ul>li.filter-active, .common-gallery-block>ul>li:hover
	{
		background: #2faae0;
	}
    
/*################## Forms ###################################################*/
    
   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%;
	}
    
/*################## Booking Widget ###################################################*/
#booking_widget
{
	width:100%;
	display:block;	
	border:0px solid #fff;
	position:absolute;
	bottom:0;
	right:0; 
	padding-bottom:10px;
}
#b247SearchBoxContainer
{
	padding: 4px 0 0px !important;
}
.sbx-container > input
{
	border-radius:0px !important;
	border:none !important;
}
.searchbox__title
{
	font-family: 'Roboto Condensed', sans-serif !important;
}
.sbx-container > input
{
	color: #2c2d32 !important;
}
.b247-nights
{
	font-family: 'Roboto Condensed', sans-serif !important;
}
span#b247Nights
{
	color:#fff !important;
}
.searchbox__clickable a
{
	border-radius: 0px!important;
	border: 1px solid;
	background-color: transparent!important;
	padding: 7px 15px!important;
}
.searchbox__clickable a:hover
{
	border: 1px solid #bd9459 !important;
    background: #000000 !important;
}
.btn-warning:hover
{
	background-color: #2c2d32;
    border-color: #2c2d32;
}

/*######################################## Slider CSS ####################################*/

/*######################################## Services Icon ###########################*/
#service_icon_wrapper
{
	width:100%;
	display:block;	
	border:0px solid red;
	background:#f1f1f1;	
}
#service_icon
{
	width:100%;
	display:flex;	
    flex-flow:wrap row;
	border:0px solid green;	
	
	padding-top:10px;
}
#service
{
	width:100%;
	display:block;	
	border:0px solid red;
	text-align:center;	
}
#service>ul
{
	display:flex;	
    flex-flow:wrap row;
    justify-content:center;
    align-items:center;
}
#service .list-inline>li>span
{
	display:block;
	font-family: 'Roboto Condensed', sans-serif; 
	text-transform:capitalize; 
	text-align:center;
	margin-top:7px;
    font-size:0.9rem;
}
#service .list-inline>li
{
	vertical-align:text-top; 
	width:12%;
}
#service .list-inline>li img
{
	max-width:32px;
}

/*######################################## Apartment Thumb ###########################*/
.aprt_thumb_wrapper
{
	width:100%;
	display:block;	
	border:0px solid red;
}
.aprt_thumb_row
{
	width:100%;
	display:flex;	
	border:0px solid green;	
	flex-flow:row wrap;
	padding-top:10px;
}
.aprt_thumb
{
	width:100%;
	display:block;	
	border:0px solid red;
	text-align:center;
	position:relative;
}
.aprt_thumb_btn
{
	
    position: relative;
    bottom: 0;
    bottom: 0px;
    padding: 15px;
    border-radius: 50%;
    border: 1px solid #ac7922;
    left: 50%;
    background: #f1f1f1;
    transform: translateX(-50%), rotate(0deg);
    z-index: 10;
    width: 30px;
    margin-top: 15px;
	cursor:pointer;
}
.aprt_thumb_btn:after
{
	content: '';
    position: absolute;
    /* width: 47px; */
    /* height: 50px; */
    border-top: 2px solid #10839c;
    border-left: 2px solid #10839c;
    bottom: 10px;
    left: 50%;
    padding: 5px;
    /* background: green; */
    transform: translateX(-50%) rotate(-135deg);
    z-index: 11;
    cursor: pointer;
}
..aprt_thumb_btn_rotate
{
}
/*.aprt_thumb_block:nth-of-type(5), .aprt_thumb_block:nth-of-type(6), .aprt_thumb_block:nth-of-type(7)
{
	width:100%;
	display:block;
    margin-top: 20px;
} */
.aprt_thumb_flex
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	border:0px solid blue;
}
.aprt_thumb_block
{
	width:25%;
	margin:0px auto 1.2rem;
    
}
.aprt_thumb_img
{
	width:100%;
	display:block;
	border:0px solid yellow;
	position:relative;
	perspective:1000px;
	cursor:pointer;
}
.aprt_thumb_img img
{
	max-width:100%;
	display:block;
	margin:0px auto;
}
.aprt_thumb_img img+h4
{
	text-transform: capitalize;
    position: absolute;
    font-family: 'Roboto Condensed', sans-serif;
    top: 0;
    left: 50%;
    font-size: 1.2em;
    font-weight: 400;
    background: #c1172c; /*e2b779; /*ddc3a2;*/
    text-align: center;
    color: #fff; /*1d2333;*/
    padding: 7px;
    width: 98%;
    display: block;
    margin: 0px auto;
    transform: translateX(-50%);
}
.aprt_thumb_img img+h4:after
{
	content:'';
	position:absolute;
}
.aprt_thumb_text
{
	width: 50%;	
    border:0px solid pink;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    background: #ad7623;
    padding: 7px;
  	transform-style: preserve-3d;
    transform: translate(-50%, -50%) scale(0); 	
	transition:all ease-in-out 0.3s;
}

.aprt_thumb_text>a
{
	text-decoration:none;
	text-align:center;
	color:#fff; 
	text-transform:capitalize;
}
.aprt_thumb_img:hover .aprt_thumb_text
{
	transform: translate(-50%, -50%) scale(1);;
} 

/*############################# Promotion and deals CSS ################################*/
.promotion_wrapper
{
	width:100%;
	display:block;
	border:0px solid green;
	margin:20px 0 20px;
	background: #1b2133;
}
.promotion_text
{
	width:100%;
	display:block;
	border:0px solid blue;
	color: #fff;
	text-align: left;
}
.promotion_text>h1
{
	text-transform:uppercase;
    color: #ad7823;
}
.promotion_text>h4
{
	text-transform:capitalize;
	color: #12849d;
    font-size: 1.6em;
    font-family: 'Roboto Condensed', sans-serif;
}
.promotion_text>p
{
	text-transform: lowercase;
    font-size: 1.2em;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif;
}
.promotion_text>p:first-letter
{
	text-transform:uppercase;
}
.promotion_text>p>span
{
	text-transform:uppercase;
	font-weight:600;
}
.promotion_text>ul
{
color:#ad7823;	
}
.promotion_text>ul>li
{
	padding: 0px 0px 15px;
    font-size: 1.2em;
    font-family: 'Roboto Condensed', sans-serif;
}
.promotion_text>ul>li>span
{
	color:#fff;
}
.promotion_text>.booking_btn>a.btn-warning
{
	    background: #90250e;
}
/*################################## Product and services ##########################*/
.product_services_wrapper
{
	width:100%;
	display:block;
	border:0px solid green;
}
.product_services_row
{
	width:100%;
	display:block;
	border:0px solid red; 
	float:left;
	background:#f1f1f1;
	margin-bottom:20px;
}
.product_services_row:after, .product_services_row:before
{
	clear:both;
	display:table;
	content:'';
}
.product_services_colLeft
{
	width:100%;
	display:block;
	border:0px solid blue;
}
.product_services_colLeft>img
{
	float: left;
    display: block;
    padding: 5px;
    margin: 0px auto;
}
.product_services_colLeft>h2
{
	text-transform: capitalize;
    color: #ad7823;
    font-family: 'Roboto Condensed', sans-serif;
	line-height:100px;
	font-size: 1.9em;
}
.product_services_colRight
{
	width:100%;
	display:block;
	border:0px solid blue;
}
.product_services_colRight>h4
{
	text-transform: capitalize;
    color: #ca413c;
    font-family: 'Roboto Condensed', sans-serif;
}
.product_services_colRight>h4>img
{
	    display: inline-block;
    margin-left: 10px;
}
.product_services_colRight>p
{
	color: #1a2033;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
}
.product_services_colRight>ul
{
color:#ad7823;	
}
.product_services_colRight>ul>li
{
	padding: 0px 0px 7px;
    font-size: 1.2em;
    font-family: 'Roboto Condensed', sans-serif;
}
.product_services_colRight>ul>li>span
{
	color:#1a2033;
}
.product_services_colRight>.booking_btn>a.btn-warning
{
	    background: #90250e;
}
/*######################## Apartment main Page #############################*/
.aprt_large_wrapper
{
	width: 100%;
    display: block;
    border: 0px solid red;
    background: #f1f1f1;
    margin-bottom: 15px;
    padding: 10px 0px 10px;
}
.aprt_large_row
{
	width:100%;
	display:flex;	
	border:0px solid green;	
    flex-flow:row wrap;
	padding-top:10px;
}
.aprt_large
{
	width:100%;
	display:block;	
	border:0px solid red;
	text-align:center;
	position:relative;
}
.aprt_large_text
{
	width:100%;
	display:block;
	border:0px solid red;
}
.aprt_large_text>h1
{
	text-transform: capitalize;
    font-size: 2em;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ad7823;
    margin-top: 0;
}
.aprt_large_text>h4
{
	text-transform: capitalize;
    /* font-size: 1.4em; */
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.6em;
}
.aprt_large_text>h4>small
{
	font-size: 1rem;
    font-weight: 600;
    color: #ad7623;
}
.aprt_large_text>h4>span
{
    color: #90250e;
}
.aprt_large_text>p
{
	font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    color: #000000;
}
.aprt_large_text>p~h4
{
	color: #1889a1;
}
.aprt_large_text>ul
{
    list-style: square;
    color: #ad7823;
    display: flex;
    flex-flow: wrap row;
    justify-content: flex-start;
    align-items: center;
}
.aprt_large_text>ul>li
{
    width: 33.333%;
    padding-bottom: 10px;
    list-style:none;
 	text-transform:capitalize;
}
.aprt_large_text>ul>li>span
{
	color:#000;
}
.aprt_large_img
{
	width:100%;
	display:block;
	border:0px solid red;
	position:relative;
	perspective:1000px;
	cursor:pointer;
}
.aprt_large_img img
{
	max-width:100%;
	display:block;
	margin:0px auto;
}
.aprt_large_text>ul+a
{
	background: #bb070b;
    color: #ffffff;
    padding: 0.5rem 2rem;
    margin: 2rem auto 1rem;
    display: table;
    position: relative;
    text-transform: uppercase;
}
/*######################## main_content_text ###############################*/
.main_content_wrapper
{
	width:100%;
	display:block;
	border:0px solid red;
	padding-top:20px;
}
.main_content_text
{
	width:100%;
	display:block;	
	border:0px solid red;
	text-align:center;	
}
.main_content_row
{
	width:100%;
	display:block;
	border:0px solid blue;
	float:left;
}
.main_content_text>.col-sm-6
{
	padding-left:7px;
	padding-right:7px;
}
.main_content_text>.col-sm-6>img
{
	max-width:100%;
}
.main_content_text>.col-sm-6>h2
{
	    color: #ad7823;
    text-transform: lowercase;
}
.main_content_text>.col-sm-6>h2:first-letter
{
	text-transform:uppercase;
}
.main_content_text>.col-sm-6>p
{
	font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    color: #000000;
    text-align: justify;
}
 .main_content_text>h1 {
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 3.6em;
    text-transform: capitalize;
    font-weight: 300;
}
.main_content_text>h1>span
{	
    /*color: #fb6477;*/
}
.address
{
	width:100%;
	display:block;
	padding:7px;
	
}
/*############################## Login Form CSS ########################*/
.form_wrapper
{
	width:100%;
	display:block;
	padding:7px; 
	border:0px solid;
}
.address>p
{
	padding-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    font-weight: 500;
    color: #ad7623;
    text-align: center !important;
    text-transform: capitalize;
    margin-bottom: 0px; 
}
.main_content_text>h2
{
	font-family: 'Roboto', sans-serif;
    font-size: 2.6em;
    text-transform: capitalize;
    font-weight: 300;
    color: #90250e;
}
.main_content_text>h4
{
	font-family: 'Roboto', sans-serif;
    font-size: 2em;
    text-transform: capitalize;
    font-weight: 400;
    color: #90240e;
}

.main_content_text>p {
    padding-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    color: #000000;
}

/*#################### Reception CSS #############################*/
#reception-wrapper {
    width: 100%;
    display: block;
    border: 0px solid blue;
    background: #efefef;
}
#reception {
    width: 100%;
    display: flex;
    flex-flow:wrap row;
    border: 0px solid red;
    text-align: center;
    padding: 15px 0px 15px;
}
#reception-currency {
    width: 100%;
    display: block;
    border: 0px solid green;
}
#reception-currency p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    color: #000000;
}
#reception-currency p>span
{
 font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
}
#reception-currency img {
    max-width: 100%;
}
#reception-hours {
    width: 100%;
    display: block;
    border: 0px solid black;
}
#reception-hours p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    color: #000000;
    text-transform: capitalize;
}
#reception-hours span {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
    color: #000000;
    display: block;
    text-align: center;
}
#reception-parking {
    width: 100%;
    display: block;
    border: 0px solid brown;
}
#reception-parking p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    color: #000000;
    text-transform: capitalize;
}
#reception-parking span {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
    color: #000000;
    display: block;
}
#reception-book {
    width: 100%;
    display: block;
    border: 0px solid yellow;
}
#reception-book>.booking_btn>a.btn-warning {
    background: #c1172c;
    width: 80%;
    font-size: 1.3em;
    padding: 20px 0px 20px;
    margin-bottom: 10px;
    color:#ffffff;
}
#reception-book>.booking_btn>a#contact-us 
{
    display: block;
    background: #ad7823;
    width: 80%;
    margin: 0px auto;
    color: #fff;
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 20px 0px 20px;
	text-decoration:none;
}

/*####################### Location Map ######################*/
.location_map_wrapper {
    width: 100%;
    display: block;
    border:0px solid blue;
}
.location_map_row {
    width: 100%;
    display: block;
    border: 0px solid red;
    float: left;
    text-align: center;
    padding: 15px 0px 15px;
}
.location_map_row_img>h1
{
	color: #ad7624;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    font-size: 2.2em;
    margin-top: 10px;
	text-align:left;
}
.location_map_row_img>h4
{
	color: #000;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
	text-align:left;
}
.location_map_row_img>a img
{
	max-width:100%;
	display:block;
	margin:0px auto;	
}
/*####################### Hotel amenities and nearby attraction ######################*/
.amenities_attraction_wrapper {
    width: 100%;
    display: block;
    border:0px solid blue;
	background:#f1f1f1;
}
.amenities_attraction_row {
    width: 100%;
    display: flex;
    border: 0px solid red;
    flex-flow:row wrap;
    text-align: center;
    padding: 15px 0px 15px;
}
.amenities_wrapper 
{
    width: 100%;
    display: block;
    border:0px solid blue;
}

.attraction_wrapper 
{
    width: 100%;
    display: block;
    border:0px solid blue;
}
.amenities_wrapper>h2,.attraction_wrapper >h2
{
	margin-top: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 2.5em;
    text-transform: capitalize;
    font-weight: 300;
}
.amenities_wrapper>h4,.attraction_wrapper >h4
{
	font-size: 1.4em;
    text-transform: inherit;
    font-weight: 500;
    color: #90240e;
    font-family: 'Roboto Condensed', sans-serif;
}
.amenities_wrapper>ul 
{
    list-style-type: disc;
    color: #ad7823;
    text-align: left;
}
.amenities_wrapper>ul>li
{
	line-height:3em;
    font-size: 1em;
    font-family: 'Roboto Condensed', sans-serif;
    list-style:none;
}
.amenities_wrapper>ul>li:first-letter
{
	text-transform:uppercase;
}
.attraction_wrapper>ul
{
	list-style:none;
	text-align:left;
	padding-left:10px;
}
.amenities_wrapper>ul>li>span,.attraction_wrapper>ul>li>span
{
	color:#000;
	padding:5px;
    font-family: 'Roboto Condensed', sans-serif;
}
.amenities_wrapper>ul>li>span>small,.attraction_wrapper>ul>li>span>small
{
	color:#ad7723;
	font-weight:600;
}
.attraction_wrapper>ul>li
{
	line-height:3em;
    font-size: 1em;
    font-family: 'Roboto Condensed', sans-serif;
}
.attraction_wrapper>ul>li>span>b
{
	color: #90240e;
    text-decoration: underline;
    font-weight: 500;
}
.attraction_wrapper>ul>li>img
{
	max-width: 100%;
    margin-right: 5px;
}

/*############################# Nearby Attraction Page ###################################*/
hr{
	border-top: 1px solid #ad7823;
}
.nearby_wrapper 
{
    width: 100%;
    display: block;
    border:0px solid blue;
	background:#f1f1f1;
	position:relative;
	padding:10px 0px;
	margin-bottom:20px;
}
.nearby_row
{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	border:0px solid;
}
.nearby_row:before
{
	    content: '';
    position: absolute;
    background: linear-gradient(#c5c5c5, #f1f1f1);
    padding: 7px;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 5px;
}
.nearby_img_block
{
    width: 100%;
    display: block;
    border:0px solid blue;
}
.nearby_text_block
{
    width: 100%;
    display: block;
    border:0px solid brown;
}
.nearby_text_block>h4
{
	color: #ca413c;
    font-size: 2em;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: left;
}
.nearby_text_block>h4>span
{
	font-size: 0.7em;
    text-transform: capitalize;
    color: #ad7823;
}
.nearby_text_block>p
{
	text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    color: #1b2133;
}
/*####################### Hotel amenities and nearby attraction ######################*/
.guest_reviews_wrapper {
    width: 100%;
    display: block;
    border:0px solid blue;
}
.guest_reviews_row {
    width: 100%;
    display: block;
    border: 0px solid red;
    float: left;
    text-align: center;
    padding: 15px 0px 15px;
}
/*.guest_reviews_row>.col-sm-3
{
	padding-right:0px;
}
.guest_reviews_row>.col-sm-9
{
	padding-left:0px;
}*/	
.guest_reviews_flex
{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 0px solid #fb6477;
    border-radius: 60px;
}
.guest_reviews_flex_block1
{
	width:25%;
}
.guest_reviews_flex_block2
{
	width:25%;
}
.guest_reviews_flex_block3
{
	width:25%;
}
.guest_reviews_flex_block4 
{
	width:25%;
}
.guest_reviews_head 
{
    width: 100%;
    display: block;
	text-align:center;
}
.guest_reviews_head>h2
{
	text-transform:capitalize;
	text-align:center;
	color:#fff;
    margin-top: 0;
}
.guest_reviews 
{
    width: 100%;
    display: block;
    border:0px solid blue;
}
.guest_reviews>h1
{
	text-transform: capitalize;
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-text-stroke: 2px #90240e;
    -webkit-text-fill-color: transparent;
    font-size: 3em; 
}
.guest_reviews>img
{
	max-width:100%;
	margin:0px auto;
	display:block;
}
.guest_reviews>img+span
{
	color: #ad7823;
    width: 100%;
    padding: 7px;
    text-transform: capitalize;
}
blockquote>p
{
	font-family: 'Roboto', sans-serif;
    color: #000;
}
/*################################## Footer ##################*/
footer
{
	width:100%;
	display:block;
	background:#af0116; /*1b2133;*/
	padding:10px 0px 10px;
}
.footer_row
{
	width:100%;
	display:flex;
    flex-flow:wrap row;
    
	border:0px solid green;
}
.footer_col_1
{
	width:100%;
	display:block;
	border-right: 1px solid #ad7823;
}
.footer_col_2
{
	width:100%;
	display:block;
	border-right: 1px solid #ad7823;
}
.footer_col_3
{
	width:100%;
	display:block;
	border-right: 1px solid #ad7823;
}
.footer_col_4
{
	width:100%;
	display:block;
	border:0px solid #fff;
    padding-top: 10px;
	text-align:center;
    clear: both;
    float: none;
}
.footer_col_4>a
{
	font-size: 2rem;
    color: #ffffff;
    position: relative;
}
.footer_col_4>a>i
{
	background: #c1172c;
    padding: 1rem 1.4rem;
    border-radius: 50%;
    margin-bottom: 1rem;
}
.footer_col_4>a>img
{
	margin:0px 0px 10px;
}

.footer_col_1>h4,.footer_col_2>h4,.footer_col_3>h4,.footer_col_4>h4
{
	color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}
.footer_col_1>ul,.footer_col_2>ul,.footer_col_3>ul,.footer_col_4>ul
{
	color: #fb6477;
	padding-left:5px;
	list-style:none;	
}

.footer_col_1>ul>li,.footer_col_2>ul>li,.footer_col_3>ul>li,.footer_col_4>ul>li
{
	font-size: 1em;
    padding-bottom: 7px;
	text-transform:capitalize;	
}

.footer_col_1>ul>li>a,.footer_col_2>ul>li>a,.footer_col_3>ul>li>a,.footer_col_4>ul>li>a
{
	color: #dcbb85;	
}
.footer_col_2>ul>li:last-child
{
	cursor:pointer;
	color: #dcbb85;
}
.footer_col_2>ul>li:last-child:hover
{	
	text-decoration:underline;
}
.footer_col_4>.booking_btn>a.btn-warning
{
	    background: #ad7823;
    display: block;
    font-size: 1.4em;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 10px 0px 10px;
}
.footer_row>.col-sm-3~hr
{
	border-top: 1px solid #ad7823;
    margin-top: 7px;
}
.footer_address
{
	width:100%;
	display:block;
	border:0px solid #fff;
}

.footer_copyright
{
	width:100%;
	display:block;
	border:0px solid pink;
}
.footer_address>p,.footer_copyright>p {
    font-family: 'Roboto', sans-serif;
    color: #dcbb85;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.footer_copyright>p
{
    font-size: 0.75rem;
}
.footer_address>p>span,.footer_copyright>p>span {
        color: #dcbb85;
    text-transform: capitalize;
    padding-right: 7px;
    font-size: 0.9em;
}
#goto
{
	position: fixed;
    bottom: 20px;
    right: 10px;
    background: #1b2133;
    border-radius: 7px;
    box-shadow: 2px 2px 10px #e2b579;
	cursor:pointer;
}
#goto>p
{
	color: #fff;
    text-transform: capitalize;
    padding: 15px 9px 15px;
    margin-bottom: 0px;
    font-size: 1.1em;
}

/*############################# Admin CSS ################################*/
.admin_wrapper
{
	width:100%;
	display:block;
	border:0px solid red;
}
.admin_left
{
	width:100%;
	display:block;
	border:0px solid green;
	font-family: 'Roboto Condensed', sans-serif 
}
.admin_left>h4
{
	text-transform:capitalize;
	color: #1c2233;
    text-align: center;
}
.admin_left>h4>span
{
	color:#fb6477;
}
.alert>h4
{
	text-transform:capitalize;
}

.admin_left>.list-group>h4
{
	text-transform: capitalize;
    background: #1c2233;
    padding: 7px;
    color: #e2b579;
    font-size: 1.2em;
}
.admin_left>.list-group>a.list-group-item
{
	text-transform:capitalize;
}
.admin_content
{
	width:100%;
	display:block;
	box-shadow: inset 2px 20px 50px #cac5c2;
    border-radius: 7px;
    padding: 10px;
}
.admin_content>h4
{
	text-transform:uppercase;
	color: #1c2233;
    text-align: center;
    font-size: 1.2em; 
}
.admin_content>h4>span
{
	color:#fb6477;
}
.ModelUp
{
	width: 50%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    background: #fff;
    z-index: 999;
    box-shadow: -5px 5px 10px #e2b579;
    border: 1px solid #bbbbbb;
    border-radius: 7px;
}
#close
{
	position: absolute;
    top: 10px;
    right: 5px;
    background: #000;
    padding: 7px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
#img-size-text
{
}
/*############################ Add more Text type CSS ##################*/
#field_wrapper
{
	width:100%;
	display:block;
	border:0px solid;
	padding:10px;    
	position: relative;
    top: 7%;
	left:0;
    /*transform: translateY(-50%);*/
}
.form_wrapper
{
	width:100%;
	display:block;
	background:#f1f1f1;
	float:left;
}
/*##################################### Mobile CSS #############################*/
@media only screen and (min-width:0px) and (max-width:767px)
{
	.navbar-toggler
    {
    	background-color:#ff0000;
        float:right;
    }
    a.navbar-brand>img
    {
    	width:170px;
    }
    .cancel_wrap, .cancel_wrap>h4, .cancel_wrap>p
	{
		width:100%;
	}
	.cancel_wrap>h4, .cancel_wrap>p
	{
		margin-bottom:20px;
	}
	.menu_flex_block1
	{
		width:100%;
	}
    .menu_flex_block1:button
    {
    
    }
	.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse
	{
		padding:10px;
	}
	.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse>ul.navbar-nav
	{
		float:left;
	}
	.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse>ul.navbar-nav>li
	{
		float:left;
		display:block;
		width:100%;
	}
	/*############## Slider ##############*/
	.main_slider 
	{
    	background: #1d2333;
	}
    #service .list-inline>li
    {
    	width: calc(50% - 7px);
    }
	/*########### Booking Widget #################*/
	#booking_widget, .main_topheader
	{
		position:relative;	
	}
	.caption 
	{
    top: 10%;
    left: 0;
    width: 100%;
    padding: 0;
    transform: translate(0%,0%);
    font-size: 1em;
	}
	.caption >h1
	{
		font-size: 1.1em;
    padding: 5px;
    margin-top: 0;
    margin-bottom: 0px;
	}
	.aprt_thumb_block {
    width: 100%;
    margin-bottom: 10px;
	}
	.aprt_large_text>ul
	{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
	}
	.main_content_text>h1
	{
		font-size: 2.5em;
	}
	.address
	{
		background-position:0 top;
	}
	.address>p
	{
		font-size:1.2em;
	}
	.main_content_text>h2 
	{
    	font-size: 2em;
	}
	.main_content_text>p
	{
		font-size:1em;
		text-align:justify;
	}
	#reception-hours span, #reception-parking span
	{
		font-size:1em;
	}
	.amenities_wrapper>h2, .attraction_wrapper >h2
	{
		font-size:2em;
	}
	.guest_reviews_flex_block1, .guest_reviews_flex_block2
	{
		width:100%;
	}
	blockquote>p {
    font-size: 0.8em;
	}
	/*########## Product and services############*/
	.product_services_colLeft>img
	{
		float:none;
		display:block;
	}
	.product_services_colLeft>h2
	{
		line-height:inherit;
		text-align:center;
	}
	.footer_row>[class*='col-xs-6']
    {
    	width:50%;
    }
    .aprt_large_text>ul>li
    {
    	width:50%;
    }
    .aprt_large_text>ul>li>span 
    {
    	font-size: 0.75rem;
	}
    form#forms>.form-group{width:100%!important;}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
	.cancel_wrap, .cancel_wrap>h4, .cancel_wrap>p
	{
		width:100%;
	}
	.cancel_wrap>h4, .cancel_wrap>p
	{
		margin-bottom:20px;
	}
	.address
		{
			/*background:url(../images/location.png) no-repeat 15% top;;*/
		}
	.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse>ul.navbar-nav>li>a
	{
		padding: 10px 3px;
		color: #000;
		font-size: 0.8em;
	}
    .menu_flex_block2 
    {
    	width: 77%;
	}
	.menu_flex_block3>.booking_btn>a.btn-warning
	{
		min-height: 40px;
		line-height: 40px;	
		font-size: 1em;
	}
	
	/*########### Booking Widget #################*/
	#booking_widget, .main_topheader
	{
	}
    .main_slider>.container{
    background: #bb070b;
    padding: 0;
    max-width: 100%;
    }
    .main_slider>.container>.row>[class*='col-']>#booking_widget
    {
    	position:relative;
    }
	.menu_2>ul li a
	{
		font-size: 1em;
	    padding: 8px 10px; 
	}
	#reception-book>.booking_btn>a.btn-warning, #reception-book>.booking_btn>a#contact-us 
	{
		font-size:1em;
	}
	/*########## Product and services############*/
	.product_services_colLeft>img
	{
		float:none;
		display:block;
	}
	.product_services_colLeft>h2
	{
		line-height:inherit;
		text-align:center;
	}
    #service .list-inline>li 
    {
        vertical-align: text-top;
        width: 25%;
        padding: 0.5rem 0;
	}
    .aprt_thumb_img img+h4
    {
    	font-size:1rem;
    }
	    form#forms>.form-group{width:100%!important;}
}
@media only screen and (min-width:992px) and (max-width:1400px)
{
	.cancel_wrap
	{
		width:60%;
	}
	.address
		{
			/* background:url(../images/location.png) no-repeat 15% top;;*/
		}
	.main_menu>.navbar>.menu_flex>.menu_flex_block2>.navbar-collapse>ul.navbar-nav>li>a
	{
		padding: 10px 7px;
		color: #000;
		font-size: 0.9em;
	}
	.menu_flex_block3>.booking_btn>a.btn-warning
	{
		min-height: 40px;
		line-height: 40px;	
		font-size: 1em;
	}
	/*########## Product and services############*/
	.product_services_colLeft>img
	{
		float:none;
		display:block;
	}
	.product_services_colLeft>h2
	{
		line-height:inherit;
		text-align:center;
	}
    form#forms>.form-group{width:100%!important;}
}