@charset 'UTF-8';
/*CSS Document */
/*font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;*/

*{margin:0; padding:0; box-sizing:border-box;} 
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,p:first-letter,li:first-letter,span:first-letter
{
text-transform:uppercase;
}

:root
{
--Roboto: 'Roboto', sans-serif;
--Roboto-Condensed: 'Roboto Condensed', sans-serif;

--top-header-bar:#002245;
--top-menu-bg:#ffffff;
--top-book-btn-bg:#b88c51;
--menu-text:#000000;
--bookingwidget-bg:#b88c51;
--widget-btn-bg:#002245;;
--guest-reviews-bg:#880015;
--facility-icons-bg:#f1f1f1;
--left-col-book-btn-bg:#002245;
--left-col-room-btn-bg:#b88c51;
--h1-text:#000000;
--h4-text:#880015;
--reception-bg:rgb(225,229,230);
 --reception-h4:#002245;
 --facility-bg:#002245;
 --aprt-h1-bg:#b88c51;
 --light-gray-color:#f1f1f1;
 --footer-bg:#002245;
 --footer-booknow:#b88c51;
 --copyright-bg:#b88c51;
}
body
{
margin:0;
padding:0;
border:none;
font-size:100%;
color:#000000;
font-family:var(--Roboto-Condensed);
/* background:url(../images/Tuross-Motel-Signage-Background.jpg) no-repeat center;
background-attachment:fixed;*/
}
main.fade-body{display:none;}
.bar-line
{

}
.header-block
{
    width: 100%;
    background:#fec80c;
}
/*##########--------------- Home slider --------------------###################*/
.home-slider-wrapper
{
    width:100%;
    display: flex;
    position: relative;
    flex-flow: wrap row;
}
.slider-wrap
{
     width:100%;
    display:block;
}
.slider-wrap img
{
    max-width:100%;
    display:block;
    margin:0 auto;
}
.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}

/*------ Common CSS -----------*/
/*#################### Top Menu Bar CSS #####################*/	
span
{
	display:inline-block;
}
p:first-letter,p span:first-letter, span:first-letter
{
    text-transform:uppercase;
}
.address
{
    width:100%;
    display:block;
    text-align:center;
    line-height:56px;
}
.logo-block
{
    width:100%;
    display:block;
    text-align:right;
	background:#ffffff;
    box-shadow: 1px 1px 6px #000;
}
.logo-block
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    text-align: left;
    width: auto;
}
.logo-block>a>img
{
    max-width:100%;
    display:block;
}
.address>a
{
    text-decoration: none;
    color: #000000;
    font-weight: 400;
    margin-right: 1rem;
    font-family: var(--Roboto-Condensed);
}
.address>a>i
{
	color:#880015;
}
.book-btn
{
    width:100%;
    display:block;
    line-height: 46px;
    margin: 0.2rem 0 0;
    color: #fff;
    background: #880015;
    transition:all linear 0.5s;
    font-family: var(--Roboto-Condensed);
}
.book-btn>a
{		
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    padding: 0.1rem 0;
}

.book-btn:hover
{
    box-shadow:inset -200px 0 #ffffff;
}
.book-btn:hover>a
{
    color:#000000 /* var(--teal-color)*/ !important;
}
.brand-logo
{		
    padding: 0 0 0;
    position:absolute;
    top: -50%;
    left:0;		
    z-index: 100;
}
.brand-logo>img
{
    max-width:100%;
    display:block;
    /*margin:0 auto;*/
}
.main-menu
{		
    background: var(--top-menu-bg);
    padding: 0;
    /*position: fixed;*/
    top: 0;
    width: 100%;
    z-index: 99;
}
.menu-position
{
    /*background: /*#2c3b4frgba(44, 59, 79,0.9);
    /*display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width:100%;
    position:relative;
}
.phone-no
{		
    position: absolute;
    top: 0;
    left: 50%;
    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;
}

.phone-no>a
{
    color: #fffd07;
    font-size: 1.3rem;
    margin-left: 2rem;
}
.phone-no>a>i
{
    color: #ffffff;
}
.menu-li
{
    display:flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    flex-flow: wrap row;
    padding: 0.2rem 1rem;
}
.menu-li>li
{
    text-transform: uppercase;
    font-size: 0.95rem;
    position:relative;
    font-weight: 400;
    font-family:var(--Roboto-Condensed);
    /*-webkit-text-stroke: 0.03rem;
    -moz-text-stroke: 0.03rem;
    -o-text-stroke: 0.03rem;
    -ms-text-stroke: 0.03rem;*/
}
.menu-li>li:after
{
    content: '';
    position: absolute;
    border-left: 0.01rem solid #ebebeb;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
}
.menu-li>li:before
{
    content: '';
    position: absolute;
    width: 100%;
    padding: 1px;
    background: #fec80c;
    left: 0;
    top: 0;
    transform:scale(0);
    transition: all linear 0.5s;
}
.menu-li>li:hover:before
{
    transform:scale(1);
}
.actives
{
}
.menu-li>li.actives:after
{
    content: '';
    position: absolute;
    width: 100%;
    padding: 1px;
    background: #fec80c;
    left: 0;
    top: 0;
    transition: all linear 0.7s;
    height:auto;
}
.menu-li>li>a
{
    color:var(--menu-text);
   /* padding:0.5rem 0.5rem;*/
    text-decoration:none;
}
.menu-li>li:last-child
{
    /*background: #e8d21c;
    border: 1px solid #ffffff;*/
}
.menu-li>li:last-child>a
{
    /*color:#000000;*/
}
.dining-page
{
    text-align: center;
}
.dining-page>a
{
    text-transform: uppercase;
    margin: 0.5rem 1rem;
    color: black;
    background: #7ccef4;
    padding: 0.3rem 1rem;
    text-decoration: none;
}

/*###################### Submenu ##############*/
nav
{
transition:all ease-in-out 0.7s;
}
.menu-li>li>ul
{
    display:none;
    perspective:1000px;
    position: absolute;
    width: max-content;
    width: -moz-max-content;
    width: -o-max-content;
    width: -webkit-max-content;
    background: #e1e1e1;
    list-style: none;
    z-index: 999;
    left:0;
    margin-top: 0.5rem;
}
/*.normal-menu
{
    height:110px; 
    transition:all ease-in-out 0.7s;
}*/
.resize-menu
{
    /*max-height:60px;*/
    transition:all ease-in-out 0.5s;
}
.resize-menu img
{
    max-width:100%;
}
.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;
    width: 19px;
    height: 19px;
    background: #e1e1e1;
    top: -7px;
    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.95rem;
    border-bottom: 1px solid;
    font-weight: 400;
}
.menu-li>li:hover ul>li:last-child
{
    border-bottom: none;		
}
.menu-li>li:hover ul>li>a
{
    color: #000000;
    text-decoration:none;
}
.menu-li>li:hover ul>li:hover
{
    background: #cccccc;
}
.menu-li>li:hover ul>li:hover a
{
    color:#ffffff;
}

/*.fixed-menu
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;		
    height: 60px;
    transition: all linear 1s;
}*/
.menu-li+ul
{
    padding-left: 0;
    margin: 0 auto;
    width: 30%;
    list-style: none;
}
.menu-li+ul>li
{
    background: #e0a016;
    text-transform: uppercase;
    padding: 1rem 1rem;
    text-align: center;
    font-size: 1.2rem;
}
.menu-li+ul>li>a
{
    color:#ffffff;
}
.fixed-menu>.container>.phone-no
{
    display:none;
}
.fixed-menu>.container>.brand-logo>img
{		
    transition: all linear 0.2s;
    transform:scale(0.5);
}
.slider-margin
{		
    padding-top: 116px;
}

/*################ Booking Widget ############*/
.common-bookingwidget, .bookingwidget
{
    width:100%;
}
.common-bookingwidget
{		
    position: relative;
    bottom: 0;
    background: #880015;
}
.bookingwidget
{
    /*background: #445d7c;*/
}
.bookingwidget>#b247SearchBoxContainer
{
    padding: 0px 0 !important;
    display: block;
    width: 100%;
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__field>label
{
    margin-bottom:0!important;
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__field>.searchbox__title, .bookingwidget>#b247SearchBoxContainer>.searchbox>.b247-nights
{
    text-transform:uppercase!important;
    font-family:var(--Roboto-Condensed)!important;
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__field>label>input
{
    font-family: var(--Roboto-Condensed);
    color: #000000 !important;
    border: 0px solid #000000;
    border-radius: 0;
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__clickable
{
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__clickable>a
{
    background-color: #1c8406;
    padding: 10px 1rem;
}
/*#################### Home Slider CSS #####################*/
.slider
{
    position:relative;
}

/*------------################## common-Reception-hours CSS ###############-------------*/
#reception_info 
{
    width: 100%;
    display: block;
    border: 0px solid blue;
    background: #e1e5e6;
    padding-bottom: 20px;
    text-align: center;
}
#reception_info>h4 
{
    background: #880015;
    font-family: subhead;
    font-size: 1.6em;
    font-weight: 400;
    color: var(--white);
    margin-top: 0px;
    text-transform: uppercase;
    padding: 10px 0px;
}
#reception_info>p 
{
    color: #000000;
    margin: 0 0 5px;
    line-height: 2rem;
    font-weight: 400;
}
#reception_info>p>span 
{
    font-weight: bold;
}
.common-reception-wrap, .common-reception
{
    width:100%;
    display:block;
}
.common-reception>table.bg-dark
{
    background-color: #4f7bbe!important; 
}
.common-reception-wrap
{
    padding:1rem 0;
    margin:2rem 0;
    background: url(../images/after1.png) no-repeat center center;
    background-size: 100% auto;
}
.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
{
    padding:0.5rem 0.2rem
}

/*------############### checkin-out  ##############--------------*/
.common-reception>ul>li>.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
{
    font-size: 1rem;
    color: #ffffff;
    font-weight: 400;
    font-family: var(--Roboto-Condensed);
}

/*------############### Reception Hours ##############--------------*/
.common-reception>ul>li>.reception-hours>p
{
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #ffffff;
    /*text-align:center;*/
    font-family: var(--Roboto-Condensed);
    font-weight: 500;
}
.common-reception>ul>li>.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
{
    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
{
    display: block;
    text-transform: lowercase;
    font-weight: 300;
    color: #ffffff;
    font-size: 1rem;
    font-family: var(--Roboto-Condensed);
    line-height:2rem;
}

/*----------################### Common Hotel Facility CSS block #############-----------------*/	
.common-hotel-facility
{
    position:relative;
}
.common-hotel-facility>.common-room-btn
{
    position: relative;
    text-align: left;
    margin-top: 1rem;
    display: block;
    top: inherit;
    transform: inherit;
    left: 0;

}
.common-hotel-facility>.common-room-btn>a:last-child
{
	background: #880015;
}
.common-room-btn>a[title]
{
    text-transform:uppercase;
}
.common-hotel-facility>ul
{
    list-style-type:square;
    text-align: left;
    margin-left: 1.2rem;
}
.common-hotel-facility>ul>li
{
    padding:0.5rem 0;
    position:relative;
    font-size: 1rem;
    word-spacing: 1px;
}
.common-hotel-facility>ul>li:first-letter
{
    text-transform:uppercase;
}
.common-hotel-facility>ul>li:after
{
    content:'';		
}
.common-hotel-facility>ul>li>span
{
}
.common-hotel-facility>h4 
{
    text-align:left;
    text-transform: uppercase;
    color: black;
    color:#016ec4;
}
/*----------################### Common Apartment CSS block #############-----------------*/
.common-aprt-wrap
{
    width:100%;
    display:block;
    padding:2rem 0;
    border:0px solid green;
}
.bg-light
{
    background:#e1e5e6!important;
}
section.bg-white:nth-of-type(even)
{
    background:var(--light-gray-color)!important;
}
not:section.d-none .bg-white:nth-of-type(odd)
{
    background:#cdcdcd!important;
}
.common-aprt-wrap>.container
{
    /*max-width:1290px;*/
}
.common-aprt-text
{
    width:100%;
    position:relative;
    border:0px solid green;
    margin:0.5rem 0;
}
.common-aprt-text>h2
{
    color: #137aab;
}

.common-aprt-text>h4
{
    color: #013177;
}

.common-aprt-text>p
{
    text-align:justify;
}

.common-aprt-text>li
{
    list-style: none;
    display: inline-block;
    width: 50%;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    position: relative;
}
.common-aprt-text>li:after
{
    content: '>>';
    position: absolute;
    left: 0;
    top: 50%;
    letter-spacing: -2px;
    transform: translateY(-50%);
    font-weight: 600;
}
.common-aprt-img
{		
    width: 100%;
    position: relative;
    border: 0px solid red;
    margin: 0.5rem 0;
    max-height: 150px;
    overflow: hidden;
    box-shadow: 2px 2px 3px #000000;
}
.common-aprt-img:after
{
}
.common-aprt-img>h4
{
    font-size: 0.95rem;
    text-align: center;
    text-transform: uppercase;
    background: #448e6a;
    color: #ffffff;
    padding: 0.3rem 0;
}
.common-aprt-img>a>img
{		
    max-width: 350px;
    display: block;
    margin: -14px auto auto -14px;
    box-shadow: -2px -2px 5px #000000;
    margin: 0 auto;
}
.accommodation_page
{
	max-height:100%;
}
.accommodation_page>a>img
{
	max-width:100%;
}
.common-room-btn
{		
    display: block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 96%;
    left: 50%;
    transform: translate(-50%, -100%);
}
.common-room-btn>a
{	
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 auto;
    color: #ffffff;			
    display: inline-block;
    padding: 0.2rem 1rem;
    font-size: 0.9rem;
}
.common-room-btn>a:nth-of-type(1)
{
    padding: 0.2rem 1rem;
    background: #fec80c;
    background-size: 100% auto;
    color: #000000;
    transition-duration:0.5s;
    transition-timing-function:cubic-bezier(0.4,0.5,0.05,0.95);
}
.common-room-btn>a:nth-of-type(1):hover
{
    background: #000000;
	color:#ffffff;
}
.common-room-btn>a:nth-of-type(2)
{
    background: #880015;
    padding: 0.2rem 1rem;
    transition-timing-function:cubic-bezier(0.4,0.5,0.05,0.95);
}
.common-room-btn>a:nth-of-type(2):hover
{
    background: #77b800;
}

/*=================== aprt_thumb_section CSS ==================*/
.aprt_thumb_section
{
	display:block;
}
.aprt_thumb_section>[class*='col-']	
{
}
.aprt_thumb_section>[class*='col-']:not(d-none):nth-of-type(3)~[class*='col-']
{
	display:none;
}

/*=================== aprt_bottom_section CSS ==================*/
.aprt_bottom_section
{
}
.aprt_bottom_section>section:nth-of-type(3)~section
{
	
}
.aprt_readmore, .aprt_readmore_bottom
{
    display: table;
    margin: 1rem auto;
    background: #000000;
    padding: 0.4rem 1rem;
    text-transform: capitalize;
    cursor: pointer;
    color: #fff;
}
/*##########--------------- Text contant wrap CSS --------------------###################*/
.text-content-wrap, .text-content
{
    display:block;
    width:100%;
    padding:1rem 0;
}
.text-content-wrap>.container>.row>[class^='col-']:first-child>[class*='col-']
{
    padding:0;
}
.text-content
{
    /*text-align:center;*/
}
.text-content>h1
{
    font-size: 3rem;
    text-transform: capitalize;
    font-weight: 300;
    text-align:center;
    color:var(--h1-text);
}
.text-content>h2
{		
    font-size: 1.3rem;
    color:var(--h2-text);
    font-family: var(--Roboto);
    text-align:center;
}		
.text-content>h4
{
    text-transform: uppercase;
    font-size: 1.2rem;
    font-family: var(--Roboto-Condensed);
    color: var(--h4-text);
    margin: 0.5rem 0 1.4rem;
    text-align: center;
}	
.text-content>p
{
    font-size: 1rem;
    color: #000000;
    line-height: 2rem;
    word-spacing: 1px;
}
.text-content>p>a
{
    text-decoration:none;
    color: #000000;
}
.room-facility
{
}
.room-facility>li
{		
    width: calc(33.333% - 1rem);
    margin-left: 1rem;
    padding-bottom: 1rem;
    list-style-type: square;
}
.room-btn
{ position:relative;}
.room-btn>a
{
    padding: 0.5rem 2rem;
    font-size: 1.4rem;
}
/*------------ ind-page ---------------*/
/*.ind-page
{
    position:relative;
    min-height:350px;
    width:100%;
}
.accommodation
{
    background:url('../images/accommodation-bg.jpg');
    background-attachment:fixed;
    background-size: 100% auto;
    background-repeat: no-repeat;		
    background-position: 100% 18%;
}*/
/*-------------------Apartment Large -----------------*/
    #appartment_wrapper
{
    width:100%;
    border:0px solid green;
    margin-top:20px;
    padding:15px 0px 15px;
}
#appartment
{
    width:100%;
    display:block;
    border:0px solid red;
    float:left;
}
#appartment_img
{
    width:100%;
    display:block;
    border:0px solid blue;
    max-height: 100%;
    overflow: unset;
}
#appartment_img>h1
{
    background:#880015;
    margin-top:0px;
    margin-bottom:0px;
    text-align:center;
    text-transform:capitalize;	  
     padding-top: 5px;
      padding-bottom: 5px;    
}
#appartment_img>h1>a
{	
    color: #fff;
    font-size: 1.4rem;
    text-decoration:none;
    font-family: subhead;
    margin-top:0px;
    vertical-align:text-top;
    display:block;
}
#appartment_img>a>img
{
    box-shadow: none;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
#appartment_text
{
    width:100%;
    display:block;
    border:0px solid yellow;
}
#appartment_text>h4
{
    text-decoration:none;
    text-transform:capitalize;
    font-family: subhead;
    color:#880015;
    font-weight:600;
    text-align:left;	
    font-size: 1.4rem;
}
#appartment_text>p
{
    font-family: subhead;
    text-align:justify;
    color:#000000;
        line-height: 2em;
    letter-spacing: 0.1px;
}
#appartment_text>ul
{
    margin-top:1rem;		
}
#appartment_text>ul:nth-of-type(1)>li
{
	padding-bottom:1rem;
}
#appartment_text>ul:nth-of-type(2)>li[class^='col-']
{    
    padding: 0.35rem 0;
    max-width: 11%;
    text-align: center;
    margin-left: 0.4rem;
    margin-bottom:1rem;
    position:relative;
    z-index:1;
}
#appartment_text>ul:nth-of-type(2)>li[class^='col-']:after
{
    width:100%;
    position:absolute;
    content:'';
    height:100%;
    left:0;
    top:0;
    border-radius:13%;
    box-shadow: 1px 1px 2px #000000;
}
#appartment_text>ul>:nth-of-type(2)li[class^='col-']:first-child
{
    margin-left:0;
}
#appartment_text>ul>li[class^='col-']>img
{
    max-width:35px;
}
#appartment_text>.common-room-btn
{
    position:relative;
    margin-top:3rem;
    text-align:left;		
}
/*#appartment_text>.common-room-btn>a
{
    background: #337f5a;
    padding: 0.5rem 1rem;
}

#appartment_text>.common-room-btn>a:nth-of-type(2)
{		
    background: #e0a500;
}
#appartment_text>.btn-warning img
{
}*/
#appartment_text>.common-aprt-wrap>.container>.row>[class*=col]
{
}
#appartment_text>.common-room-btn>a:nth-of-type(1)
{
    padding: 0.5rem 1.5rem;
    background: var(var(--left-col-room-btn-bg));
    background-size: 100% auto;
     transition-duration:0.5s;
    transition-timing-function:cubic-bezier(0.4,0.5,0.05,0.95);
}
#appartment_text>.common-room-btn>a:nth-of-type(1):hover
{
    background: #dd964b;
}
#appartment_text>.common-room-btn>a:nth-of-type(2)
{
    background:var(var(--left-col-book-btn-bg));
    padding: 0.5rem 1.5rem;
    transition-timing-function:cubic-bezier(0.4,0.5,0.05,0.95);
}
#appartment_text>.common-room-btn>a:nth-of-type(2):hover
{
    background: #043756;
}
.rooms-li
{
}
.rooms-li>h4
{
    text-transform: uppercase;
    color: #ffffff;
    background: repeating-linear-gradient(45deg, #501602, transparent 15%);
    margin-bottom: 2rem;
    padding: 0.5rem 0;
}
.rooms-li>ul>li
{
    color: #ffffff;
    padding-bottom: 1rem;
    list-style-type:square;
}
.rooms-li>ul>li:first-letter
{
    text-transform:uppercase;
}
.rooms-li>ul>li>span
{
}
.room_individual
{
    width: 100%;
    border: 0px solid green;
}
.room_individual>.row
{
}
.room_individual>.row>[class*='col-']
{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.room_individual>.common-room-btn
{
	position:relative;
	top:inherit;
	left:inherit;
	transform:inherit;
}
.room_individual>ul 
{
    list-style: none;		
    display: flex;
    flex-flow:wrap row;
    align-items:center;
    justify-content:center;
}
.room_individual>ul>li 
{
    padding:0.5rem 0 15px;
}
.room_individual>ul>li>img 
{
   max-width: 35px;
    /* margin-right: 7px; */
    /* text-align: center; */
   display: block;
   margin: 0 auto;
}
.room_individual>ul>li>span 
{
    text-transform: uppercase;
    font-size: 0.95rem;
    color: #620307;
}
.room_individual>ul>li:after 
{
    width: 80%;
    position: absolute;
    content: '';
    height: 80%;
    left: 50%;
    top: 50%;
    border-radius: 13%;
    box-shadow: 1px 1px 2px #000000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
/*------------################## common-services-icon-wrap ###############-------------*/
.common-services-icon-wrap
{
    width:100%;
    display:block;
    background:#f1f1f1;
    padding:0.5rem 0;
}
.common-services-icon
{
    display:block;
    position:relative;
}
.common-services-icon>ul
{
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
    margin-bottom:0;
}
.common-services-icon>ul>li
{
    list-style:none;
    text-align:center;
    text-transform:capitalize; 
    font-weight: 400;
}
.common-services-icon>ul>li[class$='xl-2'], .common-services-icon>ul>li[class$='lg-2']
{
    max-width: 12%!important;
    padding: 0;
}
.common-services-icon>ul>li>img
{
    max-width:42px;
    display:block;
    margin:0 auto;
}
.common-services-icon>ul>li>span
{
    font-size: 0.9rem;
    display: block;
    padding: 0.3rem 0 0;
    font-weight: 400;
}

/*------############## Common Gallery CSS -------################*/
.page-gallery-wrap
{
    width:100%;
    display:block;
    margin:1rem 0;
}
.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: 0 0.2rem;
    padding: 0.5rem 1rem;
    color: #ffffff;
    text-align:center;
}
.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;
}
.filter-li
	{
		display: flex;
		flex-flow: wrap row;
		justify-content: center;
		align-items: center;
		list-style: none;
	}
	.filter-li>label
	{		
		margin: 0 0.7rem 0;
		font-weight: 500;
		color: #b10910;
		font-size: 1.6rem;
		text-transform:capitalize;
	}
	.filter-li>select
	{
		width: fit-content;
		width: -moz-fit-content; 
		width: -webkit-fit-content;
		text-transform: capitalize;
		box-shadow: 2px 2px 6px #3f3051;
		text-align: center;
	}
	.filter-li>li:first-child 
	{
		margin-left: 0rem;
	}
	.filter-li>li 
	{
		text-transform: capitalize;
		background: #cacaca;
		margin-left: 0.3rem;
		padding: 0.5rem 0.5rem;
		cursor: pointer;
		font-size: 0.9rem;
	}
	.filter-li>li:hover
	{
		background:#6e747d;
	}
	.filter-active 
	{
		background: #6e747d !important;
		color: #ffffff;
	}
	.filter-li~.common-flex>[class*=col-]
	{
		max-height: 270px;
		overflow: hidden;
		border: 0px solid;
		margin: 0.5rem 0;
	}
/*----------- ############## Common form & Contact Us Page CSS ------#########*/
.common-contctus-text
{

}
.common-contctus-text>p
{		
    text-align: left;
}
.common-contctus-text>p>a
{		
    text-decoration: none;
    color: #000000;
}
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%;
}

/*----------------################# Common Footer CSS ##############-----------------*/
#common-footer_wrapper
{
    display:block;
    width:100%;
    background:#fec80c;
    padding: 2rem 0 0;
}
#footer_address,.footer_menu, #footer_social_link
{
    display:block;
    width:100%;
}
.footer_menu .carousel-indicators
{
	margin-bottom:0;
}
/*-------------- Address CSS -----------------*/
#footer_address>h4, .footer_menu>h4, #footer_social_link>h4
{
    text-transform: capitalize;
    color: #016ec4;
    font-family: var(--Roboto-Condensed);
}
#footer_address>p
{
    margin-bottom: 0;
    padding: 0.5rem 0;
}
#footer_address>a
{
    display:block;
    color: #000000;
    padding: 0.5rem 0;
}
.dialog_box
{
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 1rem;
    width: 25%;
    height: auto;
    background: #77b800;
    z-index: 99;
    border-radius: 5px;	
	display:none;
}
.dialog_box>span.shout
{
	position: absolute;
    right: 4%;
    top: 3%;
    background: black;
    padding: 0.2rem;
    color: #fff;
	cursor:pointer;
}
.box_tex
{
	
}

.box_tex>h4
{    
	color: #fff;
}

.box_tex>p
{
}

/*-------------- Footer menu CSS -----------------*/
.footer_menu>ul
{
    list-style: none;
    margin-left: 20px;
    padding-right: 0;
}	
.footer_menu>ul>li
{		
    text-transform: capitalize;
    padding: 0.2rem 0;
    font-weight: 300;
}	
.footer_menu>ul>li>a
{
    text-decoration:none;
    color:#ffffff;
}

/*-------------- Footer social_link CSS -----------------*/
#footer_social_link>ul
{
    display:flex;
    flex-flow:wrap row;
    justify-content:flex-start;
    align-items:center;
    list-style: none;
    padding-right: 0;
}
#footer_social_link>ul>li
{	
    text-transform: capitalize;
    padding: 0 1rem;
    font-weight: 300;
    font-size: 2rem;
}
#footer_social_link>ul>li>a
{
    text-decoration:none;
	perspective:1000px;
	
}
#footer_social_link>ul>li>a>i
{	
    transform-style: preserve-3d;
	transition:all linear 0.5s;
    color: #000000 /*var(--charcoal-color)*/;
	backface-visibility:hidden;
}
#footer_social_link>ul>li:hover >a>i
{	
    transform: rotateY(360deg);
    color: var(--light-gray-color);
}
#footer_social_link>a
{
    text-transform: uppercase;
    padding: 1rem 3rem;
    text-align: center;
    font-size: 1.2rem;
    text-decoration: none;
    color: #ffffff;
    background: #880015;
}
#footer_social_link>a:hover
{
    background:#2b2e35;
}
.footer-menu
{
    width:100%;
    margin-left:0;
    padding: 0.8rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    background: #fafafa;        
}
.footer-menu>li
{
    list-style:none;
    text-transform: uppercase;
    padding: 0 1rem;
    position: relative;
    border-left: 1px solid #dedede;
}
.footer-menu>li:first-child
{
    border:none;
}
.footer-menu>li:after
{
    content:'';
    position:absolute;
}
.footer-menu>li>a
{
  color:var(--black);
  text-decoration:none;
}
.copyright
{
    margin-bottom: 0;
    text-align: center;
    background:#880015;
    color: #ffffff;
    font-size: 0.8rem;
    padding: 0.1rem 0;
    font-weight: 100;
}
p:first-letter.copyright
{
    text-transform:uppercase;
}

/*----------- Guest Reviews ------------*/
.reviews-section
{
	    min-height: 150px;
	    max-height: 150px;
		overflow:hidden;
		box-sizing:border-box;
}
.reviews-section>p
{
	
}
.reviews-section>p>span
{
    font-size: 1.5rem;
    padding: 0.2rem;
    color: #016ec4; 
}
#guest_reviews
{
    display: flex;
    flex-flow: wrap row;
    justify-content: center;
    align-items: center;
    list-style: none;		
}
#guest_reviews>li
{
    font-size: 1.4rem;
    font-weight: 600;		
}

#guest_reviews>li>nth-of-type(1)
{
	width:52px;
	height:52pz;
}
#guest_reviews>li>a
{

}
#guest_reviews>li>a>img
{	
    max-width:100%;
    display:block;
    background: var(--guest-reviews-bg);
    border-radius: 50%;
}
#guest_reviews>li>p
{
    margin: 0 0.4rem;		
}
#guest_reviews>li>p>a
{
    color:var(--charcoal-color);
    text-transform:capitalize;		
}