* { margin: 0; padding: 0; max-width: 100%; font-family: 'Montserrat', sans-serif; }

nav, nav *, .row, .slick-slider, .slick-slider *, .lightbox, .lightbox * { max-width: none }

label { font-weight: normal }

fieldset { border: none; margin: 0; padding: 0 }

input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: border-box; margin: 0; outline: 0; vertical-align: top; width: 100% }

input[type='checkbox'], input[type='radio'] { width: auto; height: auto }

input[type='checkbox'] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox }

input[type='radio'] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio }

select[multiple], select[size], textarea { height: auto }
 select::-ms-expand {
 display: none;
}
 select:focus::-ms-value {
 background-color: transparent;
 color: inherit;
}

textarea { resize: vertical }
 input[type='search']::-webkit-search-decoration {
 display: none;
}

input[type='number'] { -moz-appearance: textfield }
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

a { color: #B9975B; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }

a:hover, a:focus { color: rgba(68, 70, 71, 0.8); text-decoration: none }

*:focus { outline: none !important }

img { max-width: 100% }

b, strong { font-weight: bold }

em, i { font-style: italic }

.clr { border: 0; clear: both; height: 0 }

body, html { width: 100% }

h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; line-height: inherit }

h3 {
    font-size: 14px;
    text-transform: uppercase;
}

h4 {
    font-size: 12px;
}

p + p { margin-top: 20px }

*[hidden] { display: none }

*[visible] { display: block }

::-webkit-scrollbar {
 min-width: 15px;
 width: 0.15%;
 max-width: 15px;
}

::-webkit-scrollbar, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-button {
 background: #f2f2f2;
}

::-webkit-scrollbar-thumb {
 background: #d1d1d1;
 border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
 background: #c1c1c1;
 border-radius: 10px;
}

svg:not(:root) { height: 100%; width: 100% }

html { overflow:hidden; overflow-y:auto; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent }

body { background: #fff; color: rgba(68, 70, 71, 0.8);  font-size: 22px; line-height: 1.45; overflow: hidden; -webkit-text-stroke: rgba(255, 255, 255, 0.01) 0.1px; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; word-wrap: break-word }

body.loaded { overflow-y: auto }

.cookies-btn {
    float: right;
    margin: 5px 0;
}
a.optanon-toggle-display {
    color: black!important;
    line-height: 0px!important;
}

.preloader { background: rgba(255, 255, 255, 0.95); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }

.loaded .preloader { opacity: 0; visibility: hidden; pointer-events: none }

.ballLoader { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }

.ballLoader > div { height: 16px; width: 16px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #B9975B; display: inline-block; -webkit-animation: ballLoader 1.4s infinite ease-in-out both 0s; animation: ballLoader 1.4s infinite ease-in-out both 0s }

.ballLoader .ball:nth-of-type(1) { -webkit-animation-delay: -0.32s; animation-delay: -0.32s }

.ballLoader .ball:nth-of-type(2) { -webkit-animation-delay: -0.16s; animation-delay: -0.16s }
 @-webkit-keyframes
ballLoader { 100%, 80%, from {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes
ballLoader { 100%, 80%, from {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}

/*.modal-open main,
.modal-open .my-footer,
.modal-open .my-header,
.modal-open nav {
    -webkit-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px)
}*/

.modal { text-align: center }

.modal:before { content: ''; display: inline-block; height: 100%; margin-right: -4px; vertical-align: middle }

.modal-dialog { display: inline-block; text-align: left; vertical-align: middle }

.ui-widget.ui-widget-content { font-size: 14px }

.input { background: #fff; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); color: #494949; border: 0;  height: 36px; font-size: 15px; padding: 0 10px; letter-spacing: 0.01em; margin: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
 .input::-webkit-input-placeholder {
 color: #c3ccd1;
}
 .input:-moz-placeholder {
 color: #c3ccd1;
 opacity: 1;
 filter: alpha(opacity=100);
}
 .input::-moz-placeholder {
 color: #c3ccd1;
 opacity: 1;
 filter: alpha(opacity=100);
}
 .input:-ms-input-placeholder {
 color: #c3ccd1;
}

.input:focus { -webkit-box-shadow: 0 0 0 2px #A91F25; box-shadow: 0 0 0 2px #A91F25 }

textarea.input { height: 100px; margin: 0 0 20px; resize: none; padding: 10px 15px }

.submitBtn { border: 0; height: 36px; color: #fff; font-size: 1.5em; text-transform: uppercase; min-width: 170px; padding: 0; width: auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }

.submitBtn:hover { background: #aa7000 }

button:active, input[type="submit"]:active, .submitBtn:active { -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.08); box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.08) }

.submitBtn[disabled] { pointer-events: none; opacity: 0.7; box-shadow: inset 0 0 5px rgba(241, 241, 241, 0.47) }

.my-header { background-color: #fff; padding: 30px; font-size: 14px;  position: relative; z-index: 99999 }
.my-header .header-logo {position: absolute; top: -20px;}

.my-header .links a { margin-left: 20px; line-height: 36px; color: #6a6d71; text-decoration: none; padding: 5px }

.my-header .links a img { display: inline-block; vertical-align: -2px }

.my-header .links a:hover, .my-header .links a:focus { background-color: #eee }

.my-header .selectParent { display: inline-block; margin-left: 20px }

.my-header .selectParent select { width: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 2px 2px 2px 2px; border: none; background: transparent url('../../../../redcowmoranhotel/images/select-arrow.png') no-repeat right 5px center; display: inline-block; vertical-align: middle }

.my-navbar { margin-bottom: 0px; border-radius: 0px; background-color: #041E42; border: none; text-align: center; padding-bottom: 0; position: relative; z-index: 99 }
/*.affix { position: fixed }*/
#myNavbar { padding-left: 0; padding-right: 0 }
.my-navbar li a { color: rgba(255, 255, 255, .9)!important; font-size: 17px; padding: 15px 20px; text-transform: uppercase; }
.my-navbar .dropdown ul { background-color: #37525D; border: 0; border-radius: 0 }
.my-navbar .navbar-nav > .active > a, .my-navbar .navbar-nav > .active > a:hover, .my-navbar .navbar-nav > .active > a:focus, .my-navbar .navbar-nav > .open > a, .my-navbar .navbar-nav > .open > a:hover, .my-navbar .navbar-nav > .open > a:focus, .my-navbar li a:hover, .my-navbar li a:focus, .my-navbar .navbar-nav > li > a:hover, .my-navbar .navbar-nav > li > a:focus { background-color: #b9975b }
.my-navbar .dropdown li a, .my-navbar .dropdown li a { padding-top: 10px; padding-bottom: 10px }
/* Mobile version */



.navbar-header, .navbar-collapse { max-width: none }

.my-navbar .navbar-toggle { border: none; border-radius: 0 }

.my-navbar .navbar-toggle:hover, .my-navbar .navbar-toggle:focus { background-color: #233941 }

.my-navbar .nav-center {  display: inline-block; left: 0; right: 0; margin: 0; float: none; vertical-align: top; }

.my-navbar .navbar-btn { margin: -3px 0px -3px 0px; border-radius: 0px; background-color: #B9975B; color: #fff; border: none; height: 56px; font-size: 17px }

.my-navbar .navbar-btn:focus, .my-navbar .navbar-btn:hover { background: #8c0e14; color: #fff }

.affix { top: 0; width: 100% }

/** Footer **/


.my-footer {  text-decoration: none }

.my-footer a { color: rgba(255, 255, 255, .7); font-weight: 400; font-size: 15px; -webkit-font-smoothing: antialiased !important }

.my-footer a:hover, .my-footer a:focus { color: #fff; text-decoration: none }

.my-footer h5 { color: #fff; font-size: 15px }

.my-footer .red-footer { background-color: #041E42; padding: 20px 0 }

.my-footer .red-footer ul, .my-footer .red-footer a { list-style: none; padding: 0; line-height: 30px; margin: 15px 0 }

.my-footer .address { font-size: 14px; line-height: 1.4 }

.my-footer .social { margin-top: 15px }

.my-footer .social a { margin-left: 8px; opacity: .7 }

.my-footer .social a:focus, .my-footer .social a:hover { opacity: 1 }

.my-footer .social img { padding-bottom: 10px }

.my-footer .green-footer { background-color: #B9975B; padding: 20px; color: rgba(255, 255, 255, .7); line-height: 1 }

/* LOGIN & BOOKING MODALS */


.my-custom-modal .modal-dialog { width: 370px; position: absolute; top: 50%; left: 0px; right: 0; margin: auto; -webkit-transform: translate(0, -50%) !important; transform: translate(0, -50%) !important }

.my-custom-modal .modal-content { background-color: #eee; border-radius: 0px; box-shadow: 0 1px 6px 0 rgba(94, 99, 103, 0.7); border: none;  font-weight: 400; color: #6a6d71; font-size: 15px; -webkit-font-smoothing: antialiased !important; padding: 10px 10px 0px 10px;}

.my-custom-modal .close { color: #fff; opacity: 1; position: absolute; top: -39px; right: -1px; font-size: 30px; font-weight: 400; text-shadow: 0 1px 6px rgba(94, 99, 103, 0.7); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }

.my-custom-modal .close:hover { color: #f00; opacity: 0.8 }

.datepicker { background: #fff url('../../../../redcowmoranhotel/images/calendar-icon.png') no-repeat; background-size: 14px; background-position: right 10px center }

.my-custom-modal input, .my-custom-modal select { -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; height: 36px; width: 100%; padding: 0 8px; margin-bottom: 30px; font-size: 16px }

.my-custom-modal input { margin-bottom: 22px }

.my-custom-modal label { font-weight: 400 !important; font-size: 12px; -webkit-font-smoothing: antialiased !important }

.my-custom-modal .modal-body h3 { text-transform: uppercase; text-align: center; font-size: 30px; color: #B9975B; margin-bottom: 30px; margin-top: 0px }

.my-custom-modal a { color: #B9975B; margin-top: 20px }
 .my-custom-modal input::-webkit-calendar-picker-indicator {
 display: none;
}
 .my-custom-modal input::-webkit-calendar-picker-indicator {
 display: none;
}
 .my-custom-modal input[type="date"]::-webkit-input-placeholder {
 visibility: hidden !important;
}

.my-custom-modal .discount-link { margin: -10px 0px 30px 0px }

.my-custom-modal .discount-link input { margin: 5px 0px }

.select-adults { padding-left: 15px; padding-right: 0; margin-top: -15px }

.select-infants { padding-left: 0; padding-right: 15px; margin-top: -15px }

.select-kids { padding-left: 10px; padding-right: 10px; margin-top: -15px }

.room-no { color: #37525D; margin-top: -20px; margin-bottom: 20px }

.no-opera-error { display: none }

.invalid-code-error { color: #8c0e14; display: none }

select.form-control, select.input { -webkit-appearance: none; -moz-appearance: none; background: url('../../../../redcowmoranhotel/images/selectArrow.svg') #fff; background-position: right 5px center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; padding-right: 25px }
.form-control:focus { border-color: #A91F25; border-width: 2px;}
/* ANIMATED BUTTON */

.fancy-btn { border: none; height: 36px; width: 100%; color: #fff; position: relative; padding: 0px 15px; margin-bottom: 20px }

.fancy-btn:before { content: ''; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -7px; height: 2px; width: 30%; transition: width 0.3s ease, background 0.3s ease }

.fancy-btn:after { content: ''; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; top: -7px; height: 2px; width: 30%; margin: auto; transition: width 0.3s ease, background 0.3s ease }

.fancy-btn:hover:before, .fancy-btn:hover:after { width: 50%; background: #B9975B; transition: all 0.3s ease }

.fancy-btn-red { background-color: #A91F25 }

.fancy-btn-red:before, .fancy-btn-red:after { background-color: #B9975B }

.home main { padding: 0 20px 10px; overflow:hidden; overflow-y:auto; }

.homeBanner { margin: 0 0 10px }

.homeBanner .item { height: 354px; background-repeat: no-repeat; background-size: cover; background-position: center }
.homeBanner .item.fullHeight {height: 654px !important;}
.carousel-indicators { margin: 0 0 0 -30%; padding: 0; font-size: 0 }

.carousel-indicators li { width: 12px; height: 12px; margin: 0 5px; border: 2px solid #fff; border-radius: 50%; vertical-align: top; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25), inset 0 0 5px rgba(0, 0, 0, 0.25) }

.carousel-indicators .active { width: 12px; height: 12px; margin: 0 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) }

.homeBanner .bannerContent { position: absolute; top: 35%; left: 50%; max-width: 90%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; text-align: center; }
.homeBanner .bannerContent.fullHeightContent {top: 40%;}
.homeBanner .bannerContent h1, .homeBanner .bannerContent b { font-size: 40px; text-align: center; color: #fff; text-shadow: 0 2px 12px #333; text-transform: uppercase; font-weight: 400; }

.homeBanner .bannerContent h2 { font-size: 40px; text-align: center; color: #fff; text-shadow: 0 2px 12px #5c5c5c; text-transform: uppercase }

.wow { visibility: visible }

.myBtn { display: inline-block;  font-size: 15px; font-weight: 600; line-height: 0.95; margin: 42px 0 8px; padding: 10px; text-align: center; min-width: 170px; text-transform: uppercase; letter-spacing: 0.08em; position: relative; text-shadow: none }

.myBtn.wider { width: 100%; max-width: 268px }

.myBtn:before, .myBtn:after { content: ''; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -7px; height: 2px; width: 25%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease }

.myBtn:after { top: -7px; bottom: auto }

.myBtn:hover:before, .myBtn:hover:after { width: 60% }

.myBtn.light { color: #fff; background: #B9975B }

.myBtn.light:before, .myBtn.light:after { background: #B9975B }

.myBtn.dark { color: #fff; background: #B9975B }

.myBtn.custom-black { color: #fff; background: rgb(83, 150, 89)}

.myBtn.dark:before, .myBtn.dark:after { background: #B9975B }

.myBtn.custom-black:before, .myBtn.custom-black:after { background: rgb(83, 150, 89) }

.myBtn.red { color: #fff; background: #bd2a30; font-weight: normal }

.myBtn.red:after, .myBtn.red:before { background: #bd2a30 }

button.myBtn { border: 0 }

input.myBtn { margin: 0 }

input.myBtn:hover { background: #333 }

input.myBtn.dark { border: 2px solid #37525d }

input.myBtn.dark:hover { background: #eee; color: #37525d }

input.myBtn.light { border: 2px solid #eee }

input.myBtn.light:hover { color: #eee; background-color: #37525d }

.myLinkBtn {  font-size: 14px; font-weight: bold; line-height: 1.71; letter-spacing: 2.6px; padding-bottom: 3px; text-align: left; color: #B9975B; text-transform: uppercase; display: inline-block; border-bottom: 2px solid #B9975B; position: relative }

.myLinkBtn:after { content: ""; height: 2px; background: rgba(68, 70, 71, 0.8); width: 0%; position: absolute; bottom: -2px; left: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease }

.myLinkBtn:hover { border-bottom-color: transparent }

.myLinkBtn:hover:after { width: 100% }

.fullWidth + .fullWidth { margin-top: 10px }

.flexRow, .flexColumn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between }

.flexRow { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; -webkit-align-items: stretch; }

.flexColumn { flex-direction: column }

.noPaddingRow { margin: 0 }

.noPaddingRow *[class*="col-"] { padding: 0 }

.lightBlueBg, .darkBlueBg, .creamBg {background-color: #eee;}

.wideSection { width: 66.4%; margin-right: 0.5% }

.roomDescription { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; padding: 50px 6.5%; text-align: center }

.textDescription { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 50px 5%; text-align: center; justify-content: center; display: -webkit-flex; display: -moz-flex; display: flex; flex-direction: column; margin: 0 10px }

section h1 { color: #B9975B }

section h1, section h2 { font-size: 30px; line-height: 1.4; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: 0 0 20px }

section h3 { font-size: 20px; letter-spacing: 1px; text-align: left; text-transform: uppercase }

section h4 {  font-size: 18px; line-height: 1.44; margin: 0 0 8px }

section p {  font-size: 16px; line-height: 1.45 }

section p + h3 { margin-top: 40px }

section h3 + p { margin-top: 20px }

.home section p {  font-size: 22px }

.cowsIcon { display: block; width: 273px; margin: 0 auto 40px }

.cowsIcon svg { display: block; height: 25px; margin: 0 auto; width: 273px }

.narrowSection { width: 33% }

*[class*="Tile"] { display: -webkit-flex; display: -moz-flex; display: flex; width: 33%; padding-bottom: 31.85%; position: relative; overflow: hidden }

*[class*="Tile"] figure { /*display: -webkit-flex; display: -moz-flex; display: flex;*/ position: absolute; top: 0; left: 0; height: 100%; width: 100% }

*[class*="Tile"] figure img { object-fit: cover; width: 100%; height: 100% }

.bedroomTile { position: relative }

.tileSlider .bannerContent { color: #fff; display: -webkit-flex; display: -moz-flex; display: flex; flex-flow: column; justify-content: center; text-align: center; background-color: rgba(35, 44, 47, 0.4); opacity: 1; padding: 8%; position: absolute; top: 9.65%; left: 9.65%; right: 9.65%; bottom: 9.65%; z-index: 2; transition: all 0.5s ease; -webkit-transition: all 0.5s ease }

.tileSlider .carousel-inner>.item { background-repeat: no-repeat; background-size: cover; background-position: center; padding-bottom: 96.6%; height: 0; overflow: hidden; height: 100% }

.tileSlider .bannerContent h3, .tileWithText figure figcaption h3 { font-size: 40px; line-height: 1.25; letter-spacing: 0; margin: 0 0 20px; text-align: center; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); text-transform: uppercase }

.tileSlider .bannerContent p, .tileWithText figure figcaption p {  font-size: 22px; line-height: 1.36; text-align: center; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) }

.bigTile { margin-left: 0.5%; margin-right: 0; width: 66.4% }

.bigTile.noMargin { margin-left: 0; margin-right: 0.6% }

.smallTile { margin-right: 0.6% }

.noTile { margin: 0 }

.textBlock { padding: 50px 5%; text-align: center; justify-content: center; display: -webkit-flex; display: -moz-flex; display: flex; flex-direction: column }

.wideSection.textBlock { padding: 50px 6.5%; width: 66.4% }

.tileWithText { padding-bottom: 0 }

.tileWithText figure { position: relative }

.tileWithText figure figcaption { color: #fff; display: -webkit-flex; display: -moz-flex; display: flex; flex-flow: column; justify-content: center; text-align: center; background-color: rgba(35, 44, 47, 0.6); padding: 8%; position: absolute; top: 9.65%; left: 9.65%; right: 9.65%; bottom: 9.65%; z-index: 2; transition: all 0.5s ease; -webkit-transition: all 0.5s ease }

.wideSection figure figcaption { top: 16.5%; bottom: 16.5% }

.newsletterBar { background: #eee; padding: 42px 0; margin: 10px 0; text-align: center }

.newsletterBar h3 { font-size: 22px; line-height: 1.18; display: inline-block; vertical-align: middle; margin-right: 70px; letter-spacing: 0; text-transform: none }

.newsletterBar form { display: inline-block; vertical-align: middle }

.newsletterBar form .input { display: inline-block; width: 263px; margin-left: 30px }

.newsletterBar form .submitBtn { display: inline-block; margin-left: 30px; margin-top: 0; margin-bottom: 0 }

.imageTimeline figure { width: 16.25%; overflow: hidden; position: relative }

.imageTimeline figure figcaption { background: rgba(55, 82, 93, 0.8); color: #fff; display: -webkit-flex; display: -moz-flex; display: flex;  font-size: 15px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 20px; padding-top: 80px; opacity: 0; visibility: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 1 }

.imageTimeline figure figcaption * { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s; -webkit-transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s }

.imageTimeline figure figcaption .imgButtons { position: absolute; top: 40px; left: 20px; right: 20px; overflow: hidden; padding: 0 1px }

.imageTimeline figure figcaption .imgButtons a { color: #fff }

.imageTimeline figure figcaption .imgButtons a + a { float: right }

.imageTimeline figure figcaption .imgButtons a:hover { color: #ff9c86 }

.imageTimeline figure figcaption .imgButtons i { font-size: 18px; margin-right: 5px }

.imageTimeline figure figcaption p {  font-size: 15px; text-align: center }

.imageTimeline figure figcaption .imgDescription { display: -webkit-flex; display: -moz-flex; display: flex; align-items: center }

.imageTimeline figure:hover figcaption { opacity: 1; visibility: visible }

.imageTimeline figure:hover figcaption * { opacity: 1; transform: scale(1); -webkit-transform: scale(1) }

.contentBanner { display: block; margin: 0 }

.contentBanner .item { height: 354px; background-repeat: no-repeat; background-size: cover; background-position: center }
.contentBanner .item.fullHeight {height: 654px;}
.contentBanner .container { position: relative; height: 100% }

.contentBanner .bannerContent { background: rgba(35, 44, 47, 0.4); color: #fff; display: flex; flex-direction: column; justify-content: center; text-align: center; position: absolute; top: 18%; bottom: 18%; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); left: 15px; right: 15px }

.contentBanner .bannerContent h3 { font-size: 40px; line-height: 1.25; margin: 0 0 30px; text-align: center; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); text-transform: uppercase }

.contentBanner .bannerContent p {  font-size: 22px; line-height: 1.36; text-align: center; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) }

.contentBanner .bannerContent .myBtn { margin-top: 50px }

.contentArea { padding: 40px 0 }

.contentArea h1 { color: #B9975B }

.contentArea h3 { margin-bottom: 20px; text-transform: uppercase; font-size: 20px; }

.contentArea h4 { margin-bottom: 16px; font-size: 16px; }

.contentArea p {  font-size: 16px; line-height: 1.63 }

.featuredServices { margin: 30px 0 40px }

.featuredServices .serviceBlock { background-color: #eee; width: 31.5%; position: relative; padding-bottom: 50px; }

.featuredServices .serviceBlock figure, .featuredServices .serviceBlock figure a { display: block }

.featuredServices .serviceBlock figure img { display: block; margin: 0 auto }

.featuredServices .serviceBlock figcaption { background-color: #eee; padding: 16px 20px 20px }

.featuredServices .serviceBlock figcaption ul {padding-left: 15px;}

.featuredServices .serviceBlock figcaption .myLinkBtn { margin-top: 12px }

.featuredServices .serviceBlock .serviceBlockLink { position:absolute; bottom: 20px; }

.quotesRotator { background: #eee; padding: 50px 0; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap }

.quotesRotator .quotesWell { background: #fff; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); /**/ flex-direction: column; justify-content: center; min-height: 334px; padding: 70px 50px 40px; margin: 0 auto; max-width: 946px; width: 100%; text-align: center; position: relative }

.quotesRotator .quotesWell .quoteIcon { position: absolute; left: 0; right: 0; top: 50px }

.quotesRotator .quotesWell .quoteIcon svg { display: block; margin: 0 auto; width: 24px; height: 18px }

.quotesRotator .quotesWell .quotesSlick { display:block }

.quotesRotator .quotesWell .item { border: 0; margin: 0; padding: 0; font-size: 18px }

.quotesRotator .quotesWell #quotesRotator {float: left; width: 100%;}

.quotesRotator .quotesWell .item p { font-size: 16px; font-style: italic; line-height: 1.5; color: rgba(8, 0, 0, 0.6) }

.quotesRotator .quotesWell .item cite { display: block; font-style: normal; font-size: 15px; line-height: 1.6; color: #B9975B; margin: 30px 0 0; text-transform: uppercase }

.quotesRotator .quotesWell .quotesDots { font-size: 0; position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; -webkit-tap-highlight-color: transparent }

.quotesRotator .quotesWell .quotesDots ul { margin: 0; padding: 0 }

.quotesRotator .quotesWell .quotesDots ul li { list-style: none; display: inline-block; margin: 0 5px; vertical-align: top }

.quotesRotator .quotesWell .quotesDots ul li button { background: #fff; border: 1px solid #B9975B; height: 12px; width: 12px; border-radius: 50% }

.quotesRotator .quotesWell .quotesDots ul li.slick-active button { background: #B9975B }

.enquireAndBrochure { padding: 40px 0 70px }

.enquireAndBrochure h3 { font-size: 22px }

.enquireAndBrochure figure { width: 48.65%; margin: 0 0 40px; position: relative }

.enquireAndBrochure figure figcaption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(8, 0, 0, 0.3); flex-direction: column; justify-content: center; align-items: center; transition: all 0.4s linear; -webkit-transition: all 0.4s linear }

.enquireAndBrochure figure figcaption .myBtn { margin: 0 }

.enquireAndBrochure figure:hover figcaption { box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.65) }

.mapBox { padding-bottom: 56.25%; position: relative }

.mapBox iframe { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100% }

.mapBox { padding-bottom: 44% }

.mapBox * {max-width: none;}

.imgTextSection { background-color: #eee; padding: 60px 0 }

.imgTextSection .flexRow { flex-direction: row-reverse; align-items: center }

.imgTextSection:nth-of-type(even) { background: #fff }
.content_full_text_image:nth-of-type(2) {margin-top: 50px;}

.imgTextSection:nth-of-type(even) .flexRow { flex-direction: row }

.imgTextSection .container, .contact-us-accordion .container, .content-full-text .container { padding: 0 44px }

.imgTextSection figure { width: 55%; margin-top: -90px }

.imgTextSection .textBox { width: 36.8% }

.imgTextSection .textBox .myLinkBtn { margin-top: 30px }

.videoBox iframe { display: block; width: 100% }

.relatedPlaces { display: block }

.relatedPlaces .placesWell { flex-wrap: wrap }

.relatedPlaces .placesWell .placeBox { width: 23.1%; margin: 0 0 30px }

.relatedPlaces .placesWell .placeBox a { display: block }

.relatedPlaces .placesWell .placeBox .figure { display: block; position: relative }

.relatedPlaces .placesWell .placeBox .figure:after { content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; transition: all 0.4s linear; -webkit-transition: all 0.4s linear }

.relatedPlaces .placesWell .placeBox .placeTitle { background: #eee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 70px; justify-content: center; align-items: center;  font-size: 15px; font-weight: bold; line-height: 1.73; letter-spacing: 2.3px; color: #B9975B; padding: 10px 12px; transition: all 0.4s linear; -webkit-transition: all 0.4s linear }

.relatedPlaces .placesWell .placeBox a:hover .figure:after { box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.65) }

.relatedPlaces .placesWell .placeBox a:hover .placeTitle { color: #555 }

.blogArea h1 { margin-bottom: 40px }

.blogArea .blogCategories { margin: 0 0 25px }

.blogArea .blogCategories ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0 }

.blogArea .blogCategories ul li {  font-size: 15px; list-style: none; letter-spacing: 1px; position: relative; padding-bottom: 8px; text-align: center; text-transform: uppercase }

.blogArea .blogCategories ul li:after { content: ""; background: #B9975B; height: 1px; display: block; position: absolute; margin: 0 auto; left: 0; right: 0; width: 100%; max-width: 0px; bottom: 0; transition: all 0.4s linear; -webkit-transition: all 0.4s linear }

.blogArea .blogCategories ul li.active:after, .blogArea .blogCategories ul li:hover:after { max-width: 40px }

.blogArea .blogCategories ul li.active { font-weight: bold }

.blogArea .blogCategories ul li + li { margin-left: 50px }

.blogArea .blogCategories ul li a { color: #B9975B }

.blogsListing { flex-wrap: wrap }

.blogsListing .blogPost { background: #eee; margin: 0 0 30px; width: 31.58%; position: relative }

.blogsListing .blogPost figure { position: relative }

.blogsListing .blogPost figure>a:before { display: block; content: ""; width: 100%; position: absolute; z-index: 1; left: 0; height: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease }

.blogsListing .blogPost:hover a:before { box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.65) }

.blogsListing .blogPost .timeStamp { position: absolute; bottom: 0; left: 0; background: rgba(68, 70, 71, 0.8);  font-size: 14px; font-weight: 500; line-height: 1; text-align: center; color: rgba(255, 255, 255, 0.8); padding: 10px 20px; z-index: 1 }

.blogsListing .blogPost h3 { font-size: 22px; line-height: 1.18; text-transform: none; margin: 0 }

.blogsListing .blogPost h3 + p { margin-top: 8px }

.blogsListing .blogPost h3 a { color: inherit }

.blogsListing .blogPost h3 a:hover { color: #B9975B }

.blogsListing .blogPost .postDesc { padding: 16px 20px 20px; padding-bottom: 65px }

.blogsListing .blogPost .postActions { position: absolute; bottom: 20px; left: 20px; right: 20px }

.blogsListing .blogPost .sharePost { line-height: 1 }

.blogsListing .blogPost .sharePost a { display: inline-block; line-height: 26px; height: 24px; text-align: center; width: 24px; color: #eee; background: #656768; font-size: 13px; vertical-align: -2px }

.blogsListing .blogPost .sharePost a + a { margin-left: 4px }

.blogsListing .blogPost .sharePost a:hover { background: #B9975B }

.blogArea .blogsPagination ul { display: table; table-layout: fixed; border-top: 1px solid #c3ccd1; border-left: 1px solid #c3ccd1 }

.blogArea .blogsPagination ul li {  font-size: 14px; border-right: 1px solid #c3ccd1; border-bottom: 1px solid #c3ccd1; display: table-cell; height: 30px; width: 30px; text-align: center; vertical-align: middle }

.blogArea .blogsPagination ul li a { color: rgba(68, 70, 71, 0.8); display: block; line-height: 30px }

.blogArea .blogsPagination ul li:hover a { background: #a91f25; color: #fff }

.singlePost .pageNav { display: block; margin: 0 0 15px }

.blogsListing.single { display: block; text-align: left }

.blogsListing.single h1 { margin: 0 0 20px; text-align: left }

.blogsListing.single h3 { letter-spacing: normal }

.blogsListing.single .blogPost * + p, .blogsListing.single .blogPost p + *, .blogsListing.single .blogPost * + h3, .blogsListing.single .blogPost h3 + * { margin-top: 20px }

.blogsListing.single .blogPost { background: #fff; width: 100% }

.blogsListing.single .blogPost .postDesc { margin: 0 auto; max-width: 790px; width: 100% }

.blogsListing.single .blogPost .postMeta { margin: 0 0 30px }

.blogsListing.single .blogPost .postMeta .postBy p { font-size: 16px }

.blogsListing.single .blogPost .postMeta .postBy p time { font-weight: 300 }

.blogsListing.single .blogPost .sharePost { font-size: 12px; font-weight: bold; text-transform: uppercase;  letter-spacing: 1px; color: rgba(68, 70, 71, 0.8) }

.blogsListing.single .blogPost .sharePost a { letter-spacing: 0; margin: 0 0 0 4px }

.filtersArea {  margin: 0 0 25px }

.filtersArea .filtersBtn { margin: 0 0 10px; text-align: right }

.filtersArea .filtersBtn a { color: #B9975B; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px }

.filtersArea .filtersBtn a .fa { margin-left: 5px; font-size: 20px; line-height: 17px; vertical-align: -2px; transition: transform 0.3s ease-in; -webkit-transition: transform 0.3s ease-in }

.filtersArea .filtersBtn a.open .fa { transform: rotate(-180deg); -webkit-transform: rotate(-180deg) }

.filtersArea .filtersBtn a.open, .filtersArea .filtersBtn a:hover { color: #37525d }

.filtersArea .filtersWell { background: #eee; padding: 20px }

.filtersArea .filtersWell form { align-items: center }

.filtersArea .filtersWell .input { margin: 0 14px 0 0; width: 260px }

.checkboxGroup { display: inline-block; margin-top: 9px; line-height: 1 }

.checkboxGroup label { font-size: 16px; line-height: 1.2; color: rgba(68, 70, 71, 0.8); line-height: 20px; vertical-align: top; cursor: pointer; margin: 0; padding-left: 28px; position: relative; margin: 0; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s }

.checkboxGroup label + label { margin-left: 30px }

.checkboxGroup label [data-check] { background: #c7c7c7; display: block; position: absolute; top: 0px; left: 0; line-height: 1; height: 20px; width: 20px; text-align: center }

.checkboxGroup label [data-check]:after { content: "\f00c"; font: normal normal normal 12px/1 FontAwesome; color: #fff }

.checkboxGroup label input[type='checkbox'] { position: absolute; opacity: 0; filter: alpha(opacity=0); z-index: -1 }

.checkboxGroup label input[type='checkbox']:checked ~ *[data-check] { background: #37525d }

.filtersArea .filtersWell .myBtn { float: right; margin: 0 }

.offersList { display: block }

.offersList .offerBlock { background: #eee }

.offersList .offerBlock + .offerBlock { margin-top: 30px }

.offersList .offerBlock figure { width: 31.5% }

.offersList .offerBlock figure .offerPrice { color: #eee;  font-size: 20px; position: absolute; pointer-events: none; z-index: 1; background: rgba(0, 0, 0, 0.6); padding: 5px 10px; line-height: 1.3 }

.offersList .offerBlock figure .offerPrice small { display: block; font-size: 10px; letter-spacing: 0.3px; text-transform: uppercase }

.offersList .offerBlock figure .offerPrice big { letter-spacing: 0.9px; font-size: 30px; font-weight: bold }

.offersList .offerBlock figure a { display: block; position: relative }

.offersList .offerBlock figure a:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; z-index: 1 }

.offersList .offerBlock figure:hover a:before { box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 0.65) }

.offersList .offerBlock .offerInfo { padding: 30px 20px 30px 30px; width: 68.5% }

.offersList .offerBlock h2 { color: rgba(68, 70, 71, 0.8); font-size: 28px; text-align: left; margin: 0 0 15px; text-transform: none; letter-spacing: 1px; line-height: normal }

.offersList .offerBlock h2 a { color: inherit }

.offersList .offerBlock h2 a:hover { color: #B9975B }

.offersList .offerBlock .availability {  font-size: 13px; letter-spacing: 1px; font-weight: bold; margin: 0 0 15px }

.offerActions { margin: 20px 0 0; align-items: center }

.offerActions .myBtn { margin: 8px 0 }

.shareOffer { font-size: 12px; font-weight: bold; text-transform: uppercase;  letter-spacing: 1px; color: rgba(68, 70, 71, 0.8); line-height: 1 }

.shareOffer a { display: inline-block; line-height: 32px; height: 30px; letter-spacing: normal; text-align: center; width: 30px; color: #eee; background: #656768; font-size: 16px; vertical-align: -2px; margin: 0 0 0 4px }

.shareOffer a:hover { background: #B9975B }

.offersList.details .offerBlock { background: transparent }

.offersList.details .offerBlock .offerHeader { margin: 0 0 10px; align-items: center }

.offersList.details .offerBlock .offerHeader h1 { margin: 0; text-align: left }

.offersList.details .offerBlock .offerInfo { padding: 10px 0px 30px 30px }

.offersList.details .offerBlock .availability { margin: 0 0 20px }

.timeRunning { display: block; margin: 30px 0 0 }

.timeRunning p {  font-size: 13px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase }

.timeRunning #mytimer { vertical-align: -4px; display: inline-block; text-transform: lowercase; line-height: 1; margin-left: 10px }

.timeRunning p>span>span { font-size: 30px; font-weight: 300; letter-spacing: normal; display: inline-block; position: relative }

.timeRunning p>span>span + span { margin-left: 25px; padding-left: 10px }

.timeRunning p>span>span + span:before { content: ""; height: 6px; width: 6px; border-radius: 50%; left: -10px; bottom: 7px; position: absolute; display: block; background: #B9975B }

.timeRunning p>span>span>span { font-size: 16px; font-weight: normal; vertical-align: 3px }

.bookOfferBar { background: #eee; padding: 20px 0 }

.bookOfferBar .flexRow { align-items: center }

.bookOfferBar h3 { color: rgba(68, 70, 71, 0.8); font-size: 28px; text-transform: uppercase; margin: 0 }

.bookOfferBar form>div { display: inline-block; vertical-align: top }

.bookOfferBar form .arrival-date { margin-top: -15px; margin-right: 15px }

.bookOfferBar form .arrival-date .input { width: 210px }

.bookOfferBar form .roomDetails { margin-top: -15px }

.bookOfferBar form .input { width: auto; min-width: 105px }

.bookOfferBar form label { display: block; letter-spacing: 0.4px;  font-size: 13px }

.bookOfferBar form .roomDetails span { display: inline-block }

.bookOfferBar form .roomDetails span + span { margin-left: 15px }

.bookOfferBar form .myBtn { margin: 10px 0 0 15px; width: 210px }

.bookingCalendar { background: #95a4b0; margin: 25px 0 0; padding: 10px }

.bookingCalendar table { background: #95a4b0;  table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 8px }

.bookingCalendar table td { text-align: center; font-size: 18px; padding-top: 10px }

.bookingCalendar table td.nextNav { text-align: right }

.bookingCalendar table td.prevNav { text-align: left }

.bookingCalendar table td.nextNav a, .bookingCalendar table td.prevNav a { color: #fff; font-size: 18px; letter-spacing: 0.5px }

.bookingCalendar table td.nextNav svg, .bookingCalendar table td.prevNav svg { fill: #fff; display: inline-block; height: 24px; width: 24px; vertical-align: -6px }

.bookingCalendar table td.nextNav svg { margin-left: 10px }

.bookingCalendar table td.prevNav svg { margin-right: 10px }

.bookingCalendar table td.currentYear { font-size: 22px; color: #fff; text-align: center }

.bookingCalendar table td.dates { background: #dfe3e7; height: 78px; position: relative }

.bookingCalendar table td.dates.available { background: #fff }

.bookingCalendar table td.dates.selected { background: #37525d; color: #fff }

.bookingCalendar table td.weekDays { padding: 30px 0 0; color: #fff; font-size: 18px }

.bookingCalendar table td span.dayDate { font-size: 12px; position: absolute; top: 4px; left: 5px; display: block }

.bookingCalendar table td span.offerPricing { color: #B9975B }

.bookingCalendar table td.dates.selected span.offerPricing { color: #fff }

.bookingCalendar table td span.arrival, .bookingCalendar table td span.departure { font-size: 12px; position: absolute; top: 4px; left: 25px; display: block; right: 5px; text-align: left }

.bookingCalendar table td span.arrival .removeDate, .bookingCalendar table td span.departure .removeDate { color: #fff; display: block; float: right }

.bookingCalendar table td .notAvailable p { line-height: 1; font-size: 13px }

.bookingCalendar table td .notAvailable svg { fill: #6f6f6f; display: block; margin: 0 auto 15px; height: 14px; width: 14px }

.selectedBookingDates { margin: 0 0 30px; text-align: right }

.selectedBookingDates .myBtn { margin-left: 10px }

.galleryWrap .galleryCategories { margin: 0 0 25px }

.galleryWrap .galleryCategories ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0 }

.galleryWrap .galleryCategories ul li {  font-size: 14px; list-style: none; letter-spacing: 1px; position: relative; padding-bottom: 8px; text-align: center; text-transform: uppercase }

.galleryWrap .galleryCategories ul li:after { content: ""; background: #B9975B; height: 1px; display: block; position: absolute; margin: 0 auto; left: 0; right: 0; width: 100%; max-width: 0px; bottom: 0; transition: all 0.4s linear; -webkit-transition: all 0.4s linear }

.galleryWrap .galleryCategories ul li.active:after, .galleryWrap .galleryCategories ul li:hover:after { max-width: 40px }

.galleryWrap .galleryCategories ul li.active { font-weight: bold }

.galleryWrap .galleryCategories ul li + li { margin-left: 50px }

.galleryWrap .galleryCategories ul li a { color: #B9975B }

.galleryContent { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between }

/*.galleryContent figure { margin-bottom: 30px }

.galleryContent figure img { display: block; object-fit: cover }*/
.galleryContent figure { margin-bottom: 30px }

.galleryContent figure img { display: block; object-fit: cover }

.galleryContent figure {
    margin-bottom: 30px;

}
.galleryContent figure a { display:block;height: 0;
    padding-bottom: 47%;
    position: relative;
    overflow: hidden;}
    .galleryContent [class*="--fourth"] a { padding-bottom:99%}
.galleryContent figure img {
    display: block;
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    margin: auto;
    left: -1000px;
    right: -1000px;
    height: 100%;
    min-width: 100%;
    max-width: none;
}
ol ,ul {
    font-size: 16px;
    margin-top: 10px;
}
.quotesDots ul li {
    font-size: 0;
}
.double-column li {
    /*list-style:none;*/
}
.double-column ul {
 text-align: left;
}
.box-3-text {
    min-height: 90px;
}

/* Blog List Page */
#blog-article-banner #myCarousel .item {height: 350px;}
#blog-article-banner #myCarousel .item .bannerContent {top: 30%;}
.blog-main-top-left ul {padding: 0;}
.blog-main-top-right {padding: 15px 0; float: right; margin-right: 10px;}
.blog-main-top-right .form-group {position: relative; width: 240px; margin-bottom: 0; display: inline-block; vertical-align: middle;}
.blog-main-top-right span {position: absolute; left: 8px; top: 7px; font-size: 17px;}
.blog-main-top-right form {float: right;}
.blog-main-top-right form .form-group.search input {width: 100%;}
.blog-main-top-right form .form-group.search input, .blog-main-top-left .search_category_form select {padding: 0 35px 0 10px; border: 1px solid rgba(68, 70, 71, 0.8); background-color: transparent; height: 35px; font-size: 15px;}
.blog-main-top-right form .form-group.search span {right: 11px; left: auto; font-size: 20px; top: 5px; line-height: 0;}
.blog-main-top-right form .form-group.search {margin-left: 12px;}
.blog-main-top-right form .form-group.search button {position: absolute; right: 0; border: none; background-color: transparent; top: 0; width: 40px; bottom: 0; cursor: pointer;}
.blog-main-top-left #search_category {border-radius: 5px; width: 210px;}
.blog-main-top-left .category-all {display: inline-block; vertical-align: top;}
.blog-main-top-left .category-all a, .blog-main-top-left .category-all button, .blog-main-top-left .search_category_form {color: rgba(68, 70, 71, 0.8); font-size: 20px; font-weight: 500; padding: 15px; display: inline-block; border: 0; background: 0 0;}
.blog-main-top-left .category-all {font-size: 23px;}
.blog-main-top-left .search_category_form {display: inline-block;}
.blog-box-main {min-height: 420px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.blog-box-main-text {position: absolute; background-color: #fff; bottom: 20px; left: 20px; right: 20px; padding: 12px 25px; font-weight: 500;}
.blog-box-main-text h3 {font-size: 12px; text-transform: uppercase; font-weight: 600; color: #B9975B;}
.blog-box-main-text h2 {font-size: 21px; font-weight: 700; margin: 5px 0 0; text-transform: none; text-align: left;}
.blog-box-main-text p {font-size: 14px; line-height: 1.3; margin-top: 10px;}
.blog-box-main-text a {font-size: 15px; display: inline-block; font-weight: 500; margin-top: 10px;}
.blog-main {position: relative; margin: 0;}
.blog-box-main .s-tag {padding-left: 0;}
.blog-box-main .s-tag li {margin-top: 5px;}
.blog-box-main .s-tag li {list-style: none; display: inline-block; cursor: pointer;}
.blog-box-main .s-tag li .tag_name {font-size: 12px; padding: 5px 10px; font-weight: 300;}
.blog-box-main .s-tag .tag-icon {vertical-align: middle;}
.blog-boxes .row {margin: 0;}
.blog-main-top-left.internal li a {padding: 15px 14px;}
.blog-internal-text .container {padding-left: 15px !important; padding-right: 15px !important;}
.blog-internal-text-main {width: 900px;}
.blog-internal-text-main img {max-width: 100%; height: auto; margin: 10px 0;}
.blog-internal-text-main.innsider {width: 66.7%; display: inline-block; vertical-align: top;}
.blog-internal-text-outer {position: relative; border-top: 1px solid rgba(68, 70, 71, 0.8); padding-top: 30px; padding-bottom: 10px;}
.blog-internal-text-main p {font-size: 14px; line-height: 1.5; margin-bottom: 30px;}
.blog-internal-text-main p:last-of-type {margin-bottom: 0;}
.blog-internal-text-main ul {padding: 0 0 0 15px; margin: 0 0 30px;}
.blog-internal-text-main ul li {list-style-position: outside;}
.blog-internal-text-main ul li img {width: 100%;}
.blog-internal-text {position: relative; margin: 0 0 20px;}
#blog_grid li:nth-child(3n) {margin-right: 0;}
#blog_grid {margin: 0 0 30px; padding: 0; width: 100%; float: left;}
#blog_grid-item {float: left; width: 80px; height: 60px; border: 2px solid hsla(0, 0%, 0%, .5);}
#blog_grid li.shown {display: block; float: left; background: #fff; border: solid 1px #fff; border-radius: 8px; width: 32.7%; margin-top: 8px; margin-right: 6px;}
#blog_grid li .blog-listing-content {overflow: hidden; position: relative; max-height: 3.9em;  text-align: justify; margin-right: -1em; padding-right: 1em;}
#blog_grid li .blog-listing-content:before {content: '...'; position: absolute; right: 0; bottom: 0; }
#blog_grid li .blog-listing-content:after {content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white;}
#toggle, .blog-main-top-left h2, .blog-social .social-toggle, .blog-social a, .filter, .red-form-blog h2 {display: none;}
.equal-height {margin-top:13px;}
.blog-main h2.no-results {text-align: center; margin: 40px 0; font-size: 28px; width: 100%; display: inline-block; text-transform: none;}

/** Blog NO JS Pagination **/
.blog-main .pagination {display: inline-block; float: left; width: 100%; text-align: center; margin: 30px 0;}
.blog-main .pagination li {display: inline-block; margin: 14px 0;}
.blog-main .pagination li a, .blog-main .pagination li span {border: 1px solid #999; padding: 10px 14px; font-size: 16px; font-weight: 600; cursor: pointer;}
.blog-main .pagination li.active span, .blog-main .pagination li:hover a {background: #5bbfab;}
.blog-main .pagination li a:not([rel]), .blog-main .pagination li span {margin: 0 4px;}
.blog-main .pagination li.disabled span {margin: 0; cursor: not-allowed;}

/** Blog Single Post css **/
.blog-page-wrap { display: block; float: left; width: 100%; }
.blog-page-wrap .post-footer { display: block; margin: 20px 0 0; width: 100%; }
.blog-page-wrap .post-footer p {font-size: 16px; line-height: 20px; margin: 0; }
.blog-page-wrap .post-footer .share-it { display: block; margin: 5px 0 15px 0;}
.blog-page-wrap .post-footer .share-it a { background: #abc0e3; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; font-size: 0.75em; height: 20px; text-align: center; width: 20px; }
.blog-page-wrap .post-footer .share-it a:hover { background: #7297d1; }
.blog-page-wrap .blog-content {margin-top: 20px; width: 900px;}
.blog-page-wrap .post-footer .post-tags { display: block; list-style: none; padding: 0;}
.blog-page-wrap .post-footer .post-tags li { display: inline-block; margin-top: 5px;}
.blog-page-wrap .post-footer .post-tags button, .blog-box-main .s-tag li .tag_name {border: 0; display: inline-block; vertical-align: middle; background-color: #efefef; width: auto; border-radius: 5px; cursor: pointer;}
.blog-page-wrap .post-footer .post-tags button {font-size: 16px; padding: 13px 25px; font-weight: 400;}
.blog-page-wrap .post-footer .post-tags button:hover, .blog-box-main .s-tag li .tag_name:hover {background-color: #e4e4e4;}
.banner {background-size: cover; background-position: center center; max-width: 1400px; margin: 0 auto; position: relative; width: 100%; height: 450px; display: block; background-color: #fff;}
.banner .container {width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; text-align: center; min-width: 480px;}
.blog-page-wrap  #vertical-line {border-right: 1px solid rgba(68, 70, 71, 0.8); margin-right: 3px;}
.blog-social {position: absolute; right: 0; top: 0;}
.blog-social ul {display: inline-block; vertical-align: top;}
.blog-social ul:last-of-type {margin-left: -4px; padding: 0;}
.blog-social li {display: block; width: 50px; height: 50px; text-align: center; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;}
.blog-social li:hover {box-shadow: 0 0 20px rgba(68, 70, 71, 0.8);}
.blog-social li a {display: block;}
.blog-social li p {font-size: 12px; line-height: 50px; width: auto;}
.blog-social li i {line-height: 50px; font-size: 18px; color: #fff;}

/* hide google plus sign loaded with sharethis script*/
.share-it .st-btn[data-network="googleplus"] {
    display: none !important;
}
/* class for inactive links */
.inactiveLink {
    pointer-events: none;
    cursor: default;
}

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

    .newsletterBar form .submitBtn { margin-top: 20px; }


.my-custom-modal .modal-content {
    /*margin: 0 100px!important;*/
}

.bigDeal .bigTile figure {
    position: relative;
    overflow: hidden;
}

.bigDeal .bigTile figure img {
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    margin: auto;
    left: -1000px;
    right: -1000px;
    height: 100%;
    min-width: 100%;
    max-width: none;
}
}

.galleryContent *[class*='--half'] { width: 48.685% }

.galleryContent *[class*='--fourth'] { width: 23.071% }

.contactWrap h3 {  font-size: 18px; letter-spacing: normal; margin-bottom: 10px }

.contactWrap p + h3 { margin-top: 20px }

.contactWrap h3 + p { margin-top: 0px }

.contactWell { margin: 0 0 30px; width: 100%; }

.contactForm { background: #eee;  padding: 20px 20px 40px; width: 50%; }

.contactForm label { display: block; font-size: 13px; letter-spacing: 0.4px }

.contactForm .form-group { margin-bottom: 15px }

.contactForm h3 { margin-top: 15px; margin-bottom: 30px }

.contactForm .myBtn { margin-top: 10px; width: 100% }

.contactForm .checkboxGroup { display: block; margin-bottom: 30px }

.contactForm .checkboxGroup label { font-size: 16px }

.contactForm .checkboxGroup label + label { margin-left: 0; margin-top: 20px }

.checkboxGroup label [data-check] { background: #fff; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); color: #494949 }

.contactForm .input { height: 36px }

.contactForm textarea.input { height: 78px }

.contactInfo { width: 47% }

.contactMap { margin: 0 0 30px }

.panel-group h4 { font-size: 22px; margin: 0 }

.panel-group h4 a.collapsed i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg) }

.panel-group .panel { border-radius: 0; border: 0; box-shadow: none }

.panel-body { padding: 8px 0 0 }

.panel-group .panel+.panel { margin-top: 25px }
 @media (max-width:1499px) {


.homeBanner .item, .contentBanner .item { height: 354px; }
.homeBanner .item.fullHeight, .contentBanner .item.fullHeight { height: 580px; }

.homeBanner .bannerContent h1, .homeBanner .bannerContent b { font-size: 32px }
.homeBanner .bannerContent h2 { font-size: 32px }

section h2 { font-size: 26px; line-height: 1.2; margin: 0 0 10px }

section p { font-size: 18px; line-height: 1.4 }

.home section p { font-size: 18px }

.myBtn { margin: 32px 0 8px }

.roomDescription { padding: 40px 6.5% }

.cowsIcon { margin: 0 auto 20px }

.tileSlider .bannerContent h3, .tileWithText figure figcaption h3 { font-size: 24px; margin: 0 0 15px }

.tileSlider .bannerContent p, .tileWithText figure figcaption p { font-size: 18px }

.textBlock { padding: 40px 3% }

.textDescription { padding: 30px 2%; margin: 0 0.6% }

.imageTimeline figure figcaption { font-size: 14px; padding-top: 50px }

.imageTimeline figure figcaption .imgButtons { top: 20px }

.imageTimeline figure figcaption p { font-size: 14px }

.newsletterBar h3 { margin-right: 30px }
/***[class*="Tile"] figure img { max-height: 475px}*/

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

.my-navbar li a { font-size: 13px; padding: 15px 12px }

.affix { position: static !important }

.homeBanner .item, .contentBanner .item { height: 354px }
.homeBanner .item.fullHeight, .contentBanner .item.fullHeight { height: 440px }

.tileSlider .carousel, .tileSlider .carousel-inner { height: 100%; z-index:2 }

.tileSlider .carousel-inner>.item { padding-bottom: 0; height: 100% }

.imageTimeline figure figcaption .imgDescription { display: none }

.newsletterBar h3 { margin-right: 10px }

.home section p, .tileSlider .bannerContent p, .tileWithText figure figcaption p { font-size: 15px }

section h2 { font-size: 22px }

.tileSlider .bannerContent h3, .tileWithText figure figcaption h3 { font-size: 20px; margin: 0 0 10px }

.myBtn { font-size: 13px; padding: 12px 10px; min-width: 140px }

.cowsIcon { width:175px;}

.cowsIcon svg { height: 16px; width: 175px }

section h1, section h2 { font-size: 26px }

.contentBanner .bannerContent h3 { font-size: 30px; margin: 0 0 10px }

.contentBanner .bannerContent p { font-size: 18px }

.relatedPlaces .placesWell .placeBox .placeTitle { letter-spacing: 1px; font-size: 14px }

section h3 { font-size: 22px }

section h3 + p { margin-top: 10px }

section p { font-size: 16px }

.imgTextSection .container, .content-full-text .container { padding: 0 15px }

.imgTextSection .textBox { width: 40% }

.contentArea p { font-size: 15px }

.contentArea h3 { margin-bottom: 15px }

.offersList.details .offerBlock .offerInfo { padding: 0px 0px 30px 20px }

.bookOfferBar h3 { font-size: 20px; margin: 0 }

.bookOfferBar form .arrival-date { margin-top: -10px; margin-right: 10px; width: 160px }

.bookOfferBar form .roomDetails { margin-top: -10px }

.bookOfferBar form .myBtn { margin: 13px 0 0 15px; width: 200px }

.galleryWrap .galleryCategories ul li + li {
    margin-left: 25px;
}

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

.affix { position: static !important }

.my-header { padding: 20px 0px }

.my-header .links a { font-size: 12px; padding-left: 15px; margin-left: 0px }

.my-header .selectParent select { max-width: 50px }

.my-navbar li a { font-size: 10px; padding: 15px 6px }

.my-navbar .navbar-btn { font-size: 12px; padding: 15px 10px }

.my-navbar .header-links a { font-size: 12px; margin-left: 10px }

.home main { padding: 0 10px 10px }

.homeBanner .item, .contentBanner .item { height: 354px }
.homeBanner .item.fullHeight, .contentBanner .item.fullHeight { height: 380px }

.homeBanner .bannerContent , .homeBanner .bannerContent bold { font-size: 24px }
.homeBanner .bannerContent h2 { font-size: 24px }

.tileSlider .carousel-inner > .item { padding-bottom: 56.25%; height: 0 }

.featured .roomDescription { width: 100%; margin-right: 0 }

.featured .narrowSection { width: 100% }

.newsletterBar h3 { font-size: 20px }

.newsletterBar form .input { width: 210px; margin-left: 10px }

.newsletterBar form .submitBtn { margin-left: 10px; min-width: 150px }

.imageTimeline figure figcaption .imgButtons { top: 50%; left: 10px; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%) }

.textDescription { margin: 0 1% }

.wideSection { margin-right: 1%; width: 66% }

.bigTile { margin-left: 1%; margin-right: 0 }

.wideSection.noTile { margin-right: 0 }

.wideSection.textBlock { width: 66%; padding: 30px 5% }

.smallTile { margin-right: 1% }

.my-footer .green-footer a { display: inline-block; vertical-align: top; font-size: 13px }

.my-footer .address { font-size: 13px }

section h1, section h2 { font-size: 20px }

section h4 { font-size: 16px }

.featuredServices .serviceBlock figcaption { padding: 10px 16px 20px }

.featuredServices .serviceBlock p { font-size: 14px }

.featuredServices .serviceBlock .myLinkBtn { font-size: 12px }

section p { font-size: 14px }

.imgTextSection { padding: 40px 0 }

.imgTextSection figure { width: 50% }

.imgTextSection .textBox { width: 45% }

.blogArea h1 { margin-bottom: 20px }

.blogArea .blogCategories ul li { font-size: 14px }

.blogsListing .blogPost h3 { font-size: 18px }

.blogsListing .blogPost p { font-size: 14px }

.blogsListing .blogPost .postDesc { padding: 10px 10px 20px; padding-bottom: 60px }

.blogsListing .blogPost .postActions { bottom: 15px; left: 10px; right: 10px }

.blogArea.singlePost { padding-top: 10px }

.blogsListing.single .blogPost { margin: 0 }

.filtersArea .filtersWell .input { margin: 0 10px 0 0; width: 130px }

.filtersArea .checkboxGroup label { font-size: 14px; padding-left: 25px }

.filtersArea .checkboxGroup label + label { margin-left: 10px }

.filtersArea .filtersWell .myBtn { min-width: 150px }

.offersList .offerBlock .offerInfo { padding: 10px 20px 20px 20px }

.bookOfferBar h3 { margin: 0 0 15px; display: block; width: 100% }

.bookOfferBar form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: flex-end; -webkit-align-items: flex-end }

.bookOfferBar form .arrival-date, .bookOfferBar form .roomDetails { margin-top: 0 }

.bookOfferBar form .myBtn { width: 150px; min-width: 150px }

.timeRunning { display: none }

.offersList.details .offerBlock .offerInfo .shareOffer { margin: 25px 0 0; text-align: right }

.featured .roomDescription { margin-bottom: 10px }

.contactWell .widerContactForm { width: 90%; padding: 20px; }
}
 @media only screen and (min-width:768px) and (max-width:991px) {

.imgTextSection figure.videoBox iframe { height: 250px !important }
     /* Blog Pages */
     .blog-main-top-right>.form-group {display: none;}
     .blog-main-top-right {padding: 0 15px; float: left; width: 100%; margin-right: 0; background-color: rgba(68, 70, 71, 0.8);}
     .blog-main-top-right form {float: left; width: 100%; margin: 0;}
     .blog-main-top-right form .form-group.search {margin-left: 0; position: relative;}
     .blog-main .container {width: auto; padding: 0; margin: 0;}
     .blog-main {margin-top: 0;}
     .blog-main-top-right form .form-group.search span {color: #fff; right: 0; top: 5px;}
     .blog-main-top-right form .form-group.search input::-webkit-input-placeholder {color: #fff; opacity: 1;}
     .blog-main-top-right form .form-group.search input::-moz-placeholder {color: #fff; opacity: 1;}
     .blog-main-top-right form .form-group.search input::-ms-placeholder {color: #fff; opacity: 1;}
     .blog-main-top-right form .form-group.search .fa-map-marker {font-size: 20px; position: absolute; left: 0; top: 7px;}
     .blog-main-top-right form .form-group.search input {color: #fff; padding: 0 35px 0 0; border: none; box-shadow: none; -webkit-appearance: none;}
     .blog-main-top-left ul {display: none; margin: 0;}
     .blog-main-top-left ul.expand {display: block;}
     .filter {float: right; margin-right: 7px; color: rgba(68, 70, 71, 0.8);}
     .blog-main-top-left h2 {font-size: 15px; display: inline-block; vertical-align: middle;}
     .blog-main-top-left {padding: 0 15px; float: left; width: 100%;}
     .blog-main-top-left>.filter {margin-right: 0; margin-top: 10px;}
     .blog-internal-text-outer {position: relative; overflow: hidden;}
     .blog-internal-text-outer {padding-top: 0; margin-top: 20px; border: none; min-height: 130px;}
     .blog-internal-text-main small {font-size: 13px; margin-bottom: 12px;}
     .blog-internal-text h2 {font-size: 19px;}
     .blog-internal-text-main p {font-size: 15px; line-height: 1.4; margin-bottom: 15px;}
     .blog-box-main {min-height: 300px;}
     .blog-box-main-text {bottom: 10px; left: 10px; right: 10px; padding: 10px 10px;}
     .blog-box-main-text p {font-size: 13px;}
     .blog-box-main-text a {padding: 6px 19px;}
     .blog-social li {width: 42px; height: 42px;}
     .filter {display: block!important;}
     .blog-main-top-right form .form-group {width: 100%;}
     .blog-internal-text-main.innsider-left .shade {padding: 0 16px;}
     #blog_grid li.shown {position: static!important; padding: 0 4px;}
     #blog_grid {margin: 0;}
     #blog_grid li.shown {width: 50%; margin-right: 0;}
     .blog-page-wrap .blog-content {margin-top: 20px; width: 600px;}
     #blog-article-banner #myCarousel .item .bannerContent {top: 15%;}
}

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

    .imgTextSection .container .textBox, .content-full-text .container {
        padding: 0 10px !important;
    }

.cookies-btn {
    float: none;
    margin: 5px 0;
}
.optanon-show-settings-popup-wrapper {
    margin-left: -46px!important;
    position: absolute!important;
    left: 50%!important;
}

.select-infants {margin-top:0px;}

.container { padding-right: 10px; padding-left: 10px }

.my-header .header-logo { border: none; display: block; margin: 0 auto; }

.my-navbar .navbar-nav { width: 100% }

.my-navbar .dropdown ul { padding-top: 0 }

.my-navbar .dropdown li a { background-color: #233941; padding: 10px; text-align: center }

.my-navbar .navbar-btn { height: 50px; margin: 0px }

.my-navbar li a { font-size: 15px; padding: 15px 10px }

.my-footer .red-footer, .red-footer h5 { text-align: center }

.my-footer .social { overflow: hidden; display: block; margin: 25px 0 0 0; text-align: center }

.my-footer .green-footer div { text-align: center; padding-top: 20px }

.wideSection { margin-right: 0; width: 100% }

.bigTile.noMargin { margin-left: 0; margin-right: 0 }

.narrowSection { width: 100% }

.wideSection.textBlock { width: 100% }

.smallTile { margin-right: 0 }

*[class*="Tile"] { width: 100%; padding-bottom: 0 }

[class*="Tile"] figure { position: static }

.textDescription { margin: 10px 0 }

.bigTile { margin-left: 0; margin-top: 10px }

.tileSlider .carousel-inner > .item { padding-bottom: 0; height: 380px }

.tileWithText figure img { min-height: 380px }

.wideSection.noTile { margin-top: 10px }

.bigTile.tileWithText { margin-top: 0; margin-bottom: 10px }

.imageTimeline figure figcaption .imgButtons { font-size: 12px }

.imageTimeline figure figcaption .imgButtons i { font-size: 14px }

.newsletterBar h3 { display: block; text-align: center; margin-right: 0; margin-bottom: 20px }

.newsletterBar form { display: block; max-width: 360px; margin: 0 auto }

.newsletterBar form .input { width: 100%; margin-left: 0; margin: 0 0 27px }

.newsletterBar form .submitBtn { margin-left: 0; width: 100% }

.imageTimeline figure { width: 32%; margin: 0 0 10px }

.enquireAndBrochure { padding: 20px 0 30px }

.enquireAndBrochure figure { width: 100%; margin: 0 0 10px }

.enquireAndBrochure figure img { width: 100% }

.enquireAndBrochure figure figcaption .myBtn { margin: 0; max-width: 200px }

.imgTextSection { text-align: left; padding: 20px 0 }

.imgTextSection .container { max-width: 600px }

.imgTextSection figure { width: 100%; margin-top: 0; margin-bottom: 20px }

.imgTextSection .textBox { width: 100% }

.imgTextSection .textBox .myLinkBtn { margin-top: 20px }

.relatedPlaces .placesWell .placeBox { width: 48%; margin: 0 0 15px }

.relatedPlaces .placesWell .placeBox .figure img { width: 100% }

.quotesRotator .quotesWell .quoteIcon { top: 30px }

.quotesRotator .quotesWell { padding: 70px 20px 40px }

.quotesRotator .quotesWell .item p { font-size: 15px }

.contentArea p { font-size: 14px }

section h1, section h2 { font-size: 24px }

.contentBanner .bannerContent h3 { font-size: 20px }

.contentBanner .bannerContent p { font-size: 14px }

.contentBanner .bannerContent .myBtn { margin-top: 30px }

.featuredServices .serviceBlock { width: 100%; margin: 0 auto 20px; max-width: 500px }

.featuredServices .serviceBlock img { width: 100% }

.my-custom-modal .modal-body h3 { font-size: 22px; margin-bottom: 20px }

.blogsListing .blogPost { width: 48% }

.blogArea .blogsPagination ul { margin: 0 auto }

.blogsListing.single .blogPost .postMeta { margin: 0 0 20px }

.blogsListing.single .blogPost .postMeta .sharePost { display: none }

.blogsListing.single .blogPost .postDesc { padding-left: 0px; padding-right: 0px }

.blogsListing.single .blogPost .postActions { bottom: 10px; left: 0; right: 0 }

.blogsListing.single .blogPost .postActions .myLinkBtn { letter-spacing: 0; font-size: 12px; padding-bottom: 0 }

#ul-arrow { width: 15px; height: 15px; position: absolute; right: 8px; top: 8px }

.blogArea .blogCategories ul, ul.ulSelect { display: block !important }

.blogArea .blogCategories ul li, ul.ulSelect li { font-size: 15px !important }

.blogArea .blogCategories ul li.active, ul.ulSelect li.active { font-weight: normal !important }

.blogArea .blogCategories ul li a, ul.ulSelect li a { display: block; padding: 0 10px; line-height: 36px }

ul.ulSelect { cursor: pointer; margin: 0; padding: 0 }

ul.ulSelect li { display: none }

ul.ulSelect li.active { border: 1px solid #B9975B; color: #B9975B; display: block; text-align: left;  padding-bottom: 0 }

ul.ulSelect.active { text-align: left;  border: 1px solid #B9975B; border-top: 0 }

ul.ulSelect.active li { display: block; text-align: left; padding-bottom: 0; text-transform: none }

ul.ulSelect li + li { margin-left: 0 !important }

ul.ulSelect.active li:hover, ul.ulSelect.active li.active, ul.ulSelect.active li.active:hover { background: #B9975B }

ul.ulSelect.active li:hover a, ul.ulSelect.active li.active a, ul.ulSelect.active li.active:hover a { color: #fff }

#selected--ulSelect.active {  font-size: 15px; line-height: 36px; letter-spacing: 1px; border: 1px solid #B9975B; color: #B9975B; position: relative; padding: 0 10px; text-transform: uppercase }

.blogArea .blogCategories ul li:after, ul.ulSelect li:after { display: none !important }

.galleryContent { margin: 0 0 20px }

.galleryContent figure { margin-bottom: 10px }

.galleryContent *[class*='--half'] { width: 100% }

.galleryContent *[class*='--fourth'] { width: 48.5% }

.galleryContent figure img { width: 100%;}

.contactForm { padding: 20px 10px 40px; width: 100% }

.contactForm .checkboxGroup label + label { margin-top: 0 }

.contactForm .checkboxGroup label { margin: 0 0 15px }

.contactInfo { width: 100%; margin: 30px 0 0 }

.panel-group h4 { font-size: 16px }

.contactMap .mapBox { padding-bottom: 0; height: 400px }

.filtersArea .filtersBtn { text-align: center }

.offersList .offerBlock { max-width: 400px; margin: 0 auto }

.offersList .offerBlock figure { width: 100% }

.offersList .offerBlock figure img { width: 100% }

.offersList .offerBlock figure .offerPrice { display: none }

.offersList .offerBlock .offerInfo { width: 100% }

.offersList.details .offerBlock .offerInfo { padding: 15px 0px 30px }

.offersList.details .offerBlock .offerHeader .shareOffer { display: none }

.bookOfferBar .flexRow { max-width: 400px; margin: 0 auto }

.bookOfferBar h3 { text-align: center; font-size: 30px; color: #B9975B }

.bookOfferBar form { flex-direction: column; align-items: stretch; -webkit-align-items: stretch }

.bookOfferBar form .input { min-width: 90px }

.bookOfferBar form .arrival-date { margin-right: 0; margin-bottom: 15px; width: 100% }

.bookOfferBar form .arrival-date .input { width: 100% }

.bookOfferBar form .roomDetails { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between }

.bookOfferBar form .roomDetails span + span { margin-left: 8px }

.bookOfferBar form .myBtn { width: 100%; margin: 30px auto 10px }

.BookingCalendarArea { margin: 20px 0 0 }

.bookingCalendar, .selectedBookingDates { display: none }

    /* Blog Pages */
    #blog_grid li.shown, #blog_grid .no-results {width: 100%; margin-right: 0; font-size: 20px;}
    #blog-article-banner .container, .blog-main .container {max-width: 970px!important;}
    .blog-main-top-left i {font-size: 17px;}
    .blog-main-top-left li a {font-size: 15px; padding: 0;}
    .blog-main-top-left li {display: block; margin-bottom: 12px; float: left; padding: 10px;}
    .blog-main-top-left li:last-child {margin-bottom: 0;}
    .blog-main-top-left ul.expand {margin-top: 10px;}
    .blog-social {display: none;}
    .blog-internal-text-main {width: 100%;}
    .blog-internal-text-main ul {padding-bottom: 15px;}
    #blog-article-banner .no-slider #myCarousel .carousel-inner {display: block;}
    .blog-page-wrap .blog-content {margin-top: 20px; width: 100%;}
    #blog-article-banner #myCarousel .item .bannerContent {top: 40%;}
    #blog-article-banner #myCarousel .item .bannerContent.fullHeightContent {top: 50%;}
}

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

.contact-us-accordion h4 { font-size: 12px !important; }
.contact-us-accordion .panel-body p { font-size: 12px !important; }

section h1, section h2 { font-size: 22px }

.my-header .header-logo { max-width: 190px }

.my-custom-modal .modal-dialog { width: 300px }

.myLinkBtn { font-size: 13px }

section h3 { font-size: 18px }

.relatedPlaces .placesWell .placeBox .placeTitle { letter-spacing: 0; font-size: 12px; min-height: 60px; padding: 6px }

.blogsListing .blogPost .timeStamp, .blogsListing:not(.single) .blogPost p, .blogsListing:not(.single) .blogPost .postActions { display: none }

.blogsListing:not(.single) .blogPost .postDesc { padding-bottom: 15px }

.blogsListing .blogPost h3 { font-size: 16px }

.offersList .offerActions .myBtn { display: none }

    /* Blog pages */
    .blog-internal-text-main p {font-size: 13px;margin-bottom: 10px;}
    .share-it #st-1.st-has-labels .st-btn {min-width: 10%;}
    #blog-article-banner #myCarousel .carousel-inner .item {height: 215px;}
    #blog-article-banner .no-slider #myCarousel .carousel-inner {display: block;}
    #blog-article-banner #myCarousel .carousel-inner .item .banner-text h1, #blog-article-banner #myCarousel .carousel-inner .item .banner-text h2, #blog-article-banner .banner-text h1 {font-size: 20px;}
    #blog-article-banner #myCarousel .carousel-inner .item .banner-text {padding: 10px 15px 10px 15px; margin-top: 20px;}
    .blog-main .search_category_form, #blog-article-banner .booking-widget-banner {margin-bottom: 0;}
    #blog-article-banner .container {min-width: 100%}
    .blog-page-wrap .post-footer .post-tags a, .blog-page-wrap .post-footer .post-tags button {font-size: 12px; padding: 5px 10px;}
}

#instagram {
    visibility: hidden;
    margin: 10px 0;
}

#instagram .imgDescription {
 font-size: 11px;
 color: white;
}

/* Booking widget fix */
#bookingModal {position:fixed;}
#bookingModal.my-custom-modal .modal-content { margin:0; top: auto;}
#bookingModal.my-custom-modal .rooms_list .extra-rooms p {margin: 0 15px 15px;}
#bookingModal.my-custom-modal .rooms_list input,
#bookingModal.my-custom-modal .rooms_list select {margin-bottom: 5px;}
#bookingModal.my-custom-modal .discount-link {margin-top:5px;}

#instagram {
    visibility: hidden;
}

ol ,ul {
    font-size: 16px;
    margin-top: 10px;
}
.quotesDots ul li {
    font-size: 0;
}
.double-column li {
    /*list-style:none;*/
    margin-top: 8px;
}

.footerExtraLinks a:not(:last-child)::after {content: " | "}
/* Booking widget fix */
.rooms_list .extra-rooms p {margin: 0 15px 15px;}
.my-custom-modal .rooms_list input, .my-custom-modal .rooms_list select {margin-bottom: 5px;}
.my-custom-modal .discount-lin

.my-custom-modal-table .close {
    color: #fff!important;
    opacity: 1;
    position: absolute;
    top: -39px;
    right: -1px;
    font-size: 30px;
    font-weight: 400;
    text-shadow: 0 1px 6px rgba(94, 99, 103, 0.7);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#newsletterConf {
    display: none;
}

h1, h2, h3 {
    /*font-family: 'Cinzel', serif;*/
}


/* Booking Widget - Errors */
.booking-widget-errors {}
.booking-widget-errors p {display: none; color: #FFFFFF; font-weight: bold; background: #c61535; padding: 10px; border-radius: 2px; margin:15px 0; float:right; clear: both;}
.booking-widget-errors p.info-text {background: none; font-size: 14px; font-weight: 400; margin: 5px 20px; float: left;}
.booking-widget-errors p a {color:#007bff;}
.booking-widget-errors p a:hover, .booking-widget-errors p a:active, .booking-widget-errors p a:focus {color:#007bff; text-decoration: underline;}

/* Booking Widget - Banner */
#booking-widget-banner {
/*position: absolute; top:55px; background-color: rgba(0, 0, 0, 0.6); padding: 15px; width: 300px; z-index: 3;*/
}
#booking-widget-banner .booking-widget-x {float: right; cursor: pointer;}
#booking-widget-banner .booking-widget-inner {overflow: hidden;}
#booking-widget-banner select {border:0; border-radius: 2px; font-size: 14px; padding:7px 10px; outline: none; width: 100%; margin-bottom: 5px; background: url('../../../../leonardo-hotels/images/select.svg') no-repeat 98% center #FFFFFF; -webkit-appearance: none; appearance: none}
#booking-widget-banner input {width: 100%; border:0; border-radius: 2px; font-size: 14px; padding:7px 10px; outline: none; cursor: pointer;}
#booking-widget-banner input.datepicker {background: url('../../../../leonardo-hotels/images/date.svg') no-repeat 95% center #FFFFFF; padding-top: 10px;}
#booking-widget-banner label, #booking-widget-banner .number-of-nights {color:#FFFFFF; font-size: 14px; margin:0;}
#booking-widget-banner .number-of-nights {float: right; margin-top:5px;}
#booking-widget-banner .btn {width: 100%; margin-top:5px;}
#booking-widget-banner .add-promo a {color:#FFFFFF; font-size: 12px;}
#booking-widget-banner .add-promo input {display: none;}
#booking-widget-banner .extra-rooms {margin: 0;}
#booking-widget-banner .extra-rooms .room-number {padding:0;}
#booking-widget-banner .extra-rooms .col-6 {padding-left: 0;}
#booking-widget-banner .extra-rooms .col-6:last-child {padding-right: 0; padding-left:15px;}
#booking-widget-banner .extra-rooms.r1 .room-number {display: none;}
#booking-widget-banner .extra-rooms.r2, #booking-widget-banner .extra-rooms.r3, #booking-widget-banner .extra-rooms.r4, #booking-widget-banner .extra-rooms.r5, #booking-widget-banner .extra-rooms.r6 {display: none;}

/* Booking Widget - Banner - Homepage */
#booking-widget-banner.homepage-widget {
    position: relative;
}
#booking-widget-banner.homepage-widget .booking-widget-inner {max-width: 1200px; overflow: visible;}
#booking-widget-banner.homepage-widget .booking-widget-homepage-x {display: none; float: right; cursor: pointer; position: relative; top: 10px; right: 10px;}
#booking-widget-banner.homepage-widget .add-promo {}
#booking-widget-banner.homepage-widget .rooms_list .widget-adults {padding-left: 0; width: 40%;}
#booking-widget-banner.homepage-widget .rooms_list .widget-children {padding-right: 0; width: 44%;}
#booking-widget-banner.homepage-widget .widget-submit .btn-primary {margin:0;}
#booking-widget-banner.homepage-widget .widget-submit {position: relative;}
#booking-widget-banner.homepage-widget .widget-submit .add-promo {text-align: center; width: 100%; left: 0;}
#booking-widget-banner.homepage-widget .widget-submit .add-promo input {border: 1px solid #000000;}
#booking-widget-banner.homepage-widget .extra-rooms {position: relative;}
#booking-widget-banner.homepage-widget .extra-rooms .room-number {position: absolute; left:-85px; top:10px;}

/* Booking Widget - Full Size */
#booking-widget-banner.full-size {float: left; width: 100%; background-color: rgba(0, 0, 0, 0.6); position: static;}
#booking-widget-banner.full-size .booking-widget-inner {overflow: visible; max-width: 1200px;}
#booking-widget-banner.full-size .add-promo {position: absolute;}
#booking-widget-banner.full-size .widget-location, #booking-widget-banner.full-size .widget-hotel {max-width: 15%;}
#booking-widget-banner.full-size .widget-checkin, #booking-widget-banner.full-size .widget-checkout {max-width: 13%;}
#booking-widget-banner.full-size .rooms_list {max-width: 19%; flex: 0 0 19%;}
#booking-widget-banner.full-size .rooms_list .widget-adults {padding-left: 0;}
#booking-widget-banner.full-size .rooms_list .widget-children {padding-right: 0;}
#booking-widget-banner.full-size .widget-submit .btn-primary {margin:0;}
#booking-widget-banner.full-size .widget-submit {position: relative;}
#booking-widget-banner.full-size .widget-submit .add-promo {text-align: center; width: 100%; left: 0;}
#booking-widget-banner.full-size .widget-submit .add-promo input {border: 1px solid #efefef;}
#booking-widget-banner.full-size .extra-rooms {position: relative;}
#booking-widget-banner.full-size .extra-rooms .room-number {position: absolute; left:-100px; top:10px;}


@media only screen and (min-width: 1500px) {
 #home-be-widget {
  top: -210px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px;
  position: absolute;
  left: 50%;
  width: 65%;
  margin-left: -32%;
  z-index: 17;
 }
 #home-be-widget-more {
  display: none;
 }

}


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

.contact-us-accordion .panel h4 { font-size: 14px; }
.contact-us-accordion .panel-collapse  .panel-body p { font-size: 14px; }

 #booking-widget-banner.homepage-widget .booking-widget-homepage-x {display: block; float: right; cursor: pointer; position: relative; top: 10px; right: 10px;}
 #home-be-widget {
  width: 100%;
 position: relative;
  background-color: #666;
  z-index: 9;
  margin: 0!important;
  padding: 10px;
   }

 #home-be-widget-more {
  width: 100%;
  position: relative;
  background-color: #666;
  z-index: 99999;
  margin: 0!important;
  padding: 10px;
  display: none;
 }

 .carousel-indicators {
  display: none;
 }
 .container {
  margin: 0!important;
  padding: 0!important;
 }
}


@media (min-width: 768px) and (max-width: 1499px) {
 #home-be-widget {
  top: auto;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px;
  bottom: 53px;
  position: absolute;
  left: 0;
  width: 100%;
  margin-left: 0;
  z-index: 9;
  /*border: mediumpurple 23px solid;*/
 }
 #home-be-widget-more {
  display: none;
 }
 #booking-widget-banner.homepage-widget .widget-submit {
  /*margin: -20px 0 23px 0;*/
 }
}

.content_full_text_image:first-of-type {
 margin-top: 70px;
}

@media (min-width: 500px){
 .videoBox iframe {
  height: 330px;
 }
}

@media only screen and (max-width: 1200px) {
    .my-header .header-logo {
        max-width: 160px;
    }
}

/** screen zoom 150% */
@media (min-width: 1200px)  and (max-width: 1499px){

    .my-header {
        padding: 20px;
    }

    .my-header .header-logo {
        width: 170px;
        top: 2px;
    }

    .my-navbar li a {
        font-size: 10px;
        padding: 15px 10px;
    }

}

/** screen zoom 125% */
@media only screen and (min-width: 1500px) and (max-width: 1880px){

    .my-header {
        padding: 15px;
    }

    .my-header .header-logo {
        width: 170px;
        top: 0px;
    }

    .my-navbar li a {
        font-size: 15px;
        padding: 15px 15px;
    }


}

.cms-form h2, .cms-form-recap h2 {
 font-size: 24px;
 margin: 30px 0 15px 0;
}

.msg-error {color: #c61535; font-size: 17px; margin-bottom: 10px;}

/* Video as top banner */
.videoWrapper {position: relative; overflow: hidden; max-width: 100%; background-color: #000;}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*------------------------------------------------
    Footer CSS
------------------------------------------------*/
footer {margin-top:50px;}
/* Footer - Newsletter */
#footer-newsletter {background-color: #efefef; text-align: center; padding: 35px;}
#footer-newsletter .container {width:732px;}
#footer-newsletter h2 {font-size: 26px; margin:0 0 20px;}
#footer-newsletter p {font-size: 16px; max-width: 670px; margin:0 auto 30px;}
#footer-newsletter input {border:0; padding:8px; width: 100%; outline: none; font-size: 16px; margin-bottom: 5px;}
#footer-newsletter button {height: 40px; text-transform: uppercase; font-size: 12px;}
#newsletterTC {display: none;}

/* Tooltip */
.tooltip {position: absolute; z-index: 100000; display: block; visibility: visible; line-height: 1.5; opacity: 0; filter: alpha(opacity=0);}
.tooltip.top {margin-top: -3px; padding: 5px 0;}
.tooltip.right {margin-left: 3px; padding: 0 5px;}
.tooltip.bottom {margin-top: 3px; padding: 5px 0;}
.tooltip.left {margin-left: -3px; padding: 0 5px;}
.tooltip-inner {max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #c61535; border-radius: 4px; border: 1px solid #c61535; font-size: 14px; font-weight: 700;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #c61535;}
.tooltip.top .tooltip-arrow {border-top-color: #c61535;}
.tooltip.right .tooltip-arrow {border-right-color: #c61535;}
.tooltip.left .tooltip-arrow {border-left-color: #c61535;}

.slick-hide {display: none;}
.slick-disabled {display: none;}

@media (min-width: 768px) and (max-width: 991px) {
    .carousel-inner .bannerContent {
        top: 16%;
    }

    .carousel-inner .bannerContent.fullHeightContent {
        top: 25%;
    }
}

/** Breadcrums start **/

/* hide on mobile */
@media only screen and (max-width: 767px) {
    .breadcrums {
        display: none!important;
    }
}

.breadcrums {
    color: #fff;
    display: block;
    padding-top: 3px;
    background-color: #C3C3C3;
    padding-left: 10px;
}

.breadcrums ul {
    margin: 0;
    padding: 0;
}

.breadcrums ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: left;
    color: #fff;
}

.breadcrums ul li a {
    color: #fff;
}

.breadcrums ul li a:hover,
.breadcrums ul li a:focus {
    color: #fff;
}

.breadcrums ul li:after {
    content: ">";
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-align: left;
    /*color: #979ea1;*/
    margin: 0 5px 0 8px;
}

.breadcrums ul li:last-child:after {
    display: none;
}

/** Breadcrums End **/

/** accordion feature response (CONTACT_US_directions) **/

.contact-us-accordion .container {
    position: relative;
    padding: 10px;
    background-color: #fff;
    padding-bottom: 0;
}

.contact-us-accordion .panel {
    background-color: #efefef;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 0;
}

.contact-us-accordion h4 {
    padding: 5px 10px;
    font-size: 18px;
    line-height: 1.2;
    display: inline-block;
}

.contact-us-accordion h4 a {
    text-transform: uppercase;
}

.contact-us-accordion .plus-icon {
    line-height: 1.6;
    font-size: 18px;
    float: right;
    color: #B9975B;
    cursor: pointer;
    padding: 5px 10px;
}

.contact-us-accordion h4 a:active, .contact-us-accordion h4 a:focus, .contact-us-accordion h4 a:hover {
    color: #B9975B;
}

.contact-us-accordion .panel-body p {
    font-size: 16px;
    padding: 0 10px;
}

/** accordion feature responsive **/
@media (min-width: 1200px) {
    .contact-us-accordion .container {
        width: 1110px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .contact-us-accordion .container, .content-full-text .container {
        width: 740px !important;
    }
}

@media (max-width: 767px) {
    .contact-us-accordion {
        margin-top: 0!important;
    }
    .contact-us-accordion .container {
        width: 350px;
        margin: 0 auto !important;
        padding: 10px !important;
    }
    .show-on-mobile {
        display: block !important;
    }
}

/** accordion feature response (CONTACT_US_directions) end **/


/** feature accordion across all templates **/

.feature-accordion h4 {
    margin-bottom: 16px;
    font-size: 16px;
    text-transform: uppercase;
}

.feature-accordion .panel-body p {
    font-size: 16px;
    line-height: 1.63;
}

/** feature accordion across all templates end **/


/** feature responsive - vertical tab content **/

.content-tabs {width: 100%; clear: both; padding: 30px 0; background-color: #fff;}
.content-tabs .tab-pane.fade {opacity: 1;}
.content-tabs .nav {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}
.content-tabs .flex-column {-ms-flex-direction: column!important; flex-direction: column!important;}
.content-tabs .nav-pills .nav-link {border-radius: 0; background: #efefef; margin-bottom: 10px; padding: 15px; font-size: 15px; color: #333;}
.content-tabs .nav-pills .nav-link.active, .content-tabs .nav-pills .nav-link:hover, .content-tabs .nav-pills .show>.nav-link {background: #B9975B; font-weight: 700; color: #fff;}
.content-tabs .editable-text p {font-size: 15px; font-weight: 300; line-height: 1.67; margin: 10px 10px;}
.content-tabs {
    display: none;
}
.content-tabs:first-of-type {
    display: block;
}

/** feature responsive - vertical tab content end **/

/** spa enquires form **/
.widerContactForm {
    background: #eee;
    padding: 20px 50px 40px;
    width: 60%;
    margin: 0 auto;
}

.radioBtnStyled {
    padding: 15px 15px 15px 0;
    background-color: #fff;
    color: rgba(68, 70, 71, 0.8);
    text-align: center;
    cursor: pointer;
    position: relative;
    width: 140px;
    display: inline-block !important;
}

.radioBtnStyled.selected {
    background-color: #B9975B;
    color: #fff;
}

.radioBtnStyled input[type="radio"] {
    opacity: 0;
    cursor: pointer;
}

.widerContactInfo {
    font-size: 13px;
}

@media screen and (min-width:767px) {
    .widerContactForm {
        margin-top: -100px;
        position: relative;
    }

    .contact-us-accordion:first-of-type {
        margin-top: -77px;
    }

    .contact_us_text_image:nth-of-type(2) {margin-top: 50px;}
}
/** spa enquires form end **/

/*
 New conference rooms start
*/

#availableRooms {
    padding-top: 20px;
    clear: both;
}

#availableRooms article {
    padding: 10px 0;
    clear: both;
}

#availableRooms .roomName {
    display: block;
    background-color: #B9975B;
    padding: 7px 12px;
    font-size: 22px;
    color: #fff;
}
#availableRooms .roomName .openRoom {
    float: right;
    color: #fff;
    font-weight: 200;
}
#availableRooms .roomName .openRoom:hover {
    border-bottom: 1px dotted white;
    cursor: pointer;
}
#availableRooms .roomName a {
    color: #fff;
    font-weight: 200;
}

#availableRooms .roomName a:hover {
    border-bottom: 1px dotted white;
}

#availableRooms .roomContent {
    background-color: #eee;
    padding: 4px 0 0 0;
}

#availableRooms .roomContent .roomDetailsBtn {
    cursor: pointer;
}

#availableRooms .roomContent ul {
    padding: 0;
    margin: 0;
}

#availableRooms .roomContent li {
    margin-top: 18px;
    display: inline-block;
    min-width: 100px;
    text-align: center;
}

#availableRooms .roomContent li:not(:last-child) {
    border-right: 1px solid lightgray;
}

#availableRooms .roomContent li p {
    margin: 0;
    font-size: 13px;
}

#availableRooms .roomContent li div {
    font-size: 18px;
    color: rgba(68, 70, 71, 0.8);
}

#availableRooms .roomDetails {
    text-align: right;
    padding: 15px 10px 10px 10px;
}

.roomMoreAll {
    display: none;
}

.roomMoreDetails div {
    padding: 6px 15px 3px 15px;
}
.roomMoreDetails .line, .roomMoreDetailsMobileOnly .line {
    border-bottom: 1px solid #d3d3d3;
}

.roomMoreDetailsMobileOnly #facilities {
    background-color: #eee;
}
.roomMoreDetailsMobileOnly .line {
    padding: 7px 17px;
}
.roomMoreDetailsMobileOnly #facilities {
    width: 100%;
    float: left;
}
.roomMoreDetailsMobileOnly .left {
    padding: 5px 15px;
    float: left;
}
.roomMoreDetailsMobileOnly .right {
    padding: 5px 15px;
    float: right;
}

@media only screen and (max-width: 767px) {
    .roomMoreDetails {display: none}
    .roomMoreDetailsMobileOnly {
        display: block;
        font-size: 14px;
    }
    #availableRooms .roomContent ul {
        text-align: center;
    }
    #availableRooms .roomContent li {
        border-right: none!important;
    }
}

@media (max-width: 499px) {
    #availableRooms .roomName {
        font-size: 14px;
    }
    .hideMob {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .roomMoreDetails {
        display: block;
        padding: 10px 30px;
        font-size: 13px;
    }
    .roomMoreDetailsMobileOnly {display: none}
    #availableRooms .roomDetails {
        margin-top: -40px;
    }
}

/*
 New conference rooms end
*/


.previous-h3 {
    font-size: 32px;
    line-height: 1.55;
    letter-spacing: 0;
    margin: 0 0 20px;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}

@media only screen and (max-width: 1200px) {
    .previous-h3 {
        font-size: 20px!important;
    }
}

#booking-widget-banner select {
    height: 37px;
}

div[id^="children-age-info-"] {
    display: none;
    font-size: 12px;
    color: #fff;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .modal-backdrop {
        display: none !important;
    }
    .holiday-calendar .modalx {
        display: none !important;
    }
    .holiday-calendar .modal-dialog {
        display: none !important;
    }
}

/*calendar boxes*/
/*flip card styling*/
.flip-card {
    background-color: transparent;
    width: 165px;
    height: 165px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}
figure {
    margin: 0;
}
.flip-front-past {
    background: #444647cc;
    opacity: 0.5;
}
.flip-front-today {
    background: #b9975b;
}
.flip-front-future {
    background: #444647cc;
}
/* Style the back side */
.flip-card-back {
    background-color: #444647cc;
    color: #fff;
    transform: rotateY(180deg);
}

.flip-card-back figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 93px;
}
.modal-body .back-content-box p {
    text-align: center;
}
.modal-body .back-content-box {
    padding: 20px;
    background: #fff;
}
.modal-body .back-content-box p {
    font-size: 18px;
    font-weight: 600;
    font-family: sans, sans-serif;
    margin-bottom: 20px;
    color: #000;
}
.flip-card-back p {
    font-size: 18px;
    font-weight: 600;
    font-family: Mukta, sans-serif;
    padding: 20px 20px 0;
    height: 95px;
    margin-bottom: 0;
    overflow: hidden;
    color: #fff;
}
.flip-card-back figure img {
    width: 100%;
    height: 100%;
}
.back-content-box {
    display: inline-block;
    flex-direction: column;
    height: 66%;
    text-align: center;
    width: 100%;
}
.back-content-box a.btn-primary {
    margin-top: 20px;
    display: inline-block;
}
.holiday-calendar .modal-body {
    padding: 0;
}
.holiday-calendar .modal-header {
    padding: 0;
    display: unset;
    border: none;
}
.holiday-calendar .modal-content .back-content-box a.btn-primary {
    margin-top: 0;
}
.flip-calendar-button,
.flip-calendar-button:focus {
    font-family: 'BebasNeue', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 30px;
    background: #cb0044;
    display: inline-block;
    margin: auto;
}
.flip-calendar-button:hover {
    color: #fff;
}
.x-mas-text-center {
    max-width: 587px;
    margin: 0 15px 15px;
    text-align: center;
}
.x-mas-text-center > p {
    margin-top: 35px;
}
.calendar-boxes {
    /*margin: 15px;*/
    display: flex;
    grid-gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}
.flip-card-front {
    padding: 10px;
}
.top-flip-card {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    color: #fff;
}
.top-date-indicator {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.center-flip-index {
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: bold;
}
.bottom-flip-date {
    font-size: 16px;
    color: #fff;
    padding-top: 5px;
}
.holiday-calendar:first-of-type {
    margin-top: 100px;
}
.holiday-calendar:last-of-type {
    margin-bottom: 64px;
}
.top-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    background-repeat: no-repeat;
}
.future-date {
    background-image: url('/midland/images/flip-future-date-mobile.svg');
    width: 18px;
    height: 21px;
}
.past-date {
    background-image: url('/midland/images/flip-past-date-mobile.svg');
    width: 20px;
    height: 21px;
}
.today-date {
    background-image: url('/midland/images/flip-todays-date-mobile.svg');
    width: 23px;
    height: 21px;
}
.calendar-boxes .modal-body figure img {
    width: 100%;
    height: 97px;
}
/* .modal-open {
    overflow: initial !important;
    height: unset !important;
}*/
.calendar-boxes .modal-dialog,
.calendar-boxex .modal-show {
    max-width: 290px;
    padding: 0;
    top: 50%;
    position: relative;
    width: 100%;
    transform: translate(0, -50%) !important;
    margin: auto;
    display: block;
}

span.mobile-text {
    display: block;
    font-size: 13px;
}
span.desktop-text {
    display: none;
}

.holiday-calendar .modalx {
    display: none;
    position: fixed !important;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
}
.modal-backdrop {
    display: none !important;
}
.holiday-calendar .modal-content {
    border-radius: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}
.holiday-calendar .close {
    opacity: 1;
}
.holiday-calendar .icon-close {
    height: 30px;
    width: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.3s;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('/midland/images/flip-icon-close.svg') !important;
}
.holiday-calendar .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.w3-animate-zoom {
    animation:animatezoom 0.6s
}
@keyframes animatezoom {
    from{transform:scale(0)} to{transform:scale(1)}
}
@media screen and (max-width: 360px) {
    .flip-card {
        width: 135px;
        height: 135px;
    }
    .top-flip-card {
        padding-bottom: 10px;
    }
    .center-flip-index {
        font-size: 40px;
    }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
    .x-mas-text-center {
        margin: auto;
    }
}
@media screen and (min-width: 992px) {
    .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
    }
    .flip-disabled {
        pointer-events: none;
    }
    .x-mas-text-center {
        margin: 0 auto 30px;
    }
    .calendar-boxes {
        max-width: 1200px;
        margin: auto;
        grid-gap: 30px;
        flex-wrap: nowrap;
    }
    .flip-card {
        width: 278px;
        height: 278px;
    }
    .top-date-indicator {
        font-size: 18px;
    }
    .past-date {
        background-image: url('/midland/images/flip-past-date.svg');
        width: 40px;
        height: 41px;
    }
    .future-date {
        background-image: url('/midland/images/flip-future-date.svg');
        width: 35px;
        height: 40px;
    }
    .today-date {
        background-image: url('/midland/images/flip-todays-date.svg');
        width: 42px;
        height: 40px;
    }
    .center-flip-index {
        font-size: 80px;
    }
    .bottom-flip-date {
        font-size: 24px;
    }
    .bottom-flip-date {
        padding-top: 0;
    }
    .top-flip-card {
        padding-bottom: 20px;
    }
    .flip-card-front {
        padding: 20px;
    }
    .top-icon {
        position: absolute;
        top: 20px;
        right: 20px;
        background-repeat: no-repeat;
    }
    .top-date-indicator {
        padding-top: 5px;
    }

    span.mobile-text {
        display: none;
    }
    span.desktop-text {
        display: block;
    }

    .holiday-calendar:last-of-type {
        margin-bottom: 100px;
    }
}

.holiday-calendar .modal-header .close {
    padding: 0;
    margin: 0;
}
.home.modal-open {
    padding-right: 0!important;
}

.infoBox {
    width: 100%;
    text-align: center;
    margin: 45px auto;
    max-width: 665px;
}
.schedulebox,
.imgTitleTextBtnBg,
.contactBox,
.scroll_list,
.awardsGrid,
.brochureBox {
    margin: 45px auto;
}
.infoBox h2 {
    font-size: 24px;
    color: #B9975B;
    letter-spacing: normal;
    margin: 25px 0 15px;
}
/* p.spa-res {*/
/*    font-size: 18px !important;*/
/*}*/
.spa-res::after{
    display: block;
    content: '';
    margin: 25px auto;
    border-bottom: 3px solid #B9975B;
    width: 44%;
}
.schedulebox-content-wrapper {
    position: relative;
}
.schedulebox-content-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}
.inner-wrapper {
    max-width: 950px;
    margin: auto;
    color: black;
    position: relative;
    padding: 60px;
    justify-content: space-between;
    align-items: center;
}
.contact-box-bg {
    background: #eee;
    padding: 35px 20px 25px;
}
.contact-box-bg p {
    font-size: 18px;
}
.contact-box-bg .boottom-text-note {
    font-size: 16px;
}

.contact-box-grid:nth-of-type(2) a.myLinkBtn {
    border-bottom: none;
    text-transform: capitalize;
}
.spa-res-heading,
.imgTitleTextBtnBg h3,
.awardsGrid h2 {
    font-size: 18px;
    font-weight: 600;
}
.contactBox h2 {
    color: #041E42;
    position: relative;
}
.awardsGrid h2 {
    color: #B9975B;
}
.contactBox h2:before,
.contactBox h2:after {
    content: "";
    display: block;
    width: 20%;
    height: 2px;
    background: #B9975B;
    top: 50%;
    position: absolute;
}
.contactBox h2:before {
    left: 0;
}

.contactBox h2:after {
    right: 0;
}
.scroll-list {
    background: #f3eee3;
    padding-left: 15px;
}
.scroll-list p {
    /*font-size: 18px;*/
    padding: 15px 0;
    color: #081C3A;
    text-transform: uppercase;

}
.scroll-header p {
    color: #fff;
    /*font-size: 18px;*/
    text-transform: uppercase;
}
.banner-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(4, 30, 66, 0.5);*/
    z-index: 1;
}
.banner-overlay.blue-overlay {
    background-color: rgba(4, 30, 66, 0.5);
}

.banner-overlay.black-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.banner-content-wrapper {
    z-index: 1;
    position: relative;
}
.homeBanner .bannerContent .banner-inner-content-wrapper h1,
.homeBanner .bannerContent .banner-inner-content-wrapper h2 {
    font-weight: 700;
    margin: 0 0 10px 0;
    text-align: left;
}
.banner-inner-content-wrapper {
    max-width: 525px;
    margin: 60px auto;
    text-align: left;
}
.banner-inner-content-wrapper p {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
}
.fa-angle-up {
    padding: 9px 15px;
}
.scroll-header {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.rotate180 {
    transform: rotateX(180deg);
}
.hours-box {
    position: relative;
}
.hours-box h2 {
    text-align: left;
    font-size: 16px;
    color: #041E42;
    margin-bottom: 35px;
    font-weight: 600;
}
/*.hours-box p {
    font-size: 18px;
}*/
hr.gold-line {
     width: 156px;
     margin: 35px 0;
     border-top: 1px solid #B9975B!important;
 }
hr.green-line {
     width: 156px;
     margin: 35px 0;
     border-top: 1px solid #539659!important;
 }
.weekdays-opening,
.weekend-opening {
    color: #b9975b;
    font-weight: 700;
}
.weekdays-opening {
    padding-left: 35px;
}
.weekend-opening {
    padding-left: 18px;
}
.asterisk-notes {
    /*font-size: 18px;*/
    margin: 25px auto;
}
.imgTitleTextBtnBg .myBtn {
    margin-top: 30px;
}
.myBtn.green {
    color: #fff;
    background: #539659;
}
.myBtn.green:before, .myBtn.green:after {
    background: #539659;
}
.schedulebox-content-wrapper .head-title h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    letter-spacing: normal;
    color: #041E42;
}
.scroll-header p {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
}
.awardsGrid {
    border-top: 2px solid #B9975B;
    border-bottom: 2px solid #B9975B;
}
.awardsGrid h2 {
    padding-top: 45px;
}
.logos-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    width: 100%;
    align-self: baseline;
    align-items: baseline;
    padding: 40px 20px 45px;
}
@media screen and (min-width: 600px) and (max-width: 960px){
    .imgTitleTextBtnBg {
        max-width: 600px;
    }
}
@media screen and (max-width: 767px) {
    .logos-grid-wrapper {
        grid-gap: 60px 40px;
        align-items: baseline;
        text-align: center;
    }
}
@media screen and (min-width: 768px) {
    .inner-wrapper {
        display: flex;
    }
    .head-title {
        padding: 11% 20% 11% 0;
    }
    .head-title.gold-line {
        border-right: 3px solid #B9975B;
    }
    .head-title.green-line {
        border-right: 3px solid #539659;
    }
    .logos-grid-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        text-align: center;
    }
    .contact-box-content {
        display: flex;
        justify-content: space-between;
    }
}
@media screen and (max-width: 991px) {
    .homeBanner .bannerContent .banner-inner-content-wrapper h1,
    .homeBanner .bannerContent .banner-inner-content-wrapper h2 {
        font-size: 20px;
    }
    .banner-inner-content-wrapper p {
        font-size: 16px;
    }
    .bannerContent {
        max-width: 330px !important;
        max-height: 293px;
    }
    .carousel-inner .item {
        height: 350px !important;
    }
    .banner-inner-content-wrapper {
        margin: 35px auto;
        padding: 0 25px;
    }
    .scroll-list {
        display: none;
    }
    .scroll_list,
    .infoBox,
    .asterisk-notes {
        padding: 0 20px;
    }
    .inner-wrapper {
        padding: 25px 20px 35px;
    }
    .infoBox h2 {
        font-size: 20px;
    }
    .head-title {
        padding-bottom: 35px;
    }
    .hours-box p {
        font-size: 16px;
    }
    .imgTitleTextBtnBg figure {
        height: 250px;
        width: 100%;
    }
    .imgTitleTextBtnBg figure img {
        width: 100%;
        height: 100%;
    }
    .imgTitleTextBtnBg .textBox {
        padding: 30px 20px;
    }
    .contact-box-grid {
        padding-bottom: 60px;
    }
    .contact-box-grid a {
        padding-top: 35px;
    }
    .contactBox .spa-res-heading {
        margin-bottom: 45px;
    }
  .contact-box-bg .boottom-text-note {
        font-size: 14px;
    }
}


@media screen and (min-width:992px) {
    .imgTitleTextBtnBg {
        margin: 60px;
    }
    .infoBox,
    .schedulebox,
    .contactBox,
    .scroll_list,
    .awardsGrid,
    .brochureBox {
        margin: 120px auto;
    }
    .awardsGrid figure {
        margin:0;
        padding: 0 25px;
        width: auto;
        height: auto;
    }
    .schedulebox-content-wrapper .head-title h2,
    .hours-box h2 {
        font-size: 24px;
    }
    .head-title {
        padding: 11% 15% 11% 0;
        border-right: 3px solid #B9975B;
    }
    .imgTitleTextBtnBg .flexRow,
    .logos-grid-wrapper,
    .brochureBox-content-wrapper {
        max-width: 1200px;
        margin: auto;
    }
    .imgTitleTextBtnBg .textBox {
        width: 50%;
        background: #efefef;
        padding: 85px 80px 0;
        margin: 25px 0;
    }
    .contactBox,
    .scroll_list,
    .asterisk-notes {
        max-width: 1200px;
    }
    .contact-box-bg {
        padding: 60px 80px 25px;
    }
    .contact-box-grid:first-of-type {
        border-right: 2px solid #B9975B;
        padding-right: 18%;
    }
    .contact-box-content {
        display: flex;
        justify-content: space-between;
    }
    .contact-box-bg .boottom-text-note {
        padding-top: 100px;
    }
    .contact-box-grid p {
        padding-bottom: 35px;
    }
    .contactBox h2:before,
    .contactBox h2:after {
        width: 35%;
        position: absolute;
    }
    .spa-res-heading {
        margin-bottom: 60px;
    }
    .scroll-header p {
        height: 60px;
        line-height: 60px;
        padding-left: 60px;
    }
    .inner-wrapper {
        display: flex;
    }
    .fa-angle-up {
        padding: 19px 60px;
    }
    .scroll-list {
        padding-left: 60px;
    }
    .weekend-opening {
        padding-left: 35px;
    }
    .weekdays-opening {
        padding-left: 50px;
    }
    hr.gold-line {
        margin: 35px 0 25px;
    }
    .hours-box p {
        font-size: 18px;
    }
    .spa-res-heading, .imgTitleTextBtnBg h3, .awardsGrid h2  {
        font-size: 24px;
    }
    .logos-grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    .awardsGrid h2 {
        padding-top: 80px;
    }
    .logos-grid-wrapper {
        padding: 40px 20px 70px;
    }
    .contact-box-bg {
        padding: 60px 80px 25px;
    }
}
@media screen and (max-width: 959px) {
    .imgTitleTextBtnBg.reverse .flexRow {
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 960px) and (max-width: 1280px) {
    .imgTitleTextBtnBg figure {
        width: 50%;
    }
    .imgTitleTextBtnBg .textBox {
        padding: 15px 30px 0;
    }
    .contact-box-grid:first-of-type {
        padding-right: 10%;
    }
}
/*@media screen and (min-width: 1024px) {
    .asterisk-notes,
    .scroll_list {
        padding: 0 60px;
    }

}*/
.brochureBox {
    background: #DEEDC5;
}
.brochureBox-content-wrapper {
   max-width: 1200px;
    margin: auto;
    padding: 50px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
}
.brochureBox-content-wrapper .content-wrapper {
    max-width: 500px;
    padding-left: 50px;
}
.brochure-img {
    padding-top: 25px;
}
.brochureBox-content-wrapper .content-wrapper h2 {
    text-align: left;
    font-size: 24px;
    font-weight: 600;
    color: #B9975B;
    margin-bottom: 15px;
}
.brochure-text {
    font-size: 18px;
    color: #444647;
}
.brochure-btn {
    border: 2px solid #B9975B;
    margin: 25px 0 0;
    height: 50px;
    line-height: 30px;
    width: 250px;
    color: #444647;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .brochureBox-content-wrapper {
        display: unset;
        text-align: center;
    }
    .brochure-img {
        width: 150px;
        margin: auto;
    }
    .brochureBox-content-wrapper .content-wrapper {
        padding-left: 0;
        max-width: 300px;
        margin: auto;
    }
    .brochureBox-content-wrapper .content-wrapper h2 {
        margin: 15px 0 10px;
        font-size: 18px;
        text-align: center;
    }
    .brochure-text {
        font-size: 14px;
    }
    .brochure-btn {
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 25px;
        width: 209px;
    }
}

 .head-title h2.heading-black {
    color: #000;
}
.head-title h2.heading-green {
    color: #539659 !important;
}

.imgTitleTextBtnBg a {
    border-bottom: 1px solid;
}