@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('fonts/Roboto-Light.ttf');
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('fonts/Roboto-Medium.ttf');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.ttf');
}
@font-face {
    font-family: 'VisbyRoundCF';
    src: url('fonts/VisbyRoundCF-Bold.otf');
}
.roboto{font-family:'Roboto-Regular';}
.robotoBold{font-family:'Roboto-Bold';}
.VisbyRoundCF{font-family:'VisbyRoundCF';}
*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {outline: 0 !important;text-decoration:none;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: 'Roboto-Regular'; font-size:16px; color:#000; background:#fff;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsNone{display:none;}
/******************************************/
header{width:100%; border-top:4px solid #ED1C24; padding:15px 0; -webkit-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);  -moz-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5); box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5); position:relative; z-index:9}
header .hTopLinks, header .hBottomLinks{clear:both; width:100%;}
header .hTopLinks .cntNumber{background:url(../images/icon_24hrs.png) no-repeat; padding-left:35px; line-height:26px; color:#ED1C24; float:left;}
header .hTopLinks a{color:#666; display:inline-block; padding:0 10px; line-height:26px; font-size:14px;}
header .hTopLinks a.login{background:#ED1C24; color:#FFF;}
header .hTopLinks a.signup, header .hTopLinks a:hover{color:#ED1C24;}
header .hTopLinks a.login:hover{color:#FFF;}
header .hTopLinks a.signup:hover{color:#666;}
header .hLine{clear:both; border-top:1px solid #ccc; float:left; width:100%; margin:20px 0;}
header .hBottomLinks{text-align:right;}
header .hBottomLinks a{color:#666; display:inline; margin:0 23px; line-height:26px; font-family:'Roboto-Medium'; text-transform:uppercase; font-size:15px;}
header .hBottomLinks a:last-child{margin-right:0;}
header .hBottomLinks a:hover, header .hBottomLinks a.active{color:#ED1C24;}
.rspMenuLink, .rspMenuContent{display:none;}
/***************************************************************************/
#banner{clear:both; width:100%; height:360px; overflow:hidden;}
#banner .bannerImg{background-size:cover !important; background-position:center center !important; width:100%; height:360px;}
.anythingSlider-default .back{background:url(../images/arrow_right.png) no-repeat;}
.anythingSlider-default .forward{background:url(../images/arrow_left.png) no-repeat;}
.anythingSlider-default .back:hover{background:url(../images/arrow_right_hover.png) no-repeat; transition: background: 0.5s ease;}
.anythingSlider-default .forward:hover{background:url(../images/arrow_left_hover.png) no-repeat; transition: background: 0.5s ease;}
#availabilityCheck{clear:both; width:100%; background:#ED1C24; padding:20px 0; text-align:center;}
#availabilityCheck label, #availabilityCheck a{display:inline-block; width:100%; color:#FFF; font-family: 'Roboto-Light'; font-size:14px; font-weight:normal; padding-bottom:5px;}
#availabilityCheck a{text-decoration:underline;}
#availabilityCheck a:hover{text-decoration:none;}
#availabilityCheck input.datePicker{border:none; width:115px; height:30px; background:url(../images/icon_calender.png) center right no-repeat; font-family: 'Roboto-Regular'; font-size:16px; color:#FFF; cursor:pointer; margin-top:10px;}
#availabilityCheck select{border:none; background:Transparent; height:30px; font-family: 'Roboto-Regular'; font-size:16px; color:#FFF; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../images/icon_arrow_down.png) center right no-repeat; padding-right:20px;}
#availabilityCheck select option{background:#FFF; color:#000; font-family: 'Roboto-Regular'; font-size:14px;}
#availabilityCheck input[type=submit]{background:#ffcc00; width:160px; height:45px; color:#ff0000; margin:0 auto; font-family: 'Roboto-Medium'; font-size:16px; border:none; text-transform:uppercase; margin-top:10px; -webkit-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);  -moz-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5); box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);}
#specialOffers{clear:both; width:100%; padding:50px 0;}
#specialOffers h1, #customerReviews h1, #rvrHighlights h1{font-size:24px; color:#333; padding:0; margin:0 0 50px 0; text-align:center; text-transform:uppercase; font-weight:normal;}

#specialOffers .spBox{xborder:1px solid #CCC; width:100%; max-width:485px; margin:0 auto; padding:5px; height:225px; position:relative;}
#specialOffers .spBox1BG{background:url(../images/img_sarva_homepg.jpg) no-repeat; background-position:left center; background-size:cover; width:100%; height:100%;}
#specialOffers .spBox2BG{background:url(../images/img_sarva_homepg.jpg) no-repeat; background-position:left center; background-size:cover; width:100%; height:100%;}
#specialOffers .spBox3BG{background:url(../images/img-top-rated-new.jpg) no-repeat; background-position:left center; background-size:cover; width:100%; height:100%;}
#specialOffers .spBoxContent{background:url(../images/spoffer_bg.png) right center no-repeat; height:100%; opacity:0.7}
#specialOffers .spBoxContentInner{float:right; width:170px; text-align:center; height:100%; color:#000;}
#specialOffers .spBoxContentInner span{font-family:'Roboto-Light'; font-size:18px; text-transform:uppercase;}
#specialOffers .spBoxContentInner h2{font-family:'Roboto-Medium'; font-size:28px; padding:0; margin:0;}
#specialOffers .spBoxContentInner img{display:inline-block; margin:15px 0;}
#specialOffers .spBoxContentInner label{font-family:'Roboto-Light'; font-size:16px; color:#333;}
#specialOffers .spBoxContentInner h3{font-family:'Roboto-Medium'; font-size:22px; padding:0; margin:0;}
#specialOffers .spBox .spButton{position:absolute; bottom:0px; right:0px; background:url(../images/spoffer_button.png) no-repeat; width:151px; height:35px; text-align:center; line-height:35px; font-family:'Roboto-Medium'; color:#FFF; display:block;}
#customerReviews{clear:both; width:100%; padding:35px 0; text-align:center;}
#customerReviews .cReview{clear:both; padding:0 0 50px 0; width:100%; font-family:'Roboto-Light'; max-width:600px; margin:0 auto; color:#333; line-height:30px; font-size:18px;}
#customerReviews .cReview p{font-family:'Roboto-Medium'; padding-top:15px; color:#333;}
#customerReviews .cReview span{font-family:'Roboto-Light'; display:block; font-size:15px;}
#customerReviews a{display:inline-block; margin:0 10px; width:150px; height:45px; background:#ED1C24; font-family:'Roboto-Medium'; font-size:18px; color:#FFF; line-height:45px; text-align:center; border-radius:5px;}
#rvrHighlights{clear:both; width:100%; background:#f2f2f2; padding:35px 0;}
#rvrHighlights .col-sm-4{padding:0 10px;}
#rvrHighlights .rhBox{clear:both; width:100%; max-width:320px; margin:0 auto; background:#FFF; -webkit-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);  -moz-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5); box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);}
#rvrHighlights .rhBox .rhbTop{clear:both; padding:10px; width:100%;}
#rvrHighlights .rhBox .rhbTopIcon{float:left;}
#rvrHighlights .rhBox .rhbTopHeader{float:right; line-height:30px; color:#333;}
#rvrHighlights .rvrHotel{background:url(../images/image_hotel.jpg) no-repeat; background-size:cover; background-position:center center; width:100%; height:229px;}
#rvrHighlights .rvrRestaurent{background:url(../images/image_restaurent.jpg) no-repeat; background-size:cover; background-position:center center; width:100%; height:229px;}
#rvrHighlights .rvrSarva{background:url(../images/image-sarva-home-box.jpg) no-repeat; background-size:cover; background-position:center center; width:100%; height:229px;}
#rvrHighlights .rvrDesc{clear:both; padding:20px; font-family:'Roboto-Light'; font-size:14px; color:#333333; line-height:22px; text-align:center;}
#rvrHighlights .rvrDesc h2{font-family:'Roboto-Medium'; font-size:16px; font-weight:normal; margin:0 0 10px 0; padding:0;}
#rvrHighlights .viewMore{clear:both; width:100%; text-align:center; padding-bottom:20px;}
#rvrHighlights .viewMore a{display:inline-block; width:160px; height:45px; background:#ED1C24; color:#FFF; text-align:center; line-height:45px;}
#rvrWelcome{clear:both; width:100%; padding:35px 0; border-bottom:1px solid #CCC; font-family:'Roboto-Light'; color:#333; line-height:30px; text-align:center;}
#rvrWelcome h1, #rvrWelcome h2{font-size:30px; font-weight:normal; color:#ED1C24; margin:5px 0 35px 0;}
/***************************************************************************/
.pBottomZ{ margin-bottom:0 !important; padding-bottom:0 !important;}
.pLeftZ{ padding-left:0 !important;}
.pRightZ{ padding-right:0 !important;}
.pAllZ{padding:0 !important}
.subPageHeading{ width:100%; height:250px; text-align:center; background:url(../images/subpage_bg.jpg) no-repeat; background-position:center bottom; background-size:cover; font-size:22px; color:#FFF; position:relative;}
.subPageOverlay{position:absolute; top:0; bottom:0; background:rgba(0,0,0,0.25); width:100%; height:100%;}
.subPageHeading .cntOuter{position:relative; z-index:1; padding:0 20px;}
.subPageHeading h1{font-family:'Roboto-Medium'; padding-bottom:10px; font-weight:normal; }
.subPageHeading  p{font-family: 'Roboto-Light'; }
.supageContent { padding:35px 15px; color:#333333; font-family: 'Roboto-Light';}
.supageContent h2, .supageContent h3{color:#ED1C24; font-family: 'Roboto-Light';font-weight:normal;}
.supageContent h3{ margin-bottom:15px;}
.supageContent h2{ font-size:24px; margin-bottom:15px; }
.supageContent .captionTxt{ font-size:20px; padding:0 0 15px 0;}
.supageContent p{ padding-bottom:20px; font-size:16px; line-height:28px;}
.supageContent p span{color:#ED1C24; font-weight:bold;}
.supageContent hr{background-color: #cccccc; height: 1px; border: 0; margin:45px 0; }
hr{background-color: #cccccc; height: 1px; border: 0; margin:25px 0; }
.supageContent ul{margin:0; padding:0}
.supageContent ul li{ list-style:none; line-height:35px; color:#666666;}
ul.amenities li:before {
    content: "\f14a";  /* this is your text. You can also use UTF-8 character codes as I do here */
     font-family: "Font Awesome 5 Free"; font-weight:900;
	padding-right:8px;
 }
 
ul.rAvail li:before {
    content: "\f236";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "Font Awesome 5 Free"; font-weight:900;
	padding-right:8px;
 }
 
 .contactInfo h2{ font-size:25px; color:#333333; padding-bottom:15px;}
.contactInfo i{ font-size:25px; color:#ED1C24; margin-right:10px;}
.container .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img { width: 40%;}
/* line 65, ../sass/demo.scss */
.align-center {text-align: center;}
.clear {
  clear: both;
  float: none;
  width: 100%;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20); border:0;
}
/***************************************************************************/
.popupPanelResp{ clear:both; width:100%; }
#loginPopupResp{ width:100%; max-width:380px; xheight:18em; margin:0 auto;}
#loginPopupResp .panel-heading{ background:#ED1C24; color:#FFF; font-size:18px;  font-family: 'Roboto-Light';font-weight:normal; text-transform:uppercase; position:relative; padding-top:15px; padding-bottom:15px;}
#loginPopupResp .panel-body{ background:#f2f2f2; position:relative}
#loginPopupResp .panel-title{ color:#FFF; margin-bottom:0; font-size:18px;}
#logMsg{ float:left; font-size:14px; padding-top:13px; display:none; }
.btn-yellow{background: #ffcc00;width: auto;height: 45px;color: #333333; margin: 0 auto;    margin-top: 0px;font-family: 'Roboto-Medium';font-size: 16px;border: none;text-transform: uppercase;-webkit-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);-moz-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);  border-radius:0;}
.btn-save{background: #ED1C24;width: auto;height: 45px;color: #fff; margin: 0 auto;    margin-top: 0px;font-family: 'Roboto-Medium';font-size: 16px;border: none;text-transform: uppercase;-webkit-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);-moz-box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);box-shadow: 0 10px 8px -8px rgba(0,0,0,0.5);  border-radius:0;}
#overlayLogin{ 
    position: fixed; /* Sit on top of the page content */
    display: block; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 98; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
.subPageContents .paddingLR{padding-left:15px; padding-right:15px;}
.resendText{ color:#9C0; font-size:14px; line-height:25px; cursor:pointer; padding-left:10px;}
.pLoading{width:30px;}
.box-wrapper{width:100%; padding:25px; background-color:#FFF; margin:35px 0; float:left; color:#666666; border:1px solid #dadada}
.box-wrapper h2, .box-wrapper .h2{ font-size:16px; color:#333333; font-weight:700}
.profileData label{ width:25%; float:left; font-size:14px; line-height:30px; font-weight:normal}
.profileData input[type=text]{ width:70%; float:right;}
.profileData .form-group{ clear:both; margin-bottom:10px; float:left; width:100%;}
.saveBtn{ text-align:center;}
.saveBtn input[type=submit]{width:115px; margin-top:10px;}
.profileName input{}
.profileName span{}
.myBookings h3{font-family: 'Roboto-Medium'; font-size:16px; text-transform:uppercase; padding-bottom:5px; font-weight:normal}
.countInfo{ font-size:14px; color:#666666; margin-top:10px; line-height:20px;}
.countInfo span{font-weight:bold}
.bookingRow a.invoice{color:#ED1C24; font-family: 'Roboto-Medium'; font-size:14px; display:block; margin-top:5px;}
.paymentRoomTypeImage{background-position:center !important; background-size:cover !important; width:100%; height:250px;}
.dateInfo{ color:#666666; font-size:14px; line-height:25px; text-align:right;}
.dateInfo span{ color:#333333; font-weight:bold;}
.myBookings .totalCost{ margin-top:10px; padding:10px; text-align:center; border:1px solid #cccccc; color:#006699; min-width:146px; float:right}
.paymentText{ text-align:center; margin-top:20px;}
.paymentText img{margin-top:20px; display:block; float:right;}
.rBookingOverview{ padding:15px;}
.payableAmt{ width:100%; clear:both}
.paymentDetails{font-family: 'Roboto-Light'; font-size:14px; font-weight:normal; padding-bottom:15px;}
.payRow{ width:100%; clear:both; padding-top:10px;}
.payableAmt .payRow{ font-size:16px;font-family: 'Roboto-Medium'; padding-top:0;}
.payableAmt small{font-size:14px; font-weight:normal; font-family: 'Roboto-Light'; }
.pageLoader{  position: fixed;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    transform: -webkit-translate(-50%, -50%);    transform: -moz-translate(-50%, -50%);    transform: -ms-translate(-50%, -50%);    color:#ef592e; font-size:18px;}
.paymentMessage{ color:#000; line-height:30px;}
.paymentMessage i{ font-size:30px;}
.paymentSuccess i{ color:#00c300}
.paymentFailed i{ color:#FF0000}
/***************************************************************************/
#roomTypes{clear:both; width:100%; padding:35px 0; background:#f2f2f2; border-bottom:2px solid #FFF;}
#roomTypes .col-sm-6{padding-top:15px; padding-bottom:15px;}
#roomTypes .rBox{width:100%; max-width:485px; background:#FFF; margin:0 auto;}
#roomTypes .rBoxImage{width:100%; height:100%; xposition:relative; background-size:cover !important; background-position:center center !important;}

.rBox ul.roomSliderImgs{clear:both; width:100%; height:240px; overflow:hidden;}
.rBox .anythingControls{height: 15px; 	outline: 0;	display: none;	float: right;	position: absolute;	bottom: 5px;	right: 0;	margin: 0;	z-index: 100;	opacity: 0.90;	filter: alpha(opacity=90);}
.rBox .anythingControls ul {    margin: 0;    padding: 0;    float: right; height:100%}
.rBox .anythingControls a {    background: transparent url(../images/arrows-metallic.png) -68px -40px repeat-x;        background-color: transparent;    color: #000;    border: #000 1px solid;    }
.rBox .anythingControls ul a {    display: inline-block;    width: 10px !important;    height: 10px !important;    margin: 3px;    padding: 0;    text-decoration: none;    text-align: center;    outline: 0; border-radius:5px !important; padding:0 !important; background-color: #ED1C24 !important;  border-color: #999 !important; opacity:0.5 !important}
.rBox .anythingControls ul li {    list-style: none;    float: left;    margin: 0;    padding: 0;}
.rBox .anythingControls a.cur, .rBox .anythingControls a:hover {    background-color: #ED1C24 !important;    color: #FFF; opacity:1 !important;}
.rBox .anythingSlider .arrow span, .rBox .anythingSlider .anythingControls span {    display: block;    visibility: hidden;}
.rBox .anythingControls a {    color: #000;}
.ui-tooltip{display:none !important}


#roomTypes .rBoxContent{clear:both; width:100%; padding:15px; position:relative;}
#roomTypes h2{font-family:'Roboto-Medium'; font-size:17px; color:#008489; margin:5px 0 15px 0; font-weight:normal; text-transform:uppercase;}
#roomTypes h2 i{color:#008489; margin-right:10px;}

#roomTypes .h2{font-family:'Roboto-Medium'; font-size:17px; color:#008489; margin:5px 0 15px 0; font-weight:normal; text-transform:uppercase;}
#roomTypes .h2 i{color:#008489; margin-right:10px;}

#roomTypes .rBoxContent .roomAlert{ clear:both; text-align:left; padding:5px; font-size:11px; margin:auto; color:#C63F17;}
#roomTypes p{font-family:'Roboto-Light'; font-size:14px; color:#666; line-height:22px;}
#roomTypes h4{font-family:'Roboto-Light'; font-size:14px; color:#333; margin:10px 0;}
#roomTypes .rAmenities{clear:both; width:100%; padding:0 10px;}
#roomTypes .rAmenities ul li{display:inline-block; width:49%; font-family:'Roboto-Light'; font-size:14px; color:#666; line-height:18px; padding:5px 0;}
#roomTypes .rAmenities ul li i{margin-right:5px;}
#roomTypes .bookingDetails{clear:both; width:100%; height:100px; text-align:center; color:#666; font-size:14px;}
#roomTypes .chooseRoom{float:left; width:60px;}
#roomTypes .chooseRoom select{width:100%; height:35px; border:1px solid #d6d6d6; font-family:14px; color:#333; display:block; margin-top:5px;}
#roomTypes .bookingDetails i{font-size:20px; margin-bottom:5px; display:block;}
#roomTypes .chooseGuests{float:left; width:200px; margin:0 20px;}
#roomTypes .chooseGuests select{display:inline-block !important; width:45%;  height:35px; margin:0 3px; border:1px solid #d6d6d6; font-family:14px; color:#333; display:block; margin-top:5px;}
#roomTypes .chooseGuestsXP{ padding-top:10px;}

#roomTypes .roomPrice{float:right; width:120px; font-size:12px; margin-top:40px;}
#roomTypes .roomPrice span{color:#008489; font-family:'Roboto-Medium'; font-size:23px; display:block;}
#roomTypes .roomPrice span i{display:inline-block;}
#roomTypes .roomPrice a{width:100%; display:block; background:#ffcc00; height:35px; text-align:center; line-height:35px; margin-top:5px; font-family:'Roboto-Light'; font-size:16px; color:#333; text-transform:uppercase;}

/***************************************************************************/
#subsMessage{width: 100%; position: absolute;text-align: center;bottom: -25px;left: 0; font-size:12px;}
#subsMessage.error{ color:#FF0000}
#subsMessage.success{ color:#0cb30c}
.not-active {  pointer-events: none;  cursor: default;  text-decoration: none;  color: black !important; background-color:#d5d5d5  !important;}
.soldOutBtn{ text-align:center; float:none !important; margin:auto; padding-top:25px;}
#roomTypes .roomPrice button{width:100%; display:block; background:#ffcc00; height:35px; text-align:center; line-height:35px; margin-top:5px; font-family:'Roboto-Light'; font-size:16px; color:#333; text-transform:uppercase; border:none}
.couponValue{ display:none}
#couponCodeEdit{ width:150px; display:inline-block; margin-left:10px;}
.couponLoading{width:20px; position:relative; top:4px; font-size:12px;}
#couponMessage.error{color:#FF0000}
.return-error-msg{ color:#f56b6b; padding:10px 15px; float:left; font-size:13px; clear:both; width:100%; text-align:center; background:#fef1f1; border:1px solid #fcd9df; margin-bottom:15px;}
.return-success-msg{ color:#8fbb6c; padding:10px 15px; float:left; font-size:13px; clear:both; width:100%; text-align:center; background:#ecf3e6; border:1px solid #e3ebd5; margin-bottom:15px;}

.dstContent h1{text-align:center; font-family:'Roboto-Light'; font-size:45px; text-transform:uppercase; color:#333; font-weight:normal; margin-bottom:10px;}
.dstContent h2{font-family:'Roboto-Light'; font-size:30px; text-transform:uppercase; color:#333; font-weight:normal; margin-bottom:10px;}
.dstContent span{font-family:'Roboto-Light'; font-size:12px; text-transform:uppercase; color:#666; display:block; letter-spacing:2px;}
.dstContent p{line-height:28px; color:#333; padding-top:10px;}
.dstContent .dstSep{clear:both; text-align:center; width:100%; padding:15px 0;}
.dstContent .dstBg{background-size:cover !important; background-position:center !important; width:100%; height:350px;}
.dstContent .col-sm-6{padding-left:15px; padding-right:15px;}
.dstContent .row.dsFlex{margin-bottom:45px;}

.dstContent a{color:#168AFB}

/***************************************************************************/
#subscribeNewsletter{clear:both; width:100%; background:#f2f2f2; padding:35px 0; text-align:center;}
#subscribeNewsletter h2{font-weight:normal; margin-bottom:20px; text-transform:uppercase; font-size:16px; color:#333;}
#subscribeNewsletter input[type=text]{border:none; background:#FFF; width:60%; height:50px; text-align:center; font-size:16px; font-family:'Roboto-Medium'; color:#333; display:inline-block;}
#subscribeNewsletter input[type=submit]{border:none; background:#ffcc00; text-align:center; width:140px; height:50px; font-size:16px; font-family:'Roboto-Medium'; color:#333; display:inline-block;}
#enquiry_booking{clear:both; width:100%; padding:35px 0;}
#enquiry_booking .col-sm-4{border-right:1px solid #CCC; text-align:center; padding:15px;}
#enquiry_booking .col-sm-4:last-child{border:none;}
#enquiry_booking .col-sm-4 h2{font-weight:normal; font-size:16px; color:#333; margin-bottom:15px;}
#enquiry_booking .col-sm-4 p{font-family:'Roboto-Light'; font-size:14px; color:#333; line-height:22px;}
#enquiry_booking .col-sm-4 span{font-weight:bold; font-size:16px; color:#ED1C24;}
footer{clear:both; width:100%;}
footer .footerLinks{clear:both; background:#ED1C24; width:100%; padding:35px 0;}
footer .footerLinks .col-sm-4{border-right:1px solid #FFF; padding-left:40px;}
footer .footerLinks .col-sm-4:last-child{border:none;}
footer .footerLinks h2{color:#FFF; text-transform:uppercase; padding:0; margin-bottom:10px; font-weight:normal; font-size:16px;}
footer .footerLinks ul li{display:block; list-style:none;}
footer .footerLinks ul li a{color:#FFF; line-height:30px; display:block; font-size:15px;}
footer .footerLinks ul li a:hover{text-decoration:underline;}
footer .footerLinks .socialIcons{text-align:center;}
footer .footerLinks .socialIcons h2{margin-bottom:25px;}
footer .footerLinks .socialIcons a{display:inline-block; margin:0 20px 20px 0 ; color:#FFF; font-size:25px;}
footer .footerLinks .socialIcons a:hover{color:#ffcc00;}
footer .copyright{clear:both; padding:25px 0; text-align:center; font-size:14px; font-family:'Roboto-Light'; color:#333;}
/***************************************************************************/


.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.smLists {margin:0; padding:0; float:left; width:40%;}

.smLists li a{color:#333; display:inline-block}

.smLists li a:hover{font-weight:bold;}

.smLists li:before {  content: "\f0da";  font-family: 'Font Awesome 5 Free'; font-weight:900;  float: left;   color: #ED1C24;; padding-right:15px;}

#blogPage .h2 a{ color:#333;}

@media only screen and (max-width : 767px) {
	.dsFlex{display:block;}
	footer .footerLinks .col-sm-4{border:none; margin-bottom:25px;}
	footer .footerLinks .col-sm-4:last-child{margin-bottom:0;}
	footer .footerLinks .socialIcons{text-align:left;}
	footer .footerLinks .socialIcons h2{margin-bottom:15px;}
	footer .footerLinks .socialIcons a.gPlus{margin-left:0;}
	#enquiry_booking .col-sm-4{border:none;}
	#subscribeNewsletter input[type=text], #subscribeNewsletter input[type=submit]{display:block; width:60%; margin:0 auto;}
	#customerReviews a{display:block; margin:10px auto;}
	#rvrHighlights .col-sm-4{padding:10px 0;}
	.subPageHeading{font-size:16px;}
	#roomTypes .rAmenities ul li{display:block; width:100%; padding:8px 0;}
	#roomTypes .bookingDetails{height:auto;}
	#roomTypes .chooseRoom, #roomTypes .chooseGuests, #roomTypes .roomPrice{float:none; width:100%; padding:10px 0; margin:0;}
	#roomTypes .chooseRoom select{max-width:100px; margin:0 auto;}
	.bookingRow, .dateInfo{text-align:center;}
	.bookingRow img{margin-bottom:15px;}
	.dateInfo{padding:15px 0;}
	.myBookings .totalCost{float:none; margin:0 auto;}
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
	#roomTypes .col-sm-6{padding-left:10px; padding-right:10px;}
	#roomTypes .bookingDetails{height:190px;}	
	#roomTypes .roomPrice{float:none; clear:both; padding-top:15px; width:100%;}
}
@media only screen and (max-width : 991px) {
	.mTopPadding{padding-top:25px;}
	
	.hLogo{text-align:center;}
	.mbClear{clear:both; padding-top:15px;}
	
	.rspMenuLink{background-color: rgba(0,0,0,0.6); width: 50px; height: 50px; border-radius: 25px; top: 25px; right: 25px; position: fixed; z-index:9999; padding-top:18px; cursor:pointer; display:block;}
	.rspMenuLink span{display: block;width: 20px;height: 2px;margin: 0 auto 3px auto;background: #FFF;transition: 0.4s;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}	
	.rspMenuClose span:nth-child(2) {opacity: 0;}	
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-3px, -4px) ;}
	
	.rspMenuContent{position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#ED1C24; z-index:-1; opacity:0;transition: 0.6s; display:block;}
	.rspMenuActive{opacity:1 !important;transition: 0.6s; z-index:9991 !important;}
	.rspMLeft{float:left; width:70px; background:#ca4a4e; height:100%; position:relative;}
	
	.rspMTop{position:absolute; top:0; left:0; width:100%;}
	.rspMTop a,.rspMBottom a{display:block; height:70px; line-height:70px !important; font-size:18px; text-align:center; color:rgba(255,255,255,0.7);}
	.rspMTop a:hover,.rspMBottom a:hover,.rspMBottom li.current-lang a,.rspSocial a:hover{color:#FFF;}
	.rspMTop a{border-bottom:1px solid #ED1C24;}
	
	.rspSocial a{display:block; padding:0.7em 0; font-size:18px; text-align:center; color:rgba(255,255,255,0.7);}
	
	.rspMBottom{position:absolute; bottom:0; left:0; width:100%;}
	.rspMBottom li{list-style:none;}
	.rspMBottom a{border-top:1px solid #ED1C24;}
	
	.rspMTop a i, .rspMBottom a i{line-height:70px !important;}
	
	.rspMRight{position:absolute; top:0; left:70px; right:0; bottom:0; text-align:center;}
	.rspMRight li{list-style:none;}
	.rspMRight a{padding:15px 0; color:rgba(255,255,255,0.8); display:block; font-size:20px; text-transform:uppercase;}
	.rspMRight a:hover, .rspMRight li.current-menu-item a{color:#FFF;}
	
	#availabilityCheck input.datePicker,#availabilityCheck select{margin-bottom:20px; margin-top:0;}
	footer .footerLinks .socialIcons a{margin:0 10px;}
}
@media only screen and (min-width : 992px) and (max-width : 1200px) {
	header .hBottomLinks a{margin:0 20px;}
	#roomTypes .col-sm-6{padding-left:10px; padding-right:10px;}
}


.heading1{font-size:24px; color:#333; padding:0; margin:0 0 50px 0; text-align:center; text-transform:uppercase; font-weight:normal;}
.heading2{font-weight:normal; margin-bottom:20px; text-transform:uppercase; font-size:16px; color:#333;}
.fheading2{color:#FFF; text-transform:uppercase; padding:0; margin-bottom:10px; font-weight:normal; font-size:16px;}
.pageTitle{font-family:'Roboto-Medium'; padding-bottom:10px; font-weight:normal; font-size:44px;}
.centerContent h1{ font-size:24px; margin-bottom:15px; color:#ED1C24; font-family:'Roboto-Light'; font-weight:normal;}
.centerContent h2{ font-size:20px; padding:0; color:#333333;}
.heading21{ font-size: 24px;    margin-bottom: 15px;    color: #ED1C24;    font-family: 'Roboto-Light';    font-weight: normal;}
.heading31{ font-size: 20px;    margin-bottom: 15px;    color: #ED1C24;    font-family: 'Roboto-Light';    font-weight: normal;}

.dstContent .h1{text-align:center; font-family:'Roboto-Light'; font-size:45px; text-transform:uppercase; color:#333; font-weight:normal; margin-bottom:10px;}
.dstContent .h2{font-family:'Roboto-Light'; font-size:30px; text-transform:uppercase; color:#333; font-weight:normal; margin-bottom:10px;}

.contactInfo .h2 {    font-size: 25px;    color: #333333;    padding-bottom: 15px; margin-bottom:15px;}


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

	.social{display:block;}
	.btn-circle {width: 48px;height: 48px;text-align: center;padding: 4px 0;font-size: 16px;line-height: 1.428571429;border-radius: 0;}
	.icon-bar {transform: translateY(-30%); position: fixed;right:0;bottom:0;margin-right: 0px; z-index:99;}
	.icon-bar .btn {display: block;margin-bottom: 0px; color:white;}
	.icon-bar .twitter {background: #6bd7ff;color: white;}
	.icon-bar .instagram {background: #dd2a7b;color: white;}
	.icon-bar .pinterest {background: #bd081c;color: white;}	
	.icon-bar .menu {background: rgba(0,0,0,0.6); color: white;}

}

@media only screen and (max-width : 991px) {

	.social{display:block;}
	.btn-circle {width: 48px;height: 48px;text-align: center;padding: 4px 0;font-size: 16px;line-height: 1.428571429;border-radius: 0;}
	.icon-bar {transform: translateY(-3%); position: fixed; left:0; right: 0; bottom:0; z-index:99; display: flex; justify-content: center;}
	.icon-bar .btn {display: block; margin-bottom: 0px; color:white; float: left;}
	.icon-bar .twitter {background: #6bd7ff; color: white;}
	.icon-bar .instagram {background: #dd2a7b; color: white;}
	.icon-bar .pinterest {background: #bd081c; color: white;}
	.icon-bar .menu {background: rgba(0,0,0,0.6); color: white; display: none; visibility: hidden; opacity: 0;}

}