/* Reset css --- */
* { padding:0px; margin:0px; }
*:focus {outline: 0;}
html, body{ overflow-x:hidden;}
body{ margin:0; padding:0; font-size: 15px; color:#181b20; font-family: 'Josefin Sans', sans-serif;}
ol, ul {list-style: none; margin:0; padding:0;}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:2px 0; margin:0; font-size: 21px; font-weight: 300;}
.clear {clear:both;}
a {color:var(--color-red); text-decoration:none;}
a:hover {text-decoration:none; color:#181b20;}
a:focus{outline:none !important;}
/* :hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;} */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; font-family: 'Cormorant', serif;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:1; color: #999999;}
:-moz-placeholder{opacity:1; color: #999999;}
::-moz-placeholder{opacity:1; color: #999999;}
:-ms-input-placeholder{opacity:1; color: #999999;}
/* --- Reset css */

:root {
  --color-red: #eb2022;
  --color-brown: #27408d;
  --color-blue: #27408d;

  --primary: #2196F3;
  --primary-md: #42A5F5;
  --primary-lt: #64B5F6;
  --primary-lightest: #E3F2FD;
  --secondary: #FF6F00;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-400: #BDBDBD;
  --gray-500: #9E9E9E;
  --gray-700: #616161;

  --shadow-2dp: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  --shadow-4dp: 0 4px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
  --shadow-8dp: 0 8px 10px 0 rgba(0, 0, 0, .14), 0 3px 12px 2px rgba(0, 0, 0, .12);
}

body{ padding: 110px 0 0 0;}
.container{ max-width: 1360px !important;}
.skip-link.screen-reader-text{ display: none !important;}

.logo{ min-width: 240px;}

.image-container{ height: 100%;}
.image-container img{ width: 100%; height: 100%; object-fit: cover;}

.site-header{ padding: 0 40px; position: absolute; width: 100%; left: 0; top: 0; z-index: 1000; background: #FFF; transition: all 0.5s ease; }
.site-header-in{ display: flex; align-items: center; justify-content: space-between;}
.topMail{ font-weight: 400;}
.topMail a{ color: var(--color-blue);}
.topMail p{ font-size: 18px;}

.site-header-left{ display: flex; align-items: center; justify-content: center;}

.site-header.fixed{ position: fixed;}
.site-header.fixed .site-nav > ul > li > a{ padding-top: 20px; padding-bottom: 20px;}

.heroVideo{ height: calc(100vh - 175px); overflow: hidden; position: relative; margin: 0 40px;}
.heroVideo::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.video-container { position: relative; padding-bottom: 56.25%; height: 0;}
.video-container iframe, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.heroVideo-txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3;}
.heroVideo-txt .container{ height: calc(100vh - 230px); display: flex; align-items:flex-end; justify-content: center;}
.heroVideo-txt h1{ font-size: 70px; font-weight: 300; color: #fff;}
.heroVideo-txt h2{ color: #FFF; text-align: center; font-size: 65px; padding-bottom: 80px;}

.site-nav{ position: relative;}
.site-nav > ul > li{ display: inline-block; vertical-align: top; margin: 0 10px;}
.site-nav > ul > li > a{ display: inline-block; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #000; font-family: 'Raleway', sans-serif; letter-spacing: .20em; padding: 45px 0; transition: all 0.5s ease;}
.site-nav > ul > li:hover > a{ color: var(--color-red);}

/* .site-nav > ul > li:nth-child(4){ margin-right: 120px;}
.site-nav > ul > li:nth-child(5){ margin-left: 120px;} */

.site-nav > ul > li > ul{ position: absolute; width: 1360px; z-index: 99; left: 50%; margin-left: -680px; top: 100%; opacity: 0; visibility: hidden; transition: all 0.5s ease;}

.site-nav > ul > li > ul .container{ background: #FFF; padding: 0; padding: 30px; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}

.site-nav > ul > li:hover > ul{ opacity: 1; visibility: visible;}

.navImg{ min-height: 155px; height: 100%; overflow: hidden; border-radius: 5px;}
.navImg img{ width: 100%; height: 100%; object-fit: cover;}

.navSingle h2{ font-size: 18px; font-family: 'Josefin Sans', sans-serif; font-weight: 500; padding-top: 15px;}
.inNavLink{ padding-top: 15px;}
.inNavLink li{ margin-top: 5px;}
.inNavLink li a{ font-size: 15px; font-weight: 400; color: #646464; font-family: 'Josefin Sans', sans-serif; display: block; position: relative; padding-left: 20px;}
.inNavLink li a::after{ content:'\f058'; font-family:'FontAwesome'; position: absolute; left: 0; top: -2px;}
.inNavLink li a:hover{ color: var(--color-red);}

.inNavLink h3{ font-size: 18px; font-weight: 700; padding-bottom: 8px;}

.inNavLink p{ font-size: 15px; font-weight: 400; color: #646464; padding-bottom: 20px;}

.booking-widget{ position: relative; z-index: 9; margin: -61px 0 0 0;}
.booking-widget-main{ height: 122px; background: #fbfbfb;}

.welcome{ text-align: center; padding: 80px 0;}
h2.title{ color: var(--color-blue); font-size: 43px; font-weight: 500;}
.welcome p{ font-size: 21px; color: #000; font-weight: 300; padding: 20px 0 0 0;}
.themebtn{ display: inline-flex; align-items: center; justify-content: center; color: var(--color-blue); font-family: Raleway,sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px;}
.themebtn span{ font-size: 30px; font-weight: 400; display: inline-block; transform: translateY(-2px); padding-left: 5px;}
.themebtn:hover{ color: var(--color-red);}

.home-list{ padding: 80px 0;}
.home-list-single p{ font-size: 21px; color: #000; font-weight: 300; padding: 20px 0 0 0;}
.home-list-txt{ text-align: center; padding: 30px 0 0 0; position: relative; z-index: 9;}
.home-list-txt p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.home-list-txt p.full{ display: block; overflow: inherit;}
.home-list-img{ height: 700px; overflow: hidden; position: relative;}
.home-list-img.small{ height: 550px;}
.home-list-img-txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center;}
.home-list-img img{ width: 100%; height: 100%; object-fit: cover;}
.home-list-img iframe{ width: 100% !important; height: 100% !important;}
.videoPlay{position: absolute; width: 64px; height: 64px; left: 50%; top: 50%; margin-top: -32px; margin-left: -32px;}

.home-list-img-txt-in{ background: #fbfbfb; padding: 35px;}

.room-carousal .owl-stage-outer{ overflow: inherit;}
.room-carousal .owl-item{ opacity: 0.5;}
.room-carousal .owl-item.active{ opacity: 1;}

.room-carousal{ z-index: inherit;}
.room-carousal::before{ content: ''; position: absolute; left: -75px; bottom: 0; width: calc(100% + 150px); height: 500px; background: #fbfbfb; z-index: -1;}
.room-carousal .home-list-txt{ opacity: 0; transition: all 0.5s ease;}
.room-carousal .owl-item.active .home-list-txt{ opacity: 1;}

.theme{ padding: 80px 40px;}
.theme-img{ height: 290px; overflow: hidden;}
.theme-img.promo{ height: 500px}
.theme-img img{ width: 100%; height: 100%; object-fit: cover;}
.theme-single{ position: relative;}
.theme-txt{padding-top: 20px;}
.theme-txt h2{ font-size: 35px;}
.theme-txt p{ font-size: 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding: 10px 0 0 0;}

.theme.for-acco .theme-img{ height: 480px;}

.logoSec{ padding: 50px 0; background: #fbfbfb;}
.news-carousal .owl-item img{ display: inline-block; width: auto !important; max-width: 170px !important;}
.news-carousal .item{ text-align: center;}

.footer-bottom{ background: #4c4c4c; padding: 15px 0; font-weight: 400;}
.footer-bottom p{ color: #FFF; font-size: 17px;}
.news-carousal .item{ height: 300px; background: #FFF; border-radius: 8px; display: flex; align-items: center; justify-content: center;}
.news-carousal .item p{ padding-bottom: 30px; font-weight: 500;}

.footerTop{ padding-top: 100px !important;}

.container-full{ padding: 0 70px;}
.footer-mid{ background: #5a5a5a; padding: 50px 0; font-weight: 400;}
.footer-single h2{ font-weight: 500; padding-bottom: 20px; font-size: 25px; font-family: 'Josefin Sans', sans-serif; color: #FFF;}
.footer-single h2.alt{ margin-top: 117px;}
.footer-single.sm p{ font-size: 19px;}
.footer-single p{ color: #FFF;}
.footer-single.sm p span{ font-weight: 400; color: #FFF;}

.footer-single.sm{ margin-left: -50px;}

.footer-single.forNewsletter{ max-width: 595px; margin: 0 auto;}
.footer-single.aboutCont{ padding-right: 50px;}
.footer-single.aboutCont p{ line-height: 28px;}
.newsImg{ height: 600px; overflow: hidden;}
.newsImg img{ width: 100%; height: 100%; object-fit: cover;}
.foot-link li{ color: #FFF; font-size: 19px; font-weight: 300; margin: 0 0 10px 0;}
.foot-link li a{ color: #FFF; border-bottom: 1px solid #FFF;}
.foot-link li a:hover{ opacity: 0.6;}

.footer-single.sm p a{ color: #FFF; border-bottom: 1px solid #FFF;}
.footer-single.sm p a:hover{ opacity: 0.6;}

/* .footer-bottom-main{ border-top: 1px solid #646464; padding-top: 20px} */
.footerSocial ul li{ display: inline-block; margin-right: 8px;}
.footerSocial ul li a{ display: inline-block; color: #FFF; font-size: 20px;}

.subDropAlt{ display: none;}
.mobClick { display: none; width: 28px; height: 16px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.mobClick span { position: absolute; opacity: 1; left: 0; width: 28px; height: 3px; background: #000; display: block; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; border-radius: 6px;}
.mobClick span:nth-child(2) { top: 7px;}
.mobClick span:nth-child(3) { top: 14px;}
.mobClick.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.mobClick.open span:nth-child(2) { opacity: 0; left: -20px;}
.mobClick.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.mobClick.open{ position: fixed; right: 15px; z-index: 9999; left: 50%; margin-left: -25px; top: 7px; background: var(--color-brown); width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.mobClick.open span:nth-child(1){ top: 24px;}
.mobClick.open span:nth-child(3){ top: 24px;}
.mobClick.open span{ left: 12px; background: #FFF;}

/* .site-header-left{ position: absolute; left: 50%; top: 32px; margin-left: -150px; z-index: 999;}
.site-header.fixed .site-header-left{ top: 15px;}
.site-header-left-place{ opacity: 0; visibility: hidden;} */

.heroVideo.innerpage{ margin: 0; height: 650px;}
.heroVideo-txt .container{ height: 100%; text-align: center; color: #FFF;}
.heroVideo-txt h6{ font-size: 14px; font-weight: 500; text-transform: uppercase; font-family: 'Raleway', sans-serif; letter-spacing: .20em; padding: 10px 0 0 0;}

.booking-widget{ margin: 0; background: #fbfbfb;}
.home .booking-widget{ background: none; margin-top: -61px;}

.themebtn-2{ background: var(--color-blue); color: #FFF; font-family: Raleway,sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; padding: 15px 30px; display: inline-block; border: none; min-width: 200px; text-align: center;}
.themebtn-2:hover{ color: #FFF; opacity: 0.8;}

.block-group{ padding-bottom: 100px;}
.block-group-single{ margin-top: 60px;}
.block-group-single p{ padding: 35px 0 0 0;}
.block-group-left{ height: 500px; overflow: hidden;}
.block-group-left img{ width: 100%; height: 100%; object-fit: cover;}
.block-group-single:nth-child(even) .col-lg-6{ order: 2;}
.block-group-single:nth-child(even) .col-lg-6 + .col-lg-6{ order: 1;}

.home-list-even{ background: #faf9f5;}

.textBlock .home-list-txt{ text-align: left;}
.textBlock p{ display: block;}

.webRoom{ background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 100px 0; color: #FFF;}
.webRoom h5{ font-weight: 600;}
.webRoom h2{ font-weight: 700; font-size: 43px;}

.acc-single button{ background: none; border: none; position: relative; display: block; width: 100%; text-align: left; padding: 0; position: relative; margin: 14px 0 0; padding: 8px 6px 20px 0; border-bottom: 1px solid rgba(0,0,0,.18); color:var(--color-blue); font-size: 20px; line-height: 1.2em; font-weight: 400;}
.acc-single button::after{ font-family:'FontAwesome'; content: '\f107'; position: absolute; right: 0; top: 7px; font-size: 17px;}
.acc-single button:hover{ text-decoration: none !important;}
.acc-single button:focus{ outline: 0; box-shadow: none;}
.acc-cont{ padding: 29px 5.8% 48px 0;}

.question{ padding-bottom: 50px;}
.question-block{ margin-top: 150px;}
.accordion{ margin-top: 35px;}

.home-list-txt h6{ font-size: 12px; font-weight: 500; text-transform: uppercase; font-family: 'Raleway', sans-serif; letter-spacing: .20em;}
.acc-cont p{ text-align: left;}
.acc-cont p:first-child{ padding-top: 0;}

.inpField{ width: 100%; border: 1px solid rgba(0,0,0,.18); padding: 12px 15px;}
.inpField:hover, .inpField:focus{ border: 1px solid rgba(0,0,0,1);}
select.inpField{ height: 49px;}
textarea.inpField{ height: 200px;}
.contForm-single{ margin-top: 30px;}
.contForm-single label{ text-transform: uppercase;}

.contForm{ padding: 80px 0; background: #faf9f5;}
.block-group-right h6{ font-size: 12px; font-weight: 500; text-transform: uppercase; font-family: 'Raleway', sans-serif; letter-spacing: .20em; padding: 10px 0 0 0;}
.home-list-txt h3{ font-weight: 500; color: var(--color-blue);}

.list{ padding-top: 20px; padding-bottom: 20px; margin: 0 0 0 50px;}
.list li{ font-size: 21px; font-weight: 300; margin-top: 10px; position: relative; padding: 0 0 0 30px;}
.list li::after{ content: '\f00c'; font-family:'FontAwesome'; position: absolute; left: 0; top: 0; border-radius: 100%;}

.subtitle{ font-size: 12px; font-weight: 500; text-transform: uppercase; font-family: 'Raleway', sans-serif; letter-spacing: .20em; padding: 10px 0 0 0;}
.theme.for-acco .theme-single{ margin-bottom: 80px; position: relative; padding: 0 0 0 50px; margin-left: 10px; margin-right: 10px;}
.theme.for-acco .theme-single::before{ content: ''; position: absolute; left: 0; bottom: 0; width: calc(100% - 2*40px); height: calc(100% - 2*40px); background-color: #faf9f5; z-index: -1; opacity: 0; visibility: hidden;}

.roomFeature{ background-color: #faf9f5; padding: 80px 0;}
.roomFeature-single{ padding-top: 50px;}
.roomFeature.white{ background: #f7f5ec;}

.included{ background: #fbfbfb;}
.included-single{ text-align: center;}
.included-single{ margin-top: 40px;}

.testimonial-sec{ background: #faf9f5; padding: 120px 0;}
.testimonial-single{ text-align: center;}
.testimonial-single p{ padding-top: 40px;}

.room-carousal .owl-nav button{ width: 50px; height: 50px; background: url('../images/slide-next.png') no-repeat !important; background-size: 100% auto !important; position: absolute; right: -25px; top: 30%; z-index: 5;}
.room-carousal .owl-nav button.owl-prev{ right: inherit; left: -25px; transform: rotate(180deg);}
.room-carousal .owl-nav button:focus{ outline: 0;}
.room-carousal .owl-nav button span{ display: none;}


.news-carousal .owl-nav button{ width: 30px; height: 30px; background: url('../images/slide-next.png') no-repeat !important; background-size: 100% auto !important; position: absolute; right: -50px; top: 50%; margin-top: -15px; z-index: 5;}
.news-carousal .owl-nav button.owl-prev{ right: inherit; left: -50px; transform: rotate(180deg);}
.news-carousal .owl-nav button:focus{ outline: 0;}
.news-carousal .owl-nav button span{ display: none;}

.gridWrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.gridWrap-single{ width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}

.blogBanner{ background-color: #faf9f5; padding: 100px 0; text-align: center;}
.blog-list{ padding: 100px 0 85px 0;}
.blogSingle{ margin: 0 0 30px;}
.blogSingle h2{ color: #000; font-size: 35px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.blogSingle p{ margin: 14px 0 0; font-size: 18px; color: #878787; display: inline; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word;}

.blogSingle-img img{ height: 100% !important; object-fit: cover;}
.postDate{ margin-top: 24px; color: var(--color-blue); font-weight: 400;}

.single-post .comments-area, .single-post .post-navigation{ display: none !important;}
.test{ text-align: center;}

.blogSingle-img{ height: 280px;}

/* .gridWrap-single:nth-child(2) .blogSingle-img,
.gridWrap-single:nth-child(4) .blogSingle-img,
.gridWrap-single:nth-child(6) .blogSingle-img,
.gridWrap-single:nth-child(8) .blogSingle-img,
.gridWrap-single:nth-child(10) .blogSingle-img,
.gridWrap-single:nth-child(12) .blogSingle-img
{
   height: 310px;
 } */

 /* .gridWrap-single:nth-child(even) .blogSingle-img{ height: 310px;} */

.blog-details{ padding: 100px 0;}
.blog-details-image .post-thumbnail{ height: 730px; overflow: hidden;}
.blog-details-image .post-thumbnail img{ width: 100% !important; max-width: 100% !important; height: 100% !important; object-fit: cover;}
.blog-details h1{ color: #000; font-size: 35px; font-weight: 500; padding-bottom: 25px;}
.blog-details p{ padding-bottom: 30px;}
.blog-details ul{ padding: 25px 0;}
.blog-details ul li{ font-size: 20px; font-weight: 300;}

.blog-details ol{ padding: 25px 0; margin: 0 0 0 50px;}
.blog-details ol li{ list-style-type: decimal; font-size: 20px; font-weight: 300; margin-top: 10px;}

/* .footerTop{ padding-bottom: 100px !important;} */

/* Booking Widget */
.booking-widget-main{ padding: 24px;}
.book-form-input label{ margin-bottom: 5px; font-family: Raleway,sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; line-height: 1.6em; color: #000;}
.bInp{ width: 100%; padding: 9.5px 16px; font-size: 17px; line-height: 29px; color: #4d4d4d; background: none; border: 1px solid rgba(0,0,0,.18); font-weight: 300;}
select.bInp{ height: 50px;}
.bInp:hover, .bInp:focus{ border: 1px solid rgba(0,0,0,1);}
.btnSub{ margin-top: 23px; width: 100%; padding: 9.5px 16px; font-size: 17px; line-height: 29px; border: 1px solid var(--color-red); color: #FFF; background: var(--color-red); font-weight: 400;}
.ui-datepicker{ font-weight: 500 !important; font-family: Raleway,sans-serif !important;}
.booking-widget .row{ margin-left: -10px; margin-right: -10px;}
.booking-widget .col-2{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0 10px;}

.booking-widget{ transition: all 0.5s ease;}
.booking-widget.act{ position: fixed; width: 100%; left: 0; top: 58px; margin: 0; background: #fbfbfb;  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); z-index: 999;}
.booking-widget.act .booking-widget-main{ padding: 10px; height: 86px;}
.booking-widget.act .bInp{ padding-top: 5px; padding-bottom: 5px;}
.booking-widget.act select.bInp{ height: 41px;}
.booking-widget.act .btnSub{ padding-top: 5px; padding-bottom: 5px;}
/* Booking Widget */

.holiday-features-single{ background: #fbfbfb; position: relative;}
.listImg{ margin-top: -150px;}
.listImg img{ width: 100%;}
.holiday-features-txt p{ color: #181b20 !important;}
/* .holiday-features-single:nth-child(even) .col-lg-5{ order: 1;}
.holiday-features-single:nth-child(even) .col-lg-7{ order: 2;} */
.holiday-features-image{ height: 500px;}
.holiday-features-image img{ width: 100%; height: 100%; object-fit: cover;}


.ui-widget-header{ background: none !important; border: 1px solid #d1d1d1 !important; }
.ui-datepicker{ background: #fbfbfb !important; border-radius: 0 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background: #FFF !important; border: none !important; text-align: center !important;}

.home-list-scroll{ background: #FFF;}
.home-list-wrap{ display: inline-block; white-space: nowrap; padding-left: 15vw;}
.home-list-scroll .home-list-single{ display: inline-block; width: 31.05vw; margin-right: 3.45vw; position: relative;}
.home-list-scroll .home-list-img{ height: calc(100vh - 250px); overflow: hidden;}
.home-list-scroll .home-list-img img{ transition: all 0.5s ease;}
.home-list-scroll .home-list-single:hover img{ transform: translateX(-5px) scale(1.1);}
#cardsContainer{ padding-top: 100px;}
.home-list-scroll .home-list-txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0 !important; padding: 0 !important; display: flex; align-items: flex-end; background: rgba(0,0,0,0.2);}
.home-list-scroll .home-list-txt > div{ width: 100%; text-align: center; padding: 15px 0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.home-list-scroll h2.title{ color: #FFF;}
.home-list-scroll .themebtn{ color: #FFF;}

.holiday-features-image{ height: calc(100vh + 70px);}
.holiday-features-txt{ width: 60%; margin: 0 auto;}

.stay-carousal .owl-dots{ position: absolute; width: 100%; left: 0; bottom: 20px; z-index: 5; text-align: center;}
.stay-carousal .owl-dots button:focus{ outline: 0; box-shadow: none;}
.stay-carousal .owl-dots button{ width: 15px; height: 15px; border-radius: 100%; background: #FFF; margin: 0 5px; opacity: 0.5;}
.stay-carousal .owl-dots button.active{ opacity: 1;}

.heroVideo.innerpage .container{ align-items: center;}
.heroVideo.innerpage .heroVideo-txt h2{ padding: 0;}

.logo-facilities{ padding: 50px 0;}
.logo-facilities ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; justify-content: center;}
.logo-facilities ul li{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; margin-top: 30px;}
.logo-facilities-single{ text-align: center; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); padding: 30px 15px;}
.logo-facilities-single p{ font-size: 18px; font-weight: 500; padding-top: 5px;}
.logo-facilities-img img{ width: 60px;}

/* .link-disable a{ pointer-events: none; } */


/* calander CSS */
.inputs {
  height: 200px;
  width: 500px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;

  /*   border: 1px solid white; */
}

.inputs > * {
  margin-bottom: 48px;
}

.inputs input {
  font-family: "Nunito";
  font-size: 90%;
}

/* ============================ */
/* Type 1 */
/* ============================ */

/* {
  display: flex;
  flex-direction: column;
} */

.fields {
  display: flex;
}

.input-wrapper label {
  display: block;
  color: white;
  margin-bottom: 6px;
}

.input-wrapper input {
  width: 100%;
    padding: 9.5px 16px;
    font-size: 17px;
    line-height: 29px;
    color: #4d4d4d;
    background: none;
    border: 1px solid rgba(0,0,0,.18);
    font-weight: 300;
}

.date-field {
  cursor: pointer;
}

.calendar-widget {
  position: relative;
}

.calendar-widget:focus {
  outline: none;
}

.calendar-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 8px;

  z-index: 2;
}

.dual-calendar {
  display: flex;
  /*   height: 300px; */

  border-radius: 3px;
  padding: 16px;
  box-shadow: var(--shadow-2dp);
  background-color: white;
}

.dual-calendar .calendar:first-child {
  margin-right: 16px;
}

.calendar {
  width: auto;
}

.calendar-header {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month-text {
  font-family: "Nunito";
  color: var(--gray-700);
}

.prev-btn,
.next-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;

  transform: translateY(-50%);
  z-index: 1;

  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 50px;
  box-shadow: var(--shadow-2dp);
  background-color: var(--primary);
  color: white;

  transition: background-color 0.2s, box-shadow 0.2s;
}

.prev-btn:hover,
.next-btn:hover {
  box-shadow: var(--shadow-4dp);
  background-color: var(--primary-md);
}

.prev-btn:active,
.next-btn:active {
  box-shadow: var(--shadow-8dp);
  background-color: var(--primary-lt);
}

.prev-btn.disabled,
.next-btn.disabled {
  cursor: default;
  box-shadow: none;
  background-color: var(--gray-300);
  color: var(--gray-500);
}

.prev-btn *,
.next-btn * {
  user-select: none;
}

.prev-btn {
  left: 0;
}

.next-btn {
  right: 0;
}

.date-table-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 8px;
}

.day {
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  font-weight: 700;

  color: var(--gray-700);
}

.day.saturday {
  color: var(--primary);
}

.day.sunday {
  color: var(--secondary);
}


/* Date Styling */
.date-table-row {
  display: flex;
  height: 40px;
  justify-content: space-between;
}

.date {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 40px;
  height: 40px;
  transition: color 0.2s;
}

/* DO NOT CHANGE THE ORDER */

.date.sunday {
  color: var(--secondary);
}

.date.today {
  color: var(--primary);
}

.date.selected {
  color: white;
}

.date.disabled {
  color: var(--gray-300);
}

.date.empty {
  cursor: default;
  user-select: none;
}
.date * {
  cursor: pointer;
  user-select: none;
}

.date.disabled *{
  cursor: not-allowed;
}

.date .help-text {
  position: absolute;
  top: 0;

  display: none;
  align-items: flex-start;
  justify-content: center;

  width: 100%;
  height: 15px;
  font-size: 10px;
  z-index: 1;
}

.date .date-text {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;

  font-size: 90%;

  z-index: 1;
}

.date .date-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);

  width: 40px;
  height: 100%;
  background-color: transparent;

  will-change: transform;

  transition: transform 0.18s cubic-bezier(0, .75, .5, 1), background-color 0.2s;
}

.date .date-ripple.no-transition {
  transition: none;
}

.date.hover .date-ripple {
  background-color: var(--gray-300);
  transform: translate(-50%, -50%) scale(1);
}

.date.in-range .date-ripple {
  background-color: var(--primary-lightest);
  transform: translate(-50%, -50%) scale(1);
}

.date.selected .date-ripple {
  background-color: var(--primary);
  transform: translate(-50%, -50%) scale(1);
}


.input-wrapper label{ display: none !important;}
.calendar-wrapper{ box-shadow: none !important; background: #fbfbfb !important; border: 1px solid rgba(0,0,0,.18); padding: 25px; font-family: Raleway,sans-serif; font-size: 14px; line-height: 2em; font-weight: 500; color: #000;}
.dual-calendar{ background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important;}
.month-text p{ font-size: 12px; line-height: 22px; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; text-align: center; color: #000;}
.prev-btn, .next-btn{ background: none !important; width: auto !important; height: auto !important; color: #000 !important; box-shadow: none !important;}
.day{ letter-spacing: .01em; color: #34558e !important; font-weight: 500 !important;}
.date{ border: 1px solid rgba(0,0,0,.18); background: #FFF; display: block; text-align: center; color: #000; font-weight: 500;}
.date .date-text{ color: #000; font-weight: 500;}
.date.empty{ border: none;}
.date-table-body{ display: table !important; border-collapse: collapse;}
.date-table-row{ display: table-row !important;}
.date{ display: table-cell !important;}
.date.selected .date-text{ color: #fff!important; background:var(--color-blue); position: relative; z-index: 1;}
.date .date-ripple{ opacity: 0 !important; visibility: hidden !important;}
.date.today, .date:hover, .date:hover .date-text{color: #fff!important; background: #34558e!important;}
.date.today .date-text{ color: #FFF !important;}
.date.disabled{ background: none !important;}
.date.disabled:hover, .date.empty:hover, .date.disabled .date-text, .date.empty:hover .date-text{ background: none !important; color: #000 !important;}
.calendar-wrapper{ top: inherit; bottom: 100% !important;}
.booking-widget.act .calendar-wrapper{ bottom: inherit !important; top: 100% !important;}
.booking-widget.act .input-wrapper input{ padding-top: 5px; padding-bottom: 5px;}
.date.disabled .date-text{ opacity: 0.2;}
.date.empty{ background: none !important;}
/*  */

.holiday-features.forMob{ display: none;}
.home-list.forMob{ display: none;}
.topMail ul{ display: flex; align-items: center;}
.topMail ul li:first-child{ margin-left: 0;}
.topMail ul li{ margin-left: 8px;}
.topMail ul li a{ color: var(--color-blue); font-size: 20px;}

.themeM{ padding: 30px; border: 1px solid #dfdfdf;}
.themeM ul{ padding-top: 15px;}
.themeM ul li{ margin-top: 5px;}
.themeM ul li a{ color: #000;}

.holiday-features.forDesk .row{ margin: 0;}
.holiday-features.forDesk .col-lg-6{ padding: 0;}
.holiday-features.forDesk .holiday-features-single:nth-child(even) .col-lg-6{ order: 2;}
.holiday-features.forDesk .holiday-features-single:nth-child(even) .col-lg-6 + .col-lg-6{ order: 1;}

.logoSec.single .item{ height: 300px; background: #FFF; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 15px 0;}
.logoSec.single .item p{ padding-bottom: 30px; font-weight: 500; text-align: center;}
.listLink{ padding: 15px 0 0 30px;}
.listLink li{ margin-top: 8px;}
.listLink li a{ font-size: 18px;}


.privactTxt ul{ padding-top: 25px; padding-left: 50px}
.privactTxt ul li{ font-size: 21px; color: #000; font-weight: 300; margin-top: 10px; list-style-type: disc !important;}
.privactTxt tr td{ font-size: 21px; color: #000; font-weight: 300;}

.theme-single.presenter{ margin-bottom: 0 !important; margin-top: 50px}

.theme.forPromo{ padding-bottom: 30px;}
.theme.forPromo .theme-single{ margin-bottom: 50px}
.theme.forPromo .theme-txt h2{ font-size: 27px;}

.bio-div{ max-height: 94px; overflow: hidden;}
.bio-expand{ margin: 20px 0 0 0; cursor: pointer; color: var(--color-blue); font-family: Raleway,sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px;}
.bio-expand:hover{ color: var(--color-red);}
.bio-div.act{ max-height: 2000px;}

.webRoom{ background: url('https://www.thebodyholiday.com/wp-content/themes/bodyholiday/custom-assets/images/Reenergise.jpg') top center no-repeat !important; background-size: cover !important;}

.addLogo{ display: flex; align-items: center;}
.addLogo-left{ width: 100px; background: #5a5a5a/*#FFF*/; width: 148px; text-align: center; margin: -8px 0 0 0;}
.addLogo-left img{ /*width: 84px;*/ width: auto;} 

.play-images{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 0 15px 0;}
.play-images-left{ display: flex; flex-wrap: wrap; align-items: center; }
.play-images-single{ width: 170px; height: 170px; border-radius: 10px; margin-left: 35px; background: #f1f1f1;}
.play-images-single.active{ transform: scale(1.1); -webkit-box-shadow: 0 0 10px 0 #FF1453; box-shadow: 0 0 10px 0 #FF1453;}
.play-images-single:first-child{ margin-left: 0;}
.play-images-single img{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}

.play-images-right{ text-align: center; display: flex; align-items: center;}
.play-images-right p{ font-size: 13px; margin: 0; padding: 0; font-weight: 400; line-height: 16px;}
.qr-img{ width: 118px;}
.qr-logo{ width: 100px; margin: 0 auto; margin-top: 10px;}
.player{ width: 260px; margin-right: 30px;}
.qr{ border-left: 1px solid #dfdfdf; padding: 0 0 0 30px;}



.neighbour{ background: #f2f2f3;}
.neighbour-left{ padding: 0 80px; padding-right: 150px;}
.neighbour-left p{ font-size: 19px; color: #181b20; padding: 15px 0 0 0;}
.neighbour-left ul{ margin-left: 40px; padding: 18px 0 0 0 !important;}
.neighbour-left ul li{ list-style-type: circle; font-size: 19px; color: #181b20; font-weight: 300; margin-bottom: 6px;}
.neighbour-left ul li:last-child{ margin-bottom: 0;}
.neighbour-video{ position: relative;}
.neighbour-video::after{ content: ''; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; opacity: 0.4;}
.platBtn{ position: absolute; top: calc(50% - 35px); left: 0; right: 0; margin-left: auto; margin-right: auto; width: 75px; height: 75px; border: 3px solid #FFF; border-radius: 100%; z-index: 9; display: flex; align-items: center; justify-content: center; font-size: 25px; color: #FFF;}
.neighbour-image{ min-height: 750px;}
.neighbour-image img{ width: 100%; height: 750px; object-fit: cover;}
.neighbour.top{ padding-top: 122px; background-color: #FFF; margin: -46px 0 0 0;}
.neighbour.top .col-lg-6{ order: 2;}
.neighbour.top .col-lg-6 + .col-lg-6{ order: 1;}
.neighbour.odd .col-lg-6{ order: 2;}
.neighbour.odd .col-lg-6 + .col-lg-6{ order: 1;}
.neighbour.odd{ padding: 0; background-color: #FFF;}
.neighbour .row{ margin: 0;}
.neighbour .col-lg-6{ padding: 0;}

.landing-container{ min-height: 100vh;}
.landing-container .neighbour-image{ min-height: 300px;}
.landing-container .neighbour{ background: #fbfbfb;}
.landing-container .neighbour:nth-child(even){ background: #FFF;}
.landing-container .neighbour:nth-child(even) .col-lg-6 + .col-lg-6{ order: 1;}
.landing-container .neighbour:nth-child(even) .col-lg-6{ order: 2;}
.landing-container .neighbour-left p{ margin: 0 !important;}


.mobVid{ display: none !important;}
.image-for-mobile{ display: none;}


.site-nav > ul > li.linkSmall{ position: relative;}
.site-nav > ul > li.linkSmall > ul{ width: 300px; background: #FFF; padding: 30px; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; left: inherit; right: 0; margin: 0;}
.site-nav > ul > li.linkSmall > ul > li:first-child{ margin-top: 0;}
.site-nav > ul > li.linkSmall > ul > li{ margin-top: 5px;}
.site-nav > ul > li.linkSmall > ul > li > a{ font-size: 15px; font-weight: 400; color: #646464; font-family: 'Josefin Sans', sans-serif; display: block; position: relative; padding-left: 20px;}
.site-nav > ul > li.linkSmall > ul > li > a::after { content: '\f058'; font-family: 'FontAwesome'; position: absolute; left: 0; top: -2px;}
.site-nav > ul > li.linkSmall > ul > li > a:hover{ color: var(--color-red);}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000000;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #FFFFFF;
}

.logo{ width: auto; min-width: 100px !important;}
.topMail{ min-width: 150px}
.topMail ul{ justify-content: flex-end;}


@media (min-width: 1200px) {
  .site-nav > ul > li:hover > ul{ opacity: 0 !important; visibility: hidden !important;}
  .site-nav > ul > li > ul.actt{ opacity: 1 !important; visibility: visible !important;}
}


@media (max-width: 1599px) {
  .container{ max-width: 1200px !important;}
  .site-nav > ul > li{ margin: 0 4px;}
  .site-nav > ul > li > a{ letter-spacing: .08em;}
  /* .home-list-img{ height: 400px;} */
  .heroVideo-txt h2{ font-size: 55px;}
  h2.title{ font-size: 38px;}
  .theme-txt h2{ font-size: 30px;}
  .footer-single.forNewsletter{ padding-left: 15px;}

  .footer-single h2.alt{ margin-top: 88px;}
  .footer-single.sm{ margin-left: -90px;}

  .inNavLink{ padding-top: 10px;}
  .inNavLink p{ font-size: 12px; padding-bottom: 10px;}
  .navSingle h2{ font-size: 16px;}
  .logo{ min-width: 170px;}
  .site-nav > ul > li > ul{ width: 1200px; margin-left: -560px;}

  .blogSingle-img{ height: 250px;}
  .blogSingle h2{ font-size: 25px; height: 60px;}

  .home-list-img{ height: 550px;}
  .heroVideo.innerpage{ height: 530px;}

  .booking-widget .container{ max-width: 930px !important;}
}

@media (max-width: 1400px) {
  .neighbour-left{ padding-left: 50px; padding-right: 50px;}
}

@media (max-width: 1350px) {
  .container{ max-width: 1100px !important;}
  .heroVideo-txt h2{ font-size: 40px;}
  .site-nav > ul > li > a{ letter-spacing: 0;}
  h2.title{ font-size: 36px;}
  .welcome p, .home-list-single p{ font-size: 19px;}
  .theme-txt h2{ font-size: 28px;}
  p{ font-size: 19px;}
  .footer-single.sm p{ font-size: 16px;}
  .foot-link li{ font-size: 17px;}
  .footer-single.aboutCont{ padding-right: 30px;}

  .play-images-single{ width: 150px; height: 150px;}
  .player{ width: 220px;}

  .neighbour-left{ padding-left: 30px; padding-right: 30px;}
}

@media (max-width: 1199px) {
  body{ padding-top: 75px;}
  .container{ max-width: 900px !important;}
  .site-nav{ position: fixed; width: 100%; height: 100%; overflow: auto; left: 0; top: 0; background: #FFF; left: -100%; transition: all 0.5s ease;}
  .site-nav.act{ left: 0;}
  .site-nav > ul{ margin-top: 50px;}
  .site-nav > ul > li{ display: block; margin: 0; position: relative;}
  .site-nav > ul > li:first-child{ border-top: 1px solid #ededed;}
  .site-nav > ul > li > a{ display: block; width: 100%; padding: 15px 20px !important; border-bottom: 1px solid #ededed; font-size: 14px;}
  .site-nav > ul > li > ul{ position: static; opacity: 1 !important; visibility: visible !important; margin-left: 0; transform: none; padding: 0; transition: none !important; display: none;}
  .site-nav > ul > li > ul .container{ max-width: 100% !important; box-shadow: none !important; border-bottom: 1px solid #ededed;}
  .inNavLink li a{ font-size: 12px;}

  .navSingle h2{ font-size: 15px;}
  .navImg{ height: 150px;}
  .inNavLink p{ font-size: 13px;}
  .inNavLink{ padding-top: 5px;}
  .subDropAlt{ display: inline-block; position: absolute; right: 0; top: 0; width: 49px; height: 49px; display: flex; align-items: center; justify-content: center;}

  .site-header{ padding: 15px !important;}
  .mobClick{ display: inline-block;}
  .theme-img{ height: 290px;}
  .container-full{ padding: 0 30px;}

  .holiday-features-txt{ width: 100%; padding: 0 30px;}
  .home-list-scroll .home-list-single{ width: 37vw; margin-right: 2vw;}
  .home-list-scroll h2.title{ font-size: 26px;}

  .play-images-single{ margin-left: 25px; width: 120px; height: 120px;}
  .qr-img{ width: 100px;}
  .qr{ padding-left: 15px;}
  .player{ margin-right: 15px; width: 170px;}

  .site-nav > ul > li.linkSmall > ul{ width: 100%; box-shadow: none;}
}

@media (max-width: 1023px) {
  .heroVideo-txt .container{ height: 400px;}
  .heroVideo{ margin: 0; height: 400px;}
  .theme{ padding: 0;}
  .theme-single{ margin-top: 30px;}
  .home-list{ padding: 50px;}
  .home-list-single{ padding-left: 20px; padding-right: 20px; }
  .home-list.forVid{ padding: 50px 0;}
  .home-list.forVid .home-list-single{ padding: 0;}
  .welcome{ padding: 50px 0;}
  .theme-txt p{ font-size: 19px;}
  .newsImg{ height: 400px;}
  .footer-single.forNewsletter{ padding: 50px 15px !important; margin: 0 auto;}
  .footer-mid{ padding: 0 0 50px 0;}
  .footer-single{ margin-top: 50px;}
  .inNavLink{ margin-bottom: 20px;}

  .booking-widget-main{ padding: 15px; padding-top: 5px; margin: 0 -15px;}
  .booking-widget .col-2{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
  .booking-widget .col-2:nth-child(4), .booking-widget .col-2:nth-child(5){ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .input-wrapper input{ padding-top: 2px; padding-bottom: 2px;}
  .bInp{ padding-top: 2px; padding-bottom: 2px;}
  select.bInp{ height: 35px;}
  .book-form-input label{ margin: 0; padding: 0;}
  .book-form-input{ margin-top: 10px;}
  .btnSub{ padding-top: 2px; padding-bottom: 2px; margin-top: 33px;}
  .booking-widget.act .booking-widget-main{ height: auto;}

  .holiday-features.forDesk{ display: none;}
  .holiday-features-image{ height: auto;}
  h2.title.text-center.pt-5.pb-5.mb-5{ margin-bottom: 30px !important; padding-bottom: 0 !important;}
  .holiday-features-txt{ padding: 30px;}

  .home-list-scroll.forDesk{ display: none;}
  .home-list-wrap{ padding: 0;}
  .home-list{ padding: 30px;}
  .home-list-wrap{ white-space:normal; display: flex; flex-wrap: wrap;}
  .home-list-scroll .home-list-single{ width: 50%; margin: 0; padding: 0;}
  .home-list-scroll .home-list-img{ height: 350px;}
  .footer-single.sm{ margin-left: 0;}

  .holiday-features.forMob{ display: block;}
  .home-list.forMob{ display: block;}

  .gridWrap-single{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

  .landing-container .col-lg-6 { order: 2;}
  .landing-container .col-lg-6 + .col-lg-6 { order: 1;}

  .landing-container .neighbour:nth-child(even) .col-lg-6+.col-lg-6 { order: 1;}
  .landing-container .neighbour:nth-child(even) .col-lg-6 { order: 2;}
  .neighbour-left{ padding: 30px;}
  .neighbour-image img{ width: 100%; height: 100%; object-fit: cover;}
  .landing-container .neighbour-image{ min-height: 10px;}
}

@media (max-width: 767px) {
  .heroVideo{ height: 270px;}
  .heroVideo-txt .container{ height: 100%;}
  .booking-widget{ margin: -15px 0 0 0;}
  .heroVideo-txt h2{ font-size: 23px;}
  .topMail{ display: none;}

  .home-list{ padding: 50px 0;}
  .home-list-single{ padding: 0;}
  .home-list-img{ height: 260px;}
  .footer-bottom-main{ display: block;}
  .footerSocial ul{ text-align: center; padding-top: 10px;}
  .footer-single.aboutCont{ padding-right: 0;}
  .newsImg{ height: 260px;}
  .site-nav > ul > li > ul .container{ padding: 15px; padding-bottom: 0;}
  .theme-txt p{ -webkit-line-clamp: 2;}
  .logoSec{ margin-top: 0; padding: 60px 0;}

  .list{ margin-left: 10px;}
  .booking-widget-main{ height: auto;}
  .book-form-input label{ font-size: 9px;}
  .booking-widget .row{ margin-left: -2px; margin-right: -2px;}
  .booking-widget .col-2{ padding: 0 2px;}
  .input-wrapper input, .bInp{ font-size: 12px; padding-left: 4px; padding-right: 4px;}
  .calendar-wrapper{ padding: 5px 0; width: calc(100vw - 30px);}
  .booking-widget.act .calendar-wrapper{ width: calc(100vw - 20px);}
  .dual-calendar{ width: 100% !important;}
  .calendar-wrapper{ top: 100% !important; bottom: inherit !important;}
  .dual-calendar .calendar:first-child{ margin: 0 !important;}
  .calendar{ width: 50% !important; padding: 0 5px !important;}
  .month-text p{ font-size: 10px !important;}
  .day{ font-size: 11px !important;}
  .date-table-header{ margin-top: -14px !important;}
  .date .date-text{ font-size: 11px;}
  .booking-widget .col-2:nth-child(2) .calendar-wrapper{ transform: translateX(-33.50%);}

  .home-list-img.small h2.title{ font-size: 24px;}
  .home-list-img-txt-in{ padding: 20px; padding-left: 0; transform: translateY(-15px);}
  .home-list-img-txt{ align-items: flex-end;}
  .home.page-template .home-list.forVid{ padding-bottom: 0;}
  .home-list.home-list-scroll.forMob{ padding: 0;}
  .home-list-scroll .home-list-single{ width: 100%;}
  .footerSocial ul{ text-align: left;}
  .footer-single h2.alt{ margin-top: 40px;}
  .booking-widget-main{ background: #f9f6f6;}
  .input-wrapper input, .bInp{ background: #FFF;}
  .btnSub{ margin-top: 32px;}
  .footerTop{ padding-top: 0 !important;}
  .site-nav > ul > li > ul{ width: 100%;}
  .navImg{ display: none;}
  .heroVideo.innerpage{ height: 213px;}
  .logo-facilities ul li{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

  .theme.for-acco .theme-single{ padding: 0; margin-bottom: 0; margin-left: 0; margin-right: 0;}
  .theme.for-acco .theme-img{ height: 300px;}
  .webRoom{ margin-top: 30px;}
  .webRoom h2{ font-size: 25px;}

  .gridWrap-single{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .blogBanner{ padding: 50px 0;}
  .blog-list{ padding: 30px 0;}
  .blogSingle-img{ height: 222px;}

  .blog-details{ padding: 50px 0;}
  .blog-details-image .post-thumbnail{ height: auto !important;}
  .heroVideo-txt h1{ font-size: 22px !important;}

  .play-images-left{ width: 100%; justify-content: space-between;}
  .play-images-single{ margin-left: 0; width: 100px; height: 100px;}
  .play-images-right{ width: 100%; justify-content: space-between; padding-top: 30px;}

  .neighbour-left{ padding: 30px 15px;}

  .mobVid{ display: block !important;}
  .deskVid{ display: none !important;}

  .image-for-mobile{ display: block;}
  .image-for-desktop{ display: none;}
}