/* --------------------------------------------------------
Theme Name: Hotel Brunei
Theme URI: http://wpmines.com
Author: BootExperts
Author URI: http://bootexperts.com
Version: 1.0
Description: This Template is created for Hotel Booking Web Site

Table of Index
--------------

01. Base CSS
02. Preloader CSS
03. Header Area CSS
04. Breadcrumb Area CSS
05. Header Banner Area CSS
06. Reserve Rorm CSS
07. Welcome To Our Hotel Area CSS
08. Facilities Area CSS
09. Luxury Rooms For Family Area CSS
10. Hotel Booking App Area CSS
11. Rooms By Category Area CSS
12. Latest News From Our Blog Area CSS
13. Our Partners & Clients Area CSS
14. Footer Area CSS
15. Second Index Header Banner Area CSS
16. Our Accommodation Include Area CSS
17. Our Favourite Rooms Area CSS
18. Book Your Room Area CSS
19. About, Why Choose Us, Featured Rooms Area CSS
20. Meet Our Team Area CSS
21. Words From Our Customers Area CSS
22. Various Room Area CSS
23. Gallery Area CSS
24. Membership Plan Area CSS
25. 404 Not Found Area CSS
26. Contact Form & Map Area CSS
27. Booking Pagination Area CSS
28. Booking Main Area CSS
29. Right Sidebar CSS
30. Blog Area CSS
31. Single Room Area CSS
32. Single Blog Area CSS
33. Our Hotel Rooms Area CSS
34. About Us Area CSS

-----------------------------------------------------------*/



/* ---------------------------------------------------------
Base CSS
------------------------------------------------------------*/
.top-container {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}
.fa-instagram {
	border-radius: 50%;
	border: 1px solid #ffffff;
	padding: 8px;
}
.header {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}
.btn-offers {
		color: rgb(255, 255, 255);
	background: rgb(55, 136, 163);
	font-size: 14px;
	font-family: 'latosemibold';
	text-transform: uppercase;
	line-height: 37px;
	height: 37px;
	display: inline-block;
	padding: 0 29px;
	border-radius: 0px;
	-moz-transition: all .2s ease-in-out;
   	-o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
}
.booknow-popup {
	position: absolute;
	z-index: 999999999999999;
	left: 0;
  right: 0;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  position: fixed;
  top: 120px;
  border: 1px solid rgb(239, 239, 239);
  border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
}
.booknow-popup .col-md-3 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.booknow-popup p {
	font-size: 16px;
	font-family: 'latosemibold';
	color: rgb(119, 119, 119);
}
.hide-this {
	display: none ;
}
.show-this {
	display: block;
}
.popup-btn {
	background: rgb(55, 136, 163);
	width: 100%;
	display: block;
	margin: auto;
	border: none;
	text-transform: uppercase;
	color: #ffffff;
	height: 40px;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	margin-top: 15px;
}
.popup-input {
	border: none;
	width: 80%;
	border-bottom: 2px solid rgb(55, 136, 163);
}
body > div.daterangepicker.ltr.single.auto-apply.opensright.show-calendar {
	z-index: 999999999999999999;
}
.btn-offers:hover {
		color: rgb(255, 255, 255);
	background: rgb(107, 207, 239);
	font-size: 14px;
	font-family: 'latosemibold';
	text-transform: uppercase;
	line-height: 37px;
	height: 37px;
	display: inline-block;
	padding: 0 29px;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	-moz-transition: all .2s ease-in-out;
   	-o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: none;
}
.content {
  padding-top: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}
#sticky-header {
	background-color: rgba(224,224,224,0.85);
	z-index: 999;
}
.padding-header {
	margin-top: 102px;
}
.donotdisplay {
	display: none !important;
	-moz-transition: all .2s ease-in-out;
   	-o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
.text_a_l{
    text-align: left;
}
.text_a_c{
    text-align: center;
}
.text_a_r{
    text-align: right;
}
img {
    max-width: 100%;
    height: auto;
}
.fix {
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    font-family: 'Lato', sans-serif;
}
h1{
    font-family: 'Playfair Display';
    font-size: 30px;
    font-weight: 700;
    color: #333333;
}
h2{
    font-family: 'Playfair Display';
    font-size: 20px;
    font-weight: 700;
    color: #333333;
}
p{
    color: #777777;
}
html, body {
    height: 100%;
    font-family: 'Lato', sans-serif;
}
.fix_p{
    padding:0;
}
.fix_p_l{
    padding-left:0;
}
.fix_p_r{
    padding-right:0;
}
.fix_m{
    margin:0;
}
.fix_m_l{
    margin-left: -15px;
}
.fix_m_r{
    margin-right: -15px;
}
.bg_gray{
    background-color: #f8f8f8;
}
a {
    color:#222222;
}
a:focus {
    outline: 0px solid;
    text-decoration: none;
}
a:hover {
    color: rgb(107, 207, 239);
    text-decoration: none;
}
a, .room_photo_caption, .room_cat_name h3, .single_rooms_thumb, ul.foot_wid_social_icons li a i, .rm_btn, .gallery_wid_thumb a img, .single_partner_logo, .submit_box input, .accomodation_icon:after, .accomodation_icon img, .featured_rooms img, .rooms_trigger ul li, .panel-title a i, .single_pricing_table, .book_page_trigger ul li a:after, .book_page_trigger ul li, .datepickr-calendar .datepickr-day, .social_wid ul li a i, .single_room_details .single_rooms_thumb img, .tab_trigger ul li, .member_photo > img{
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ml-20 {
	margin-left: 20px;
}
.w-50p {
	width: 75px;
}
ul{
    list-style: none;
    padding: 0;
}
#scrollUp {
    bottom: 20px;
    right: 20px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 52px;
    width: 52px;
    background: #00BD4A;
    border-radius: 10px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
}
.nav > li > a:focus, .nav > li > a:hover {
  background-color: transparent;
  text-decoration: none;
}
ul.nav.navbar-nav li > a:hover, ul.nav.navbar-nav li.current_page_item a{
    color: #3788a3;
}
.section-padding {
    padding: 90px 0;
}
.section_heading {
    text-align: center;
    padding-bottom: 40px;
    /*background: url(img/section_heading_bg.png) no-repeat center 50px;*/
}
.align-left {
	text-align: left !important;
}
.underline-blue h2 {
	position: relative;
}
.underline-blue h2::after {
	display: block;
   content: '';
  width: 150px;
  height: 3px;
  background: rgb(55, 136, 163);
  position: absolute;
  bottom: 0;
  top: 60px;
}
.section_heading h1{
    margin: 0;
    font-size: 45px;
}
.section_heading h2{
	font-family: 'Playfair Display' !important;
	color: rgb(51, 51, 51) !important;
}
.aligned-left h1:after {
	content: ' ';
    border: 1px solid #3788a3;
    width: 80px;
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.aligned-left h2:after {
	content: ' ';
    border: 1px solid #3788a3;
    width: 80px;
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.section_heading h2{
    margin: 0;
    font-size: 25px;
}
.aligned-left h2:after {
	content: ' ';
    border: 1px solid #3788a3;
    width: 80px;
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
#map {
            max-width: 100%;
            height: 500px;
            }
            #map > div > div > div:nth-child(5),
            #map > div > div > div.gmnoprint.gm-style-cc,
            #map > div > div > div:nth-child(9) {
                display: none;
            }

            /* chk-btn CSS from
            http://stackoverflow.com/questions/30100978/how-to-make-a-check-button-hidden-checkbox-with-label-as-a-button-css-only
            */

            input.chk-btn {
            display: none;
            }
            input.chk-btn + label {
            border: 1px solid grey;
            background: ghoswhite;
            padding: 5px 8px;
            cursor: pointer;
            border-radius: 5px;

            }
            .destination-map {
                margin-top: 50px;
            }
            .filter-button {
                border: none;
            }

            .container-input {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container-input input {
	opacity: 0 !important;
}
/* Hide the browser's default checkbox */
.container input {
    /*position: absolute;*/
    opacity: 1;
    cursor: pointer;
}
.room-form-date-in {
	width: 100%;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}
.input-room {
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-bottom: 20px;
	border: none;
	border-bottom: 2px solid rgb(55, 136, 163);
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.filters {
    margin-top: 30px;
}
.destination-listing-img img {
	width: 100%;
}
.destination-listing-text h4 {
	font-size: 13px;
	font-family: 'latomedium';
	font-style: italic;
	color: rgb(56, 136, 163);
	margin-top: 10px;
}
.nopadd-l {
	padding-left: 0px;
}
.dest-listing-margin {
	margin-top: 20px;
	margin-bottom: 20px;
}
a.cursor-pointer {
	cursor: context-menu;
}
.destination-listing-text a {
	color: rgb(34, 34, 34);
	font-weight: 700;
	font-size: 18px;
}
.destination-listing {
	height: 500px;
}
ul.widget-2-columns {
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.section_heading h1:after {
	content: ' ';
    border: 1px solid #3788a3;
    width: 80px;
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
a.rm_btn, .rm_btn{
    color: #fff;
    background: #3788a3;
    font-size: 14px;
    font-family: 'latosemibold';
    text-transform: uppercase;
    line-height: 37px;
    height: 37px;
    display: inline-block;
    padding: 0 29px;
    width: 100%;
}
a.rm_btn:hover, .rm_btn:hover{
    border-radius: 10px 0;
    background: #6bcfef;
    border-bottom: 0px;
}
.rm_btn {
	border: none;
}
h4.modal-title {
	font-size: 24px;
	font-family: 'latosemibold';
}
.form-purpose {
	width: 100%;
	height: 42px;
	border: 1px solid rgb(230, 230, 230);
	border-radius: 5px;
	text-indent: 15px;
}
select.form-purpose option {
	text-indent: 15px;
	height: 42px;
	padding-left: 15px;
	padding-top: 10px;
}
/* --------------------------------------------------------
Preloader CSS
-----------------------------------------------------------*/
#preloader {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #fff;
    display: none;
}
#preloader i {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}



/* --------------------------------------------------------
Header Area CSS
-----------------------------------------------------------*/
.header_top{
    background: #d5d5d5;
    height: 39px;
}
.header_top_info ul{
    margin: 0;
}
.header_top_info ul li{
    display: inline-block;
    margin: 0 30px;
    position: relative;
    height: 45px;
    line-height: 45px;
}
.header_top_info ul li:after{
    position: absolute;
    content: "|";
    top: 0;
    right: -30px;
}
.header_top_info ul li:first-child{
    margin-left: 0;
}
.header_top_info ul li:last-child{
    margin-right: 0;
}
.header_top_info ul li:last-child:after{
    display: none;
}
.header_top_info ul li, .header_top_info ul li i, .header_top_info ul li a{
    color: #000;
}
.header_top_info ul li a:hover{
    color: #3488a4;
}
.header_top_info ul li, .header_top_info ul li a{
    font-size: 13px;
    font-family: "lato";
}
.header_top_info ul li i{
    font-size: 20px;
}
.header_top_info ul li i, .header_top_info ul li img{
    margin-right: 10px;
    vertical-align: -4px;
}
.header_top_info ul li form input{
    border: 0px;
    line-height: 43px;
    background: transparent;
    outline: 0px solid;
}
.header_top_info ul li form input[type="submit"]{
    padding: 0 10px;
    background: url(img/icon_search.png) no-repeat right center;
    vertical-align: middle;
}
.logo {
  padding-top: 0px;
}
.main_menu .navbar-collapse.collapse {
    padding-left: 0;
    margin-top:10px;
}
.main_header_content ul.nav.navbar-nav li > a {
    font-size: 14px;
    margin: 22px 0;
    padding: 8px 14px;
    font-family: "latomedium";
    text-transform: uppercase;
}
.main_header_content ul.nav.navbar-nav li:last-child a{
    margin-left: 14px;
    padding: 8px 20px;
    background: #3488a4;
    color: #f4f4f4;
    font-size: 12px;
    font-family: 'latosemibold';
}
.main_header_content ul.nav.navbar-nav li:last-child a:hover{
    border-top-left-radius: 9px;
    border-bottom-right-radius: 9px;
    color: #fff;
    background: #6bcfef;
}

.nopadding-l-mobile {
	padding-left: 15px;
}

/* --------------------------------------------------------
Breadcrumb Area CSS
-----------------------------------------------------------*/
.breadcrumb_area{
    background: url("img/greypearlsbg.jpeg");
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.breadcrumb_area_about {
    background: url("img/sl_img_8.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 400px;
}
.breadcrumb_area_about .container-fluid .row {
    height: 362px;
}


.breadcrumb_area_acc {
    background: url("img/acc-bg.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -730px;
    height: 400px;
}
.breadcrumb_area_acc .container-fluid .row {
    height: 362px;
}

.breadcrumb_area_rooms {
    background: url(img/rooms.png) no-repeat scroll 0 0 / cover;
}
.fa-facebook-f:before, .fa-facebook:before,
.fa-twitter:before,
.fa-google-plus:before,
.fa-tumblr:before {
	font-size: 14px;
}

.breadcrumb_area_dest {
    background: url("img/sl_img_10.jpg");
    background-size: cover;
    background-repeat: no-repeat;
      background-position-y: 40%;
      height: 400px;
}
.breadcrumb_area_dest .container-fluid .row {
      height: 362px;
}
.breadcrumb_title{
    text-align: center;
}
.breadcrumb_title h1{
    text-transform: uppercase;
    color: #fff;
    font-size: 29px;
    margin: 100px 0;
}
.breadcrumb_nav{
    background: rgba(55, 136, 163, .95);
    overflow: hidden;
}
.breadcrumb_nav h2{
    font-size: 18px;
    margin: 0 0 0 15px;
    color: #fff;
    text-transform: uppercase;
    line-height: 39px;
    letter-spacing: 1px;
}
.breadcrumb_nav ul{
    margin: 0 15px 0 0;
}
.breadcrumb_nav ul li{
    display: inline-block;
    font-family: 'Playfair Display';
    color: #fff;
    text-transform: uppercase;
    line-height: 39px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 12px;
    font-size: 14px;
}
.breadcrumb_nav ul li a{
    display: block;
    color: #fff;
    position: relative;
}
.breadcrumb_nav ul li a:hover{
    color: #000;
}
.breadcrumb_nav ul li a:after {
  content: "/";
  position: absolute;
  right: -17px;
  top: 1px;
    color: #fff;
}



/* --------------------------------------------------------
Header Banner Area CSS
-----------------------------------------------------------*/
.header_banner_area{
    height: calc(100% - 125px);
}
.banner_bg{
    background: url(img/buildings.png) no-repeat fixed center center / cover;
    height: 100%;
    position: relative;
}
.banner_caption{
    text-align: center;
    background: rgba(0,0,0,.45);
    padding: 50px 90px;
}
.banner_caption h1{
    font-size: 49px;
    line-height: 64px;
    color: #fff;
    letter-spacing: 3px;
}



/* --------------------------------------------------------
Reserve Rorm CSS
-----------------------------------------------------------*/
.banner_bg .reserve_form{
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: auto;
}
.calendar_box{
    background: #fff;
    padding: 20px 20px 30px;
}
.top-slider-widget {
	margin-top: -300px;
	z-index: 100;
	position: absolute;
}
.calendar_box label, .calendar_box label, .adult_kid_box label, .adult_kid_box input{
    display: block;
}
.latest_post li .fix_p img {
	max-width: 60px;
}
.calendar_box label, .adult_kid_box label{
    text-transform: uppercase;
}
.adult_kid_box label{
    margin-bottom: 10px;
}
.calendar_box .datepickr-wrapper {
    width: 100%;
}
.calendar_box input{
    border: 0px;
    border-bottom: 1px solid #777777;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: url(img/icon_calendar_black.png) no-repeat 93% top;
}
.adult_kid_box{
    background: rgba(224,224,224,0.85);
    padding: 20px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin-right: -2px;
    border-right: 1px solid #e4e4e4;
    text-align: center;
    margin-bottom: -5px;
    height: 240px;
}
#map {
    height: 210px;
    width: 100%;
}
#map-dest {
    height: 400px;
    width: 100%;
}
.social-media-footer li {
	display: inline-block;
}
.fa {
	color: #fff !important;
	margin-right: 15px;
}
.fa-facebook {
	border: 1px solid #FFF;
	border-radius: 50%;
	padding: 8px 10px;
}
.fa-twitter {
	border: 1px solid #FFF;
	border-radius: 50%;
	padding: 8px 8px;
}
.fa-google-plus {
	border: 1px solid #FFF;
	border-radius: 50%;
	padding: 8px 8px;
}
.fa-tumblr {
	border: 1px solid #FFF;
	border-radius: 50%;
	padding: 8px 10px;
}
.nopadding-top {
	padding-top: 50px;
}
#map > div > div > div:nth-child(3) > a > div,
#map > div > div > div:nth-child(11) {
	display: none;
}
p.eta-text {
	font-size: 15px;
	margin-top: 5px;
}
#txt p {
	color: #000;
	font-size: 40px;
}
#openWeather > svg {
	display: none !important;
}
.adult_kid_box input {
    border: 0px;
    font-size: 33px;
    margin-left: 40%;
    width: 45%;
    height: 40px;
    outline: 2px solid #fff;
}
/*.adult_kid_box input[type="number"] {
    -moz-appearance: textfield;
}
.adult_kid_box input[type="number"]:hover,
.adult_kid_box input[type="number"]:focus {
    -moz-appearance: number-input;
}*/
.submit_box a, .submit_box input{
    width: 100%;
    display: block;
    height: 42px;
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: transparent;
    font-family: 'latoheavy';
    font-size: 13px;
}
.submit_box a{
    margin-bottom: 26px;
    border: 2px solid;
}
.submit_box input{
    border: 0px;
    background: #3488a4;
}
.submit_box a:hover, .submit_box input:hover{
    border-radius: 15px 0;
    background: #6bcfef;
}



/* --------------------------------------------------------
Welcome To Our Hotel Area CSS
-----------------------------------------------------------*/
.single_room_item{
    margin-bottom: 40px;
}
.room_photo{
    position: relative;
    overflow: hidden;
}
.room_cat_name{
    top: 0;
    left: 0;
}
.room_cat_name, .room_dtls_link{
    position: absolute;
    z-index: 9;
}
.room_cat_name h3{
    padding: 0 28px;
    background: #3788a3;
    color: #fff;
    font-size: 16px;
}
.room_dtls_link{
    bottom: -1px;
    right: -1px;
}
.room_dtls_link a {
    color: #3788a3;
    font-family: "latoheavy";
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #fff;
    padding: 0 24px;
}
.room_dtls_link a:hover {
    background: #eee;
}
.room_dtls_link a img {
  margin-left: 4px;
}
.room_cat_name h3, .room_dtls_link a{
    line-height: 37px;
    display: inline-block;
    margin: 0;
}
.room_photo_caption{
    background: rgba(0,0,0,.6);
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
    opacity: 0;
}
.room_photo_caption a.lightbox {
    color: #fff;
    display: block;
    font-size: 90px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    position: absolute;
    top: 50%;
    width: 30px;;
    margin-top: -40px;
    margin-left: -40px;
}
.room_photo_caption a.lightbox:hover{
    color: #3788a3;
}
.room_photo:hover .room_photo_caption{
    opacity: 1;
}
.room_photo:hover .room_photo_caption a.lightbox{
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
}
.room_photo:hover .room_cat_name h3{
    border-bottom-right-radius: 20px;
}
.room_photo:hover .room_dtls_link a{
    border-top-left-radius: 20px;
}
.room_title h2 {
    font-family: "latomedium";
    font-size: 20px;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 400;
}
.view_all{
    text-align: center;
}



/* --------------------------------------------------------
Facilities Area CSS
-----------------------------------------------------------*/
.facilities_area{
    /*background: url(img/reception.png) no-repeat center / cover;*/
   background: #efefef;
    padding-top: 90px;
    padding-bottom: 30px;
}
ul.offers-ul {
	list-style-type: circle;
	padding-left: 60px;
}
.single_facilities_item{
    padding-bottom: 40px;
}
.facilities_icon > img {
  margin-top: 15px;
}
.facilities_info h3{
    font-size: 15px;
    font-family: 'latoheavy';
    color: #2c2b2b;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.facilities_info p{
    font-size: 16px;
    line-height: 24px;
}



/* --------------------------------------------------------
Luxury Rooms For Family Area CSS
-----------------------------------------------------------*/
.luxury_rooms_right{
    padding-left: 53px;
}
.luxury_rooms_txt{
    padding-top: 33px;
    padding-right: 80px;
}
.luxury_rooms_txt h1{
    font-size: 28px;
    margin-bottom: 20px;
}
.luxury_rooms_txt p{
    font-size: 15px;
    line-height: 27px;
    font-family: 'latomedium';
    margin-bottom: 40px;
}

.luxury_rooms_right .single_room_item{
    margin-bottom: 30px;
}
.luxury_rooms_right .single_room_item .room_title h2{
    font-weight: 700;
}

.single_rooms_thumb{
    border: 1px solid #ececec;
    padding: 3px;
    margin-right: 10px;
    float: left;
    width: 90px;
}
.single_rooms_thumb:hover{
    border: 1px solid #fb6d93;
}
.related_rooms_thumb{
    overflow: hidden;
}
.single_rooms_thumb:last-child{
    margin-right: 0;
}



/* --------------------------------------------------------
Hotel Booking App Area CSS
-----------------------------------------------------------*/
.hotel_booking_app_area{
    background: url(img/app_bg.jpg) no-repeat fixed center center / cover;
}
.hotel_booking_app_area .overlay{
    background: rgba(107,207,239,.9);
    padding-top: 70px;
}
.hotel_booking_app_photo {
  text-align: right;
}
.app_details{
    padding-top: 110px;
    padding-left: 60px;
}
.app_details h1{
    color: #ffffff;
    font-size: 32px;
    margin-bottom: 25px;
}
.app_details p{
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    font-family: 'latomedium';
    margin-bottom: 40px;
}
.app_details a:hover{
    background: #fff;
    color: #ff698f;
}



/* --------------------------------------------------------
Rooms By Category Area CSS
-----------------------------------------------------------*/
.room_cat_items > h2{
    margin-bottom: 28px;
}
.room_cat_items > ul > li{
    padding: 23px 0;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}
.room_cat_items > ul > li:first-child{
    padding-top: 0;
}
.room_cat_items > ul > li:last-child{
    border-bottom: 0px;
    padding-bottom: 0;
}
.rooms_info h3{
    font-family: 'latosemibold';
    font-size: 18px;
    color: #222222;
    margin-bottom: 5px;
}
ul.star_group li{
    display: inline-block;
    margin-bottom: 17px;
}
ul.star_group li i{
    color: #6bcfef;
}
.rooms_info h4{
    font-family: 'latoheavy';
    font-size: 16px;
}



/* --------------------------------------------------------
Latest News From Our Blog Area CSS
-----------------------------------------------------------*/
.latest_news_from_blog_area{
    background: #f8f8f8;
}
.blog_post_bg_white{
    /*background: #fff;*/
    overflow: hidden;
    margin-top: 30px;
    height: 210px;
}
.all_lat_blog_post .col-md-6:nth-child(1) .blog_post_bg_white, .all_lat_blog_post .col-md-6:nth-child(2) .blog_post_bg_white{
    margin-top: 0;
}
.blog_post_bg_trans{
    position: relative;
}
.blog_post_bg_trans:after {
  background: #f8f8f8;
  content: "";
  height: 500px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lat_sing_post_date{
    background: #6bcfef;
    text-align: center;
    padding: 17px 6px;
    position: relative;
    z-index: 9;
}
.lat_sing_post_date h3{
    color: #fff;
    border-bottom: 1px solid #d8f2fb;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 20px;
}
.lat_sing_post_date h4{
    color: #fff;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
}
.lat_sing_post_content{
    padding: 10px 10px 0;
}
.lat_sing_post_content h3{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
}
.lat_sing_post_content h4{
    font-size: 13px;
    font-family: 'latomedium';
    font-style: italic;
    color: #3888a3;
}
.lat_sing_post_content p{
    font-family: 'latomedium';
    line-height: 20px;
}
.readmore a {
	color: rgb(119, 119, 119);
}
img.ped-icon {
	width: 24px !important;
}

/* --------------------------------------------------------
Our Partners & Clients Area CSS
-----------------------------------------------------------*/
.single_partner_logo{
    border: 1px solid #f1f1f1;
    display: inline-block;
}
.single_partner_logo:hover{
    border: 1px solid #fb6d93;
    border-radius: 20px 0;
}



/* --------------------------------------------------------
Footer Area CSS
-----------------------------------------------------------*/
.footer_top{
    background: #2b2b2b;
    padding-bottom: 0px;
}
.widget_title{
    margin-top: 25px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
.single_footer_widget p{
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}
.nearby-text p,
.nearby-text i,
.nearby-text a {
	color: #000 !important;
}
.nearby-slider img {
	width: 100% !important;
}
ul.address_list{
    margin-top: 35px;
}
ul.address_list li{
    overflow: hidden;
    margin: 5px 0;
}
ul.address_list li i{
    font-size: 25px;
    float: left;
    width: 13%;
    color: #fff;
}
ul.address_list li p{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    width: 85%;
    float: left;
}
ul.address_list li p span{
    font-family: 'latosemibold';
}
ul.address_list li p a{
    color: #fff;
}
ul.address_list li p a:hover{
    color: #3b87a9;
}
ul.foot_wid_social_icons li{
    display: inline-block;
    margin-right: 12px;
    margin-top: 10px;
}
ul.foot_wid_social_icons li:last-child{
    margin-right: 0;
}
ul.foot_wid_social_icons li a i{
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    display: block;
    color: #fff;
    font-size: 20px;
}
ul.foot_wid_social_icons li a i:hover{
    background: #fff;
    color: #3b87a9;
    border-radius: 15px 0;
}
ul.foot_wid_social_icons li a .fa-facebook{
    background: #3b5998;
}
ul.foot_wid_social_icons li a .fa-twitter{
    background: #55acee;
}
ul.foot_wid_social_icons li a .fa-google-plus{
    background: #e51c23;
}
ul.foot_wid_social_icons li a .fa-tumblr{
    background: #35506b;
}
.subscribe_form{
    margin-top: 35px;
}
.subscribe_form input{
    width:100%;
    display: block;
    border: 1px solid #ececec;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    margin-bottom: 21px;
    text-indent: 27px;
}
.subscribe_form input[type="submit"]{
    text-indent: 0;
    border: 0px;
    box-shadow: 0 0 0px;
    margin-bottom: 0;
}
.gallery_wid_thumb a img{
    margin-bottom: 15px;
}
.gallery_wid_thumb a:hover img{
    filter:  grayscale(100%);
    -webkit-filter:  grayscale(100%);
    border-radius: 10px 0;
}

.footer_bottom{
    background: #222222;
    padding: 15px 0;
    position: relative;
}
.scrl_top {
  height: 20px;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: 0;
  width: 10px;
}
.scrl_top:after{
    position: absolute;
    content: "\f102";
    font-family: 'FontAwesome';
    top: -5px;
    left: 0;
    color: #fff;
}
.scrl_top:before{
    position: absolute;
    content: "";
    top: 0;
    left: -23px;
    border-top: 22px solid #333333;
    border-left: 27px solid transparent;
    border-right: 27px solid transparent;
}
.footer_bottom p{
    margin: 0;
    font-size: 11px;
    color: #f2f0f0;
    line-height: 20px;
    text-transform: uppercase;
}
.footer_menu ul{
    margin: 0;
    text-align: right;
}
.footer_menu ul li:last-child{
    border-right: 0px;
}
.footer_menu ul li{
    display: inline-block;
    border-right: 1px solid #f2f0f0;
    line-height: 10px;
}
.footer_menu ul li a{
    display: block;
    text-transform: uppercase;
    color: #f2f0f0;
    font-size: 11px;
    margin: 0 15px;
}
.footer_menu ul li a:hover{
    color: #3b87a9;
}



/* --------------------------------------------------------
Second Index Header Banner Area CSS
-----------------------------------------------------------*/
.index2 .banner_bg{
    background-image: url(img/baner_2.jpg);
}
.index2 .banner_caption {
    padding: 20px 0;
    position: absolute;
    top: calc(50% - 224px / 2);
    left: 0;
    width: 100%;
    height: auto;
}
.index2 .banner_caption h1 {
    font-size: 39px;
    letter-spacing: 1px;
    padding-bottom: 53px;
    margin: 0;
    background: url(img/section_heading_bg2.png) no-repeat center 76px;
}
.index2 .banner_caption p {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    padding: 0 95px;
}



/* --------------------------------------------------------
Our Accommodation Include Area CSS
-----------------------------------------------------------*/
.single_accomodation_item{
    margin-bottom: 30px;
    background: #f8f8f8;
    overflow: hidden;
    height: 175px;
}
.accomodation_icon{
    position: relative;
    overflow: hidden;
}
.accomodation_icon:after{
    position: absolute;
    top: -31px;
    left: -31px;
    height: 82px;
    width: 82px;
    border-radius: 50%;
    background: #3488a4;
    content: "";
}
.accomodation_icon img {
    margin: 10px 10px 30px;
    position: relative;
    z-index: 1;
}
.accomodation_info {
  margin-left: -10px;
  padding: 20px 0 10px;
}
.accomodation_info h3{
    font-family: "latomedium";
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.accomodation_info p{
    font-size: 15px;
    line-height: 25px;
}
.single_accomodation_item:hover .accomodation_icon:after {
    background: #6bcfef;
    height: 55px;
    left: 0;
    top: 0;
    width: 55px;
}
.single_accomodation_item:hover .accomodation_icon img {
    margin: 17px 17px 30px;
}



/* --------------------------------------------------------
Our Favourite Rooms Area CSS
-----------------------------------------------------------*/
.favourite_rooms_area{
    background: #f8f8f8;
}



/* --------------------------------------------------------
Book Your Room Area CSS
-----------------------------------------------------------*/
.book_your_room_area{
    background: url(img/book_your_room_bg.png) no-repeat fixed #6bcfef;
    padding: 50px 0;
}
.book_your_room_area h2{
    color: #fff;
    text-align: center;
    margin-bottom: 33px;
    text-transform: uppercase;
}
.book_your_room_area .submit_box input {
  background: #ff698f;
  border: 0 none;
}



/* --------------------------------------------------------
About, Why Choose Us, Featured Rooms Area CSS
-----------------------------------------------------------*/
.why_choose_us_area h2.sub_title{
    margin-bottom: 50px;
}
.about_us p{
    padding: 17px 0 20px;
    line-height: 26px;
    font-size: 15px;
    font-family: 'latomedium';
}
.why_choose_us .panel-group .panel {
    border-radius: 0;
}
.why_choose_us .panel-group .panel + .panel {
  margin-top: -1px;
}
.why_choose_us .panel-default > .panel-heading {
    background-color: #fff;
    border-color: #ddd;
    font-family: 'latosemibold';
    font-size: 16px;
    padding: 13px 23px;
}
.panel-title a i {
    background: #e6e6e6;
    border-radius: 3px;
    color: #a0a0a0;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    width: 23px;
}
.panel-body > p {
    color: #9e9e9e;
    font-family: 'latomedium';
    line-height: 27px;
}
.panel-title a{
    display: block;
    line-height: 24px;
}
.panel-title a[aria-expanded="true"], .panel-title a:hover{
    color: #6bcfef;
}
.panel-title a[aria-expanded="true"] i, .panel-title a:hover i{
    background: #6bcfef;
    color: #fff;
}
.featured_rooms img{
    margin-bottom: 15px;
}
.featured_rooms img:hover{
    border-radius: 15px 0;
}



/* --------------------------------------------------------
Meet Our Team Area CSS
-----------------------------------------------------------*/
.meet_our_team_area{
    background: #f7f7f7;
}
.single_team_member{
    background: #fff;
    border-radius: 8px;
}
.member_photo {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
.member_photo > img {
    border-radius: 8px 8px 0 0;
    width: 100%;
}
.member_photo:hover img {
    transform: scale(1.1) rotate(3deg);
    -webkit-transform: scale(1.1) rotate(3deg);
}
.member_info{
    padding: 25px;
}
.member_info h4{
    color: #6bcfef;
    font-family: 'latosemibold';
    font-size: 13px;
    margin-bottom: 10px;
}
.member_info h2{
    font-family: 'latoheavy';
    font-size: 18px;
    font-weight: 400;
}
.member_info p{
    font-family: 'latomedium';
    line-height: 24px;
}
.member_info ul{
    margin-bottom: 15px;
}
.member_info ul li{
    display: inline-block;
}
.member_info ul li a{
    color: #a8a8a8;
    display: block;
    margin-right: 20px;
}
.member_info ul li a:hover{
    color: #ff698f;
}



/* --------------------------------------------------------
Words From Our Customers Area CSS
-----------------------------------------------------------*/
.customers_word{
    border: 1px solid #e7e6e6;
    border-radius: 10px;
    padding: 35px 25px 25px;
    position: relative;
    background: #fff;
}
.customers_word:after{
    position: absolute;
    top: 10px;
    left: 18px;
    content: "\f10d";
    font-size: 35px;
    color: #ececec;
    font-family: 'FontAwesome';
}
.customers_word span{
    position: absolute;
    bottom: 0;
}
.customers_word span:before, .customers_word span:after{
    position: absolute;
    left: 30px;
    width: 0;
    height: 0;
    content: "";
}
.customers_word span:before{
    border-top: 23px solid #e7e6e6;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    bottom: -23px;
}
.customers_word span:after{
    bottom: -21px;
    border-top: 23px solid #fff;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
}
.customers_word p{
    font-family: 'latosemibold';
    font-style: italic;
    font-size: 17px;
    color: #ababab;
    line-height: 28px;
    margin: 0;
    position: relative;
    z-index: 2;
}
.customer_info{
    overflow: hidden;
    margin-left: 35px;
    margin-top: 35px;
}
.testi_photo{
    float: left;
    width: 77px;
}
.testi_photo > img {
  border-radius: 50%;
}
.test_cust_info{
    float: left;
    width: 150px;
    padding-left: 22px;
    padding-top: 20px;
}
.test_cust_info h3{
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'latoheavy';
    margin-bottom: 7px;

}
.test_cust_info h4{
    font-family: 'latosemibold';
    color: #6bcfef;
    font-size: 14px;
}



/* --------------------------------------------------------
Various Room Area CSS
-----------------------------------------------------------*/
.rooms_trigger ul{
    text-align: center;
    margin-bottom: 50px;
}
.rooms_trigger ul li{
    display: inline-block;
    font-size: 12px;
    font-family: 'latomedium';
    text-transform: uppercase;
    line-height: 33px;
    padding: 0 25px;
    background: #f1f1f1;
    margin-right: 7px;
}
.rooms_trigger ul li:hover, .rooms_trigger ul li.active{
    background: #3788a3;
    color: #fff;
    cursor: pointer;
}
.all_rooms .mix{
    display: none;
}
.room_pagination ul{
    margin: 10px 0 0;
}
.room_pagination ul li{
    display: inline-block;
}
.room_pagination ul li a{
    display: block;
    line-height: 41px;
    padding: 0 15px;
    border: 1px solid #dfdfdf;
    margin-right: 7px;
    border-radius: 5px;
    font-size: 15px;
    font-family: 'latosemibold';
    color: #aeaeae;
}
.room_pagination ul li a i{
    padding-left: 3px;
}
.room_pagination ul li a:hover, .room_pagination ul li.active a{
    border: 1px solid #fff;
    color: #fff;
    background: #3788a3;

}



/* --------------------------------------------------------
Gallery Area CSS
-----------------------------------------------------------*/
.single_gallery_item{
    margin-bottom: 30px;
}
.all_gallery_item .mix{
    display: none;
}
.single_gallery_item:hover .room_photo_caption{
    opacity: 1;
}
.wc_out_hotel_area .room_pagination ul {
margin: 20px 0 0;
}



/* --------------------------------------------------------
Membership Plan Area CSS
-----------------------------------------------------------*/
.single_pricing_table{
    border: 1px solid #ececec;
    padding: 10px;
    text-align: center;
}
.single_pricing_table:hover {
    box-shadow: 5px 5px 7px #ececec;
    transform: translateY(-5px) translateX(-5px);
    -webkit-transform: translateY(-5px) translateX(-5px);
}
.price_amount{
    border-bottom: 1px solid #f0f0f0;
}
.price_amount h1 {
  font-size: 60px;
  font-weight: 900;
  line-height: 80px;
  margin-bottom: 35px;
}
.price_amount h1 sup{
    font-size: 30px;
}
.price_amount h1 sub{
    font-size: 13px;
}
.price_details {
  margin-top: -20px;
}
.price_details a {
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-family: "latomedium";
  line-height: 39px;
  padding: 0 40px;
}
.price_details{
    padding-bottom: 12px;
}
.price_details ul{
    margin: 10px 0;
}
.price_details ul li{
    color: #969595;
    line-height: 50px;
}
.single_pricing_table > a{
    text-transform: uppercase;
    font-size: 13px;
    color: #777777;
    font-weight: 600;
    display: block;
    background: #f2f2f2;
    line-height: 42px;
}
.single_pricing_table a:hover{
    border-radius: 10px 0;
}
.single_pricing_table > a:hover{
    background: #6bcfef;
    color: #fff;
    border-radius: 15px 0;
}



/* --------------------------------------------------------
404 Not Found Area CSS
-----------------------------------------------------------*/
.not_found_404_area{
    padding-top: 90px;
}
.contact_details {
	padding-top: 30px;
}
.not_found_info{
    padding: 70px 56px 0;
}
.not_found_info h1{
    font-size: 46px;
    margin-bottom: 37px;
}
.not_found_info h1 span{
    color: #ff0000;
}
.not_found_info h3{
    font-size: 21px;
    line-height: 32px;
    font-family: 'latomedium';
    color: #222222;
    margin-right: 60px;
    margin-bottom: 20px;
}
.not_found_info p{
    font-size: 17px;
    color: #555555;
    margin-right: 145px;
    margin-bottom: 40px;
}



/* --------------------------------------------------------
Contact Form & Map Area CSS
-----------------------------------------------------------*/
.contact_form_side h1{
    color: #222222;
    margin-bottom: 20px;
}
.contact_form_side p{
    font-size: 16px;
    font-family: 'latomedium';
    line-height: 28px;
    margin-bottom: 37px;
    margin-right: 10px;
}
.contact_form label, .contact_form input{
    display: block;
}
.contact_form input, .contact_form textarea{
    width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    text-indent: 15px;
}
.contact_form label{
    font-size: 13px;
    font-family: 'latomedium';
    color: #777777;
}
.contact_form label span{
    color: #ff0000;
}
.contact_form input{
    height: 42px;
    line-height: 42px;
    margin-bottom: 21px;
    margin-top: 4px;
}
.contact_form textarea{
    height: 216px;
    padding-top: 10px;
}
.contact_details h1{
    margin-bottom: 30px;
    color: #222222;
}
.contact_details ul li{
    overflow: hidden;
    display: block;
    color: #777777;
    margin-bottom: 34px;
}
.contact_details ul li i{
    border: 1px solid;
    border-radius: 50%;
    font-size: 21px;
    padding: 10px;
    color: #272727;
}
.contact_details ul li a{
    display: block;
    color: #777777;
    font-size: 16px;
}
.contact_details ul li a:hover{
    color: #3488a4;
}
.contact_form_side form  input[type="submit"]{
    border: 0px;
    margin-top: 15px;
}

#contact-map{
    height: 605px;
}
.contact-map {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 100px;
}
.contact-input {
	padding-top: 10px;
	padding-bottom: 10px;
	/*position: relative !important;*/
	opacity: 1 !important;
}
.room-submit-btn {
	width: 100%;
	background: rgb(55, 136, 163);
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: 700;
	border: none;
}
/* --------------------------------------------------------
Booking Pagination Area CSS
-----------------------------------------------------------*/
.booking_pagination_area.section-padding{
    padding-bottom: 50px;
}
.book_page_trigger ul{
    text-align: center;
    margin: 0;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: rgba(55, 136, 163, .95) !important;
}
.book_page_trigger ul li{
    display: inline-block;
    color: #333333;
    font-size: 26px;
    font-family: 'Playfair Display';
    margin-right: 27px;
    line-height: 24px;
}
.book_page_trigger ul li a{
    color: #fff;
    background: #222222;
    font-size: 15px;
    display: inline-block;
    line-height: 32px;
    padding: 0 20px 0 35px;
    position: relative;
}
.book_page_trigger ul li a:before, .book_page_trigger ul li a:after{
    position: absolute;
    content: "";
    top: 0;
    height: 0;
    width: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}
.book_page_trigger ul li a:before{
    left: 0;
    border-left: 15px solid #fff;
}
.book_page_trigger ul li a:after{
    right: -15px;
    border-left: 15px solid #222;
}
.book_page_trigger ul li:first-child a:before{
    display: none;
}
.book_page_trigger ul li.current_page_item, .book_page_trigger ul li:hover{
    color: #6bcfef;
}
.book_page_trigger ul li.current_page_item a, .book_page_trigger ul li:hover a{
    background: #6dd4f5;
}
.book_page_trigger ul li.current_page_item a:after, .book_page_trigger ul li:hover a:after{
    border-left: 15px solid #6dd4f5;
}



/* --------------------------------------------------------
Booking Main Area CSS
-----------------------------------------------------------*/
.booking_main_area.section-padding{
    padding-top: 0;
}
.book_right_area{
    background: #daf3fb;
    padding: 40px 30px 35px 30px;
    box-shadow: 7px 7px 0px #dbf5fe;
}
.book_right_area > h2{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: 400;
}
.book_right_area > a{
    text-align: right;
    background: #ff698f;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 20px;
    line-height: 27px;
    float: right;
    margin-top: -2px;
    color: #fff;
}
.reservation {
    overflow: hidden;
}
.reservation form > input, .reservation form > select{
    width: 100%;
    text-transform: uppercase;
    background: url(img/icon_calendar_black.png) no-repeat right 5px transparent;
    border: 0px;
    color: #222222;
    height: 39px;
    margin-bottom: 30px;
    border-bottom: 1px solid #667175;
}
.reservation form > select{
    background: transparent;
}
.reservation form > input[type="submit"]{
    background: #ff698f;
    margin-top: 30px;
    border-bottom: 0px;
    color: #fff;
    margin-bottom: 0;
    width: inherit;
}
.book_left_area{
    padding: 50px 25px;
}
.reserve_callander_area{
    overflow: hidden;
}
.first_callander .datepickr-calendar, .second_callander .datepickr-calendar {
    display: block;
    position: relative;
}
.datepickr-calendar{
    background-color: #fff;
}
.datepickr-calendar td{
    text-align: center;
    padding: 0;
}
.datepickr-calendar .datepickr-day {
    background-color: #fff;
    color: #222222;
    font-family: "latosemibold";
    font-size: 18px;
    margin: -1px;
}
.datepickr-calendar .datepickr-months {
    background-color: #6bcfef;
    border: 1px solid #6bcfef;
    border-radius: 0;
    color: #fff;
    font-family: "latosemibold";
    font-size: 20px;
    margin: -2px;
    padding: 8px 2px;
}
.datepickr-calendar th {
  font-family: "latoheavy";
  font-size: 15px;
  font-weight: 400;
  padding: 10px 5px;
}
.datepickr-calendar .today .datepickr-day {
    background-color: #6bcfef;
    border: 1px solid #fff;
    color: #fff;
}
.datepickr-calendar .selected .datepickr-day {
    background-color: #6bcfef;
    color: #fff;
}
.datepickr-calendar .datepickr-day:hover {
    background-color: #3788a3;
    border: 1px solid #fff;
    color: #fff;
}
.datepickr-calendar table tbody tr:last-child td:last-child span{
    margin: 0 0 0 -1px;
}

.all_book_rooms, .booking_confirmation{
    margin: -50px -25px 0;
}
.all_book_rooms .single_room_item{
    border-bottom: 1px solid #ececec;
    margin: 0;
    padding: 33px 0 30px;
}
.all_book_rooms .single_room_item:first-child{
    padding-top: 0;
}
.book_left_area .room_pagination ul {
  margin: 50px 0 -50px;
}
ul.rsrv_dtls{
    margin-bottom: 20px;
}
ul.rsrv_dtls li{
    text-transform: uppercase;
    font-size: 13px;
    color: #222;
    line-height: 50px;
    border-bottom: 1px dashed #777777;
    letter-spacing: 1px;
}
ul.rsrv_dtls li span{
    color: #555;
    padding-left: 10px;
}
.reserve_price{
    padding-top: 30px;
}
.reserve_price h2{
    font-size: 24px;
    font-weight: 400;
    color: #222222;
    text-transform: uppercase;
}
.reserve_price h1{
    font-size: 26px;
    color: #222222;
    border-bottom: 1px dashed #777777;
    padding-bottom: 23px;
    margin-bottom: 19px;
}
.reserve_price a{
    font-size: 14px;
    color: #ff698f;
    font-family: 'latosemibold';
}
.reserve_price a:hover{
    color: #222;
}

.reservation_dtls_form > h2{
    font-size: 24px;
    margin-bottom: 42px;
}
.reservation_dtls_form input, .reservation_dtls_form label{
    display: block;
}
.reservation_dtls_form input, .reservation_dtls_form textarea{
    width: 100%;
    border: 1px solid #ececec;
    height: 38px;
    line-height: 38px;
    margin-bottom: 18px;
    text-indent: 10px;
}
.reservation_dtls_form textarea{
    height: 158px;
    line-height: inherit;
}
.reservation_dtls_form label{
    font-size: 13px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 6px;
}
.reservation_dtls_form input[type="checkbox"]{
    width: auto;
    display: inline-block;
    margin: 0;
    height: auto;
    line-height: normal;
}
.checkbox_column {
  margin: 12px 0 30px;
}
.checkbox_column label {
    display: inline-block;
    margin: 0;
    padding-left: 12px;
    vertical-align: text-bottom;
}
.reservation_dtls_form input[type="submit"]{
    width: auto;
    border: 0px;
    margin: 11px 0 0;
}

.booking_confirmation img{
    margin-bottom: 25px;
}
.booking_confirmation p{
    font-size: 16px;
    font-family: 'latomedium';
    color: #848484;
    line-height: 26px;
    margin-bottom: 22px;
}
.confirm_txt{
    background: #edfdd3;
    border: 1px solid #c4dba0;
    line-height: 50px;
    padding-left: 48px;
}
.confirm_txt i{
    display: inline-block;
    font-size: 18px;
    color: #c4dba0;
    padding-right: 17px;
}
.confirm_txt p{
    color: #74a626;
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-family: 'lato';
}



/* --------------------------------------------------------
Right Sidebar CSS
-----------------------------------------------------------*/
.single_widget{
    margin-bottom: 35px;
}
.single_widget > h2{
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    background: #f1f1f1;
    line-height: 42px;
    margin: 0;
    letter-spacing: 1px;
}
.search_wid{
    border: 7px solid #f1f1f1;
}
.search_wid input[type="text"] {
    border: 0 none;
    height: 29px;
    line-height: 29px;
    margin-right: -3px;
    width: calc(100% - 85px);
    text-indent: 5px;
}
.search_wid input[type="submit"]{
    line-height: 29px;
    height: 29px;
    padding: 0 20px;
    background: #6bcfef;
    color: #fff;
    border: 0px;
    float: right;
    text-transform: uppercase;
    font-family: 'latosemibold';
    font-size: 12px;
}

.latest_post{
    padding-top: 10px;
}
.latest_post ul li{
    overflow: hidden;
    margin-top: 20px;
}
.latest_post ul li h3{
    font-family: 'latosemibold';
    font-size: 12px;
    text-transform: uppercase;
    color: #222222;
    margin: 15px 0 6px;
}
.latest_post ul li p{
    font-family: 'latosemibold';
    font-size: 11px;
    text-transform: uppercase;
    color: #a8a8a8;
    margin: 0;
}

.category_wid, .archive_wid{
    padding-top: 10px;
}
.category_wid ul li, .archive_wid ul li{
    overflow: hidden;
    font-size: 15px;
    font-family: 'latosemibold';
    line-height: 52px;
    border-bottom: 1px solid #ececec;
}
.category_wid ul li:last-child, .archive_wid ul li:last-child{
    border: 0px;
    margin-bottom: -20px;
}
.category_wid ul li a, .archive_wid ul li a{
    color: #777777;
}
.category_wid ul li a:hover, .archive_wid ul li a:hover{
    color: rgb(107, 207, 239);
}
.category_wid ul li i, .archive_wid ul li i{
    margin-right: 10px;
}
.category_wid ul li span, .archive_wid ul li span{
    float: right;
}

.social_wid{
    padding-top: 30px;
}
.social_wid ul li{
    display: inline-block;
    margin-right: 8px;
}
.social_wid ul li:last-child{
    margin-right: 0px;
}
.social_wid ul li a i{
    width: 36px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    display: block;
}
.social_wid ul li a i.fa-twitter{
    background: #31aae2;
}
.social_wid ul li a i.fa-facebook{
    background: #3b579d;
}
.social_wid ul li a i.fa-google-plus{
    background: #dd4b39;
}
.social_wid ul li a i.fa-instagram{
    background: #396892;
}
.social_wid ul li a i.fa-linkedin{
    background: #1060a6;
}
.social_wid ul li a i.fa-tumblr{
    background: #34465d;
}
.social_wid ul li a i:hover{
    background: rgb(107, 207, 239);
    border-radius: 12px 0;
}



/* --------------------------------------------------------
Blog Area CSS
-----------------------------------------------------------*/
.all_blog_posts {
    padding-right: 31px;
}
.single_blog_post{
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 50px;
    padding-bottom: 28px;
    overflow: hidden;
}
.blog_post_date{
    background: #6bcfef;
    padding: 12px 11px;
}
.blog_post_date h3{
    color: #fff;
    font-size: 23px;
    font-family: 'latosemibold';
    border-bottom: 1px solid #e1f5fc;
    padding-bottom: 5px;
    margin-bottom: 7px;
}
.blog_post_date h4{
    color: #fff;
    font-family: 'latosemibold';
    font-size: 17px;
    margin: 0;
}
.blog_post_status{
    color: #ff698f;
    padding-top: 17px;
}
.blog_post_status i, .blog_post_status span{
    display: block;
}
.blog_post_status i{
    font-size: 25px;
}
.blog_post_status span {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 11px;
}

.sing_blog_post_right_cont img{
    margin-bottom: 25px;
}
.sing_blog_post_right_cont h2{
    font-size: 18px;
    font-family: 'latosemibold';
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 8px;
}
.sing_blog_post_right_cont h4{
    font-size: 16px;
    color: #ff698f;
    font-family: 'latomedium';
    font-style: italic;
}
.sing_blog_post_right_cont p{
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}



/* --------------------------------------------------------
Single Room Area CSS
-----------------------------------------------------------*/
.single_room_details{
    padding-right: 31px;
}
.single_room_details .single_room_item{
    margin-bottom: 0;
}
.single_room_details .single_rooms_thumb {
    border: 0px;
    float: left;
    padding: 0;
    width: 93px;
    margin-top: 10px;
}
.single_room_details .single_rooms_thumb:hover img{
    border-radius: 15px 0;
}
.room_facilitys_list{
    margin-top: 35px;
    padding-bottom: 10px;
}
.room_facilitys_list h2{
    background: #3788a3;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'latosemibold';
    color: #fff;
    padding: 0 30px;
    line-height: 52px;
}
.room_facilitys_list h2 span{
    float: right;
}
.room_facilitys_list h2 span span{
    text-transform: none;
}

.all_facility_list{
    padding-left: 14px;
    overflow: hidden;
    width: 100%;
}
.all_facility_list ul li{
    color: #666666;
    font-family: 'latomedium';
    margin-bottom: 15px;
}
.all_facility_list ul li i{
    color: #6bcfef;
    margin-right: 8px;
}
.single_room_details > p{
    font-size: 17px;
    line-height: 30px;
    margin-top: 20px;
}



/* --------------------------------------------------------
Single Blog Area CSS
-----------------------------------------------------------*/
.single_blog_post_area{
    padding-right: 31px;
}
.single_blog_post_area .sing_blog_post_right_cont h4 {
    font-size: 13px;
}
.single_blog_post_area .sing_blog_post_right_cont p {
    font-size: 15px;
    margin-bottom: 12px;
}

.single_blog_post_area .sing_blog_post_right_cont blockquote {
    border-left: 5px solid #6bcfef;
    color: #222222;
    font-family: "latosemibold";
    font-size: 20px;
    font-style: italic;
    padding-right: 0;
    margin-top: 22px;
}
.tag_share{
    padding-top: 14px;
}
.tag_share h2{
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 15px;
}
.tag_share .social_wid, .tag_share ul{
    display: inline-block;
    padding-top: 0;
    margin-top: 14px;
}
.tag_share .social_wid ul li a i {
    height: 33px;
    line-height: 33px;
    width: 33px;
}
ul.tag_list li{
    display: inline-block;
    margin-right: 4px;
}
ul.tag_list li a{
    display: block;
    color: #fff;
    line-height: 30px;
    background: #6bcfef;
    font-family: 'latosemibold';
    padding: 0 20px;
}
ul.tag_list li a:hover{
    background: #fb6d93;
    border-radius: 10px 0;
}

.comments_area{
    border-bottom: 1px solid #dcdcdc;
}
.comments_area > h2{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.comments_area ul li{
    overflow: hidden;
    margin-bottom: 26px;
}
.comments_area ul li ul{
    padding-left: 105px;
}
.comments_area ul li ul li:last-child{
    margin-bottom: 0;
}
.comment_author_photo {
    float: left;
    margin-right: 24px;
    width: 80px;
}
.author_comment_txt {
    float: left;
    width: calc(100% - 104px);
    padding-top: 8px;
    padding-bottom: 17px;
    border-bottom: 1px solid #ebebeb;
}
.comments_area > ul > li:last-child .author_comment_txt{
    border-bottom: 0px;
    padding-bottom: 7px;
}
.author_comment_txt h4{
    font-size: 13px;
    font-family: 'latosemibold';
    text-transform: uppercase;
    color: #222;
    margin-bottom: 21px;
}
.author_comment_txt h4 span{
    font-size: 11px;
    font-family: 'latoheavy';
    color: #a0a0a0;
    margin-left: 15px;
}
.author_comment_txt h4 a{
    font-size: 15px;
    color: #ff698f;
    text-transform: none;
}
.author_comment_txt h4 a:hover{
    color: #6bcfef;
}
.author_comment_txt p{
    font-size: 15px;
    line-height: 23px;
}

.comment_form_area{
    padding-top: 46px;
}
.comment_form_area > h2{
    font-size: 18px;
    color: #222222;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.comment_form_area form input, .comment_form_area form textarea{
    width: 100%;
    height: 44px;
    line-height: 44px;
    border: 1px solid #e7e7e7;
    text-indent: 20px;
    font-family: 'latosemibold';
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 29px;
}
.comment_form_area form textarea{
    height: 184px;
}
.comment_form_area form input[type="submit"]{
    width: auto;
    border: 0px;
    font-size: 14px;
    text-indent: 0;
    margin: 0;
}



/* --------------------------------------------------------
Our Hotel Rooms Area CSS
-----------------------------------------------------------*/
.our_hotel_rooms_area.section-padding{
    padding-bottom: 50px;
}



/* --------------------------------------------------------
About Us Area CSS
-----------------------------------------------------------*/
.about_us_content > p {
    font-size: 17px;
    line-height: 29px;
}
.margin-top-xs {
	margin-top: 0px;
}
.acc-text p {
		font-size: 17px;
	line-height: 29px;
	text-align: justify !important;
 }
.cancel-after-ml h1 {
	text-align: left !important;
}
.cancel-after-ml h1:after {
	margin-left: 0px !important;
}
.about_us_tab_area{
    padding-top: 32px;
}
.tab_trigger ul li{
    border: 1px solid #e4e4e4;
    margin-top: -1px;
}
.tab_trigger ul li:first-child {
    margin-top: 0;
}
.tab_trigger ul li.active {
    margin-left: -15px;
    border-left: 1px solid #ff698f;
    position: relative;
}
.tab_trigger ul li.active:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 4px;
    height: calc(100% + 2px);
    background: #ff698f;
}
.tab_trigger ul li.active a{
    padding-left: 45px;
}
.tab_trigger ul li a{
    padding: 24.5px 30px;
    display: block;
}
.tab_trigger ul li h3{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.tab_trigger ul li span{
    font-size: 18px;
    color: #777;
}

.tab_photo{
    position: relative;
}
.tab_photo .tab_caption{
    position: absolute;
    bottom: -100%;
    left: 25px;
    height: auto;
    width: calc(100% - 50px);
    background: #70cfed;
    padding: 18px 20px 19px;
}
.active .tab_photo .tab_caption{
    bottom: 25px;
}
.tab_photo .tab_caption p{
    font-size: 17px;
    line-height: 28px;
    color: #fff;
    font-family: "latosemibold";
    margin: 0;
}



.room-form-date-in {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	opacity: 1;
}
.room-form-date-out,
 {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.room-form-children {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.room-form-adults {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.room-form-fname {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.room-form-lname {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.room-form-email {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.room-form-mobile {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.header-xs  {
	z-index: 99;
		position: fixed;
	width: 100%;
	top: 0;
}
.slider-img-xs-margin {
	margin-top: 0px;
}
.header-xs .container-header {
		padding-top: 10px;
	padding-bottom: 50px;
}
.room-form-city {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.room-form-country {
	width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.room-form-textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #dadada;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.right-widget-1 h2 {
	color: #000000;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.right-widget-1 p {
	color: #b9b9b9;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
}
ul.widget-2-ul {
	list-style-type: none;
}
.widget-2-ul li {
	border-bottom: 1px solid #b9b9b9;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.widget-2-ul li span {
	color: #000;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}
.widget-2-ul li:last-child {
	border-bottom: none;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.ul-img {
	width: 30px;
	margin-right: 30px;
}
.right-widget-3 {
	margin-bottom: 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #b9b9b9;
}
.right-widget-3 h2 {
	color: #000000;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.header-xs {
	background: rgba(224,224,224,0.95);
}
.header-xs img {
	width: 50px;
}
.header-btn {
	width: 20px !important;
	right: 30px;
	top: 10px;
	position: absolute;
}
.owl-carousel .owl-item img {
	margin-left: 2px;
}
.row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.nopadding-xs {
	padding-left: 15px;
	padding-right: 15px;
}
.nopadding-l-r {
	padding-left: 0px;
	padding-right: 0px;
}
.nopadding-l {
	padding-left: 0px;
}
.nopadding-r {
	padding-right: 0px;
}
.top-slider img {
	width: 100%;
}
.first-row-details {
	color: #000;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
.second-row-details {
	color: #35829a;
	font-weight: 700;
	font-size: 18px;
}
.third-row-details {
	color: #35829a;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}
.widget4-row .col-md-6 h2 {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
}
.widget4-row .col-md-6 p {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #3788a3;
	font-weight: 700;
}
.widget4-row  {
	border-bottom: 1px solid #b9b9b9;
	padding-bottom: 30px;
	padding-top: 30px;
}
.widget4-row:last-child  {
	border-bottom: none;
}
.footer-img {
	width: 100px;
	display: block;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.header-logo {
	width: 100px;
	padding-bottom: 0px;
	padding-top: 0px !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.amenities-left .col-md-9 h4 {
    text-align: right;
    font-weight: 700;
}
.amenities-left .col-md-9 p {
    text-align: right;
}
.amenities-left .col-md-3 {
    margin-bottom: 80px;
}
.amenities-right .col-md-9 h4 {
    text-align: left;
    font-weight: 700;
}
.amenities-right .col-md-9 p {
    text-align: left;
}
.amenities-right .col-md-3 {
    margin-bottom: 80px;
}
.amenities-left .col-md-3 ,
.amenities-right .col-md-3 {
    border: 2px solid #41889e;
    border-radius: 50%;
    padding: 7px 7px 7px 7px;
}
.amenities-left .col-md-3 img ,
.amenities-right .col-md-3 img {
    width: 50px;
}
.widget-margin {
	margin-left: 1350px;
	display: block;
}
.gallery-img-height {
	height: 275px;
}
.features-height {
	height: 220px;
}
.padding-top-sm {
	padding-top: 0px;
}
.margin-top-sm {
		margin-top: 20px;
	}
@media(max-width:1675px) AND (min-width:1500px)
{
	.widget-margin {
		margin-left: 1100px;
	}
}
@media(max-width:1575px) AND (min-width:1400px)
{
	.widget-margin {
		margin-left: 950px;
	}
}
@media(max-width:1399px) AND (min-width:1300px)
{
	.widget-margin {
		margin-left: 825px;
	}
}
@media(max-width:1299px) AND (min-width:1200px)
{
	.widget-margin {
		margin-left: 775px;
	}
}
@media(max-width:1199px) AND (min-width:1100px)
{
	.widget-margin {
		margin-left: 750px;
	}
	.underline-blue h2::after {
		display: block;
		content: '';
		width: 150px;
		height: 3px;
		background: rgb(55, 136, 163);
		position: absolute;
		bottom: 0;
		top: 54px;
	}
}
@media(max-width:1099px) AND (min-width:1000px)
{
	.widget-margin {
		margin-left: 700px;
	}
	.underline-blue h2::after {
		display: block;
		content: '';
		width: 150px;
		height: 3px;
		background: rgb(55, 136, 163);
		position: absolute;
		bottom: 0;
		top: 54px;
	}
	.fixed-height-features {
		height: 100px;
	}
	.room_cat_name h3 {
		padding: 0 28px;
		background: rgb(55, 136, 163);
		color: rgb(255, 255, 255);
		font-size: 12px;
	}
	.room_dtls_link a {
		color: rgb(55, 136, 163);
		font-family: "latoheavy";
		font-size: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
		background: rgb(255, 255, 255);
		padding: 0 24px;
	}
	.gallery-img-height {
		height: 175px;
	}
}
@media(max-width:999px) AND (min-width:900px)
{
	.widget-margin {
		display: none;
	}
	.facilities_info h3 {
		font-size: 13px;
		font-family: 'latoheavy';
		color: rgb(44, 43, 43);
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	.padding-top-sm {
		padding-top: 80px;
	}
	.gallery-img-height {
		height: 150px;
	}
	.underline-blue h2::after {
		display: block;
		content: '';
		width: 150px;
		height: 3px;
		background: rgb(55, 136, 163);
		position: absolute;
		bottom: 0;
		top: 55px;
	}
	.margin-top-sm {
		margin-top: 70px;
	}
}
@media(max-width:899px) AND (min-width:800px)
{
	.widget-margin {
		display: none;
	}
	.facilities_info h3 {
		font-size: 13px;
		font-family: 'latoheavy';
		color: rgb(44, 43, 43);
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	.padding-top-sm {
		padding-top: 80px;
	}
	.gallery-img-height {
		height: 150px;
	}
	.underline-blue h2::after {
		display: block;
		content: '';
		width: 150px;
		height: 3px;
		background: rgb(55, 136, 163);
		position: absolute;
		bottom: 0;
		top: 55px;
	}
	.margin-top-sm {
		margin-top: 70px;
	}
}
.padding-top-room-details-xs {
	padding-top: 50px;
}
@media(max-width:799px) AND (min-width:700px)
{
	.widget-margin {
		display: none;
	}
	.facilities_info h3 {
		font-size: 13px;
		font-family: 'latoheavy';
		color: rgb(44, 43, 43);
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	.padding-top-sm {
		padding-top: 80px;
	}
	.gallery-img-height {
		height: 150px;
	}
	.underline-blue h2::after {
		display: block;
		content: '';
		width: 150px;
		height: 3px;
		background: rgb(55, 136, 163);
		position: absolute;
		bottom: 0;
		top: 55px;
	}
	.margin-top-sm {
		margin-top: 70px;
	}
	#sticky-header > div > div > div > div.col-md-3.col-sm-2 > div > div > button {
		margin-top: 35px;
	}
	.breadcrumb_area {
		background-size:  110%;
		background-repeat: no-repeat;
		background-position: bottom;
	}
      .breadcrumb_area_dest {
		background-size:  110%;
		background-repeat: no-repeat;
		background-position: bottom;
	}
      .breadcrumb_area_sbout {
		background-size:  110%;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	.padding-top-room-details-xs {
		padding-top: 50px;
	}
	.nopadding-l-mobile {
		padding-left: 0px;
	}
}
@media(max-width:699px) AND (min-width:600px)
{
	.widget-margin {
		display: none;
	}
	.facilities_info h3 {
		font-size: 13px;
		font-family: 'latoheavy';
		color: rgb(44, 43, 43);
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	.padding-top-sm {
		padding-top: 80px;
	}
	.gallery-img-height {
		height: 150px;
	}
	.underline-blue h2::after {
		display: block;
		content: '';
		width: 150px;
		height: 3px;
		background: rgb(55, 136, 163);
		position: absolute;
		bottom: 0;
		top: 55px;
	}
	.margin-top-sm {
		margin-top: 70px;
	}
	#sticky-header > div > div > div > div.col-md-3.col-sm-2 > div > div > button {
		margin-top: 35px;
	}
	.breadcrumb_area {
		background-size:  110%;
		background-repeat: no-repeat;
		background-position: bottom;
	}
      .breadcrumb_area-acc {
		background-size:  110%;
		background-repeat: no-repeat;
		background-position: bottom;
	}
      .breadcrumb_area-about {
		background-size:  110%;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	.padding-top-room-details-xs {
		padding-top: 50px;
	}
	.nopadding-l-mobile {
		padding-left: 0px;
	}
}
img.img-width-xs {
	width: 100%;
}
@media(max-width:599px) AND (min-width:500px)
{
	.widget-margin {
		display: none;
	}
	.facilities_info h3 {
		font-size: 13px;
		font-family: 'latoheavy';
		color: rgb(44, 43, 43);
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	.padding-top-sm {
		padding-top: 80px;
	}
	.gallery-img-height {
		height: 150px;
	}
	.underline-blue h2::after {
		display: block;
		content: '';
		width: 150px;
		height: 3px;
		background: rgb(55, 136, 163);
		position: absolute;
		bottom: 0;
		top: 55px;
	}
	.margin-top-sm {
		margin-top: 70px;
	}
	#sticky-header > div > div > div > div.col-md-3.col-sm-2 > div > div > button {
		margin-top: 35px;
	}
	.breadcrumb_area {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 62% 20%;
	}
      .breadcrumb_area_dest {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 62% 20%;
	}
	.padding-top-room-details-xs {
		padding-top: 50px;
	}
	img.img-width-xs {
		width:
	}
	.section_heading h1{
	    margin: 0;
	    font-size: 32px;
	}
	.breadcrumb_area {
	background-size: 125%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-position-y: 125px;
	}
      .breadcrumb_area_dest {
	background-size: cover;
	background-repeat: no-repeat;
	background-position-y: 15px;
	}
	.padding-top-room-details-xs {
		padding-top: 50px;
	}
	.section_heading h1{
	    margin: 0;
	    font-size: 32px;
	}
      .breadcrumb_area_dest .container-fluid .row {
          height: 399px;
      }
	.breadcrumb_nav ul li{
	    display: inline-block;
	    font-family: 'Playfair Display';
	    color: #fff;
	    text-transform: uppercase;
	    line-height: 39px;
	    font-weight: 700;
	    letter-spacing: 1px;
	    margin: 0 12px;
	    font-size: 12px;
	}
	.lat_sing_post_content {
		padding: 30px 10px 0;
	}
	.blog_post_bg_white {
		height: 150px;
	}
	#sticky-header {
		background-color: rgba(224,224,224,0.95);
		z-index: 999;
	}
	.facilities_icon > img {
		margin-top: 0px;
	}
	.popup-input {
		width: 100%;
	}
	.padding-header {
		margin-top: 0px;
	}
	.nopadding-xs {
		padding-left: 0px;
		padding-right: 0px;
	}
	.features-height {
		height: 150px;
	}
	.slider-img-xs-margin {
		margin-top: 60px;
	}
	.nopadding-l-mobile {
		padding-left: 0px;
	}
      .breadcrumb_area_about {
          background: url(img/sl_img_8.jpg);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: bottom;
          height: 400px;
      }
      .breadcrumb_area_about .container-fluid .row {
          height: 399px;
      }
      .breadcrumb_area_acc {
          background: url("img/acc-bg.JPG");
          background-size: cover;
          background-repeat: no-repeat;
          height: 400px;
      }
      .breadcrumb_area_acc .container-fluid .row {
          height: 399px;
      }
}
@media(max-width:499px) AND (min-width:400px)
{
	.widget-margin {
		display: none;
	}
	.facilities_info h3 {
		font-size: 13px;
		font-family: 'latoheavy';
		color: rgb(44, 43, 43);
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	.padding-top-sm {
		padding-top: 80px;
	}
	.gallery-img-height {
		height: 150px;
	}
	.underline-blue h2::after {
		display: block;
		content: '';
		width: 150px;
		height: 3px;
		background: rgb(55, 136, 163);
		position: absolute;
		bottom: 0;
		top: 55px;
	}
	.margin-top-sm {
		margin-top: 70px;
	}
	#sticky-header > div > div > div > div.col-md-3.col-sm-2 > div > div > button {
		margin-top: 35px;
	}
	.breadcrumb_area {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 62% 20%;
	}
      .breadcrumb_area_dest {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 62% 20%;
	}
	.padding-top-room-details-xs {
		padding-top: 50px;
	}
	img.img-width-xs {
		width:
	}
	.section_heading h1{
	    margin: 0;
	    font-size: 32px;
	}
	.breadcrumb_area {
	background-size: 125%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-position-y: 125px;
	}
      .breadcrumb_area_dest {
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-position-y: 23px;
      height: 250px;
	}
	.padding-top-room-details-xs {
		padding-top: 50px;
	}
      .breadcrumb_area_dest .container-fluid .row {
          height: 249px;
      }
	.section_heading h1{
	    margin: 0;
	    font-size: 32px;
	}
	.breadcrumb_nav ul li{
	    display: inline-block;
	    font-family: 'Playfair Display';
	    color: #fff;
	    text-transform: uppercase;
	    line-height: 39px;
	    font-weight: 700;
	    letter-spacing: 1px;
	    margin: 0 12px;
	    font-size: 12px;
	}
	.lat_sing_post_content {
		padding: 30px 10px 0;
	}
	.blog_post_bg_white {
		height: 150px;
	}
	#sticky-header {
		background-color: rgba(224,224,224,0.95);
		z-index: 999;
	}
	.facilities_icon > img {
		margin-top: 0px;
	}
	.popup-input {
		width: 100%;
	}
	.padding-header {
		margin-top: 0px;
	}
	.nopadding-xs {
		padding-left: 0px;
		padding-right: 0px;
	}
	.features-height {
		height: 150px;
	}
	.slider-img-xs-margin {
		margin-top: 60px;
	}
	.margin-top-xs {
		margin-top: 80px;
	}
	.nopadding-l-mobile {
		padding-left: 0px;
	}
      .breadcrumb_area_about {
          background: url(img/sl_img_8.jpg);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: bottom;
          height: 250px;
      }
      .breadcrumb_area_about .container-fluid .row {
          height: 249px;
      }
      .breadcrumb_area_acc {
          background: url("img/acc-bg.JPG");
          background-size: cover;
          background-repeat: no-repeat;
          height: 250px;
      }
      .breadcrumb_area_acc .container-fluid .row {
          height: 249px;
      }
}
@media(max-width:399px) AND (min-width:300px)
{
      .breadcrumb_area_about {
          background: url(img/sl_img_8.jpg);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: bottom;
          height: 250px;
      }
      .breadcrumb_area_about .container-fluid .row {
          height: 249px;
      }
	.widget-margin {
		display: none;
	}
	.facilities_info h3 {
		font-size: 13px;
		font-family: 'latoheavy';
		color: rgb(44, 43, 43);
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	.padding-top-sm {
		padding-top: 80px;
	}
	.gallery-img-height {
		height: 150px;
	}
	.underline-blue h2::after {
		display: block;
		content: '';
		width: 150px;
		height: 3px;
		background: rgb(55, 136, 163);
		position: absolute;
		bottom: 0;
		top: 55px;
	}
	.margin-top-sm {
		margin-top: 70px;
	}
	#sticky-header > div > div > div > div.col-md-3.col-sm-2 > div > div > button {
		margin-top: 35px;
	}
	.breadcrumb_area {
	background-size: 125%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-position-y: 145px;
	}
      .breadcrumb_area_dest {
          background-size: cover;
          background-position: center bottom;
          background-repeat: no-repeat;
          background-position-y: 20px;
          height: 250px;
      }
      .breadcrumb_area_dest .container-fluid .row {
          height: 249px;
      }
	.padding-top-room-details-xs {
		padding-top: 50px;
	}
	.section_heading h1{
	    margin: 0;
	    font-size: 32px;
	}
	.breadcrumb_nav ul li{
	    display: inline-block;
	    font-family: 'Playfair Display';
	    color: #fff;
	    text-transform: uppercase;
	    line-height: 39px;
	    font-weight: 700;
	    letter-spacing: 1px;
	    margin: 0 12px;
	    font-size: 12px;
	}
	.lat_sing_post_content {
		padding: 30px 10px 0;
	}
	.blog_post_bg_white {
		height: 130px;
	}
	#sticky-header {
		background-color: rgba(224,224,224,0.95);
		z-index: 999;
	}
	.facilities_icon > img {
		margin-top: 0px;
	}
	.popup-input {
		width: 100%;
	}
	.padding-header {
		margin-top: 0px;
	}
	.nopadding-xs {
		padding-left: 0px;
		padding-right: 0px;
	}
	.features-height {
		height: 150px;
	}
	.slider-img-xs-margin {
		margin-top: 60px;
	}
	.ul-img {
		margin-right: 10px;
	}
	.margin-top-xs {
		margin-top: 80px;
	}
	.nopadding-l-mobile {
		padding-left: 0px;
	}
      .breadcrumb_area_acc {
          background: url("img/acc-bg.JPG");
          background-size: cover;
          background-repeat: no-repeat;
          height: 250px;
      }
      .breadcrumb_area_acc .container-fluid .row {
          height: 249px;
      }
}

@media(min-width:320px) AND (max-width: 330px)
{
      .breadcrumb_area_dest .container-fluid .row {
          height: 190px;
      }
}