:root {
    --white: #ffffff;
    --black: #000000;
    --primary: #024319;
    /* primary */
    --primary-dark: #024319;
    /* primary-dark */
    --primary-light: #024319;
    
    /* primary-light */

    --primary-light-rgb: rgb(11 33 20);
    /* primary-light RGB to be used for rgba with css and CSS var Ponyfill*/

    --grey: #c9c9c9;
    --green: #358a00;
    --ada: #0563ae;
}

* {
    margin: 0;
    padding: 0;
}


/* MAIN FONT USED BY BODY */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/Latoregular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  font-display: swap;

}
/* END OF MAIN FONT USED BY BODY */



html {
    -webkit-font-smoothing: antialiased;
}

body {
   font-family:  'Averia Serif Libre', cursive;
    font-size: 16px;
}

/* OBJECT FIT POLYFILL REQUIRED CLASS FOR IMG */
.object-fit {
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;';
}
/* END OF OBJECT FIT POLYFILL REQUIRED CLASS FOR IMG */

.__akia-chat-icon-wrapper,
#ada_enable_toolbar .adaEnableToolbarContent {
    z-index: 98;
}

#reservationpop {
    padding-top: 230px;
    z-index: 98;

}

#carouselButtons {
    z-index: 1;
} 

.overview-description-overview {min-height: 187px;}

/* DISPLAY CLASSES */
.d-block {
    display: block;
}

.d-flex {
    display: flex;
}


.inline-block {
    display: inline-block;
}
/* END OF DISPLAY CLASSES */

/* FLEX CLASSES */
.flex-centered {
    display: flex;
    align-items: center;
}
/* END OF FLEX CLASSES */

/* CUSTOM SCROLLBAR */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-light);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}
/* CUSTOM SCROLLBAR */

.messages_bar {
    font-size: 16px;
}

.messages_bar .messages p {
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    word-break: break-word;
    flex-grow: 1;
}

.messages {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
    position: relative;
    display: flex;
}

.good_news {
    width: 100%;
}

.message-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;

}

.messages a {
    color: inherit !important;
}

.message-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.message-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.message-ada {
    color: #ffffff;
    background-color: #0563ae;
    border-color: #0563ae;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    right: 0;
    top: 0;
    color: #3c763d;
    opacity: 0.5;
}

.close:focus,
.close:hover {
    opacity: 1;
    outline: none;
}

.messages_bar.alert {
    padding: 0 15px;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.position-left {
    margin-right: 8px;
}

.position-right {
    margin-left: 8px;
}

.content-group {
    margin-bottom: 10px;
}

.h-100 {
    height: 100%;
}

a,
a:hover,
a:focus,
a:active {
    outline: none;
    text-decoration: none;
    /* color: #000; */
}


p {
    line-height: 28px;
    margin-bottom: 20px;
}

.border-0 {
    border: 0;
}

/* ---------------------DATEPICKER CSS----------------- */
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
    background: var(--primary-light) !important;
}

.datepicker td.day.disabled {
    color: #ccc !important;
}

.datepicker td.disabled.day:hover {
    background: #eaeaea !important;
}

.datepicker td.day:hover {
    background: var(--primary-light) !important;
    color: #fff !important;
}
/* ---------------------end of DATEPICKER CSS----------------- */

.btn-div {
    display: flex;
    overflow: hidden;
    justify-content: left;
    width: 100%;
}
.about-btn a {
    text-transform: capitalize !important;
}
.btn-success {
    transition: all .3s;
    font-weight: bold;
}

.btn-green {
    background: #00a651;
    color: #ffffff !important;

}

.btn-brown {
    background-color: var(--primary-dark);
    color: var(--white) !important;
}

.btn-white {
    background-color: var(--white);
    color: var(--black);
}

.btn-submit {
    background-color:#024319;
    color:#fff !important;
}

.btns {
    border-radius: 0;
    padding: 8px 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: .2s all;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
	font-size: 19px;
	display: inline-block;
	
}

.btn-green {
    background: #00a651;
    color: #ffffff !important;
}

.btn-icon {
    display: inline-block;
    vertical-align: middle;
    background-color: var(--white);
    color: var(--black);
    padding: 12px 15px 9px;
}

/* Sweep To Left */
.hover-sweep-to-left {
	display: flex;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    align-items: center;
    line-height: 1.4;
}



.hover-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hover-sweep-to-left:hover,
.hover-sweep-to-left:focus,
.hover-sweep-to-left:active {
    color: white;
}

.hover-sweep-to-left:hover:before,
.hover-sweep-to-left:focus:before,
.hover-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    /* background-color: #4d2e1b; */
    background: #024319;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 50px;
}

.leaflet-container {
    z-index: 1;
}


.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 28px;
    color: #f1f1f1;
    display: inline-block;
    text-transform: uppercase;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    /* font-size: 40px; */
    font-size: 65px;
    margin-right: 50px;
    text-align: right;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 0;
}

#mySidenav .closebtn {
    line-height: 0;
}

.cool-link li a::after,
.menus li.active a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    position: relative;
    bottom: 0;
    transition: width .3s;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
}

.specialcode1 {
    background-color: var(--white);
}

.specialcode1 a,
.specialcode1 a:hover,
.specialcode1 a:focus,
.specialcode1 a:active {
    color: var(--black);
}

.menus li.active a::after {
    width: 100%;
}

.cool-link li a:hover::after,
.cool-link li.active a::after {
    width: 100%;
}

.hover-drop .dropdown-menu {
    position: relative;
    top: -2px;
    margin-top: 0;
    background-color: transparent;
    box-shadow: none;
    border: none;
    float: none;
    opacity: 0;
    transition: opacity .6s ease-in-out;
    -webkit-transition: opacity .6s ease-in-out;
    -moz-transition: opacity .6s ease-in-out;
    -ms-transition: opacity .6s ease-in-out;
}

.hover-drop .dropdown-menu>li {
    display: inline-block;
    margin-bottom: 0;
}

.hover-drop .dropdown-menu>li>a {
    font-size: 18px;
    color: var(--white);
    margin: 0 3px;
    opacity: 1;
    background: none;
    padding: 3px 15px;
    /* font-size: 15px;
    margin: 0 5px; */
}

.hover-drop .dropdown-menu>li>a:focus,
.hover-drop .dropdown-menu>li>a:hover {
    background-color: transparent;
}

.menus li {
    margin-bottom: 10px;
}

.menus:hover li a {
    opacity: 0.5;
}

.menus:hover li a:hover {
    opacity: 1;
}

.custom__header {
    position: relative;
    width: 100%;
    z-index: 9;
}

.div__logo {
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 150px;
    width: 100%;
    z-index: 1;
}

.custom__header .navbar {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

.custom__header .navbar-inverse {
    background-color: transparent !important;
    color: var(--white);
    background-image: inherit;

}

.custom__header.smaller {
    background:#024319;
	border-bottom:3px solid #024319;
}
.about-btn a {
    color:#024319!important;
    background: transparent !important;
    border: inherit !important;
	text-transform: capitalize !important;
    padding: 12px 30px 12px !important;
    width: auto !important;
}


.custom__header .navbar-inverse .navbar-toggle {
    border-color: transparent;
}

.navbar-toggle {
    border-color: transparent;
	margin-top: 20px;
}

.custom__header .navbar-inverse .navbar-toggle:focus,
.custom__header .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.custom__header .navbar-inverse .navbar-nav>li>a {
    color: var(--black);
    font-size: 18px;
    letter-spacing: 1px;
    padding: 17px 19px 13px;
    transition: .5s all;
    font-family: 'Averia Serif Libre', cursive;
    text-shadow: none !important;
}

.custom__header .nav li a::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 7px;
    width: 85%;
    height: 2px;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: bottom right;
    background: #004c8d;
}

.custom__header .nav>li.active>a::after,
.custom__header .nav li a:hover::after, 
.custom__header .nav li a:focus::after {
		transform-origin: bottom left;
		transform: scaleX(1);
	}

ul.dropdown-content a::after, a.toplogo::after {display:none; }

.custom__header .navbar-inverse .navbar-right>li>a {
    font-size: 20px;
    font-weight: 700;
}

.custom__header .navbar-inverse .navbar-nav>li>a:hover {
    color: #044073;
}

.custom__header .navbar-nav>li>a.reservation-icon {
    padding-top: 0px;
    padding-bottom: 15px;
}

/* .navbar-toggle {
    padding: 15px 10px;
} */

.navbar-toggle .icon-bar {
    width: 40px;
}

/* .navbar-toggle .icon-bar:nth-child(2) { */
    /* width: 30px; */
/* } */

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 8px;
}

.respop_heading {
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: var(--white);
}

.reservation__fixed-btn {
    font-size: 20px;
    width: 100%;
    color: var(--white) !important;
    border-radius: 0;
    background: #449d44;
    text-transform: uppercase;
    position: fixed;
    bottom: 0;
    transition: .5s all;
    z-index: 3;
}

.customedeatetimesin, .customedeatetimesout {
    background: var(--white);
    display: block;
    color: #000;
    text-align: left;
    padding: 8px 15px 6px;
    font-size: 20px;
    text-transform: uppercase;
}

.wide_cal .add-on {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #000;
    font-size: 20px;
    z-index: 1;
}

.checkincustometime {
    padding: 14px 12px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    z-index: 2;
	cursor: pointer;
}

.wide_cal {
    position: relative;
    display: block
}

.checktxt {
    font-size: 20px
}

#promo_code {
    border: 1px solid #fff;
    color: #000000;
    font-size: 16px;
    height: 43px;
}

.specialcode1 a {
    font-size: 18px;
    padding: 9px;
    display: inline-block;
}

.specialcode1 .room_home {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home_collapse {
    background: #f5f2eb;
    color: #000000
}

.adultbtn {
    border-radius: 0;
    padding: 12px;
    background: none;
    border: 1px solid #727070;
    color: #485f17;
    line-height: 0;
    float: right;
    position: relative;
    z-index: 1
}


.adultbtn.btn_left:focus,
.adultbtn:focus {
    outline: none;
    background: inherit;
}

.adultbtn:hover {
    border-color: #727070;
    background: #449d44;
    color: var(--white);
}

.adultbtn.count-minus:hover {
    background: red;
}

.room_title {
    display: table;
    width: 100%;
}

.room_title span {
    background-color: var(--primary);
    width: 100%;
    height: 95px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    text-transform: uppercase;
}

.room_count {    
    text-align: center;
    display: inline-block;
    background: none !important;
    box-shadow: none;
    font-size: 16px;
    height: 40px;
    line-height: 34px;
    border-radius: 0;
    border: 1px solid #727070;
    position: absolute;
}
.footer-copyright {
    background: #3a3a3c;
	padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.room_heading {
    line-height: 34px;
    margin-bottom: 0;
    text-transform: uppercase;
    border: 1px solid #727070;
    border-right: none;
    padding: 2px 0;
    color: #555;
    width: 40%;
    text-align: center;
}

/* ----------------------- Adjustments ------------------- */
.count-minus, .count-plus, .room_count {
    width: 20%;
}

.count-minus, .room_heading {
    float: left;
}

.room_count {
    padding: 0;
    text-align: center;
    border-right: none;
    border-left: none;
}

input.room_count:focus {
    border-left: 0 !important;
    border-right: 0 !important;
}
/* ----------------------- Adjustments ------------------- */

.home_collapse .panel-body {
    padding: 0
}

.BT1 {
    border-top: 1px solid #daceb4
}


.child-age-wrapper {
    text-align: center;
}

.child-age-wrapper select {
    max-width: 100%;
    padding: 7px 15px;
    margin: 5px 0;
    background: none;
    border: 1px solid #727070;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
    background-image: url(../img/dropdown-icon.svg);
    background-position: 86% 50%;
    background-repeat: no-repeat;
    background-size: 10px;
}

.child-age-wrapper select::-ms-expand {
    opacity: 0;
}

.roomscroll {
    max-height: 250px;
    overflow-y: auto;
}

.mobile0verviewinnwerdiv {
    height: 180px;
}

.mobile0verviewinnwerdiv {
    min-height: 190px;
    overflow: hidden;
    margin-bottom: 85px;
}

.mobile0verviewinnwerdiv a {
    color: #676767;
}

.roomaction a {
    padding: 0 5px;
    font-size: 14px;
    color: #4b4140
}

.roomadult {
    border: 1px solid #727070
}

.home_resnew .btn-success{
    padding: 5px 20px;
}

.home_resnew .btn-success, .quick-booking .btn-success {
    background: #ffffff !important;
    color: #024319!important;
    border: none;
	font-family: 'Averia Serif Libre', cursive;
	letter-spacing: 1px;
    font-size: 20px;
}

#formReservation .nav-tabs>li.active>a,
#formReservation .nav-tabs>li.active>a:focus,
#formReservation .nav-tabs>li.active>a:hover {
    background: var(--primary-light);
}

.text-primary {
    color: var(--primary-light);
}

/* .quick-booking .customedeatetimesin,
.quick-booking .customedeatetimesout {
    font-size: 18px
} */

.section__booking .quick-booking {
    background: rgba(0, 0, 0, 0.69);
    /* padding: 20px 20px 10px; */
    padding: 10px 6px 15px !important;
    /* border: 2px solid #e5e5e5;width: 100%; */
    float: left;    width: 100%;
    
    text-transform: uppercase;
}

.quick-booking .checktxt {
    font-size: 18px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 4px;
}

.section__booking {
    bottom: 0px;
    width: 100%
}

.quick-booking .specialcode1 {
    background: #ffffff;
}

#promo_codebox label {
    display: block;
    float: none
}

#promo_codebox {
    background: #574f4c;
    padding: 20px 10px;
    min-width: 200px
}

.primary-title {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 35px;
    color:#024319;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 3px solid #024319;
    display: inline-block;
    padding-bottom: 7px;
}

.section-padding {
    padding-top: 3%;
    padding-bottom: 3%;
}

.section__main {
    position: relative;
}

.section__main .video_home {
    position: relative;
    
}

.section__main .video_home video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    display: block;
}

.carousel-inner .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
	
}
.copyright-left p {
    text-align: left !Important;
}
.copyright-right p {
    text-align: right !Important;
}
.section__headerbg {
    position: relative;
    min-height: 200px;
}

.section__headerbg .innercaption {
    position: absolute;
    z-index: 1;
    text-align: center;
    margin: 0 auto;
    color: var(--white);
    /* left: 50%;
    transform: translateX(-50%); */
    bottom: 160px;
    text-transform: uppercase;
    width: 100%;
}


.section__headerbg .innercaption p {
    background-color: rgba(255, 255, 255, .6);
    padding: 12px 24px;
    display: inline-block;

}

.innercaption .top-content,
.innercaption .bottom-content {
    display: block;
    letter-spacing: 1px;
}

.innercaption .top-content {
    font-size: 20px;
    /* margin-bottom: 5px; */
}

.innercaption .bottom-content {
    font-size: 16px;
    color: #f5f5f5;
}

.section__about {
    background-color: var(--white);
    padding:0px 0 0px;
	position: relative;
	z-index: 0;
}


.about-btn .btns {
    font-size: 18px;
    line-height: 1.8;
    background: transparent;
    color: #05176d !important;
}

.about-table {
    display: table;
    width: 100%;
}

.about-tablecell {
    display: table-cell;
    float: none;
}

.aboutbg {
    background-image: url(../img/about-img.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.about-description h2 {
    font-size: 18px;
}
.no-webp .aboutbg {
    background-image: url(../img/about-img.jpg);
}

.about-description h2 a {
    color: var(--primary);
	text-transform: uppercase;
}

.about-description p {
    color: #505050;
	text-align: justify;
	font-family: lato;
}

.about-heading {
    color: var(--primary);
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 20px;
    font-family: Raleway;
   
}

.fullshow .about-heading {
    text-align: center;
}

.about-title-1 {letter-spacing: 0px;
opacity: 1;font-size: 24px;
display: block;
text-transform: capitalize;
line-height: 2;
}
.about-title-1-sub {
letter-spacing: 0px;
text-transform: uppercase;
opacity: 1;font-size:47px;font-weight: 600;
}

.about-heading h1 {
     font-family: 'Averia Serif Libre', cursive;
}
.about-title-2 {
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 25px;
    display: block;
    text-transform: capitalize;
    color: #000;
}

.about-heading p {
    text-transform: none;
}

.about-btn {
    margin-top: 40px;
    position: absolute;
    bottom: 0;
    width: 100%;

}

.about-btn .btn-brown:hover,
.about-btn .btn-brown:focus,
.about-btn .btn-brown:active {
    color: var(--primary-dark) !important;
}

.about-btn .hover-sweep-to-left:before {
    background: var(--white);
}
.about-logo {
    margin: 100px 0 30px 0;
}

.about-logo img {
    margin: 0 auto;
    opacity: .4;
    width: 75%;
}

.section__guestroom {
    background-color: #f2ece0;
    padding: 30px 0;
}

.guestroom-div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.guest-btnview {
    margin-top: 60px;
}
.guestroom-div .guestroom-image {
    flex: 0 0 60%;
    max-width: 60%;
    background-image: url(../img/guest-room.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
}

.no-webp .guestroom-div .guestroom-image {
    background-image: url(../img/guest-room.jpg);
}

.guestroom-image .guestimage-content {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: right;
    align-self: flex-end;
    color: var(--white);
    text-transform: uppercase;
    margin: 0 40px 40px 0;
}

.guestimage-content p {
    letter-spacing: 1px;
    margin: 0 6px 5px 0;
}

.guestimage-content label {
    display: block;
    font-size: 22px;
    letter-spacing: 6px;
    line-height: 1;
}

.overlay {
    position: absolute;
    background: rgba(0, 0, 0, .4);
    top: 0;
    right: 20px;
    left: 0;
    bottom: 20px;
}

.guestroom-div .guestroom-content {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 70px 50px 20px 50px;
}

.room-title-1 {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 40px;
    margin-left: 5px;
    margin-bottom: 0;
}

.room-title-2 {
    color: #2f2b28;
    text-transform: uppercase;
    font-size: 45px;
    margin-top: 0;
}

.guestroom-btn {
    margin-top: 50px;
}

.guestroom-btn .btn-icon,
.attraction-btn .btn-icon,
.map-btn .btn-icon,
.gallery-btn .btn-icon {
    background-color: var(--primary-light);
    color: var(--white);
}

.guestroom-btn .hover-sweep-to-left:before,
.attraction-btn .hover-sweep-to-left:before,
.map-btn .hover-sweep-to-left:before,
.gallery-btn .hover-sweep-to-left:before {
    background: var(--primary-light);
}

.section__attractions {
    text-align: justify;
    
 
    justify-content: center;
    align-items: center;
   
}

.attraction-title {
    margin-bottom: 20px;
    text-align: center;
}

.attraction-title-1 {
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 0;
    font-size: 50px;
    font-weight: 600;
    color: #fff; font-family: 'Averia Serif Libre', cursive;
}
.attraction-div{background:#c8d6cd; padding-bottom: 40px; }
.attraction-content{left: 14%; position: relative;}
.attraction-description p {font-size: 16px;
    text-align: justify !important;
    font-family: 'Lato';
    color: #000;
    margin-top: 40px;
    width: 409px;}
.attraction-title-2,
.sisterprop-title-1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 35px;
    margin-top: 10px;
    letter-spacing: 12px;
}

.attraction-title-3 {
    letter-spacing: 2px;
}

.attraction-description {
    padding: 0 15px;
}

.attraction-image-div {
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
    color: var(--white);
}

.attraction-image {
    overflow: hidden;
    position: relative;

}

.attraction-image-div ul {
    float: left;
    margin-bottom: 0;

}

.attraction-image-div ul li {
    float: left;
    margin-bottom: 10px;
    width: 33.33%;
}

.attraction-image-div ul li figure img {
    height: 550px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.attraction-btn {
    clear: both;
    margin-bottom: 10px;
}

.attraction-btn .btn-div,
.gallery-btn .btn-div {
        justify-content: left;
    margin-top: 30px;
}

.section__gallery {
    padding-top: 20px;
    padding-bottom: 40px;
    text-align: justify;
    text-align-last: center;
}

.gallery-title-1 {
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.gallery-description {
    padding: 0 50px;
}

.gallery-image {
    overflow: hidden;
    position: relative;
    text-align: center;
    background: var(--white);
    color: var(--white);
    margin: 5px;
}

.gallery-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    position: relative;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.gallery-image figure {
    position: relative;
    overflow: hidden;
    background: #302923;
    text-align: center;
    cursor: pointer;
}

.gallery-image figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.figcaption {
	transition: background .5s;
}

.cool-effect:hover > figcaption {
	background: rgba(0,0,0,.5);
}

/* New Gallery */
.new__gallery-div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.new__gallery-div .new__gallery-content {
    flex: 0 0 40%;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px;
}

.new__gallery-div .new__gallery-image {
    flex: 0 0 60%;
    max-width: 60%;
}

.new__gallery-div .gallery-title-1 {
    letter-spacing: 1px;
    text-align: center;
}

figure.cool-effect {
    background: var(--black);
    text-align: left;
}

figure.cool-effect img {
    -webkit-transition: opacity 0.45s;
    transition: opacity 0.45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.cool-effect h3 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    padding: 10px;
    background: rgba(0, 0, 0, .3);
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
}

figure.cool-effect p {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
    text-align: justify;
    text-align-last: center;
}

figure.cool-effect p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}

figure.cool-effect:hover img {
    opacity: 0.6;
}

figure.cool-effect:hover h3 {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
}

figure.cool-effect:hover figcaption::before {
    opacity: 0.7;
    -webkit-transform: rotate3d(0, 0, 1, 20deg);
    transform: rotate3d(0, 0, 1, 20deg);
}

figure.cool-effect:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* New Gallery */
.content:hover .content-overlay {
    opacity: 1;
}

.content .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    z-index: 1;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1;
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
	color:#fff;
    opacity: 1;
}

.content-details h3 {
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.fadeIn-right {
    left: 80%;
}

.gallery-btn {
    clear: both;
    margin-top: 30px;
}

.section__map {
    margin: 30px 3%;
    background: linear-gradient(to right, #302923 0%, #302923 50%, #ffffff 50%, #ffffff 100%);
    padding-bottom: 40px;
}

.map-div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: var(--white);
}

.map-div .map-content {
    flex: 0 0 40%;
    max-width: 40%;
}

.map-div .map-image {
    flex: 0 0 60%;
    max-width: 60%;
    background: url(../img/map_new.webp) no-repeat center center /cover;
    -webkit-box-shadow: 0px 0px 24px -10px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 0px 24px -10px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 0px 24px -10px rgba(0, 0, 0, 0.55);
}

.no-webp .map-div .map-image {
    background: url(../img/map_new.jpg) no-repeat center center /cover;

}

.map-title {
    width: 100%;
}

.map-title-1 {
    color: var(--black);
    background: var(--white);
    font-size: 40px;
    letter-spacing: 15px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

.map-details {
     font-size: 17px;
    /* background: #BAF4FF; */
    /* width: 70%; */
    margin: 0 auto;
    padding-top: 25px;
    /* position: absolute; */
    /* top: -75px; */
    accent-color: rebeccapurple;
    left: 0;
    right: 0;
}
.list-unstyled{margin-top: 10px;color: #484848;}
.map-details ul li {
    margin-bottom: 30px;
	min-height: 50px;
	
}

.map-details .btn-div a {
    color: var(--primary-dark);
}

.map-details .btn-div a:hover {
    color: var(--white);
}

.map-details a {
   color: #484848;;
}

.map-details-title {
    text-transform: capitalize;
    letter-spacing: 0px;
    font-size: 24px;
    font-weight: 600;
}

.map-image figure img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.map-btn {
    margin-top: 15px;
	margin-bottom: 0px;
}

.section__sisterprop {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
}

.sisterprop-description {
    margin-top: 50px;
}

.sisterprop-details {
    margin: 25px 0 10px;
}

.sisterprop-details h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.sisterprop-details ul li {
    display: inline-block;
    margin: 10px;
    width: 27%;
}

.sisterprop-details ul li a {
    color: #787878;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    transition: .5s all;
}

.sisterprop-details ul li a:hover,
.sisterprop-details ul li a:focus,
.sisterprop-details ul li a:active {
    color: var(--black);
    text-decoration: none;
}

.sisterprop-details li figure img {
    margin: 0 auto;
}

.sisterprop-details li figure figcaption {
    padding: 20px 0 10px;
}

.section__SubCon {
    margin: 10px 5% 20px;
}

.newsletter .form-group {
    position: relative;
    margin-bottom: 10px;
}

.newsletter .form-control {
    background-color: #c9c9c9;
    color: var(--black);
    border: none;
    box-shadow: none;
    height: 54px;
    border-radius: 0px;
    padding: 6px 118px 6px 20px;

}

.newsletter .btn:focus {
    outline: none;
}

.newsletter .form-control::placeholder {
    color: var(--black);
}

.newsletter .form-control:focus::-webkit-input-placeholder,
#promo_code:focus::-webkit-input-placeholder {
    color: transparent;
}

.newsletter .form-control:focus:-moz-placeholder,
#promo_code:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
.newsletter .form-control:focus::-moz-placeholder,
#promo_code:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
.newsletter .form-control:focus:-ms-input-placeholder,
#promo_code:focus:-ms-input-placeholder {
    color: transparent;
}


.section__SubCon .row:first-of-type {
    display: flex;
    align-items: stretch;
}

/* IE 10+ */

.newsletter button {
   position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0;
    font-size: 16px;
    padding: 15px 20px 14px 20px;
    letter-spacing: .8px;
    font-weight: 700;
}



.subscribe-title label,
.contact-title label {
    display: block;
    text-transform: uppercase;
    font-size: 40px;
    line-height: .7;
    padding-top: 5px;
}

.subscribe-title p, .contact-title p {
   display: inline-block;
    text-transform: uppercase;
    font-size: 21.6px;
    color: #4790b3;
    FONT-WEIGHT: 600;
    margin-right: 25px;
    font-family: Raleway;
    letter-spacing: 5px;
}

.footer-social-icons ul.list-unstyled {
    display: inline-block;
}

.svg-icon {
    width: 100px;
    height: 100%;
    padding: 2px 22px 10px;
}

.subscribe-title div:first-child+div {
    vertical-align: middle;
}

.footer-social-icons ul li {
    display: inline-block;
  
}

.footer-social-icons ul li a {
        width: 60px;
    height: 60px;
    /*background-color: #fff;*/
    text-align: center;
    line-height: 57px;
    font-size: 30px !important;
    margin: 0 4px;
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    z-index: 1;
	border: 1px solid;
}

.footer-social-icons ul li a .icon {
    position: relative;
    color: #024319;
    transition: .5s;
    z-index: 3;
}

.footer-social-icons ul li a:hover .icon {
    color: #fff;
    transform: rotateY(360deg);
}

.footer-social-icons ul li a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    transition: .5s;
    z-index: 2;
}

.footer-social-icons ul li a:hover:before {
    top: 0;
}

.footer-social-icons ul li a.icon-facebook:before {
    background: #3b5999;
}

.footer-social-icons ul li a.gplus:before {
    background: #D74937;
}

.footer-social-icons ul li a.icon-twitter:before {
    background: #55acee;
}

.footer-social-icons ul li a.icon-youtube:before {
    background: #ff0000;
}

.footer-social-icons ul li a.icon-yelp:before {
    background: #f44336;
}

.footer-social-icons ul li a.icon-tripad:before {
    background: #4caf50;
}

.footer-social-icons ul li a.icon-foursquare:before {
    background: #F94877;
}

.footer-social-icons ul li a.icon-instagram:before {
     background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}

.footer-social-icons ul li a.icon-linkedin:before {
    background: #0275B4;
}

.footer-social-icons ul li a.icon-yahoo:before {
    background: #57296F;
}

.footer-social-icons ul li a.icon-skype:before {
    background: #01B0F1;
}

.footer-social-icons ul li a.icon-pint:before,
.footer-social-icons ul li a.pinterest:before {
    background: #cb2027;
}

footer {
    background-color: #fff;
    color: var(--white);
    padding-top: 20px;
    
}
.section__footer { margin: 0;
    padding:0px 0 0;
    background-size: cover;
}



.footer__left {

    align-self: center;
    
}

.footer-logo .logo-name {
    
    font-size: 50px;
    margin-bottom: 50px;
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
}

.footer-logo img {
    max-width: 222px;margin: auto;
}

.footer-details-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
}

.footer-details .email {
    font-size: 22px;
    font-weight: 700;
    margin: 15px 0;
    display: inline-block;
}

.footer__right {
    flex: 0 0 65%;
    max-width: 65%;
    padding: 0 15px;
}

.footer-buttons ul li {
    display: inline-block;
}

.footer-buttons ul li:nth-child(2) {
    margin: 0 15px;
}

.footer-btn, .goog-te-gadget-simple {
    padding: 15px 10px;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 20px;
    display: inherit;
    font-size: 16px;
    width: 151px;
}

a.footer-btn.access {
    margin: 0 auto;
}


.goog-te-gadget-simple {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    font-size: 10pt !important;
    border: 1px solid #000 !important;
	text-align: center;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #000 !important;
}

.goog-te-gadget-icon {
    display: none;
}

.canmod {
    background-color: #ffffff;
    color: #000000 !important;
    -webkit-font-smoothing: subpixel-antialiased;
}

.access {
    background-color: var(--ada);
    color: var(--white) !important;
}

.access .fa-wheelchair {
    font-size: 19px;
    vertical-align: top;
    color: var(--white);
}

.footer-links {
    margin-top: 20px;
    margin-bottom: 0px;
    overflow: hidden;
    padding: 10px 20px 15px;
}

.footer-links ul li,
.footer-SEOlinks ul li {
    margin-bottom: 20px;
}

.footer-links .col-lg-4  ul li a,
.footer-SEOlinks ul li a {
    font-size: 16px !important;
    color: #000 !important;
}

.footer-links ul li a{font-size: 17px;
    color: #024319;}

.contact__div {
    border-top: 1px solid #1b5f8f;
	padding-top:30px;
}

.footer-links .center {
    text-align: center;
}

.footer-links .right {
    text-align: right;
}

.footer-SEOlinks {
    
    background-color: var(--white);
}

.footer-SEOlinks ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.footer-SEOlinks ul li {
    color: var(--black);
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
}

.footer-SEOlinks ul li a {
    color: var(--black);
    margin: 0 35px;
}

.company {
    text-align: center;
    padding:20px 0;
}

.company a {
    color: #484848;font-weight: 500;
}

.company p {
    color: #484848;
    margin-bottom: 0;
	font-size: 15px;
	text-align: center;
}

.comp-logo img {
    background-color: #fff;
    padding: 6px;
    border-radius: 5px;
    margin: 5px;
    float: left;
    max-width: 175px;
}

.section__compdetails {
    background: transparent;
    color: var(--white);
    padding: 15px 0;
    font-size: 16px;
    overflow: hidden;
}

#scroll {
    position: fixed;
    bottom: 120px;
    right: 70px;
    background: var(--white);
    border: 1px solid var(--primary-dark);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    z-index: 10;
    color: #444;
}

#scroll i {
    color: var(--primary-dark);
    margin: 0;
    position: static;
    left: 16px;
    top: 13px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#scroll:hover {
    background: var(--white);
    -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

#scroll:hover i {
    color: var(--primary-dark);
    top: 5px;
}

/* ----------------------------------- mouse click css ----------------------------------- */
.mouse,
.mouse-up {
    display: none;
    position: absolute;
    margin: 0 auto;
    width: 24px;
    height: 34px;
    border-radius: 4px;
    border: 2px solid #3a9700;
    bottom: 9px;
    left: 50%;
    cursor: pointer;
}

.mouse span,
.mouse-up span {
    display: block;
    margin: 6px auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #3a9700;
    border: 1px solid transparent;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

}

.mouse span {
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

.mouse-up span {
    -webkit-animation-name: scroll-up;
    animation-name: scroll-up;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(16px);
        transform: translateY(16px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(16px);
        -ms-transform: translateY(16px);
        transform: translateY(16px);
    }
}

@-webkit-keyframes scroll-up {
    0% {
        opacity: 1;
        -webkit-transform: translateY(16px);
        transform: translateY(16px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes scroll-up {
    0% {
        opacity: 1;
        -webkit-transform: translateY(16px);
        -ms-transform: translateY(16px);
        transform: translateY(16px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/* ----------------------------------- mouse click css ----------------------------------- */

/* ----------------------------------- Floating Icons ----------------------------------- */
.floating-icons {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(87, 79, 76, .8);
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.floating-icons ul li a {
    padding: 15px 20px;
    margin: 10px 0;
    display: inline-block;
    color: var(--white);
    font-size: 25px;
    width: 100%;
    transition: .5s all;
    width: 90px;
}

.floating-icons ul li a.icon-facebook:hover,
.floating-icons ul li a.icon-facebook:focus,
.floating-icons ul li a.icon-facebook:active {
    background: #3b5999;
}

.floating-icons ul li a.icon-gplus:hover,
.floating-icons ul li a.icon-gplus:focus,
.floating-icons ul li a.icon-gplus:active {
    background: #D74937;
}

.floating-icons ul li a.icon-twitter:hover,
.floating-icons ul li a.icon-twitter:focus,
.floating-icons ul li a.icon-twitter:active {
    background: #55acee;
}

.floating-icons ul li a.icon-youtube:hover,
.floating-icons ul li a.icon-youtube:focus,
.floating-icons ul li a.icon-youtube:active {
    background: #ff0000;
}

.floating-icons ul li a.icon-yelp:hover,
.floating-icons ul li a.icon-yelp:focus,
.floating-icons ul li a.icon-yelp:active {
    background: #f44336;
}

.floating-icons ul li a.icon-tripad:hover,
.floating-icons ul li a.icon-tripad:focus,
.floating-icons ul li a.icon-tripad:active {
    background: #4caf50;
}

.floating-icons ul li a.icon-pint:hover,
.floating-icons ul li a.icon-pint:focus,
.floating-icons ul li a.icon-pint:active {
    background: #cb2027;
}

.floating-icons ul li a.instagram:hover,
.floating-icons ul li a.instagram:focus,
.floating-icons ul li a.instagram:active {
    background: #8134af;
}

/* ----------------------------------- Floating Icons ----------------------------------- */


.room_home,
.promocode {
    cursor: pointer;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;


}

.promocode:link,
.promocode:visited,
.promocode:hover,
.promocode:active,
.promocode:focus {
    outline: none;
}

.datepicker-label {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-family: 'Averia Serif Libre', cursive;
    margin-bottom: 12px;
}

.respop_heading2 {
    display: none;
}

.quick-booking .home_collapse {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 58px;
    max-width: 350px
}

#reservationpop .search-btn-div {
    margin-top: 44px;
}


.play {
    background: rgba(0, 0, 0, .5) url("../img/play.png") no-repeat scroll 16px 12px;
    border: 0;
    width: 50px;
    height: 50px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    right: 20px;
}

.pause {
    background: rgba(0, 0, 0, .5) url("../img/play.png") no-repeat scroll 16px -45px;
    border: 0;
    width: 50px;
    height: 50px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    right: 20px;
}

.play:focus,
.pause:focus,
.volume_icon:focus,
.volume_icon1:focus {
    outline: 0;
}

.volume_icon {
    background: url("../img/unmute.png") no-repeat scroll 20px 4px;
    border: 0;
    width: 50px;
    height: 50px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 12px;
}

.volume_icon1 {
    background: url("../img/unmute.png") no-repeat scroll 20px -48px;
    border: 0;
    width: 50px;
    height: 50px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 12px;
}

.volume_icon1 span {
    visibility: hidden;
}

.reservation-button {
    text-align: center;
}

.lowest {
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.nav>li>a {
    padding: 10px 22px;
}


.navbar-right {
    padding: 0px 10px 10px;
    margin-top: 0;
    margin-right: 0px;
}

.custom__header.smaller .navbar-right {
    background: none;
}
.smaller .search-btn-div {
    margin-top: 34px !important;
}
.smaller .MT11 {margin-top: 0px !important;}
.company a:hover {
    text-decoration: underline;
}


/* NEW CHANGES BY ROSHAN SIR FOR CHECK AVAILABILITY ON SCROLL */
.section__booking .navbar-header,
.section__booking .scroll-reservation-but {
    display: none;
}


span.headl, span.heads {    margin-bottom: -20px;}

h4.acco-text-1 {
    
    font-size: 25px;
}
	


    #mySidenav {
        z-index: 101;
    }

    .smaller.section__booking {
        display: flex;
        justify-content: center;
    }



.smaller.custom__header .navbar-inverse { padding-bottom: 10px;}


    .section__booking .navbar-toggle .icon-bar {
        background: #fff;
    }

    .section__booking.smaller .navbar-header,
    .section__booking.smaller .scroll-reservation-but {
        display: inline-block;
    }

    .smaller #reservationpop .closebtn {
        display: none;
    }


    .rct_wdgt .smaller #reservationpop>.container {
        top: 50px;
    }

    .smaller #reservationpop {
        background: transparent;
        height: auto;
        padding-top: 0;
        transition: padding 0s;
    }

    .smaller #mySidenav {
        z-index: 999;
    }

    .smaller .navbar-toggle {
        margin: 30px 0 0 0;
    }

    .smaller #reservationpop .respop_heading {
        display: none;
    }

    .custom__header.smaller {
        position: fixed;
        min-height: 110px;
		
    }

   


@media (min-width: 1200px) and (max-width: 1400px) {

    .smaller.section__booking .container,
    .smaller #reservationpop .container {
        width: 90%;
    } 

    .hover-drop .dropdown-menu>li>a {
        padding: 3px 10px;
    }
}

/* ----------------------------------- MEDIA QUERIES ----------------------------------- */



@media screen and (max-width: 1600px) and (min-width: 1200px) {
 
    

    .comp-logo img {
        max-width: 130px;
    }
}

@media screen and (min-width: 1200px) {
	
.innersocial .footer-social-icons ul li {
    top: 0;
}

.innersocial .contact-title p {margin: 15px 0 0;font-size: 30px;}
	
	    .smaller.section__booking .quick-booking {
    border: 0;
    background: transparent;
    box-shadow: none;
    /*width:100%;*/
	margin-top: 5px;
}
	
	    .smaller #reservationpop>.container {
        position: fixed;
      
        left: 0;
        right: 0;
        bottom: auto;
        background: transparent;
    }

    .smaller.section__booking>.container {
        position: fixed;
        top: 0;
        z-index: 3;
        height: auto;
        bottom: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: 0;
        right: 0; z-index: 9;
    }
	
	
	.padsmxs0.padlr0 {
    margin-top: 10px;
}
	
	.wid132{width: 132.5px;}
	
	.pl0{padding-left: 0;}
	
	.home_resnew .btn-success, .quick-booking .btn-success{width: 100%; height: 44px;}
	.home_resnew{width:100%;}
	.smaller .home_resnew {width: 83.33333333%;}
}
	.smaller .quick-booking .selectdiv {
    background: transparent;
    border: 2px solid #ffffff;
}

.smaller .selectdiv .fas {
    color: #fff;
}

.smaller .quick-booking .selectdiv select {
    color: #fff;font-size: 14px;
	background: transparent !important;
	border: none;
}
.smaller .quick-booking .selectdiv select:focus{
	border:none !important;
}
.width33 {
    padding: 0;
}

 .PR15xssm {
    padding-right: 15px !important;
}
	
	   .logoDN {
    display: none;
  }

  .smaller .logoDN {
    display: block;
  }



.smaller .logoDN a {
    display: block;
    text-align: center;
    margin: 0 auto;
       max-width: 180px;
    margin-top: 3px;
}

    .smaller .quick-booking .home_collapse {
        top: 63px;
    }

    .smaller #reservationpop .home_collapse {
        top: 63px;
        position: absolute;
        left: auto;
        right: auto;
    }
    
    .section__booking {
        position: absolute;
    }

    .hover-drop.dropdown .dropdown-menu {
        display: inline-block;
    }

    .hover-drop.dropdown:hover .dropdown-menu {
        opacity: 1;
    }

    .hover-drop .dropdown-menu>.active>a,
    .hover-drop .dropdown-menu>.active>a:focus,
    .hover-drop .dropdown-menu>.active>a:hover {
        background-color: inherit;
        background-image: inherit;
    }

    #mySidenav::-webkit-scrollbar {
        width: 0;
    }

    #mySidenav {
        -ms-overflow-style: none;
    }
	
.home_resnew {
    padding: 3px 20px 15px;
    background: transparent;
    
}

 .smaller .home_resnew {
    background: transparent;
    margin:12px 0 0 0;
}
 
.homepageform {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    width: 100%;
    right: 0;
}

main.smaller .homepageform {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: auto;
    width: 87%;
    z-index: 2;
    background: transparent;
    display: inline-block;
}
	
	
	.customedeatetimesin, .customedeatetimesout {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #fff;
}

.smaller .customedeatetimesin, .smaller .customedeatetimesout {
    background: transparent !important;
    color: #fff !important;
    font-family: lato;
    border: 2px solid #ffffff;font-size: 15px;
    padding: 11px 10px;
}

.wide_cal .add-on {color: #fff !important;}
.smaller .wide_cal .add-on {color: #fff !important;}

/* #promo_code { */
    /* border: 1px solid #393939; */
    /* background: #393939; */
    /* color: #ffffff; */
/* } */

.smaller #promo_code {border: 1px solid #fff; color: #000000;background:#fff; }

.quick-booking .specialcode1 {background: transparent;}

.smaller .quick-booking .specialcode1 {background: #fff;}

.specialcode1 a, .specialcode1 a:hover, .specialcode1 a:focus, .specialcode1 a:active{color:#fff !important;}

.smaller .specialcode1 a, .smaller .specialcode1 a:hover, .smaller .specialcode1 a:focus, .smaller .specialcode1 a:active{color:#000 !important;}


@media screen and (min-width: 320px) and (max-width: 767px) {
.sidenav a{font-size: 22px;}
.contact-form-input .form-control:not(:placeholder-shown) + label{top: -29px !Important;font-size: 13px;}
.contact-form-input textarea.form-control:not(:placeholder-shown) + label {
    top: -7px !important;
}
.body_FC{font-size: 16px;}
.copyright-right{margin-bottom: 35px !Important;}
.right-bg{text-align: center;}
.smhide .img-responsive{
    width: 73%;
    margin: 0 auto;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.copyright-right{margin-bottom: 35px !Important;}

}
@media screen and (min-width: 320px) and (max-width: 1199px) {
.copyright-left p{text-align: center !Important; margin-top:15px;}
.copyright-right p {text-align: center !Important; margin-top:15px;}
.company{padding: 0;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	
	.event-grid .event-image {    height: 160px !important;}
	
    .section__headerbg .innercaption {
        bottom: 10px;
    }

    .room_heading {
        font-size: 14px;
    }
	
	 .carousel-control .fa {
    top: 55%;
    position: relative;
    background: rgba(0, 0, 0, .9);
    padding: 15px 20px;
    font-size: 23px;
    border-radius: 100px;
}


 .carousel-control.right,
    .carousel-control.left {
        background-image: none;
    }

    .carousel-control {
        opacity: 1;
    }

    
}

@media screen and (max-width: 1199px) {
	
	.home-mobileboxoverviews-overview {
    padding-bottom: 130px;
}
.hover-drop.dropdown .dropdown-menu {
    display: none;
}

.colapsshoecontentlinkdiv-overview, .colapsshoecontentlinkdiv2-overview {bottom: 10px;}

    .navbar-header {
        top: 5px;
        position: relative;
    }
	
	.navbar-toggle {
		    margin-top: 10px;
	}

    .customedeatetimesin, .customedeatetimesout, .specialcode1 a {
        font-size: 17px;
    }

    .customedeatetimesin, .customedeatetimesout {
        padding: 9px 15px;
		
    }


    #reservationpop #get_header_avaibility {
        padding: 0;
    }

    #reservationpop .closebtn {
        display: none;
    }

    .home_resnew .search-btn-div {
        text-align: center;
    }

    #reservationpop {
        position: relative;
        height: auto;
        margin: 0 auto;
        width: 100% !important;
        background:#024319;
        padding: 0;
        padding: 5px 0 20px 0;
        float: left;
        overflow-x: inherit;
        text-transform: uppercase;
        box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;

        z-index: 1;
    }

.smaller #reservationpop {   background:#024319}

    #reservationpop > .container {
        width: 100%;
        padding: 0;
    }

    .respop_heading {
        display: none;
    }

    

    .custom__header.smaller .navbar-right {
        padding: 0;
    }

    .custom__header.smaller {
        position: fixed;
		display: none;
        width: 100%;
		z-index: 2;
    }
	
	#mySidenav {
		z-index: 10000;
	}

    .mobile0verviewinnwerdiv {
        min-height: 215px;
    }

.overview-description-overview {
    min-height: 190px;
}

    .promocode {
        margin-top: 10px;
        display: inline-block;
    }

    .primary-title {
        font-size: 26px;
    }

    .cool-link li a:hover::after,
    .cool-link li.active a::after {
        width: 0;
    }

    .t-dates {
        height: 44px;
    }

    .section__booking .container {
        width: 100%;
    }

    .menus {
        height: calc(100vh - 80px);
        overflow-y: scroll;
    }

    .sidenav {
        padding-top: 0;
    }

    .menus a {
        display: block;
        text-align: left;
    }

    .sidenav .closebtn {
        margin-right: 0;
        position: sticky;
        top: 10px;
    }

    .menus .dropdown-backdrop {
        display: none;
    }

    .hover-drop.open>.dropdown-menu,
    .hover-drop .dropdown-menu>li {
        display: block;
    }

    .menus li.active a::after {
        width: 0;
    }

    .menus li.active {
        background-color: #00260d;
    }

    .menus .open>a,
    .menus .open>a:focus,
    .menus .open>a:hover {
        background-color: var(--primary-light);
    }

    .menus .dropdown-menu {
        opacity: 1;
    }

    .menus .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .menus .open .dropdown-menu>li>a {
        color: var(--white);
        padding: 10px 30px;
        opacity: .8;
    }

    .hover-drop .dropdown-menu>li.active>a {
        background-color: var(--primary-dark);
    }



    .section__main .video_home video {
        position: static;
        transform: none;
    }

    .footer-SEOlinks ul li a {
        font-size: 15px;
    }


    

    .footer__right {
        flex: 0 0 77%;
        max-width: 77%;
    }
	
	
    .respop_heading2 {
        display: block;
        font-size: 32px;
        text-transform: uppercase;
        color: #fff;
		padding-top: 15px;
    }
}

@media (min-width: 992px) {
	.addpatchwrapper-div{display: flex;
    justify-content: center;
    align-items: center;}
	span.captionbox{background: rgb(255 255 255 / 70%) !important; color: #03441a; padding: 10px 30px 0px !important;}
		.history, .addpatchwrapper-div, .section-guestroom, .gallery-section, .section__attractions, .section-specials, .section__about{}
	.floating-icons ul li a {
		width: 105px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	
	.innersocial .footer-social-icons ul li {
    top: 0;
}

.innersocial .contact-title p {margin: 15px 0 0;font-size: 30px;}
	
	span.addhead {    font-size: 43px;}
	
	.servicesec_head {  font-size: 35px !important;
    letter-spacing: 5px !important;}
	
	.services-content {
    padding-top: 0px !important;
}

.services-content p {
    margin: 0 0 20px;
    font-size: 15px;
}

.guest-content {
    padding-top: 0px !important;
}

.section-attractions {  height:530px !important;}

.attractions-content {
    
    
    left: 50px !important;
    width: 60% !important;
}
	
	.contactsec {
    padding: 30px 0px 0px !important;
	}
	
	.addpatchwrapper {
    width: auto !important;}

    #reservationpop .home_collapse {
        position: absolute;
        width: 100%;
        z-index: 0;
        top: 62px;
        max-width: 350px;
    }

    .footer-SEOlinks ul li a {
        margin: 0 15px;
    }



    .about-logo img {
        width: 80%;
    }

    

    .section__compdetails {
        font-size: 14px;
    }

    .footer-links ul li a {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
	
		.PR15xssm{    padding-right: 15px !important;}
	.PL15xssm{    padding-left: 15px !important;}
	
	.quick-booking .selectdiv {/*background: #fff;*/}
	
	.wide_cal .add-on{top: 9px;}
	
	.navbar-right {
		padding: 0;
	}
	
	.custom__header {
		position: fixed;
		width: 100%;
		z-index: 9999;
		/*background: rgba(87,79,76, .9);*/
		height: 130px;
	}
	
	.custom__header .reservation-icon {
		padding: 10px;
	}


    .home_resnew .search-btn-div {
        margin-top: 25px;
    }
    

    
    #reservationpop .home_collapse,
    .quick-booking .home_collapse {
        position: relative;
        top:0;
        width: 100%;
    }

    .section__booking .quick-booking {
        background: #024319;
    }

    .customedeatetimesin, .customedeatetimesout, .specialcode1 a {
        font-size: 18px;
		text-align: center;
        padding: 10px 5px;
    }

   #promo_code {
    width: 40%;
    font-size: 17px;
}

    

    .mobile0verviewinnwerdiv {
    min-height: 270px;
}

    #promo_code::placeholder {
        font-size: 15px;
    }



.overview-description-overview {
    min-height: 220px;
}


    .section__SubCon .row:first-of-type {
        flex-direction: column;
    }

    

    .rct_wdgt #mySidenav {
        margin-top: 0;
    }

    .menus {
        overflow: auto;
    }

    .about-table {
        display: block;
        margin: 0 auto;
    }

    .about-tablecell {
        display: block;
    }

    .about-btn {
        left: 0;
        right: 0;
    }

	.btn-div {
		justify-content: center;
		letter-spacing: 0px;
	}

    .about-description {
        padding: 0 15px;
    }

    .guestroom-div,
    .new__gallery-div {
        flex-direction: column;
    }

    .guestroom-div .guestroom-image {
        flex: auto;
        max-width: 100%;
        height: 500px;
        margin: 20px 50px 0;
    }

    .guestroom-div .guestroom-content {
        padding-top: 30px;
    }

    .attraction-title {
        text-align: center;
    }

    .attraction-image-div {
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .attraction-image-div ul li {
        width: 50%;
        margin: 0;
    }

    .guestroom-div .guestroom-content,
    .new__gallery-div .new__gallery-content,
    .new__gallery-div .new__gallery-image {
        flex: auto;
        max-width: 100%;
    }

    .gallery-image {
        margin-bottom: 25px;
    }

    .gallery-image img {
        height: 450px;
    }

    .section__map {
        background: var(--white);
        margin-bottom: 0;
    }

    .map-div {
        flex-direction: column;
    }

    .map-div .map-content,
    .map-div .map-image {
        flex: 0 0 100%;
        max-width: 100%;
    }
	
	.map-div .map-image {
		min-height: 400px;
	}

    .map-details {
        margin: 0;width: 100%;position: relative;top:0px;color: var(--primary-dark);
    }

    .map-details a {
        color: var(--black);
    }

    .map-div .map-img {
        min-height: 550px;
    }

    .map-btn {
        margin-top: 10px;
		margin: auto;
		text-align: center;
    }

    .sisterprop-details ul li {
        width: 46%;
    }

    
    .footer__right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer-links,
    .company {
        text-align: center;
        padding-top: 0;
    }

    .footer-SEOlinks ul {
        border-top: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
        padding: 25px 0 15px;
        text-align: center;
    }

    .footer-SEOlinks .comp-logo {
        text-align: center;
        margin-top: 25px;
    }

    .comp-logo {
        text-align: center;
    }

    .comp-logo img {
        float: none;
        margin: 0 auto;
    }

    .specialcode1 a {
        padding: 10px 10px 9px 10px;
    }

    .footer {
        padding-bottom: 40px;
    }
	
	.home_resnew .btn-success  {
    border: none;}
	
}

@media (min-width: 768px) {
    .section__booking .container {
        padding: 0
    }

    #promo_codebox {
        position: absolute;
        right: 20%;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        top: 80px;
        z-index: 1
    }

    .PR-desk0 {
        padding-right: 0;
    }
}

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

    .navbar-header {
        top: 0;
    }


    .rct_wdgt .custom__header {
        top: 50px;
    }

    .mobile0verviewinnwerdiv {
        min-height: 495px;
    }

    .overview-description-overview {
    min-height: 364px;
}	
 .goog-te-gadget-simple {
        margin: 0 auto 15px auto;

    }

    .guestroom-div .guestroom-image {
        margin: 20px 30px 0;
    }

    .guestroom-div .guestroom-content {
        padding: 70px 30px 20px 30px;
    }

    .gallery-title {
        padding: 0 10px;
    }

    .gallery-description {
        padding: 0 30px;
    }

    .section__headerbg .innercaption p {
        display: block;
    }

    .carousel-control.right,
    .carousel-control.left {
        background-image: none;
    }

    .carousel-control {
        opacity: 1;
    }

    .promocode {

        display: inline-block;
    }

    .icon-bar {
        transition: all .3s;
    }

    .navbar-toggle:focus .icon-bar {
        opacity: 0;
        transform: translateX(50%);
    }

    .div__logo {
    right: 0;
    left: 0;
    top: 10px;
    margin: 0 auto;
    max-width: 170px;
}
	
	.navbar-toggle {
		margin-top: 25px;
		background: transparent;
	}
	
	.smaller .div__logo {
		display: none;
	}

    .roomscroll {
        max-height: 100%;
    }

    .carousel-control {
        font-size: 30px;
    }

    .carousel-caption {
        font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    }

p.color_g.text-center{line-height: 24px !important;margin-bottom: 10px;}
    .room_title span {
        background-color: transparent !important;
        color: #000;
        text-align: left;
        padding: 10px 16px;
        height: auto;
        display: block;
    }

    .section__booking .quick-booking {
        padding: 20px 0px;
    }

    .carousel-control .fas {
        top: 45%;
        position: relative;
        background: rgba(0, 0, 0, .9);
        padding: 10px 11px;
        border-radius: 100vh;
        font-size: 23px;
    }

    .carousel-caption {
        bottom: 0;
        padding-bottom: 0;
    }

    .carousel-inner>.item::after {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
        /* IE6-9 */

        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        display: block;
        content: "";
    }

    .primary-title {
padding-bottom: 10px;
    line-height: normal;
    font-size: 27px !important;
    }



   .about-title-2 {
    font-size: 18px;
    margin-bottom: 0;
}
    .attraction-title-2,
    .sisterprop-title-1 {
        font-size: 25px;
    }

    .guestroom-image .overlay {
        opacity: 0;
    }

    .attraction-image-div ul li {
        width: 100%;
    }

    .sisterprop-details ul li {
        width: 100%;
        margin: 10px 0;
    }

    .gallery-title-1 {
        font-size: 30px;
        letter-spacing: 0;
    }

    .subscribe-title {
        text-align: center;
    }

    .section__map {
        margin: 30px 0;
    }

    .section__booking .container {
        padding: 0;
    }

    .footer-buttons ul li {
        display: block;
        text-align: center;
    }

    .footer-buttons ul li:nth-child(2) {
        margin: 0;
    }

    .footer-buttons ul li a {
        margin-left: auto;
        margin-right: auto;
    }

    .section__booking {
        position: inherit !important;
        bottom: 0 !important
    }

    .section__booking .quick-booking {
        border: 0 !important
    }

    .section__headerbg .innercaption {
        width: 100% !important;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateX(0);
    }

    .map-div .map-image {
        min-height: 450px;
    }

    .rct_wdgt .custom__header.smaller {
        top: 50px;
    }


    .adultbtn:hover,
    .adultbtn.count-minus:hover {
        background: transparent !important;
        color: #485f17 !important;
    }

    
    .adultbtn:active {
        background: #449d44 !important;
        color: var(--white) !important;
    }

    .adultbtn.count-minus:active {
        background: red !important;
        color: var(--white) !important;

    }
	
	.custom__header,
	.custom__header.smaller {
		position: absolute;
		width: 100%;
		z-index: 2;
	}
	
	#scroll {
    right: 10px;
    bottom: 50px;
	}
}

/* ----------------------------------- MEDIA QUERIES ----------------------------------- */

/* LC LIGHTBOX CLOSE ICON MARGIN-LEFT CSS */
.lcl_minimal .lcl_close {
    margin-left: 3px !important;
}

.acesssfour a {
    color: var(--primary-dark);
}

.acesssfour a.text-white {
    color: var(--white) !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

.footer-logo a {
    color: var(--white);
}

@media (max-width: 500px) {
    .country_currency_list {
        width: 293px;
    }
	.footer-links {
    padding-top: 0px !important;
}
}



#myCarousel .carousel-inner .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}



.navbar-toggle{display: none;}

.smaller .navbar-toggle{display:block;}

ul.top-nav-ul.nav.navbar-nav {
    position: relative;
    width: 100%;
}

.navbar-nav>li.reservation-button {
   text-align: center;
    float: right;
    position: relative;
    top: 35%;
    color: #024319;
    /* background: #024319; */
    text-transform: uppercase;
    border: 2px solid #024319;
}

.navbar-nav>li.reservation-button a::after {
    display: none;
}

.navbar-nav>li.reservation-button a {
    color: #024319 !important;
    FONT-WEIGHT:500;
}

.navbar-header.hidesmaller .navbar-toggle {
    display: block;
    border-radius: 0;
    padding: 0px;
    margin: 0;
    float: left;
    position: relative;
    top: 9px;
}

a.navtog {
    color: #fff;
    cursor: pointer;
}

.menuhead {
    display: inline-block;
    position: relative;
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    padding-left: 60px;
    letter-spacing: 2px;
    top:-9px;
    font-family: 'Averia Serif Libre', cursive;
}

.navbar-header.hidesmaller {
  position: relative;
   
}

.hidesmaller span.icon-bar {
    width: 24px;
    height: 2px;
	border-radius: 0;
}

.hidesmaller .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}

.mainmen {
    margin-top:0px;
	margin-left: 50px;
    margin-right: 50px;
}

.smaller .mainmen {
    display: none;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #004c8d;
    border-bottom: none;
    background-image: none;
    box-shadow: none;
    color: #fff !important;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background-image: none;
    box-shadow: none;
    background-color: transparent;
}

.carousel-indicators{z-index: 1;}


   .carousel-indicators {
    top: auto;
    right: 35px;
    width: auto;
    left: auto;
    margin: 0;
    z-index: 4;
    /* display: flex; */
    /* transform: translate(-50%, -50%); */
    bottom: 160px;
}


.carousel-indicators .active{width: 25px;height: 25px;background:var(--primary); margin: 5px 4px;}
.carousel-indicators li {
        display: block;
    margin: 10px 10px;
    width: 10px;
    height: 42px;
    border-radius: 0px;
    background: #fff;
    border-color: transparent;
}


.carousel-indicators .active {
    margin: 0px 0;
    height: 42px;
    width: 10px;
    margin: 0 auto;
}

.carousel-indicators-R{top: auto;
    left: 5% !important;
    width: auto;
    margin: 0;
    z-index: 4;
    display: flex;
    transform: translate(-50%, -50%);
    bottom: 60px;
}
.carousel-indicators-R .active{width: 25px;height: 25px;background: #024319;margin: 5px 4px;}
.carousel-indicators-R li {display: block;
    margin: 9px 15px;
    width: 17px;
    height: 17px;
    border-radius: 0px;
    background: #fff;border-radius: 50%;
    border-color: transparent;
}


.ccarousel-indicators-R .active {
    height: 35px !important;
    margin: 10px 0;
}
.slider-big-caption {
    position: absolute;
    bottom: calc(25% - 0px);
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 1;
    text-transform: uppercase;
    width: 50%;
}

.slider-big-caption img {
    max-width: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
}



.slider-big-caption span {
    display: block;
    color: #fff;
	
}


span.bigc {
    font-size: 65px;
    line-height: 1;
	font-weight: 600;
}

span.smallc {
    font-size: 30px;
    letter-spacing: 10px;
}



.amenities-list {
    background: #05176d;
    color: #fff;
    padding: 50px 0;
    /* margin-top: 30px; */
    box-shadow: 0px 9px 17px 0px rgba(0, 0, 0, 0.16);
}

.amenities-icon img {
max-width: 70px;
    max-height: 80px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.amenities-box:hover .amenities-icon img {
    -webkit-transform: scale(1.5);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.amenities-box {
    text-align: center;
}

span.amen-head {
    text-align: center;
    display: block;
    font-size: 50px;
    font-family: 'times-new-roman-regular';
    margin-bottom: 30px;
}

.amenities-title {
    padding-top: 20px;
}

.santa-barbara {
    padding: 50px 0 0;
}



.footer-complinks .container {
    border-top: 1px solid #ccc;
}


.quick-booking .selectdiv select  {
    -webkit-appearance: none;
    -moz-appearance: none;
	background: transparent;
    text-align: left;
    height: 43px;
    border: none;
    width: 100%;
	border: 1px solid #fff;
    color: #fff;
    padding-left: 3px !important;
}


.quick-booking .selectdiv {position: relative;}

.selectdiv .fas {
    position: absolute;
    top: 14px;
    font-size: 17px;
    color: #fff ;
    right: 10%;
}

.quick-booking  option {
    color: #000;
}

.quick-booking .selectdiv select:focus {
    border: 1px solid #fff !important;
}

/* dropdown style */

.bromenu ul.dropdown-menu {
    padding: 0px;
    border-radius: 0;
    border: none;
}

.bromenu .dropdown-menu {left: -10px;}

.bromenu ul.dropdown-menu li {
    font-size: 15px;
    padding: 10px 0;
	    text-align: center;
}

.bromenu ul.dropdown-menu li.active, .bromenu ul.dropdown-menu li.active:hover {
    background: #455282;
}

.bromenu ul.dropdown-menu li:hover {
    background: #858eae;
  
}

.bromenu ul.dropdown-menu li:hover a{color:#fff;}

.bromenu .dropdown-menu>.active>a, .bromenu .dropdown-menu>.active>a:focus, .bromenu .dropdown-menu>.active>a:hover {
    background: none;
    box-shadow: none;

}

.bromenu .dropdown-menu>li>a:focus, .bromenu .dropdown-menu>li>a:hover {
    background: none;
}

/* dropdown style */

.section__headerbg .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

span.slidertext-bg1 {
    display: block;
    margin-top: 10px;
    font-size: 18px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    box-shadow: none;
}

.mapboxgl-popup-close-button {
    
right: 2px !important;
    
top: -3px !important;
    
}


.mapboxgl-popup-close-button:hover {
    background: none !important;
}

.accordions__title {

    padding: 10px 0;

    font-size: 20px;
}

.weather-bg {
background: linear-gradient(rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)), url(../img/weather-bg.jpg) no-repeat;
padding: 0% 2%;
} 

.accordions {
    margin-top: 10px;
}

/* dropdown on hover style */

ul.dropdown-content {
	
	    text-align: center;
    left: -5px;
    border: none;
    position: absolute;
    top: 100%;
    z-index: 1000;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    width: 100%;
	
}

ul.dropdown-content li {
    font-size: 15px;
    padding: 10px 0;
    color: #000;
    list-style: none;
}

ul.dropdown-content li:hover {
    background: #00405e !important;
    
}

ul.dropdown-content li:hover a{color:#fff;}

ul.dropdown-content li.active a {
    color: #fff;
}

ul.dropdown-content li.active, ul.dropdown-content li.active:hover {
    background: #00405e !important;
}

li.dropdownhover:hover ul.dropdown-content {
        opacity: 1;
    transform: rotateX(0deg);
    transform-origin: top;
}



ul.dropdown-content a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

ul.dropdown-content {
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    transform: rotateX(90deg);
    transform-origin: top;
    opacity: 0;
    display: block;
}

.footer-div {
    padding-bottom: 20px !important;
    padding-top: 30px !important;
    
}
/* dropdown on hover style */

/* CSS FOR LA SERE */

.toplogo img {max-width: 200px;}

a.reservation-button {
    FONT-WEIGHT: 600;
}

a.btn.btnview {
    font-size: 18px;
    color: #024319;
    position: relative;
    /*background:#024319 !important;*/
    background-size: cover;
    padding: 15px 0 15px;
    background-repeat: no-repeat;
    z-index: 1;
    font-family: Raleway;
    text-align: center;
    width: 180px;
    line-height: normal;
    border-radius: 0;
    
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: none;
    border: none;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

a.btn.btnview .fas{
	vertical-align: middle;
}

a.btn.btnview:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
	color: #fff;
    right: 0;
    background: #024319;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

a.btn.btnview:hover:before, a.btn.btnview:focus:before, a.btn.btnview:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

a.btn.btnview-bg {
border: 2px solid !important;
    text-transform: uppercase !important;
    font-size: 17px;
    color: #024319;
    position: relative;
    font-weight: 600;
    background-size: cover;
    padding: 13px 0 13px;
    background-repeat: no-repeat;
    z-index: 1;
    font-family: 'Lato';
    text-align: center;
    width: 165px;
    line-height: normal;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: none;
    border: none;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

a.btn.btnview-bg .fas{
	vertical-align: middle;
}



a.btn.btnview-bg:hover:before, a.btn.btnview-bg:focus:before, a.btn.btnview-bg:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}


a.btn.but-arrow-grey {
    font-size: 18px;
    color: #484848 !important;
    position: relative;
    background:#E6E6E6 !important;
    background-size: cover;
    padding: 15px 0 15px;
    background-repeat: no-repeat;
    z-index: 1;
    font-family: Raleway;
    text-align: center;
    width: 180px;
    line-height: normal;
    border-radius: 0;
   
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: none;
    border: none;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

a.btn.but-arrow-grey .fas{
	vertical-align: middle;
}



a.btn.but-arrow-grey:hover:before, a.btn.but-arrow-grey:focus:before, a.btn.but-arrow-grey:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}






.section-guestroom {
    color: #000;
    padding:50px 0px 30px;
}

.guestsec_head span {
    display: block;
    text-align: center;
    font-size: 64px;
    margin-bottom: 10px;
    font-family: Raleway;
}
.guestsec_head span {
    color:#484848;
    font-family: 'Averia Serif Libre', cursive;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;font-weight: 600;
}
.guestroom-img {
    margin-left: 0px;
    padding-left: 0px;
}
.guest-content {color: #fff;
    padding: 40px 60px;
    left: -37%;
    z-index: 1;
    position: absolute;
    width: 700px;
    margin-top: 20px;}

.guest-content-title {
    font-size: 55px;
    text-transform: uppercase;
    font-family: 'Raleway-Bold';
	margin-bottom:30px;
}
.company a img {
    width: 70px;
    margin-left: 6px;
}
.map-btn a.btn.btnview:before {
    background: transparent;
}
.guestsec_head p {
    color: #000;
	text-align: left;font-size: 16px;
}
.guest-content p {
    margin-bottom: 40px;
	color: #fff;
}
.footer-copyright-container {
    padding-left: 0px;
    padding-right: 0px;
}
.guest-content a.btn.btnview {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
	text-transform: capitalize;
}

.attractions-content a.btn.btnview, .revwrapper a.btn.btnview {
    background: #fff;
    color: #000;
}

.guest-content a.btn.btnview:before, .attractions-content a.btn.btnview:before, .revwrapper a.btn.btnview:before {
    background:#4790b3;
}

.guest-content a.btn.btnview:hover, .attractions-content a.btn.btnview:hover, .revwrapper a.btn.btnview:hover{color: #fff;}

.revhead {
    font-size: 24px;
    margin: 0 0 30px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    background: rgba(0, 0, 0, 0.5);
    padding: 23px 30px;
    margin-top: 10px;
    border-radius: 0 0 14px 14px;
    top: 20px;
    position: relative;
    font-weight: 500;}

.reviewssec {
    background: #c8d6cd;
    position: relative;
    text-align: center;
	margin-top: 0px;
	background-size: cover;
	padding: 0px;
}


.revwrapper {
    /*background: rgba(58, 58, 60, 0.65);*/
    padding: 60px 150px;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;text-transform: uppercase;
}
.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}
span.captionbox {
    font-size: 17px;
    padding: 0;
	text-shadow: none !important;
   /* background: rgba(27,95,143,0.85);*/
	display: inline-block;
}

#myCarousel2 .carousel-control.right, #myCarousel2 .carousel-control.left {
background-image: none;
    position: absolute;
    color: #024319;
    opacity: 1;
    background: transparent;
    height: 50px;
    padding-top: 10px;
    width: 50px;
	margin-bottom: 50px;
    top: auto;
    bottom: 0;
    border-radius: 0px;
	text-shadow: none;
	transition: all 0.2s ease;
}
div#myCarousel2 {
    margin-top: 0px;
}
#myCarousel2 .carousel-control.left {
    left: 82%;
    top: -12%;
}
.reviews-counts  p{
    color: #484848;
    font-size: 23px;
    font-weight: 200 !important;
    font-style: italic;
}
#myCarousel2 .carousel-control.right {
    right: 0%;
    top: -12%;
}

a.reviewbtn {
   
    background: transparent !important;
	text-transform: capitalize !important;
	    margin-top: 15px;
    margin-bottom: 10px;
}

/*#myCarousel2 .carousel-control:hover {
    background: #85aaca;  
}*/

#myCarousel2 p {
    margin: 0;
    line-height: 1.6;
    color:#484848;
        margin: 0;
    line-height: 1.6;
    color: #484848;
    font-size: 16px;
    margin-top: 30px;
    font-family: 'Lato';
}
   
p.OurGuest-info {
    text-align: left;
	min-height:100px;
}
.carousel2-buttons {
    position: relative;
    margin-top: 36px;
}
#myCarousel2 p.MT15 {
    margin-top: 15px;
}

.seolinks {
    margin-top: 0;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.footer-links.seolinks ul li {
    display: inline-block;
    padding: 0 30px !important;
    margin: 0;
}

.bx-sh {
    box-shadow: -5px 4px 20px 0px rgba(74, 74, 74, 0.4);
}


.section-services {
    padding: 70px 0;
    background: #f1f1f1;
    margin: 0 25px;
}

.servicesec_head {
    display: block;
    font-size: 65px;
    letter-spacing: 5px;
    color: #0f6e9b;
    margin-bottom: 10px;
    font-family: Raleway;
}

.services-content p {margin: 0 0 30px;line-height: 2;}

.section-attractions {
    background: url('../img/att1.webp');
    color: #fff;
    margin: 0 25px;
    height: 800px;
    position: relative;
    background-size: cover;
    background-position: center;
	z-index: 1;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0,0.31);
}

.no-webp .section-attractions {background: url('../img/att1.jpg');}

.attractions-content {
    position: absolute;
    top: 20%;
    left: 0;
    width: 40%;
}

span.att_head {
    display: block;
    font-size: 65px;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: Raleway;
}

.attractions-content p {
    margin: 0 0 40px;
}

.guest-content p {
    line-height: 2;
	text-align: justify;
	font-size: 18px !important;
}
.guestsec_head {
margin-top: 0;}
.services-content {
    padding-top: 120px;
}
#myCarousel3 .carousel-control.right,#myCarousel3 .carousel-control.left {
    background: none;
}
#myCarousel3 .controls.new-feature-controls a {
    opacity: 1;
	display: contents;
}
.section-attractions:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 30px auto;
    margin-bottom: 0;
    width: 97%;
    height: 93%;
    background: rgba(0, 0, 0, 0.44);
    z-index: -1;
}

.contactsec {
    padding: 0px 0;
	position: relative;
	padding-bottom: 0px;
}



span.addhead {
   text-transform: uppercase;
    color: #024319;
   
}

.addpatch span {
    display: block;
}

span.maptextaddress {
    font-size: 22px;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Averia Serif Libre', cursive;
    text-shadow: none;
    margin-bottom: 10px;
}
img.img-direction-btn {
    margin-left: 12px;
}

span.col {
    font-size: 18px;
    color: var(--white);
}

span.col a {
    color:var(--white);
}
.phone-div {
    padding-top: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
}
.bx-sh {
    box-shadow: -5px 4px 20px 0px rgba(74, 74, 74, 0.4);
}

.section-att {
    padding: 40px 0 0;
}

.section-att p {
    margin: 20px 0;
}

.spcls {
    background: #fff;
}

.spcls span.servicesec_head {
    margin-bottom: 50px;
}

.newpagesec {
    padding: 40px 0;
}

ul.subpage li {
    padding-bottom: 10px;
    list-style: none;
    display: inline-block;
    font-size: 20px;
    margin: 0 30px;
}

ul.subpage li a{color: #000;}

ul.subpage li.active {
    border-bottom: 2px solid #00405e;
}

ul.subpage {
    margin: 40px 0 50px;
}

.contentwrapper {
    padding-top: 40px;
}

li.navbar-header.hidesmaller a {
    padding: 0 !important;
}



li.navbar-header.hidesmaller a::after {
    display: none;
}

.footer-links.seolinks ul li.dash {
    padding: 0 !important;
}

.event-grid .event-image {height: 200px;}
#frm_msg_box .customedeatetimesin, #frm_msg_box .customedeatetimesout {
    color: #fff !important;
}

.section__booking .wide_cal {
    width: 100%;
}

/* CSS FOR LA SERE */


/* --------- MEDIA QUERIES --------- */

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

body{
		box-shadow:0 19px 38px rgba(0, 0, 0,0.1), 0 15px 12px rgba(0, 0, 0,0.08);
	}
}

@media screen and (min-width: 1200px) {
	body{
		max-width: 2000px;
		margin: 0 auto;
}

.custom__header.smaller{
		max-width: 2000px;
		margin: 0 auto;
		top: 0;
}
#myCarousel .carousel-control.left {
    top: 50%;
    left: 5%;
    position: absolute;
    background: rgba(255, 255, 255, .9);
    /* padding: 10px 11px; */
    border-radius: 50px;
    font-size: 23px;
    width: 60px;
    height: 60px;
}
#myCarousel .carousel-control.right {
    top: 50%;
    right: 5%;
	position: absolute;
    background: rgba(255, 255, 255, .9);
    /* padding: 10px 11px; */
    border-radius: 50px;
    font-size: 23px;
    width: 60px;
    height: 60px;
}
#myCarousel .carousel-control span {
color: #725e5f;
    font-size: 40px;
    margin-top: 10px;
}

}

@media screen and (max-width: 1440px) and (min-width: 1366px) {
	
	.menus {
    height: calc(100vh - 80px);
    overflow-y: scroll;
}
	
	.guest-content {
    padding-top: 10px;
}

.spcls .services-content {
    padding-top: 50px;
}

.services-content {
    padding: 0;
    padding-top: 10px;
}

.servicesec_head {
    font-size: 50px;   
margin-bottom: 0px;}

.services-content p {
margin: 0 0 20px;}
	
	.footer-social-icons ul li a {
    width: 50px;
    height: 50px;
	margin: 0 11px;

    line-height: 50px;
    font-size: 25px !important;
    }
	
.company p {
    font-size: 14px;
}
	
	.nav>li>a {
    padding: 10px 20px;
}

.custom__header .navbar-inverse .navbar-nav>li>a {
    
    font-size: 17px;}
	
	



.access .fa-wheelchair {
    color: #ffffff;
    
}

a.footer-btn.access {
    margin-top: 4px;
    height: auto;
    
    padding: 11px 7px;
    margin-bottom: 0;
}
	


.subscribe-title p, .contact-title p {font-size: 26px; margin-bottom: 10px;}


	
}


@media screen and (width: 1280px) {
	
.subscribe-title p, .contact-title p {
    
    position: relative;
top: 5px;}
	
	.guest-content {
    padding-top: 10px;
}

.guest-content p {
    line-height: 1.7;
}
.guest-content p {
    margin-bottom: 20px;
}

.services-content {
    padding: 0;
    padding-top: 40px;
}

.servicesec_head {

    font-size: 40px;
    
    margin-bottom: 0px;}

.services-content p {
    margin: 0 0 20px;
    line-height: 1.5;
}
	
.footer-social-icons ul li a {
    width: 45px;
    height: 45px;
	margin: 0 14px;
    line-height: 46px;
    font-size: 24px !important;
}
.company p {
    font-size: 13px;
}
	
	.nav>li>a {
    padding: 10px 17px;
}

.custom__header .navbar-inverse .navbar-nav>li>a {    font-size: 18px;}
	
	


.access .fa-wheelchair {
    color: #ffffff;
    
}


	


.subscribe-title p, .contact-title p {
    font-size: 26px;
    margin-bottom: 10px;
}



}


@media screen and (max-width: 1199px){
.PR15xssm {padding-right: 5px !important;padding-left: 7px !important;}
	.section__booking {

    background: #024319;
}

	.quick-booking .selectdiv select { /*font-size: 14px;color: #000; background: #fff;*/}

.selectdiv .fas {
    color: #fff;
}


	
.navbar-toggle{display: block; padding:  15px;
    margin-right: 0;
    margin-top: 0;
	float: left;
	}
	
	
	
	.home_resnew { position: relative;
    height: auto;
    background:#024319;
    padding: 0;
    padding: 15px 0 20px 0;
    float: left;
    overflow-x: inherit;
    text-transform: uppercase;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    z-index: 1;}
	
	.homepageform {
    background: #00405e;
}
	
}

@media screen and (max-width:1100px) and (min-width: 992px){
.navbar-header.hidesmaller {right: 106px !important;left: 0% !important;}
}	

@media screen and (max-width:1199px) and (min-width: 1101px){
.navbar-header.hidesmaller {right: 106px !important;left: 77% !important;;}
}

@media screen and (max-width: 1199px) and (min-width: 992px){
	
	.quick-booking .selectdiv {/*background: #fff;*/}

.contact__div{
	    padding-top: 15px;
}
	.selectdiv .fas {
    
    top: 15px;
    font-size: 15px;
    
    right: 20px;}

.PL15xssm{    padding-left: 15px !important;}
	
	
	
	.event-grid .title {font-size: 18px;}
	
	.home_resnew .btn-success, .quick-booking .btn-success{width: 100%;}
	
	.navbar-nav>li.reservation-icon {
    float: right;
    position: absolute;
    right: 0;
    top: 28px;
}

.navbar-header.hidesmaller {
    left: 735px;
    top: 24px;padding: 5px 12px 21px 12px;
}
.navbar-header.hidesmaller .navbar-toggle {
    top: -10px !important;
}
.menuhead{padding-left: 65px;}
	.navbar-header.hidesmaller { top: 27px !important;right: 102px;}
	.footer-social-icons ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px !important;
    margin: 0 7px;

}

.subscribe-title p, .contact-title p{margin-bottom: 10px;

margin-left: 30px;
    margin-right: 10px;
	font-size: 18px;
}
	
.mdP0{padding: 0;}
	
	span.bigc { font-size: 55px;}
	

	
	.homepageform .container {
    width: auto;
}

.custom__header.smaller{display: none;}

.section__booking .quick-booking {background: #024319;
 box-shadow: none;
     padding: 10px 0 20px;
    -webkit-box-shadow:none;}
	
.custom__header .navbar-inverse .navbar-nav>li>a {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 14px;
}



.nav>li>a {padding: 10px 25px;}

.slider-big-caption {top: calc(50% - 20px) !important; width:auto;}
.carousel-caption{bottom: calc(15% - 40px) !important;    right: 12% !important;
    left: 12% !important;}

.carousel-caption p {
    
    font-size: 17px !important;
}

.section__main .video_home:after{display:none; }
	

.section__footer {
    padding-top: 0px;
}

span.addhead {
  
    font-size: 43px;
}

.section__footer .PT55 {
    padding-top: 20px;
}

.footer-links{    margin-top: 30px;}

}



@media screen and (max-width: 991px){
	
	.event-grid .title {
    font-size: 19px;}
	
	.spcls .servicesec_head {margin-bottom: -10px !important; margin-top: 40px;}
	
	.about-title-1 {
    margin-bottom: 0px;
    font-size: 30px;
    letter-spacing: 2px;
	text-align: center;
	position: relative;
}

.about-heading{
	    padding-bottom: 0;
		border: none !important;
}

.about-title-1::after {
    /*content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 90%;
    height: 2px;
    background: #1b5f8f;
    margin: auto;)*/
}


.guestsec_head span {
     margin-bottom: 5px;
    font-size: 40px;
    letter-spacing: 3px;
	text-align:center;
}

.guestsec_head span br {
    display: none;
}

.section-guestroom {
    padding: 50px 0 0px 0;
}

.section-services {
    padding: 20px 0;
	margin: 0 0;

}

.services-content {
    padding-top: 20px;
}

.services-img.PR0 {
    padding: 0 15px;
}
.servicesec_head {
    font-size: 30px;
    
    margin-bottom: 0px;
	}
	
	.section-attractions {
    margin: 0;
    height: 560px;
}

.attractions-content {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    padding: 0 30px;
}

span.att_head {
    font-size: 35px;
    letter-spacing: 5px;
}

.section-attractions:after{margin:10px auto; height: 97%;}
	
	.weather-bg {
    background-size: cover;
}
	
.custom__header .navbar-inverse .navbar-toggle{margin-top: 9px;}

a.reservation-icon { margin-top: 15px;}

.custom__header.smaller .navbar-inverse .navbar-toggle, .custom__header.smaller a.reservation-icon  {margin-top: 10px;}
	

	
.navbar-toggle .icon-bar{height: 3px;}	



.custom__header.smaller .navbar-inverse .navbar-nav>li>a {
    color: #fff;
}


.footer-links {
    padding: 10px 0 0;
    
    margin: 0;
}

.footer-links.seolinks ul li {
    
    padding: 0px 0 !important;
    margin: 0 0 10px;
}

.contactsec {
    padding:0px 0;
    position: relative;
	margin-top: 30px;
}

.addpatchwrapper {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    padding-top: 30px;
}

span.addhead {
    color: var(--primary);
    letter-spacing: 2px;
	margin-bottom: 0px;
	font-size: 42px;
}
.addhead-sm{margin: 0 !important; font-size: 30px !important;}
.seolinks ul li a {line-height: 2px;}

.addpatch {
    padding: 0;
    box-shadow: none;
}

a.footer-btn.access {
    margin-bottom: 0;
    margin-top: 0px;
    height: 53px;
	padding: 13px 10px;
}

.MTXS10 {
    margin-top: 10px;
}

.padsmxs0{padding: 0px;}

.footer-complinks {
    margin-bottom: 20px;
}
	.footer-logo img {
    max-width: 170px;
}

.subscribe-title p, .contact-title p {
    margin: 0;
    display: block;
    font-size: 30px;
    text-align: center;
}

.footer-social-icons {
    text-align: center;
    margin-top: 25px;
}
	
.contact-title {
    margin-top: 0px;
}
	
}



@media screen and (max-width: 991px) and (min-width: 768px){
	.subscribe-main-div{flex-direction: column;}
	.subscribe-title-sec{width: 100% !important;}
	.subcribe-input-sec {width: 100% !important;}
	.subscribe-title{text-align: center !important;}
    .left-bg{padding-top: 33px;min-height: 200px;}
	a.reservation-icon {margin-top: 16px;}
.custom__header .navbar-inverse .navbar-toggle {
    margin-top: 0px;
}

.custom__header.smaller .navbar-inverse .navbar-toggle, .custom__header.smaller a.reservation-icon {
    margin-top: 20px;
}
	


.padsm80 {padding: 0 80px !important;}




.company p {  font-size: 20px;	}

.footer-links ul li a, .footer-SEOlinks ul li a {font-size: 20px;}

.section__footer {
    padding: 0;
}

.carousel-caption {bottom: 10px !important;}

.sidenav .closebtn {
    padding: 0;
    font-size: 40px;
    top: 10px;
    margin: 15px 0 0;
}

a.footer-btn.access {width: 185px;}

.footer-links .left {
    text-align: center;
}

.footer-links {
    padding-top: 20px !important;
}
	
}

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



.carousel-caption {
    bottom: calc(30% - 0px)	;
    padding: 0;
	z-index: 1;
}

.carousel-inner .item p {
    margin: 0;
	font-size: 24px;
    text-shadow: none;
	text-transform: none !important;
}

}



@media screen and (max-width: 767px) {
	.company a { display: block;}
.subscribe-title label{text-align: center;}
.subscribe-main-div{flex-direction: column;}
.subscribe-title-sec {width: 100% !important;}
.subcribe-input-sec {width: 100% !important;}
	.map-details{width: 100%; position: relative;top: 0;}
	ul.subpage li {
    font-size: 18px;
    margin: 0 20px;
}
	
	.section__footer {
    padding: 0;margin-top: 0px;
}
	

	
	.company {font-size: 13px;}
	
	.review_tags .section-title {
    margin-top: 0;
}

#promo_code {
    
    margin-top: 20px;
}

.main-icon-ada em {
    top: 20px;
    position: relative;
}

.review_tags {
    overflow: hidden;
    margin-bottom: 20px;
}
	
	.navbar-right {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}
	

	.padxs50 {padding: 0 50px !important;}
	


#ada_enable_toolbar  {
    bottom: 25px !important;
}

}


@media screen and (max-width: 400px){
	.mobile0verviewinnwerdiv {
		min-height: 590px !important;
		height: 590px ;
	}
	.overview-description-overview{
		min-height: 378px !important;
		height: 378px;
	}
}




@media screen and (max-width: 360px) {
	
	.company {
    font-size: 16px;
}
	
	.main-icon-ada span.position-left {
    display: block;
    padding-bottom: 40px;
}
	
.mobile0verviewinnwerdiv {
    min-height: 590px !Important;
	height: 590px ;
}

.overview-description-overview {
	height: 395px;
    min-height: 395px !Important;
}

.footer-btn, .goog-te-gadget-simple {
    border: none;
    font-size: 12pt;
    width: 100%;
}

a.footer-btn.access {
    padding: 15px 10px 15px 10px;
    height: auto;
    font-size: 15px;
    margin-left: 0;
}

.goog-te-gadget-simple {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    font-size: 12pt !important;
   
  
}

.footer-btn, .goog-te-gadget-simple {
    
    border: none;

    font-size: 12pt;
    width: 100%;
}

a.footer-btn.access{margin: 0 auto;}

.content-details h3 {
    font-size: 15px;
}


span#room_adult_child_config {
    font-size: 15px;
}


}

.quick-booking .selectdiv select::-ms-expand, .section__booking .selectdiv select::-ms-expand { display: none; }


.gofull {
  -webkit-transition: width 2s;
  transition: width 2s;
}
.fullshow {
  -webkit-animation: fullsize 0.5s forwards;
  -webkit-animation-delay: 0.5s;
  animation: fullsize 1s forwards;
  animation-delay: 0.5s;
}

.hotelmagic img{
    height: 660px;
    object-fit: cover;
}

@-webkit-keyframes fullsize {
  0% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
@keyframes fullsize {
  0% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}






.row-features {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}

.new-feature-slider {
  width: 100%;
  float: left;
  overflow: hidden;
}
.new-feature-slider .feature-slide {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
.new-feature-slider .feature-slide .feature-slide-image img {
  width: 100%;
  display: block;
}
.new-feature-slider .feature-slide.active {
  opacity: 1;
}

.block-wrap {
  position: relative;
  width: 100%;
}
.block-wrap:before {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
}

.w50 {
  width: 50%;
  float: left;
}

.h50:before {
  padding-top: 50%;
}

.block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.content-centered {
  text-align: center;
  position: absolute;
  z-index: 100;
  width: 100%;
}

.controls {
  box-sizing: border-box;
  width: 80px;
  height: 160px;
  position: absolute;
  z-index: 9999;
  overflow: visible;
}
.controls .control {
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  display: block;
  border:3px solid #0a4e9f;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  float: right;
}
.controls .control:first-child {
	margin-bottom: 60px;
}
.controls .control.button-next {
  transform: rotate(180deg);
}
.controls .control:before, .controls .control:after {
  width: 20px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform-origin: left center;
  content: "";
  background-color: #0a4e9f;
  transition: all 0.3s ease;
}
.controls .control:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.controls .control:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.controls .control:hover {
  background-color: var(--primary-light);
}
.controls .control:hover:before, .controls .control:hover:after {
  background-color: white;
}

.new-feature-controls {
    bottom: 22%;
    right: -46%;
}

@media screen and (min-width: 1401px) and (max-width: 1600px) {
	.guest-content-title {
		font-size: 42px;
	}
	.guestsec_head span {
		font-size: 62px;
	}
	.new-feature-controls {
		bottom: 22%;
		right: -28%;
	}
	.controls .control {
		width: 60px;
		height: 60px;
	}
	.guest-content{
	    width: 650px;
	}
	.guestroom-img img {
		height: auto;
	}
	.revwrapper {
		padding: 0px 100px 40px 100px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.guest-content{
		padding:0px 100px 40px 100px;
		width: 600px;
	}
	.guest-content-title {
		font-size: 42px;
		margin-bottom: 20px;
	}
	.new-feature-controls {
		bottom: 22%;
		right: -28%;
	}
	.controls .control {
		width: 50px;
		height: 50px;
	}
	.guestsec_head span{
	    font-size: 60px;
	}
	.revwrapper {
		padding: 50px 30px;
	}
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
.map-details{width: 100%;}
.subscribe-main-div{flex-direction: column;}
.subscribe-title-sec {width: 100% !important;}
.subcribe-input-sec {width: 70% !important;}
.subscribe-title label{text-align: center;}
.section-guestroom{padding: 50px 0 20px 0;}
	.toplogo img {
		max-width: 140px !important;
	}
	div#myCarousel2 {
		margin-top: 0px;
	}
	a.reviewbtn{
	    margin-top: 15px;
	}
	.mainmen {
		margin-top: 5px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.about-btn .btn-div {
		justify-content: center;
	}
	.reviews-counts {
		font-size: 20px;
	}
	.footer-links ul li{
		margin-bottom: 12px;
	}
	span.captionbox{
	    font-size: 22px;
		display: inline-block;
	}
	.revwrapper{
		padding: 20px 20px;
	}
	#myCarousel2 p{
		font-size: 18px;
		margin-bottom: 30px;
	}
	.addpatch{
		padding: 40px !important;
	}
	.guestsec_head span{
		font-size: 44px;
	}
	.guest-content-title {
		font-size: 32px;
	}
	.guestroom-img img {
		height: auto;
	}
	.guestsec_head {
		margin-top: 0px;
		padding-left: 15px;
	}
	.guest-content{
		padding: 30px 30px !important;
		left: -15%;
		z-index: 1;
		position: absolute;
		width: 480px;
		margin-top: 2px;
	}
	.guest-btnview {
		margin-top: 40px;
	}
	.guest-content-title{
		margin-bottom: 10px;
	}
	.guest-content p {
		font-size: 14px !important;
	}
	.guest-content a.btn.btnview {
		font-size: 16px !important;
		padding: 13px 0 15px;
		width: 150px;
	}
	.revhead {
		font-size: 19px !important;
    top: -3px!important; padding: 18px 23px !important;
	}
	span.addhead{margin: 0px 0px;}
	.new-feature-controls {
		bottom: 22%;
		right: -32%;
	}
	.controls .control {
		width: 50px;
		height: 50px;
	}
	.footer-div {
		display: flex;
		align-items: center;
		justify-content: center;
		    padding-top: 20px !important;
	}
	
	.footer-btn, .goog-te-gadget-simple{
		    margin-bottom: 0;
			margin: 0 auto;
	}
	
	.widthmd24{
		width: 24%;
	}
	
	.widthmd30{
		width: 30%;
	}
	
	
	#myCarousel2 .carousel-control.left {
		left: 82%;
		top: -20%;
	}
	#myCarousel2 .carousel-control.right {
		right: 0%;
		top: -20%;
	}
	.about-title-1 {
		font-size: 30px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.addpatchwrapper-row {
		display: flex;
	}
	.footer-logo img {
		text-align: center;
	}
	.carousel-caption {
		right: 10%;
		left: 10%;
	}
	.footer-logo-div {
		border-bottom: 1px solid #fff;
		margin-bottom: 20px;
	}
	.addpatch {
		padding: 36px !important;
	}
	.footer-social-icons ul li {
		top: 0px;
	}
	.footer-logo-div img {
		margin: auto;
		margin-bottom: 30px;
	}
	.footer-div {
		padding-top: 0px !important;
	}
}
@media screen and (min-width: 1200px) {
	.footer-logo {
		top: 20px;
    position: relative;
    left: 0;
    right: 0;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.guestroom-img img {
		
		object-fit: cover;
		object-position: center right;
		width: 100%;
	}
	.revwrapper {
		padding:30px 30px;
	}
	#myCarousel2 .carousel-control.right {
		right: 0%;
		top: -27%;
	}
	#myCarousel2 .carousel-control.left {
		left: 0%;
		top: -27%;
	}
	a.reviewbtn{
	    margin-top: 40px;
		margin-bottom: 10px;
	}
	p.OurGuest-name {
		margin-top: 20px !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 320px){
.right-bg{padding-top: 8px;}
.left-bg{min-height: auto;}
.quick-booking .selectdiv select{font-size: 12px;padding-left: 3px !important;}
.subscribe-title label{font-size: 19px !important;line-height: 21px;}
	#myCarousel2 .carousel-control.right span,#myCarousel2 .carousel-control.left span{
		background: transparent;
	}
	#myCarousel2 .carousel-control.left{
		left: 0%;
		top: -38px;
		z-index: 7;
	}
	#myCarousel2 .carousel-control.right{
		right: 0%;
		top: -38px;
		z-index: 7;
	}
	p.OurGuest-info {
		font-size: 16px !important;
		margin-bottom: 30px !important;
	}
	a.reviewbtn{
	    margin-top: 40px;
	}
}

@media screen and (max-width: 991px) {
.guestroom-row:before{width: 100% !important;}
.carousel-indicators{display:none;}
	.guestroom-img img {
		height: auto;
	}
	.guestroom-img {
		padding-right: 0px;
		margin-bottom: 20px;
	}
	.guestroom-row {
		margin: 0;
	}
	.revhead {font-size: 19px;padding: 17px 25px;top: 15px;}
	.contact-row {
		margin: 0px;
	}
	.revwrapper {
		padding: 0px 15px;
	}
	#myCarousel2 .carousel-inner>.item::after{
		background:none;
	}
	#myCarousel2 p {
		text-align: center;
		text-transform: capitalize !important;
		font-size: 16px;
		margin-top: 0px;
	}
	.company p{
		text-align: center !important;
	}
	.guest-content {
		position: relative;
		left: 0px;
		width: auto;
	}
	.guest-content-title {
		font-size: 36px;
		margin-bottom: 20px;
		margin-top: 20px;
		text-align: center;
	}
	.guest-content{
		padding: 10px 10px;
	}
	#myCarousel3 .carousel-inner>.item::after {
		background: none;
	}
	#myCarousel3 .carousel-inner .item p{
	    text-transform: capitalize !important;
		font-size: 16px !important;
		line-height: 26px;
		text-align: justify;
		margin-bottom: 40px;
	}
	.new-feature-controls {
		bottom: auto;
		    right: 46%;
    margin-top: 0px;
    left: 46%;
		margin: auto;
		text-align: center;
		    margin-top: 20px !important;
	}
	
	.contact__div{
		    padding-top: 20px;
	}
	
	.footer-div{
		display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
	}
	
	.footer-btn, .goog-te-gadget-simple{
		margin-bottom: 0px;
	}
	.gallery-bg{color: #024319;}
	.footer-copyright-container{
		    padding-bottom: 40px;
	}
	
	.gallery-bg{font-size: 36px !important;}
	span.addhead{
		    margin-top: -47px;
	}
	.guestsec_head {
		padding-left: 0px;
		padding-right: 0px;
	}
	.guest-btnview {
		text-align: center;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.guestsec_head p {
		text-align: justify;
	}
	.controls .control {
		width: 50px;
		height: 50px;
		top: 40px;
	}
	#myCarousel3 .controls.new-feature-controls a {
		display: block;
	}
	section.gallery-section {
		margin-top: 20px;
	}
}
@media screen and (max-width: 991px) { section.gallery-section{padding-bottom: 40px;}
	.section-specials .our-rooms {
    font-size: 30px !important;
}
.goog-te-gadget{margin-bottom: 20px;}
.footer-btn, .goog-te-gadget-simple{width: 184px;}
}
@media screen and (max-width: 767px) {
	.section-specials .our-rooms {
    font-size: 25px;
}
	.choosyin{margin-top:10px;}
.section__attractions{height: 490px !important;}
	.footer-links {
		padding-top: 15px !important;
	}
	.footer-social-icons ul li a {
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 28px !important;
	}
	.footer-copyright-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.MBXS10{
		margin-bottom: 0px;
	}
	
	.langAcess{
		
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	}
	
	.new-feature-controls{
	
    right: 43%;
   
    left: 43%;
  
    margin-top: 10px !important;
	}
	
	.guestsec_head span{
	    font-size: 33px;
    letter-spacing: 2px;
	    margin-bottom: 0;
	}
	
	.guest-content-title {
    font-size: 28px;
    margin-bottom: 0;
	}
	
	.contactsec {
		padding: 0;
	}
	
	.footer-logo img {
		text-align: center;
		margin: auto;
		margin-bottom: 7px;
	}
	.tripadvisor-logo img {
		margin: auto;
		text-align: center;
		margin-top: 15px;
	}
	.footer-social-icons ul li {
		top: 0px;
	}
	.contact__div{
		padding-top: 20px;
	}
	.gallery-div {
		margin-bottom: 11px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.addpatch{
		padding:40px !important;
	}
	.addpatchwrapper-row {
		display: flex;
		flex-wrap: wrap-reverse;
	}
	.addpatchwrapper {
		padding-top: 0px;
	}
	span.addhead{
		margin-top: 0px;
	}
	span.addhead.gallery-title {
		margin-bottom: 20px;
	}
	.guestroom-row {
		display: flex;
		flex-wrap: wrap-reverse;
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media screen and (max-width: 400px) {
.guest-content-title {
    font-size: 23px;
    margin-bottom: 0;
}

.guestsec_head span {
    font-size: 30px;}
}

.controls.abouts-controls {
    height: auto;
    width: 100%;
	bottom: 60px;
}
.controls.abouts-controls a i {
    background: #0068b1;
    padding: 5px 12px;
    font-weight: 600;
    font-size: 35px;
}
.gallery-row-top{padding:0;background:#D1E1E4;margin-top:30px;}
.image_box{position: relative;top: 85px;}
.border-box1{border: 2px solid #ccc;padding: 4px;background:#e6e6e6;text-align: center;}
.contact-form-input .form-control{width:100%;}
.box-text{text-align: center;color: #000000;font-size:19px;font-weight: 600;padding: 20px 0;}
.guestroom-row:before {
    position: absolute;
    content: '';
    left: 0;
    top: -13px;
    height: 100%;
    width: 65%;
}
.gallery-bg{font-size: 48px;
    padding: 0px;
    z-index: 1;
    position: relative;font-family: 'Averia Serif Libre', cursive; font-weight:600;
}
.padding-5{padding:5px;}




.no-webp .section__attractions {
	background:url(../img/attractions.jpg);
}
.subscribe__div {
    padding: 0px 20px 0px;
}
.subscribe-title {
    font-family: 'Averia Serif Libre', cursive;
    margin-bottom: 10px;
    text-align: left;
    color: #2C2C2C;
}
.subscribe-title label {
    display: block;
    text-transform: capitalize;
    font-size: 26px;
    font-weight: 600;
}
.subscribe-main-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.subcribe-input-sec {
    width: 55%;
}
.subscribe-title-sec{width: 45%;}
.subcribe-input {margin-top: 18px;}
.border-footer{border-bottom: 2px dashed #484848;}
.map-details-title{color:#000}
.bold{font-weight: 500;margin-bottom: 4px;font-size: 19px !important;}

@media screen and (min-width: 768px){
.carousel-caption {right: 10%;left: 10%;padding-bottom: 30px;}
}

/*** history slide **/

#fifty-fifty-slider-stack-id {
  border-radius: 0px;
  max-width: 750px;
  min-height: 550px;
  padding: 0;
  display: flex;
  margin: 0px auto;
  overflow: hidden;
  list-style: none;
  position: relative;
  align-items: stretch;
  font-family: "Nunito";
  transition: all 0s ease-in-out;
}

#fifty-fifty-slider-stack-id .ffs-slide {
  top: 0;
  left: 0;
  width: 92%;
  height: 95%;
  bottom: auto;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  border: 3px solid #024319;
  border-top: 0px;
}
#fifty-fifty-slider-stack-id .ffs-slide.active .ffs-slide-content {
  transform: translateX(0%);
}
#fifty-fifty-slider-stack-id .ffs-slide.active .ffs-slide-image {
  transform: translateX(0%);
}
#fifty-fifty-slider-stack-id .ffs-slide-content, #fifty-fifty-slider-stack-id .ffs-slide-image {
  width: 66%;
  flex: 0 1 auto;
  position: relative;
  pointer-events: auto;
  box-sizing: border-box;
}
#fifty-fifty-slider-stack-id .ffs-slide-content {
  z-index: 2;
  display: flex;
  position: relative;
  padding-bottom: 50px;
  transform: translateX(200%);
  transition: transform 0.6s 0s ease-in-out;
  flex-direction: column;
  justify-content: center;
   margin: 0 auto !important;
}
#fifty-fifty-slider-stack-id .ffs-slide-content-inner {
  padding: 20px 0px;
  padding-top: 0px;
  box-sizing: border-box;
  background-color: #ffffff;
}
#fifty-fifty-slider-stack-id .ffs-slide-content .ffs-slide-title {
     color: #000;
    font-size: 25px;
    /* line-height: 22px; */
    margin-bottom: 10px;
    text-align: center;
	background-color: #ffffff;
	padding-top: 25px;
}
#fifty-fifty-slider-stack-id .ffs-slide-content .ffs-slide-text p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 22.4px;
  margin-top: 20px;
}
#fifty-fifty-slider-stack-id .ffs-slide-content .ffs-slide-action {
  color: white;
  font-size: 16px;
  padding: 7px 20px;
  border: 2px solid;
  background: none;
  border-radius: 30px;
  border-color: rgba(255, 255, 255, 0.2);
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 0.3s ease;
}
#fifty-fifty-slider-stack-id .ffs-slide-content .ffs-slide-action:hover {
  color: white;
  background: none;
  border-color: white;
}
#fifty-fifty-slider-stack-id .ffs-slide-image {
  z-index: 1;
  transform: translateX(100%);
  transition: transform 0s 0.3s ease-in-out;
}

#fifty-fifty-slider-stack-id .ffs-nav {
  left: 0;
  bottom: -7px;
  width: 50%;
  z-index: 10;
  color: white;
  display: flex;
  padding: 10px 20px;
  position: absolute;
  align-items: center;
  box-sizing: border-box;
  justify-content: flex-end;
}
#fifty-fifty-slider-stack-id .ffs-nav-count {
font-size: 14px;
    margin-right: auto;
    right: 11px;
    color: #fff;
    position: absolute;
    background: #024319;
    padding: 10px;
	z-index: 2;
}
#fifty-fifty-slider-stack-id .ffs-nav a {
  width: 47px;
  height: 47px;
  background: #024319;
  border-radius: 30px;
  border: 2px solid #024319;

  display: flex;
  color: inherit;
  line-height: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transform: translateY(0%);
  transition: all 0.3s ease-in-out;
}
#fifty-fifty-slider-stack-id .ffs-nav a i {
  line-height: 0;
  font-size: 20px;
}
#fifty-fifty-slider-stack-id .ffs-nav a:hover {
  opacity: 1;
}
#fifty-fifty-slider-stack-id .ffs-nav a:first-of-type {
  margin-right: 10px;
}
#fifty-fifty-slider-stack-id.slide-end .ffs-nav a.next {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(100%);
}
#fifty-fifty-slider-stack-id.slide-start .ffs-nav a.prev {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(100%);
}

#fifty-fifty-slider-stack-id.height-set .ffs-slide {
  bottom: 0;
  background: #fff;
}
#fifty-fifty-slider-stack-id.hide-titles .ffs-slide-title {
  display: none;
}
#fifty-fifty-slider-stack-id.hide-text .ffs-slide-text {
  display: none;
}
#fifty-fifty-slider-stack-id.hide-actions .ffs-slide-action {
  display: none;
}
#fifty-fifty-slider-stack-id.content-top .ffs-slide-content {
  justify-content: flex-start;
}
#fifty-fifty-slider-stack-id.content-center {
  justify-content: center;
 
}
#fifty-fifty-slider-stack-id.content-bottom {
  justify-content: flex-end;
}


@media (max-width: 500px) {
	
  #fifty-fifty-slider-stack-id {
    min-height: 578px;
  }
  
  #fifty-fifty-slider-stack-id .ffs-nav {
    width: 100%;
  }
  #fifty-fifty-slider-stack-id .ffs-slide {
    width: 100%;
    flex: 1 0 auto;
    flex-direction: column-reverse;
	height: 510px;
  }
  #fifty-fifty-slider-stack-id .ffs-slide-content {
    width: 100%;
    flex: 1 0 auto;
    transform: translateX(100%);
  }
  #fifty-fifty-slider-stack-id .ffs-slide-image {
    width: 100%;
    height: 300px;
    flex: 0 1 auto;
    transform: translateX(100%);
    transition: transform 0.6s 0s ease-in-out;
  }
  #fifty-fifty-slider-stack-id.mobile-nav-top .ffs-slide-content {
    padding-bottom: 0;
    padding-top: 50px;
  }
  #fifty-fifty-slider-stack-id.mobile-nav-top .ffs-nav {
    top: 512px;
    bottom: auto;
  }
  #fifty-fifty-slider-stack-id.mobile-nav-top.slide-start .ffs-nav a.prev {
    transform: translateY(-100%);
  }
  #fifty-fifty-slider-stack-id.mobile-nav-top.slide-end .ffs-nav a.next {
    transform: translateY(-100%);
  }
}
/** hostory slide **/
.overlay_gal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: rgba(0, 0, 0, 0.7);
}

.hovereffect:hover .overlay_gal {
  opacity: 9;
}

.text_gal {
  color: white;
  font-size: 20px;
  position: absolute;
  width: 91%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 99;
}
.gallery-mob{font-weight: 600;
    font-size: 38px;
    text-align: center;
    text-transform: uppercase;font-family: 'Averia Serif Libre', cursive; color: #024319;}
.barre-apple{display:none !important;}
.carousel-inner .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.div__logo img {
    width: auto;
}
.faqquestion-textbx1{margin-top: 55px;margin-bottom: 20px;}
.other-mesaures{display: none;}

@media (max-width: 1199px) and (min-width: 768px){
.section__booking {position: relative;}

}
@media (min-width:990px) and (max-width:1198px){
    .rotate-text.history p{    top: 357px;
        left: 70px !important;
    }
}
@media (max-width: 991px) and (min-width: 768px){

.choosyin{margin-top: 15px;}
}
.navbar-inverse .navbar-toggle .icon-bar{    background-color: #01340b;}

.logo-center{position: relative; text-align: center;
    top: 50%;
    left: 40%;
    transform: translate(-60%, -50%);}
	
	
	  h1 {
      margin: 0 auto;
        position: relative;
		color: #03441A;
      }
     h1:before {
      content: "";
    display: block;
    width: 62px;
    height: 4px;
    background: #024319;
    left: 240px;
    top: 70%;
    position: absolute;
      }
 h1:after {
        content: "";
        display: block;
        width: 62px;
        height: 4px;
        background: #024319;
        right: 240px;
        top: 70%;
        position: absolute;
      }
	  .guestsec_head p{font-family: 'Lato';}
	  
	 .gallery-bggg:before, .our-rooms:before{ content: "";
    display: block;
    width: 62px;
    height: 3px;
    background: #024319;
    left: 107%;
    top: 45%;
    position: absolute;}
	
	 .our-rooms{    position: relative;
    color: #03441A;
    width: auto;
	display: inline-block;
	font-size: 48px;
    left: 260px;}
	 .gallery-bggg:after, .our-rooms:after{     content: "";
    display: block;
    width: 62px;
    height: 3px;
    background: #024319;
    right: 107%;
    top: 45%;
    position: absolute;}
	
	.gallery-bggg{display: block; font-size: 48px; color: var(--primary-dark);
    text-transform: uppercase;}
	.gallery-bggg:before{left: 77%;
    top: 28%;}
	.gallery-bggg:after{    right: 77%;
    top: 28%;}
	.row.guestroom-row{margin-top: 25px; background: #c8d6cd;}
	
	.guestroom-row{
    display: flex;
    justify-content: center;
    align-items: center;
}

.guestroom-row .col-md-5{position: relative;
    top: -100px;}
	
	.guestsec_head p:first-child{ margin-bottom: 15px; max-width: 894px;}
	
	.display-flex{display: flex;
    justify-content: center;
    align-items: center;}
	
	a.gallery-buttons{    display: block;
    font-size: 48px;}
	.section__main{width: 95%;
	}
	.attractions1{width: 259px;}
	
	.section-specials .our-rooms{float: right;
    font-size: 30px;
    left: -13%;
    position: relative;}
	

	
	.reviews-img{    min-height: 500px;
    max-height: 480px; object-fit: cover;}
	
.d-flex-mobile,	.map-details a{display: flex;
   
    align-items: start;}
	
	.footer-logo{display: flex; justify-content: center; align-items: center;}
	.seo-links li{display: inline-block;}
	footer{font-family: lato;}
	
	.bg-color{background: #024319;}
	.bg-color p, .bg-color a{color: #ffffff;}
	
	.seo-link li{padding: 0px 15px; border-right: 1px solid;}
	.seo-link li:last-child{border: none;}
	.seo-link{border-top: 1px solid #024319; padding-top: 10px;}
	.brder-footer{border-top: 1px solid #024319;}
	
	.langAcc{background: #024319;}
	#google_translate_element{padding-top: 40px;}
	.decore-block{height: 18px; background:#024319; width: 100%;}
	
	.addpatchwrapper-div{padding: 40px 0px !important;}
	.rotate-text p{    color: #024319;
    font-size: 57px;
    transform: rotate(-90deg);
    position: absolute;
    top: 414px;
    left: 63px;
    transform-origin: 0 0;
    background: none;
    transform: rotate(270deg);
    transform-origin: 0 0;}
	
	.map-details p{font-family: lato; margin-bottom: 0px; text-align: left;}
	.map-details .map-details-title{margin: 0px; margin-right: 35px;}

.reviews-counts{visibility: hidden;}

.our-rooms.reviews{font-size: 40px;
    left: auto;}
	
	.history.PR{padding-bottom: 50px;}
	
	.number-counter{    position: absolute;
    color: #fff;
    right: 0px;
    background: #024319;
    padding: 15px;
    z-index: 1;}
	
	.rotate-text.history p{    top: 357px;
    left: 161px;
}

.smaller .navbar-inverse .navbar-toggle .icon-bar{background-color: #ffffff;}

   .rotate-text.attraction p{ top: 387px;
    left: 331px; font-size: 40px;}
	
	.section__attractions {background: #c8d6cd;}
	
	.section-specials{padding-top: 50px;}
	.navbar-toggle .icon-bar{ color: #01340b; height: 3px;}
	.navbar-toggle .icon-bar:nth-child(3){width: 50px;}
	
	.navbar-toggle span.icon-bar{height: 3px; margin: 0 auto;}
		.hidesmaller a:hover, a.navtog, a.navtog:hover{color: #004317 !important;}
		.padding-10{padding: 0px 0px 0px 10px;} .padding-0{padding: 0px;}
		.padd10{padding: 8px 0px 0px 10px;}
		
		#fifty-fifty-slider-stack-id .ffs-nav{z-index: 2;}

.map-location p{ margin-top: 30px;
    color: #024319;
    font-size: 50px;
    /* transform: rotate(-90deg); */
    /* position: static; */
    left: 15px;
    text-align: left;
    position: relative;
    margin-bottom: 45px;}
	
	
	
	@media screen and (min-width: 1200px){ .upcoming-events .gallery-bggg{font-size: 45px !important} .upcoming-events .gallery-bggg:before {
    left: 85%;
    top: 18%;
} .upcoming-events .gallery-bggg:after {
    right: 85%;
    top: 18%;
} .addpatchwrapper-div {
    padding: 0px 0px 40px !important;
} .section__headerbg .innercaption p{max-width: 802px;} .about-btn .btn-div{justify-content: center;} .map-details{width: 400px;} .map-location p{text-align: center;} .MR50_L{margin-left: 50px;} .OurGuest-name{text-align: left;} .container-gall{      max-width: 1500px;
    height: 525px;
    margin: 0px auto;
    padding: 10px 0px 0px !important;} .navbar-nav>li.reservation-button{top: 30%;} .custom__header .navbar-inverse{height: 110px} .width-gall{max-width: 890px;} .attraction-description{padding-left: 0px ;} .section-guestroom .guestsec_head p:first-child {
    margin-bottom: 15px;
    font-size: 26px !important;
    font-weight: 600;
    font-family: inherit;
    color: var(--primary-dark);
}  #fifty-fifty-slider-stack-id .ffs-nav a:first-of-type{margin-right: 80%;} .about-btn .btn-div{    justify-content: center;} .company p{font-size: 16px;} .P-abs-gall{position: absolute;     z-index: 1;
    left: 39%;
    top: 36%;} #fifty-fifty-slider-stack-id .ffs-nav{width: 88%;} .height-img-attraction img{ height: 804px; object-fit: cover;}}
	
	@media screen and (min-width: 1451px){ .rotate-text.history p{left: 20%;} .container-gall{height: 565px;}}
		@media screen and (min-width: 1701px){ .rotate-text.history p{left: 23%;} ul.top-nav-ul.nav.navbar-nav{width: 98%;}}
		@media (max-width: 1199px) { .addpatchwrapper-row img.W100.hidden-xs{height: 600px;
    object-fit: cover;}
		.OurGuest-name {		text-align: left;} 
#fifty-fifty-slider-stack-id .ffs-nav{width: 59%;}  .attraction-btn .btn-div{justify-content: center !important;} .container-gall.P0 {height: 365px;} .company p{    font-size: 14px; margin-bottom: 15px;} .map-details .map-details-title{    margin-right: 22px;} .rotate-text p{font-size: 51px;     top: 305px;
    left: 41px;} .reviews-img{min-height: 563px;} .rotate-text.history p{top: 357px;} .section-specials .our-rooms{font-size: 23px;} .section-specials{padding-top: 50px;} .attraction-description p{width: 100%;} .attraction-content{left: 0%;} .rotate-text.attraction p {
    top: 353px;	left: 309px;} .height-img-attraction img{height: 748px;  object-fit: cover;} .gallery-bggg:after {    right: 78%;
    top: 25%;}  .gallery-bggg{font-size: 37px;} .gallery-bggg:before {    left: 78%;    top: 25%;}  .guestsec_head{padding-top: 30px;} .our-rooms{left: 150px;} h1:after, h1:before{top: 75%;} h1:after{right: 160px;} h1:before{left: 160px;} .section__main{width: 100%;} .fas.fa-concierge-bell.fa-2x{color: #004317;}}
	
	@media (max-width: 991px) {  .gallery-bggg.MB50 {margin-top: 0px;}.seo-link {
    border-top: 1px solid #024319;
    padding-top: 28px;
    padding-bottom: 13px;
}  .footer-div {
    padding-bottom: 40px !important;
    padding-top: 7px !important;
} .container-gall.P0{height: auto;} .guestsec_head p {
    font-family: 'Lato';
    padding: 0px 15px;
}
 .section-specials {
    padding-top: 0px;
}
a.btn.btnview-bg{padding: 12px 0 12px; width: 153px;     transform: none;} 
.col-md-offset-0.row.guestroom-row img, .height-img-attraction img, .section-specials img{    height: 400px;
    object-fit: cover;} .reviews-img{display: none;}
	.addpatchwrapper-div {
    padding: 0px 0px !important;
}
a.btn.btnview-bg{text-transform: uppercase !important;}
.respop_heading2{padding-top: 30px;}
.navbar-toggle .icon-bar:nth-child(3){width: 40px;} #fifty-fifty-slider-stack-id{max-width: 664px;} 
.section-specials .our-rooms{width: 100%;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;} .section-specials .guestroom-row{flex-direction: column;} .history.PR{margin-top: 20px;} .seo-link li{border: none;} .bg-color{    padding-bottom: 15px;} .company p{margin-bottom: 0px;} .MBSmall15{margin-bottom: 15px;} .brder-footer{border-top: none;} #google_translate_element{padding-top: 0px;} .footer-logo{display: block;} .langAcc{background: #ffffff;} .seo-links li{display: block;} .attraction-div, .section__attractions {
    background: var(--white);
}  .mob-attraction{font-size: 40px; color: #024319; text-align: center;
    padding: 20px;} .gallery-bggg:after {
    right: 98%;
    top: 44%;
} .gallery-bggg:before {
    left: 98%;
    top: 44%;
}  .gallery-row .display-flex{    flex-direction: column-reverse;} .guest-btnn{text-align: center;} .guestsec_head p:first-child{
} .guestroom-row .col-md-5{top: 0px;} .reviewssec, .row.guestroom-row{background-color: #ffffff;} .guestroom-row{flex-direction: column-reverse;} .our-rooms {
        width: 100%;
    left: 0;     right: 0;
    text-align: center;
}  h1:after {
    right: 135px;
}h1:before {
    left: 135px;
} .gallery-bggg:after, .our-rooms:after, .gallery-bggg:before, .our-rooms:before, h1:before, h1:after{width: 32px; display: none;} 
.about-title-1-sub{font-size: 36px;} .navbar-inverse .navbar-toggle .icon-bar{background-color: var(--white);}
.fas.fa-concierge-bell.fa-2x{color: var(--white);}
.upcoming-events .display-flex {
    flex-direction: column;} .upcoming-events .hovereffect{margin-top: 20px}
}
.OurGuest-name{font-weight: 700}

@media screen and (max-width: 767px){ .nav-tabs.mobileshow .tab_icon .fas{width: 25px;} .social-icons {
    margin: 0 10px;
}  .col-lg-8.col-md-7.PL0{padding-right: 0px;} .our-rooms.reviews{margin-top: 60px;
    margin-bottom: 20px;}  #fifty-fifty-slider-stack-id .ffs-slide-content .ffs-slide-title{padding-top: 0px;} #fifty-fifty-slider-stack-id .ffs-nav{width: 100%;} .width33.chooseops.mdP0{margin-top: 35px;} .history.PR{padding-bottom: 0px;} .gallery-mob{margin-bottom: 30px;} .section-specials .guestroom-row{display: block; margin-top: 35px;} .section-specials .our-rooms{margin: 0px auto;} .smaller .MT11 {
    margin-top: 25px !important;
}  .about-title-1-sub{font-size: 30px;} .about-title-1{line-height: 37px;} .MT30.our-rooms,.gallery-mob, .mob-attraction, .our-rooms.reviews, .mob-attraction, .section-specials .our-rooms{font-size: 32px;} #fifty-fifty-slider-stack-id {
    max-width: 360px;
} #fifty-fifty-slider-stack-id .ffs-slide{border: 0px solid #024319;} #fifty-fifty-slider-stack-id .ffs-nav{justify-content: center;}}


a.btn.btnview-bg:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(2 67 25 / 23%);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


@media screen and (min-width: 1200px) and (max-width: 1325px){.col-lg-8.col-md-7.PL0{    position: relative;
    top: -15px;
}}

@media screen and (min-width: 992px) and (max-width: 1199px){ .upcoming-events .gallery-bggg:before {
    left: 82%;
    top: 16%;
} .upcoming-events .gallery-bggg:after {
    right: 82%;
    top: 16%;
} .upcoming-events .gallery-bggg:before, .upcoming-events .gallery-bggg:after {font-size: 30px; width: 50px;} .upcoming-events .gallery-bggg{font-size: 30px;} .room_description{padding: 0px 47px;}}
#carouselButtons button{padding: 5px 8px 2px;}

@media screen and (max-width: 399px){
.map-details .map-details-title{margin-bottom: 10px;}	

.d-flex-mobile, .map-details a{    flex-direction: column;
    align-items: center;}}
	
	.faqquestion-textbx1{margin-top: 20px;}
.slidee:nth-of-type(1) {
  background: url("../img/group-1.png");
      background-size: 60%;
    background-repeat: no-repeat;
	background-position: center;
}

.slidee:nth-of-type(2) {
  background: url("../img/group-2.png");
      background-size: 60%;
    background-repeat: no-repeat;
	background-position: center;
}

.slidee:nth-of-type(3) {
background: url("../img/group-3.png");
     background-size: 60%;
    background-repeat: no-repeat;
	background-position: center;
}

.slidee:nth-of-type(4) {
 background: url("../img/group-4.png");
      background-size: 60%;
    background-repeat: no-repeat;
	background-position: center;
}

	@media screen and (min-width: 768px) and (max-width: 991px){
	.col-md-offset-0.row.guestroom-row img{object-position: center top;     height: 500px;}
    }
	
	#allEvents .EventBox img {
    height: 260px !important;}
	
	.packages_details-form .block.MT5{position: relative;}

    .footer-social-icons ul li a.icon-twitter:hover {
        filter: invert(99%) sepia(100%) saturate(4784%) hue-rotate(191deg) brightness(140%) contrast(100%);
    }
   
    @media screen and (width: 1280px){
        .footer-social-icons ul li a.icon-twitter{
            height: 49px;
        }
    }