/**/@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;400;500&display=swap');

/* 'Work Sans', sans-serif*/


*{ margin:0; padding:0; font-family: "Gothic A1", Helvetica, Arial, sans-serif;
font-style: normal;font-weight: 400;font-size: 15px;line-height: 180%;color: #616161;box-sizing: border-box; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; border:0; outline:0;}

html {
  scroll-behavior: smooth;
}
input[type="date"]::-webkit-calendar-picker-indicator {
       background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: -20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    
}

.checkIn{ float:left; position:relative}
#message-sent{ display:none}
.checkIn.fullFormFiledwidth{ width:100%}
.widthHalf select{ width:50% !important;    font-size: 12px;}
.popupInner .guest select,.showOnMobile select,.guest.datedesktop select{ width:49.0% !important; background:transparent }

.popupInner input[type="date"]{
    padding: 30px 10px 10px 10px;
    border-radius: 8px;
    margin: -29px -10px -10px -10px !important;
    width: calc(100% + 20px);
    float: left; background-position:calc(100% - 10px) 30px}
.popupInner input[type="date"].error{ border:1px solid red}



.cardTxt h4{ text-transform:uppercase}

.locBtn{ background-position: 255px center !important; background-image:url(../images/arrow-long-left-white.svg) !important;
margin: 0 auto !important;
display: block !important;
width: 310px; border-color:#fff !important; color:#fff !important}

.locBtn:hover{background-image:url(../images/arrow-long-left.svg) !important;}

.back-to-top img{ width:40px;}

.back-to-top{
    position: relative;
    display: none;
    z-index: 9999999;
    position: fixed;
    right: 16px;
    bottom: 65px;
	cursor:pointer; width:40px; height:40px;
      
    }
	

.back-to-top:before,
.back-to-top:after {
  content:'';
  display:block;
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  border-radius:50%;
  border:1px solid rgba(181,154,84,0.2);
}

.back-to-top:before {
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
}
.back-to-top:after {
  -webkit-animation: ripple 2s linear 1s infinite;
  animation: ripple 2s linear 1s infinite;
}

.back-to-top:hover:before,
.back-to-top:hover:after {
  -webkit-animation: none;
  animation: none;
}

@-webkit-keyframes ripple{
  0% {-webkit-transform:scale(1); }
  75% {-webkit-transform:scale(1.75); opacity:1;}
  100% {-webkit-transform:scale(2); opacity:0;}
}

@keyframes ripple{
  0% {transform:scale(1); }
  75% {transform:scale(1.75); opacity:1;}
  100% {transform:scale(2); opacity:0;}
}

/**/	
.highlightsBox{ width:100%; float:left}
.highlightsBox .item{ width:33.3%; float:left}

#owl-carousellower .owl-stage{ padding-left:0 !important; padding-right:0 !important}
#owl-carousellower .owl-item{ min-width:33.33%}

/*containers*/
.colFullWidth{ width:100%; float:left;}
.container{ margin:0 auto}
.container{ max-width:1140px;}


/*.header{ background:#000;}*/
.leftHeader{ float:left; margin:5px 0}
.leftHeader img{ float:left}
.rightHeader{ float:right}
.topHeaderBox{ }

::-webkit-calendar-picker-indicator { background:none; }
.rightHeader ul{ margin:55px 0 0 0}
.rightHeader ul li{ display:inline-block; list-style:none; margin-left:15px; position:relative}
.rightHeader ul li a:link,.rightHeader ul li a:visited{ padding:5px; text-decoration:none; color:#fff; font-size:15px; font-weight:500; text-transform:uppercase;letter-spacing: 0.04em;position:relative;}
.rightHeader ul li a:hover,.rightHeader ul li a.selected{ color:#B59A54;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.rightHeader ul li a.selected:after,.rightHeader ul li a:hover:after{ width:37px; height:1px; content:"."; color:rgba(0,0,0,0) ; position:absolute; left:6px; top:30px; background:#B59A54;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.clear{ clear:both}

.outerContainer{ width:100%; position:relative; float:left}
.col7{ width:67%; float:left}
.col3{ width:33%; float:left}
.col12{ width:100%; float:left}


#owl-carouselTop.owl-carousel.homeBanner .owl-nav.disabled{ display:block;top: calc(50% - 35px);position: absolute; width:1140px; left:calc((100% - 1140px)/2)}
#owl-carouselTop.owl-carousel.homeBanner .owl-nav.disabled span{ display:none !important; opacity:0 !important}
#owl-carouselTop.owl-carousel.homeBanner .owl-nav .owl-prev{ background:url(../images/back.svg); width:70px; height:70px; left:auto; position:absolute}

#owl-carouselTop.owl-carousel.homeBanner.propertiesTopBannerSlider .owl-nav .owl-prev{ background:url(../images/back.svg); left:0; position:absolute;border-radius: 0;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);width:40px; height:40px; }
#owl-carouselTop.owl-carousel.homeBanner .owl-nav .owl-next{ background:url(../images/next.svg); width:40px; height:40px; right:0; position:absolute;border-radius: 0;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);}

#owl-carouselTop.owl-carousel.homeBanner.propertiesTopBannerSlider .owl-nav {
  display: block;
  top: calc(50% - 35px);
  position: absolute;
  width: 1140px;
  left: calc((100% - 1140px)/2) ;
}
.owl-prev span,.owl-next span{ opacity:0 !important}
.owl-carousel.homeBanner#owl-carouselTop .owl-dots{ display:none !important}

.topMargin{ margin:85px 0}

h1.homeH1,h1.homeH1 span.h{font-family: 'Zilla Slab';font-style: normal;font-weight: 400;font-size: 47px;line-height:normal;color: #333333;}
h1.homeH1 span{font-weight: 600;font-size: 62px;font-family: 'Zilla Slab';font-style: normal; line-height:normal;letter-spacing: 2px; color:#333333}
h1.homeH1 span.h{ font-size:62px}
.homeThree{ position:relative;display: inline-block;  padding-right: 230px;}
.homeThree::after{ width:226px; height:2px; background:#C6A646; content:"."; color:rgba(0,0,0,0); position:absolute; right:0; top:58px}

.homeTwo.thh{ font-size:62px}

.footerHeading.secondFooter{ margin-top:30px}

h1,h2,h3,h4{ /* font-family:"Zilla Slab"; color: #3A3A3A; */  font-family: "Gothic A1", Helvetica, Arial, sans-serif; color: #202020; font-style: normal;font-weight: 600;font-size: 32px;line-height: 43px;}
h2{ font-family: "Gothic A1", Helvetica, Arial, sans-serif; color: #202020; font-weight: 600;font-size: 40px;line-height: 64px;text-transform: uppercase; position:relative; display:inline}
/* h2::after{ content:"."; color:rgba(0,0,0,0); width:150px; height:2px; background:rgba(198, 166, 70, 1); position:absolute; right:0px; top:60px} */
.siteContent h5 {
    text-transform: uppercase;
    margin: 20px 0 5px;
    font-size: 17px;
    font-weight: 600;
}
.subHeading{font-family: 'Zilla Slab';font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;color: #616161; position:relative; padding-left:35px; padding-top: 7px;}
.subHeading::before{background: #616161; content:"."; position:absolute; left:0; top:17px; width:27px; height:1px; color:rgba(0,0,0,0)}
p{ padding:10px 0 10px; }
p strong {
    font-weight: bold;
}
.homeTwo{ margin:5px 0}

.rightFloatingBox{padding:30px 30px 0px 30px; margin-bottom: 70px; background: #FFFFFF;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);border-radius: 15px;position: sticky;top: 0;}
.rightFloatingBox p{ padding:5px 0 !important;  }
.rightFloatingBox input.wpcf7-form-control.wpcf7-text, .rightFloatingBox textarea.wpcf7-form-control.wpcf7-textarea {
    border: 1px solid #fff;
    background: #f7f3ef;
    padding: 8px 10px;
    border-radius: 9px;
    width: 100%;
        margin-bottom: 5px;
}
.rightFloatingBox input.wpcf7-form-control.has-spinner.wpcf7-submit {
    font-family: "Gothic A1", Helvetica, Arial, sans-serif; 
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.07em;
    color: #FFFFFF;
    background: #202020;
    border-radius: 8px;
    border: 1px solid #202020;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 20px 0 0 0;
    cursor: pointer;
    text-transform: uppercase;
}

.colhalf {
    width: calc(50% - 5px);
    float: left;
    margin-right: 5px;
}

.colhalf input.wpcf7-form-control.wpcf7-date {
    border: 1px solid #fff;
    background-color: #f7f3ef;
    background-image: url(../images/calendar.svg);
    background-position: 95% center;
    background-repeat: no-repeat;
    padding: 8px 10px;
    border-radius: 9px;
    width: 100%;
    margin-bottom: 5px;
}
.colhalf select.wpcf7-form-control.wpcf7-select {
    border: 1px solid #fff;
    background: #f7f3ef;
    padding: 6px 10px;
    border-radius: 9px;
    width: 100%;
    margin-bottom: 5px;
}


.rightRow,.rightRowCheckIn{ width:100%; float:left}
.rightRow div{ float:left; width:50%}
.rightRow div:first-child{font-family: 'Open Sans';font-style: normal;font-weight: 300;font-size: 18px;line-height: 25px;text-transform: capitalize;color: #3A3A3A;}
.rightRow div:last-child{font-family: 'Open Sans';font-style: normal;font-weight: 700;font-size: 18px;line-height: 25px;text-transform: capitalize;color: #B59A54; text-align:right}
.line{ background:#616161; width:100%; height:1px; width:100%; margin:20px 0; float:left; opacity:0.2}
.siteContent{ width:70%}

.checkIn{ background:rgba(245, 246, 248, 1); border-radius:8px; padding:10px}
.checkIn p{ margin:0; padding:0}

.checkInBox,.rightRowGuest.widthHalf{ width:calc(50% - 8px); float:left}
.checkOutBox{ width:calc(50% - 8px); float:right}
.validationMsg{color:red; font-size:12px}
.rightRowCheckIn .checkIn{ width:100%}
.rightRowCheckIn .checkIn{ width:100%}
.validationMsg{ display:none}

.filterTabs ul li{ cursor:pointer}


.checkTxt{font-family: 'Open Sans Condensed';font-style: normal;font-weight: 700;font-size: 14px;line-height: 19px;color: #272829;opacity: 0.5;letter-spacing: 0.03em;}
.checkDate{font-family: 'Open Sans Condensed';font-style: normal;font-weight: 700;font-size: 16px;line-height: 22px;letter-spacing: 0em;color: #35403E;}

input[type="date"]{font-family: 'Open Sans';font-style: normal;font-weight: 500;font-size: 14px;line-height: 22px;color: #35403E; border:0; background:url(../images/calendar.svg) no-repeat right center; width:100%;outline: none;}


.guest input{background:none; width:30% !important;font-family: 'Open Sans';font-style: normal;font-weight: 500;font-size: 14px;line-height: 22px;color: #35403E; border:0;outline: none;}

.checkIn textarea{background:none; width:calc(100% + 20px) !important;font-family: 'Open Sans';font-style: normal;font-weight: 500;font-size: 14px;line-height: 22px;color: #35403E; border:0;outline: none;border-radius: 8px; padding: 10px; margin: -10px -20px -20px -10px;}


.rightRowGuest.marginT{ margin-top:0}
.enqHeading{ /*font-family: 'Zilla Slab'; */ font-family: "Gothic A1", Helvetica, Arial, sans-serif; color: #202020; font-style: normal;font-weight: 600;font-size: 22px; text-align: center;}
.datetime-reset-button{ opacity:0 !important; display:none !important}
.rightRowGuest p{ margin:0 ;padding:0}
.rightRowGuest{ float:left; width:100%; margin:16px 0}
.rightRowGuest .guest{background:rgba(245, 246, 248, 1); border-radius:8px; padding:10px}

.guestSelectBox{ font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #35403E;
    border: 0;outline: none; width:100%}

.submitBtn,.submitBtnn{/* font-family: 'Zilla Slab'; */ font-family: "Gothic A1", Helvetica, Arial, sans-serif; color: #202020; font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;letter-spacing: 0.07em;color: #FFFFFF;background: #B59A54;
border-radius: 8px; border:1px solid #B59A54; width:100%; text-align:center; padding:10px; margin:20px 0 0 0; cursor:pointer}
.submitBtn:hover{ background:#000; color:#B59A54;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.enquireBtn{/*font-family: 'Zilla Slab';*/ font-family: "Gothic A1", Helvetica, Arial, sans-serif; color: #202020; font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;letter-spacing: 0.05em;color: #B59A54;background: #fff;
border-radius: 8px;border:1px solid #B59A54; width:100%; text-align:center;padding:10px; margin:20px 0 0 0; cursor:pointer}
.enquireBtn:hover
{ background-color:#000;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.required.error{ border:1px solid red}

input.xtrawidth{border: 1px solid rgba(0,0,0,0);
    padding: 11px 10px;
    margin: -16px -10px;
    border-radius: 9px;
    width: calc(100% + 20px) !important;}


.error-container,#contact-loader{ display:none !important}
#message-sent{ color:#B59A54;    padding-bottom: 0;}
.closePop{ width: 30px; border:1px solid #f5f6f8;
    height: 30px;
    float: right;
    background: #f5f6f8;
    color: #3A3A3A;
    border-radius: 100px;
    text-align: center; font-weight:500; font-size:14px;
    padding: 2px 3px; margin:-35px -35px 0 0; cursor:pointer}

.closePop:hover{ background:#b59a54; border-color:#b59a54; color:#fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.couponBox{border: 2px dashed rgba(171, 171, 171, 0.6);
border-radius: 0 0 8px 8px;
float: left;
margin: 30px -40px -20px -30px;
padding: 20px;
display: block;
width: 377px;}
.couponBox ul { width:50%; margin:0; padding:0; float:left; list-style:none}
.couponBox ul li{font-family: 'Open Sans';font-style: normal;font-weight: 400;font-size: 14px;line-height: 30px;letter-spacing: 0.05em;color: #616161; padding:5px 0}
.couponBox ul li:first-child{font-family: 'Zilla Slab';font-style: normal;font-weight: 700;font-size: 16px;line-height: 19px;letter-spacing: 0.05em;color: #3A3A3A;}


.amenitiesBox{ margin:90px 0}
.aminitesList { list-style:none; margin-top:30px}
/* .aminitesList li{ padding:15px 10px 15px 45px; font-family: 'Zilla Slab'; color: #202020; font-style: normal;font-weight: 400;font-size: 18px;line-height: 22px;align-items: center;
color: #3A3A3A;opacity: 0.8; margin:5px 0}*/
.aminitesList li{
   font-family: "Gothic A1", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 180%;
    color: #616161;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
padding: 5px 10px 15px 45px;
    margin: 5px 0;
}
.aminitesList li:nth-child(1){ background:url(../images/icons/ic6.png) no-repeat left 5px}
.aminitesList li:nth-child(2){ background:url(../images/icons/hk.svg) no-repeat left 5px}
.aminitesList li:nth-child(3){ background:url(../images/icons/fork.png) no-repeat left 5px}
.aminitesList li:nth-child(4){ background:url(../images/icons/cook.svg) no-repeat left 5px}
.aminitesList li:nth-child(5){ background:url(../images/icons/tv.svg) no-repeat left 5px}

.aminitesList li:nth-child(6){ background:url(../images/icons/thumbsup.svg) no-repeat left 5px}

.aminitesList li:nth-child(7){ background:url(../images/icons/tv.svg) no-repeat left 5px}

.aminitesList li:nth-child(8){ background:url(../images/icons/hk.svg) no-repeat left 5px}
.aminitesList li:nth-child(9){ background:url(../images/icons/ic1.png) no-repeat left 5px}
.aminitesList li:nth-child(10){ background:url(../images/icons/pool.svg) no-repeat left 5px}
.aminitesList li:nth-child(11){ background:url(../images/icons/ic3.png) no-repeat left 5px}
.aminitesList li:nth-child(12){ background:url(../images/icons/towel.svg) no-repeat left 5px}
.aminitesList li:nth-child(13){ background:url(../images/icons/drink-ic.png) no-repeat left 5px}
.aminitesList li:nth-child(14){ background:url(../images/icons/fruit-ic.png) no-repeat left 5px}
.aminitesList li:nth-child(15){ background:url(../images/icons/water-ic.png) no-repeat left 5px}

/*.loc{ background:url(../images/location-bg.jpg) no-repeat; background-size:cover; padding:140px 0px 104px 0}*/
.loc p{font-weight: 400;font-size: 16px;line-height: 180%;align-items: center;text-align: center;color: #FFFFFF;}
.loc h3{/* font-family: 'Zilla Slab'; */ font-family: "Gothic A1", Helvetica, Arial, sans-serif; color: #202020; font-style: normal;font-weight: 600;font-size: 40px;line-height: 64px;text-align: center;text-transform: capitalize; position:relative; letter-spacing:2px}
.loc h3::before{content: ".";color: rgba(0,0,0,0);position: absolute;left: calc(50% - 35px);width: 70px;height: 2px;z-index: 999;background: #fff;top: -20px; }


.locTxt{ width:60%; margin:0 auto 90px auto}
.colList{ width:calc(100% - 60px) !important; float:left; margin-right:30px}
.colList:nth-child(2){ margin-left:15px}

p.nearby{ background:url(../images/whatsnearby.svg) no-repeat left center; padding:10px 10px 10px 50px; text-align:left;font-family: 'Zilla Slab';font-style: normal;font-weight: 500;font-size: 22px;line-height: 29px; text-transform:uppercase;letter-spacing:2px}

p.topAttractions{background:url(../images/topattractions.svg) no-repeat left center; padding:10px 10px 10px 50px; text-align:left;font-family: 'Zilla Slab';font-style: normal;font-weight: 500;font-size: 22px;line-height: 29px; text-transform:uppercase;color: #FFFFFF; letter-spacing:2px}

p.restaurantsCafe{background:url(../images/restaurants-cafes.svg) no-repeat left center; padding:10px 10px 10px 50px; text-align:left;font-family: 'Zilla Slab';font-style: normal;font-weight: 500;font-size: 22px;line-height: 29px; text-transform:uppercase;color: #FFFFFF; letter-spacing:2px}

p.airportNear{background:url(../images/cloest-airport.svg) no-repeat left center; padding:10px 10px 10px 50px; text-align:left;font-family: 'Zilla Slab';font-style: normal;font-weight: 500;font-size: 22px;line-height: 29px; text-transform:uppercase;color: #FFFFFF; letter-spacing:2px; margin-top:34px}

.loList{ margin-top:30px;}
.loList li,.loList li span{font-style: normal;font-weight: 400;font-size: 14px; color:#fff; list-style:none}
.loList li{ width:100%; border-bottom: 1px solid rgb(117 117 117 / 10%); float:left; margin-bottom:15px; padding-bottom:15px}
.loList li span{ }
.loList li span:first-child{ float:left;width:calc(100% - 50px)}
.loList li span:last-child{ float:right; text-align:right; width:50px}

.gallery-wrap h3{
    /*
font-family: 'Zilla Slab'; */
font-family: "Gothic A1", Helvetica, Arial, sans-serif; color: #202020;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 64px;
    text-align: center;
    text-transform: capitalize;
 
    position: relative;
    letter-spacing: 2px;
}
.gallery-wrap h3::before {
    background: rgba(198, 166, 70, 1) !important;
}


/*.colhalf  {
    border: 1px solid #fff;
    background-color: #f7f3ef;
    padding: 6px 10px;
    border-radius: 9px;
    width: 100%;
    margin-bottom: 5px;
}*/
.card{ background:#fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);border-radius: 15px; padding:0px; margin:15px 15px 25px 15px; min-height: 735px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.card:hover{border-radius: 15px;box-shadow:0 0 5px 5px rgba(0,0,0,0.1);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.card img{ width:100% !important; height:auto !important}
#owl-carousellower{ margin:100px 0 50px 0; padding:0 0px !important}
.cardTxt{ width:100%; padding:25px 25px 50px 25px }
p.cardHeading{
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 43px;
    color: #202020;
    text-align: CENTER;

/*    font-family: 'Zilla Slab';font-style: normal;font-weight: 400;font-size: 32px;line-height: 43px;color: #3A3A3A;*/
}


p.sm,.accordionBox{ width:65%;}
.smMargin{ margin:34px auto 120px auto}

.customBullet{ margin:25px 0}
.customBullet,.customBullet li{ list-style:none}
.customBullet li{ background:url(../images/bullet.png) left 16px no-repeat; padding:6px 0 6px 25px; text-align:left;}
.accordion {
  background:url(../images/down.svg) no-repeat calc(100% - 12px) 33px;
/* font-family: 'Zilla Slab';*/
font-family: "Gothic A1", Helvetica, Arial, sans-serif; color: #202020;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
padding:24px 12px;

  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s; border-top:1px solid rgba(97, 97, 97, 0.5);
}

.accordion.activebox{ color:#3A3A3A}

.activebox {
  background:url(../images/up.svg) no-repeat calc(100% - 12px) 33px;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
}


.btMargin{ margin-bottom:120px;}
.cardInfo{font-style: normal;font-weight: 400;font-size: 12px; letter-spacing: -0.1px;line-height: 19px;color: #3A3A3A; border-top:1px solid rgba(97, 97, 97, 0.2); width:100%; text-align:left; border-bottom:1px solid rgba(97, 97, 97, 0.2); padding:10px 0; margin:15px 0 23px 0; float:left}

#owl-carousellowerr .owl-dots,#owl-carousellowerr .owl-nav span{ display:none !important}
#owl-carousellowerr .owl-nav{ top:-80px !important; position:absolute; right:100px}
#owl-carousellowerr .owl-item{ margin:0 00px !important; }
#owl-carousellowerr .card{ float:left; padding-bottom:35px;min-height: auto; }
#owl-carousellowerr .owl-prev { background:url(../images/arrows.svg); width:40px; height:40px; border-radius:0 !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#owl-carousellowerr .owl-prev:hover { background:url(../images/arrows.svg) left bottom; width:40px; height:40px; border-radius:0 !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#owl-carousellowerr .owl-next { background:url(../images/arrows.svg) right bottom; width:40px; height:40px; border-radius:0 !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#owl-carousellowerr .owl-next:hover { background:url(../images/arrows.svg) right top; width:40px; height:40px; border-radius:0 !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.footer{ background:#000 url(../images/footerBg.svg) right bottom no-repeat; padding:80px 0 0 0}

.footerCol1{ float:left; width:33.2%;}
.footerCol1 p{ color:#D9DBE1; padding:15px 0 5px 0}
.socialMedia{ float:left; width:100%; margin:15px 0 40px 0}

.instagram:link,.instagram:visited{ background:url(../images/social-media.svg); display:inline; width:24px; height:24px; float:left;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin:0 15px;}
.instagram:hover{ background-position:left bottom;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.twitter:link,.twitter:visited{ background:url(../images/social-media.svg) -40px top; display:inline; width:24px; height:24px; float:left; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.twitter:hover{ background-position:-40px bottom;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.youtube:link,.youtube:visited{ background:url(../images/social-media.svg) right top; display:none; width:24px; height:24px; float:left;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.youtube:hover{ background-position:right bottom;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.footerCol2{ width:63%; float:left}
.quicLinks,.quicLinks.discountOffers{ width:26%; float:left}
.quicLinks.discountOffers{margin-right: 6%;}
.Stayuptodate{ width:35%; float:left}
.quicLinks ul li{ list-style:none; margin:8px 0}
.quicLinks ul li a:link,.quicLinks ul li a:visited{font-style: normal;font-weight: 400;font-size: 14px;line-height: 24px;color: #9D9D9D; text-decoration:none}
.quicLinks ul li a:hover{ color:rgba(181, 154, 84, 1);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.footerHeading{font-family: 'Zilla Slab';font-style: normal;font-weight: 500;font-size: 20px;line-height: 30px;color: #FFFFFF;padding-top: 0;margin-top: -8px;}

.Stayuptodate input{ width:100%; border:0; background:rgba(31,31,31,0.7); opacity:0.9;border-radius: 8px; padding:8px 12px;font-style: normal;
font-weight: 400;font-size: 14px;color: #9D9D9D; margin-top:15px}

.Stayuptodate input[type="submit"]{ border:0; cursor:pointer; background:url(../images/send.svg) no-repeat center top; width:40px; height:40px; float:right;font-size: 0;
    color: rgba(0,0,0,0);
    margin: -27px 0 0 0;}


.bottomFooter{ padding:16px 0; border-top:1px solid rgba(217,219,225,0.2); width:100%; float:left}

.bottomFooterCol1{ float:left; width:33.2%;font-weight: 300;font-size: 13px;line-height: 24px;color: rgba(217,219,225,0.5);}
.bottomFooterCol2{ float:left; width:auto;font-size: 13px;line-height: 24px;}
.bottomFooterCol3{ float:right; width:auto;font-weight: 300;font-size: 13px;line-height: 24px;color: rgba(217,219,225,0.5);}
.bottomFooterCol3 span{ font-weight:400;font-size: 13px;}
.bottomFooterCol2 span.pipe{font-weight: 300;font-size: 13px;line-height: 24px;color: rgba(217,219,225,0.5); padding:0 5px }
.bottomFooterCol2 a:link,.bottomFooterCol2 a:visited{font-weight: 300;font-size: 13px;line-height: 24px;color:#fff; text-decoration:none}
.bottomFooterCol2 a:hover{ color:rgba(181, 154, 84, 1);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}




.footerbtm-item1 {
    float: left;
    width: 18%;
    padding: 15px;
}

.footerbtm-item2 {
    float: left;
    width: 28%;
    padding: 15px;
}

.footerbtm-item3 {
    float: left;
    width: 28%;
    padding: 15px;
}

.footerbtm-item4 {
    float: left;
    width: 26%;
    padding: 15px;
}









.valleyBg{ background:url(../images/riva-bg-10.png) no-repeat right; background-attachment:fixed; background-position-y: 95%;}



.valleyBg.homevalleyBg{ background-attachment:scroll; 
		background-image:url(../images/leafbg.svg), url(../images/watermark-leaf.svg) !important;
		background-position: right 50px, left calc(50% + 300px) !important;
		background-repeat: no-repeat ;
		
		}
/*.pchBg{ background:url(../images/riva-bg.png) no-repeat right; background-attachment:fixed; background-position-y: 80%; background-position-x: 90%;}*/


#poup{position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); width:100%; left:0; right:0; bottom:0; z-index:9; display:none}

.popupInner{position:fixed; left:calc((100% - 550px)/2); top:50px; background:#fff; padding:24px; width:550px; border-radius:8px}

.rightRowGuest.marginT.boxxFifty{ width:calc(50% - 8px)}
.rightRowGuest.marginT.boxxFiftyy{ width:calc(50% - 8px); float:right}

.boxFifty{ width:50%; float:left}
.txtField{ float:left; width:calc(100% - 20px); margin-right:20px; margin-bottom:20px}
.txtField input,.txtField textarea{ background:#f5f6f8; border-radius:8px; padding:15px 20px; width:100%;}
.txtField textarea{ height:138px}
.getinTouch{ margin:30px 0; float:left}
.txtField input[type="submit"]{ margin-top:0;font-family: 'Zilla Slab';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;letter-spacing: 0.05em;color: #FFFFFF;background: #B59A54;border-radius: 8px; border:1px solid #B59A54; width:100%; text-align:center;  cursor:pointer}

.locc{ background: url(../images/map1.svg) no-repeat left 13px;  padding: 12px 50px 10px 40px;float: left;background-size: 30px; margin:20px 0;}
.calll{ background:url(../images/phone.svg) no-repeat left 13px;  padding: 12px 50px 10px 40px;float: left;background-size: 25px;margin:20px 0;}
.emaill{ background:url(../images/email.svg) no-repeat left 13px;  padding: 12px 50px 10px 40px;float: left;background-size: 30px;margin:20px 0;}

.innerBanner,.innerBannerContact{ background:url(../images/innerBanner.png) repeat; height:280px; width:100%}
.innerBannerContact{ background-position: right top}


.centerHeader{ width:100%; text-align:center}

.topHeaderBox.homeBannerBox{ padding:32px 0 82px 0;}
.rightHeader.centerHeader ul {margin:13px 0 47px 0;}

.rightHeader.centerHeader ul li a.selected:after,.rightHeader.centerHeader ul li a:hover:after{ width:37px; height:1px; content:"."; color:rgba(0,0,0,0) ; position:absolute; left:5px; top:36px; background:#B59A54;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.homeBannerContainer{ max-width:1110px; margin:0 auto; width:100%}
.homeBannerContainerLeft{ width:450px; float:left; background:rgba(181, 154, 84, 1); padding:19px; min-height:470px}
.homeBannerContainerRight{ width:660px; float:left}
.headingBanner{font-family: 'Zilla Slab';font-style: normal;font-weight: 600;font-size: 47.5px;line-height: 36px;align-items: center;text-align: center;letter-spacing: 0.02em;
color: #333333; margin:62px 0 25px 0 }
.subHeadingBanner{font-family: 'Zilla Slab';font-style: normal;font-weight: 600;font-size: 24px;line-height: 44px;align-items: center;text-align: center;letter-spacing: 0.02em;
color: #333333; margin-bottom:18px}
.homeBannerDesign{ width:100%; background:url(../images/homeBannerDesign.svg) no-repeat center center; width:412px; height:35px; margin-bottom:40px}

.homeBnnerBg{ background:url(../images/homeBannerBg.png) left top no-repeat #000;}

.homeBannerContainerLeft .rightRowCheckIn .checkIn{ padding:11px 20px; background:#fff}
.homeBannerContainerLeft .rightRowCheckIn .checkTxt{line-height: 15px;}

.rightRowGuest.widthHalf .guest{ background:#fff; float:left; width:100%}
.checkOutBox.marginTopxx{ margin:16px 0}
.rightRowGuest.widthHalf .guest{ padding:11px 18px}
.homeBannerContainerLeft .guestSelectBox,.homeBannerContainerLeft input[type="date"]{ float:left; background-color:transparent}
.homeBannerContainerLeft .rightRowCheckIn .checkIn{ float:left}
.checkoutHomebtn{background: #333333;border-radius: 8px; width:100%;font-family: 'Zilla Slab';font-style: normal;font-weight: 700;font-size: 18px;letter-spacing: 0.07em;color: #FFFFFF; border:0; cursor:pointer; text-transform:uppercase; padding:13px 0}

.homeBannerContainerRight .owl-dots{ display:none !important}

.homeBannerContainerRight .owl-carousel.homeBanner .owl-nav .owl-prev
{ background:url(../images/homeBannerArrow.svg) !important; width:40px !important; height:40px !important; left:auto; right:55px; border-radius:0 !important}
.homeBannerContainerRight .owl-carousel.homeBanner .owl-nav .owl-prev:hover
{ background:url(../images/homeBannerArrow.svg) left bottom !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}


#owl-testimonial.owl-carousel .owl-nav .owl-prev
{ background:url(../images/arrows-tetimonials.svg) !important; width:40px !important; height:40px !important; left:auto; right:55px; border-radius:0 !important; margin:0 16px 0 0}

#owl-testimonial.owl-carousel .owl-nav .owl-prev:hover
{ background:url(../images/arrows-tetimonials.svg) left bottom !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

#owl-testimonial.owl-carousel .owl-nav .owl-prev.disabled,#owl-testimonial.owl-carousel .owl-nav .owl-prev.disabled:hover
{ background:url(../images/arrows-tetimonials-disabled.svg) !important; width:40px !important; height:40px !important; left:auto; right:55px; border-radius:0 !important; margin:0 16px 0 0}

#owl-testimonial.owl-carousel .owl-nav .owl-next.disabled,#owl-testimonial.owl-carousel .owl-nav .owl-next.disabled:hover
{ background:url(../images/arrows-tetimonials-disabled.svg) right top !important; width:40px !important; height:40px !important; border-radius:0 !important; right:5px;margin:0}


.TestimonialRightBox .owl-theme .owl-nav{ width:96px; float:right; margin:78px 0 0 0}
.owl-theme .owl-nav .disabled{ opacity:1 !important}

.homeBannerContainerRight .owl-carousel.homeBanner .owl-nav .owl-next
{ background:url(../images/homeBannerArrow.svg) right bottom !important; width:40px !important; height:40px !important; border-radius:0 !important; right:5px; }
.homeBannerContainerRight .owl-carousel.homeBanner .owl-nav .owl-next:hover
{ background:url(../images/homeBannerArrow.svg) right top !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

#owl-testimonial.owl-carousel .owl-nav .owl-next
{ background:url(../images/arrows-tetimonials.svg) right bottom !important; width:40px !important; height:40px !important; border-radius:0 !important; right:5px;margin:0}
#owl-testimonial.owl-carousel .owl-nav .owl-next:hover
{ background:url(../images/arrows-tetimonials.svg) right top !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.homeBannerContainerRight .owl-carousel.homeBanner .owl-nav .owl-next span,.homeBannerContainerRight .owl-carousel.homeBanner .owl-nav .owl-prev span{ display:none !important}
.homeBannerContainerRight .owl-theme .owl-nav{ margin-top:-26px; margin-right:5px}

.homeCardTop{ background:#fff; width:360px;box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.1);border-radius: 15px; float:left;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.homeOverlay{ position:relative;}
.homeOverlay img{ position:absolute;}

.villaImg{ background:url(../images/villa.png) no-repeat center center;background-size:cover;border-radius: 15px 15px 0 0; height:326px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}


.apartmentImg{ background:url(../images/apartment.png) no-repeat center center;background-size:cover;border-radius: 15px 15px 0 0; height:326px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.vHeading{ font-family: 'Zilla Slab';font-style: normal;font-weight: 700;font-size: 20px;line-height: 24px;color: #F8F8F8; text-align:center; position:relative; z-index:2; letter-spacing:1px; padding:25px 0 10px 0}

.vTxt{font-style: normal;font-weight: 400;font-size: 16px;line-height: 28px;color: #616161; padding:26px}
.roomTypes{ border-bottom: 1px solid rgba(61,61,61,0.2); color:#3A3A3A;border-top: 1px solid rgba(61,61,61,0.2); padding:11px 0; width:calc(100% - 52px); float:left; margin:0 26px 26px 26px}

.homeCardTop .rightRow{ padding:0 24px 24px 24px; overflow:hidden}

.homeVillaContainer{ width:776px; float:right; margin:104px 0 0 0}
.villaMargin{ margin-right:56px;}

.homeCardTop:hover .homeOverlay img.overlayImg{ opacity:0.5;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.apartmentImg{ background:url(../images/apartment.png) no-repeat center center;background-size:cover;border-radius: 15px 15px 0 0; height:326px;width:100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
/*.homeCardTop:hover .apartmentImg{ transform: scale(1.2);}*/

.viewAllBtn:link,.viewAllBtn:visited{border: 2px solid #333333;border-radius: 8px; background:#fff url(../images/arrow-long-left.svg) no-repeat 130px center;font-family: 'Zilla Slab';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;letter-spacing: 0.05em;color: #333333; padding:19px 61px 19px 29px; text-decoration:none}
.viewAllBtn:hover{border: 2px solid #c6a646; background:#c6a646 url(../images/arrow-long-left-white.svg) no-repeat 130px center; color:#fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.viewAllBtn.propertiesSlider:link,.viewAllBtn.propertiesSlider:visited{ background-color:transparent;margin: 55px auto 0 auto;  margin-left: auto;display: inline-block;
float: none !important;margin-left: calc(50% - 93px);}
.viewAllBtn.propertiesSlider:hover{border: 2px solid #333333;border-radius: 8px; background:#fff url(../images/arrow-long-left.svg) no-repeat 130px center; color:#333333 !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.homeVillaBtn{ float:right; margin:58px 0 94px 0}

.homeApartmentVillas{ background:#B59A54 url(../images/villasApartmentBgHome.svg) no-repeat right top; float:left; width:100%; padding:125px 0}

.homeApartmentVillas h2{ color:#fff;font-size: 60px; letter-spacing:1px}
.homeApartmentVillas h2::after{ content:"."; color:rgba(0,0,0,0); width:134px; height:2px; background:#fff; position:absolute; right:-150px; top:57px}

.whiteTxt{ color:#fff;font-family: 'Zilla Slab';font-style: normal;font-weight: 400;font-size: 36px;line-height: 122%; width:70%; padding:27px 0}
#owl-carousellowerr .card img{border-radius: 15px 15px 0 0;}

.homeApartmentVillas .btMargin{margin-bottom:0px;}
.stayWithUs{ margin:141px auto;}
.stayWithUs h3{ text-align:center;font-family: 'Zilla Slab';font-style: normal;font-weight: 600;font-size: 48px;line-height: 64px;text-align: center;color: #333333; position:relative}
.stayWithUs h3::after{ width:150px; height:2px; content:"."; color:rgba(0,0,0,0) ; position:absolute; left:calc(50% - 75px); top:-22px; background:#B59A54;}
#owl-carousellower .owl-item img{border-radius: 15px 15px 0 0;}

.colThreeServices{ width:calc(33.33% - 40px); float:left; text-align:center; margin:80px 20px}
p.headingServices{font-family: 'Zilla Slab';font-style: normal;font-weight: 400;font-size: 24px;line-height: 29px;text-align: center;color: #3A3A3A;}

.TestimonialBg{ background:url(../images/bg_testimonial.jpg) left bottom no-repeat rgba(181, 154, 84, 1);}
.highlightsBox{ margin-top:164px}
.TestimonialLeftBox{float:left; width:50%; padding-right:50px; padding-top:80px}
.TestimonialLeftBox h6{font-family: 'Zilla Slab';font-style: normal;font-weight: 600;font-size: 48px;line-height: 64px;text-transform: uppercase;color: #FFFFFF; position:relative}
.TestimonialLeftBox p{ color:#fff}

.TestimonialRightBox{ background:rgba(255,255,255,0.9) url(../images/QuoteMark.svg) no-repeat calc(100% - 40px) 40px;box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.2);border-radius: 20px; float:left; width:50%; padding:80px 40px 40px 40px}
.TestimonialRightBox #owl-testimonial .item img{ width: auto !important; height:auto !important}

.testimonialsBy{font-style: normal;font-weight: 700;font-size: 18px;line-height: 28px;color: #060605; padding-bottom:0; margin-bottom:0}
.testimonialsDesignation{font-style: normal;font-weight: 400;font-size: 14px;line-height: 24px;color: #616161; padding:0; margin:0}

.TestimonialRightBox .owl-dots{ display:none !important}

#owl-testimonial .owl-nav{ float:right}
#owl-testimonial .owl-nav span{ display:none !important}

.TestimonialLeftBox h6:after{content: ".";
color: rgba(0,0,0,0);
width: 134px;
height: 2px;
background: #fff;
position: absolute;
left: 87px;
top: 111px;}


.boxFifty.aboutImg img{ padding:30px; width:400px; float:right; box-shadow:0 0 5px 5px rgba(0,0,0,0.1)}
.aboutTxt{ padding-top:50px}
.whoweareTxt{ width:70%}

.boxxFifty{ width:50%; float:left}
.boxxFifty div{ clear:both}
.boxxFifty .calll,.boxxFifty .emaill,.boxxFifty .locc{ margin-bottom:0}

.refBox{ width:350px; margin:0 auto 20px auto; padding:20px 20px 20px 80px;  box-shadow:0 0 5px 5px rgba(0,0,0,0.05); border-radius:8px}
.refBoxH{font-weight:600; font-size:20px;font-family: "Zilla Slab";}
.refBoxC{font-weight:400; font-size:16px}
.refBoxCC{ font-weight:600; font-size:18px}

.refBox p{ margin:0; padding:0}

.rental{ background:url(../images/rental.svg) no-repeat 10px 30px; background-size:60px}
.partner{ background:url(../images/partner.svg) no-repeat 10px 30px;background-size:60px}

.filterTabs{ width:100%; border-bottom:1px solid rgba(58,58,58,0.2); float:left; margin-bottom:65px}
.filterTabs ul{ float:left; width:auto}
.filterTabs ul li{ list-style:none; display:inline-block; padding:15px 50px 20px 0px; color:rgba(97,97,97,0.6); font-size:24px; text-transform:uppercase; position:relative}
.filterTabs ul li:hover{ cursor:pointer}
.rightFilters{ float:right; width:235px}
.rightFilters div{ padding:10px 35px 10px 20px; border:1px solid rgba(58, 58, 58, 0.2); border-radius:8px; font-size:14px; color:rgba(97, 97, 97, 1); float:left; margin-top:15px }
.filter{ margin-right:20px; background:url(../images/filter.svg) no-repeat 70px center}
.sortby{ background:url(../images/sort.svg) no-repeat 85px center}

.listingContainer{ width:33.33%; float:left}
.secondListing{ padding-top:40px}
.listingContainer .card{ float:left; min-height:auto; padding-bottom:25px}
.listingContainer .cardTxt{ padding:13px 25px 50px 25px}
.listingContainer .card img{ border-radius:15px 15px 0 0}
.listingContainer .card{ margin-bottom:55px }
.whoweareBox{ margin: 90px 0;}

.activeTab{ color:#B59A54 !important; font-weight:700}
.activeTab::after{ content: ".";
color: rgba(0,0,0,0);
position: absolute;
width: 80px;
height: 2px;
top: 77px;
left: 0;
display: block;
background: #B59A54;}
.filterTabs ul li:nth-child(2)::after{width: 210px;}
.filterTabs ul li:nth-child(3)::after{width: 110px;}

#apartmentstabs,#villastabs{ display:none}
.card:hover{ }
.icon_menu{ display:none}

.mbr{ display:none}
.container.btMargin.leftMargin{max-width:100%; padding-left:0; margin-left:calc((100% - 1140px)/2)}
#owl-carousellowerr{ margin-top:45px}

.aboutUsBoximg{ display:none}
.aboutUsBoximgg{ display:block}

.TestimonialRightBox .owl-carousel .owl-dots.disabled,.TestimonialRightBox  .owl-carousel .owl-nav.disabled{ display:block}

.propertiesDetailsBottom{max-width:100%; padding-left:0; margin-left:calc((100% - 1140px)/2)}

.showOnDesktop{ display:block}
.showOnMobile{ display:none}

.highlightsBox h3{/* font-family: 'Zilla Slab';*/ font-family: "Gothic A1", Helvetica, Arial, sans-serif; color: #202020; font-style: normal;font-weight: 600;font-size: 40px;line-height: 64px;text-align: center;text-transform: capitalize; position:relative; letter-spacing:2px}
.highlightsBox h3::before{content: ".";color: rgba(0,0,0,0);position: absolute;left: calc(50% - 35px);width: 70px;height: 2px;z-index: 999; background: rgba(198, 166, 70, 1) !important; top: -20px; }
.highlightsBox .loc h3::before {
    background: rgba(198, 166, 70, 1) !important;
}

@media screen and (min-width:751px) and (max-width:1140px)
{ 
	.container,.homeBannerContainer{ width:100%}
	.homeBannerContainerLeft{ width:45%}
	.homeBannerContainerRight{ width:55%}
	.container.btMargin.leftMargin,.propertiesDetailsBottom{ margin-left:20px; max-width:calc(100% - 20px) !important}
	.homeVillaContainer,.viewAllBtn.homeVillaBtn{ margin-right:20px}
	.TestimonialBg{ padding-left:20px; padding-right:20px}
	.footer{ padding-left:20px}
	.homeOne,.homeTwo,.homeOne,.leftHeader,.filterTabs,.colFullWidth { padding-left:20px}
	.rightRow div:first-child{ font-size:16px}
	.rightHeader,.filterTabs,.colFullWidth { padding-right:20px}
	.col3{ width:33%}
	.col7{ width:62%}
	p.restaurantsCafe,p.topAttractions,.p.nearby{ font-size:18px}
	.cardTxt h4{ font-size:28px}
	
}


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

    
.footerbtm-item1 {
    float: left;
    width: 100%;
    padding: 15px;
}

.footerbtm-item2 {
    float: left;
    width: 100%;
    padding: 15px;
}

.footerbtm-item3 {
    float: left;
    width: 100%;
    padding: 15px;
}

.footerbtm-item4 {
    float: left;
    width: 100%;
    padding: 15px;
}

    
}



@media screen and (max-width:991px){
*{ text-align: center; }
.aminitesList li{ text-align: left;  }
.rivaslide{ margin-top: 5px !important; }
.rivaheader .rightHeader ul li a:link, .rivaheader .rightHeader ul li a:visited {
    color: #202020 !important; 
}
.rightHeader ul li a:link, .rightHeader ul li a:visited { padding: 15px; }
.menusList.showMenu { top: 65px; }
.facil-wrap{ padding-top:100px; }
.loc h3::before{ top:-15px}
.showOnDesktop { display:none}
.col3.showOnMobile{ display:block; position:relative; padding:20px; margin-top:45px}
.aminitesList{ margin-top:40px}
.amenitiesBox h2::after{ top:52px}
.subHeading{ padding-left:0; }
.subHeading::before{ width:0; }

.propertiesDetail .amenitiesBox{ margin-bottom:80px}
.locTxt{ width:100%; padding-left:15px; padding-right:15px; margin:0}
.propertiesDetailAm.loc{ padding:100px 0px 20px 0;margin-bottom: 70px}
.propertiesDetailAm.loc .owl-theme .owl-dots{ margin-top:15px}
.propertiesDetailAm .locTxt{ margin-top:22px}
.couponBox {
  border: 2px dashed rgba(171, 171, 171, 0.6);
  border-radius: 0 0 8px 8px;
  float: left;
  margin: 30px -40px -37px -20px !important;
  padding: 20px;
  display: block;
  width: calc(100% + 40px) !important;
}
.refBox { margin:30px 0; width:100%}	
.homeBnnerBg{ background:none !important}
.rightFilters, .homeBannerContainerRight,.rightRowCheckIn, .rightRowGuest.widthHalf,.headerContainer,.homeBannerDesign,.homeVillaContainer,.overlayImg,.TestimonialLeftBox,.TestimonialRightBox,
.footerCol1,.footerCol2,.bottomFooter,.quicLinks,.quicLinks, .quicLinks.discountOffers,.bottomFooterCol1,.bottomFooterCol2,.bottomFooterCol3,.boxFifty,
.contactusContainer .boxxFifty,.listingContainer,.homeOverlay img

{ width:100%}
.footerCol1,.bottomFooter{ padding-left:15px; padding:30px 30px}
.footer{ padding:0}
.footerCol2{ padding-top:0; padding-left:30px}
.quicLinks.discountOffers,.quicLinks.Stayuptodate{ padding-top:34px; padding-right:30px}

.footerLogoLeft,.footerLogoRight{ float:left}
.footerLogoRight{ padding-left:20px;}
.footerLogoLeft img{ width:75px;}
.footerCol1 p.paddingTopZero{ padding-top:0;margin-top: -7px;}
.socialMedia{ padding-left:95px; width:100%;border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 30px; margin-bottom:0}
.footerCol1 p{ padding:10px 0 0px 0; line-height:normal}

.homeBannerContainerLeft{ width:calc(100% - 30px); margin:3px 15px 0 15px;position: relative;z-index: 2; padding:15px; min-height:auto}
.homeBannerContainerRight .owl-carousel .owl-item img{
  height: auto !important;
  width: 100% !important;
}
.owl-carousel.homeBanner#owl-carouselTop .owl-dots{ display: block !important}
.owl-carousel.homeBanner#owl-carouselTop .owl-nav{ display:none !important}
.owl-theme .owl-dots .owl-dot{ background:none !important}
.owl-carousel.homeBanner#owl-carouselTop .owl-dots{margin-top: -52px;z-index: 9;position: relative;}
.owl-theme .owl-dots .owl-dot span{background:rgba(255,255,255,0) !important; border:2px solid rgba(255,255,255,0.5)}
.owl-theme .owl-dots .owl-dot.active span{background:#fff !important; border:2px solid rgba(255,255,255,0.5)}
.headingBanner{ font-size:34px; margin:10px auto 0 auto}
.subHeadingBanner{ font-size:18px;line-height: 35px; margin-bottom:2px}

.Stayuptodate input{ margin-top:8px; margin-bottom:20px}
.Stayuptodate input[type="submit"]{ margin-top:-47px}
.bottomFooterCol2 a:link, .bottomFooterCol2 a:visited{ font-size:12px}
.bottomFooterCol2{ margin-top:3px; margin-bottom:16px}
.bottomFooterCol2 span.pipe{ font-size:12px; padding:0}
.bottomFooter{ border:0}
.bottomFooterCol2{ border-bottom:1px solid rgba(217,219,225,0.2); border-top:0; padding-bottom:14px; margin-bottom:5px}
.homeBannerContainer{ display:flex;flex-direction: column-reverse;}
.homeBannerContainerRight,.homeBannerContainerLeft{display: flex;flex-direction: column;}

.centerHeader,.leftHeader{ text-align:left; width:50%; float:left}
.topHeaderBox.homeBannerBox{ padding:0px 0px}
.centerHeader img,.leftHeader img{ width:41px}
.icon_menu{ display:block}
.leftHeader{ margin:0; padding:0 0 8px 15px}

.rightHeader.centerHeader{ text-align:right}
.rightHeader.centerHeader img{ float:right; margin:5px 0}

.TestimonialLeftBox{ padding-left:15px}
.TestimonialLeftBox h6{ font-size:36px; line-height:normal}

p.footerHeading{ text-transform:uppercase}
.rightHeader .menusList{ width:100%; float:left; }
.rightHeader .menusList li{width:100%; float:left; }
.rightHeader .menusList li{ margin: 15px 0;}
.centerHeader,.headerContainer .rightHeader{ padding-left:15px; padding-right:15px; background: #ede8e0 !important}
.homeBannerContainerLeft .rightRowCheckIn .checkIn,.rightRowGuest.widthHalf .guest{ padding:9px 15px}
.checkoutHomebtn{ padding:10px 10px 11px 10px}
input[type="date"]{ font-size:12px; line-height:17px}
.checkTxt{ font-size:11px}
.homeBannerContainerLeft .rightRowCheckIn .checkIn{ padding:9px 15px}
.guestSelectBox{ font-size:12px;}
.homeBannerContainer .checkOutBox.marginTopxx{ margin:0; width:100%}
.headerContainer{ float:left; /*background:#000;*/background: #ede8e0 !important; padding:0px 0 2px 0}
.homeBannerDesign{ background-position: center center; background-size:100% auto; margin:0 0 15px 0}
h1.homeH1 span{ font-size:40px;line-height:22px}
h1.homeH1 span.h{ font-size:30px; line-height:normal}
h1.homeH1, h1.homeH1 span.h{ line-height: normal}
.headerContainer .rightHeader{ width: 40px;float: right;padding: 0 10px 0 0;}
.headerContainer .rightHeader img{ float:right; margin:5px 1px 0 0}

.homeOne,.homeTwo,.homeThree{ width:calc(100% - 30px); margin:0 15px }
.homeThree::after {width: calc(100% - 140px) !important;position: absolute;right: 0px;top: 42px;left: 140px;	}
.homeThree{ padding:0; margin-top:-10px; }
.homeTwo{ margin-top:-5px}
.homeTwo.mtxtMagin{ margin-top:-10px}

.valleyBg.homevalleyBg{background-size: 150px;}

.topMargin{ margin:82px 0 0px 0}
.homeVillaContainer{ margin:80px 0 0 0}

.homeCardTop,.homeCardTop{ width:calc(100% - 30px); margin-left:15px}

.homeCardTop.apartmentBox{ margin-top:35px;}
.viewAllBtn:link, .viewAllBtn:visited{ width:185px; margin: 50px auto ;display: block;width: 185px;float: none}

.container.btMargin.leftMargin{max-width:100%; padding-left:0; margin-left:15px}

.homeApartmentVillas h2{ font-size:36px; line-height:normal}
.whiteTxt{ font-size:24px}
.homeApartmentVillas{ padding:75px 0px;}
.homeApartmentVillas h2,.whiteTxt{ padding-left:15px; padding-right:15px; display:block}
.homeApartmentVillas h2::after{top: 75px;left: 101px;width: calc(100% - 124px);}
.homeApartmentVillas .container.btMargin.leftMargin{ margin-left:0}
.homeApartmentVillas{ background-size:160px}
.whiteTxt{ width:100%}

#owl-carousellowerr .owl-dots{ display:block !important;margin-top: 5px;}

#owl-carousellowerr .owl-nav, #owl-carousellowerr .owl-nav span{ display:none !important}
#owl-carousellowerr{ margin-top:23px;}
.viewAllBtn.propertiesSlider:link, .viewAllBtn.propertiesSlider:visited{ margin:33px auto 43px auto !important; display:block}

.stayWithUs{ margin:80px auto}
.stayWithUs h3{ font-size:36px;margin-bottom: 5px;}
.stayWithUs h3::after{ top:-2px}
.colThreeServices{ width:calc(100% - 60px); margin:47px 30px 0 30px}
.colThreeServices p.headingServices{ padding:10px 0 0 0}
.colThreeServices p{ padding:5px 0;}
.TestimonialLeftBox h6::after {
  width: calc(100% - 210px);
  left: 210px;
  top: 75px;
}
.TestimonialBg { margin-top:88px;background-position: top right;background-size: 80% auto; background-image:url(../images/testimonial-mobile-bg.svg)}
.TestimonialLeftBox{ padding-right:15px; width:100%; padding-top:0}
.TestimonialLeftBox p{font-family: 'Zilla Slab'; color:#fff;font-style: normal;font-weight: 400;font-size: 24px;line-height: 122%; margin:10px 0 40px 0}
.mbr{ display: inline-block}
.TestimonialRightBox{ margin:0 15px ; width:calc(100% - 30px); padding:60px 15px 15px 15px; margin-bottom:60px}

.TestimonialRightBox{ background:#fff; background-image:none}
#owl-testimonial .owl-nav{ display:none !important}
#owl-testimonial .owl-dots{ display:block !important; margin:40px 0 0}
p.testimonialsTxt{ padding-bottom:0}

.bottomFooter{ padding-bottom:7px;padding-top:7px}
.TestimonialRightBox .owl-theme .owl-dots .owl-dot.active span, .TestimonialRightBox .owl-theme .owl-dots .owl-dot:hover span{ background:#B59A54 !important; border-color:#B59A54 !important}
.TestimonialRightBox .owl-theme .owl-dots .owl-dot span{border-color:#B59A54 !important}

.back-to-top img,.back-to-top{ width:30px; height:30px}

.icon_menu{ cursor:pointer;width: 40px;height: 40px;z-index: 99999999;position: relative;}
.menusList{position: absolute;
display: block;
left: 0;
right: 0;
z-index: 999999;
background: #ede8e0; opacity:1;
text-align: left;
padding: 10px 10px;
top:-320px ;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; opacity:0}
.centerHeader .menusList.showMenu{ top:50px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;opacity:1}
.menusList.showMenu{ top: 54px; opacity:1}
h2{ font-size:36px;}

.colFullWidth.valleyBg{ background-size:160px; background-attachment:scroll; background-position:right 150px}

.aboutUsBox{ padding-left:15px;padding-right:15px;}
.aboutUsBox h2::after{ top:50px; }
.aboutUsBox .subHeading{ margin-top:10px}
.aboutUsBox .amenitiesBox{ margin:0}
.aboutUsBox .whoweareBox { margin:60px 0}
.aboutUsBox .aboutTxt{ padding-top:0 }

.boxFifty.aboutImg,.boxFifty.aboutImg img{ width:100%}
.aboutUsBoximg{box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);padding: 20px;}
.aboutUsBoximg{ display:block; width:80%; margin:20px 0 20px 0px;}

.aboutUsBoximg{ display:block}
.aboutUsBoximgg{ display:none}

.topMargin.aboutUsBox{ margin-top:70px;}
.contactusContainer{ padding-left:15px; padding-right:15px;}
.contactusContainer .amenitiesBox{ margin-top:50px}
.contactusContainer .amenitiesBox .txtField{ width:100%}
.propertiesBox{ position:relative; z-index:0}

.innerBanner, .innerBannerContact{ position:relative; z-index:-2}

.propertiesBox.disabContainer{ position:relative; z-index:-1}
.propertiesBox{ padding-left:15px; padding-right:15px; background:none}

.filterTabs ul{ width:100%;border-bottom: 1px solid #d8d8d8 ;padding-bottom: 3px;}
.filterTabs ul li{ width:auto; font-size:20px; padding:10px 38px 10px 0px;}
.filterTabs{ border:0; margin-bottom:15px}
.activeTab::after{ top:58px}

#allTab.activeTab::after{ width:34px}
#aptTab.activeTab::after{ width:132px}
#villaTab.activeTab::after{ width:67px}

.rightFilters{ width:100%; margin-top:30px}
.rightFilters div.filter{ width:calc(50% - 10px); float:left; padding:12px 35px 12px 20px}
.rightFilters div.sortby{ width:calc(50% - 10px); float:right; padding:12px 35px 12px 20px}

.filter,.sortby{ background-position:calc(100% - 20px) center}

.listingContainer .card{ padding:0 0 25px !important; margin:20px auto !important}
.cardTxt h4{ font-size:24px; line-height:normal}
.listingContainer .cardTxt{ padding:13px 15px 50px 15px}
.listingContainer .subHeading{ margin-top:12px}

.propertiesTopBannerSlider.owl-carousel .owl-item img{ height:240px}
.owl-carousel.propertiesTopBannerSlider.homeBanner#owl-carouselTop .owl-dots{ margin-top:-26px}

.col7,.col3,.siteContent,.accordionBox,p.sm{ width:100%}
.propertiesDetail{ padding-left:15px; padding-right:15px; background-image:none}
.propertiesDetail .topMargin{ margin:31px 0 0px 0}
.highlightsBox .item{ width:100%}
.facilitiesBox,.smMargin{ padding-left:15px; padding-right:15px}
#owl-carousellower .owl-item{ min-width:auto}

#owl-carousellower,.accordionBox{ padding:0 15px !important; margin:50px 0;}
.propertiesDetailsBottom{max-width:100%; padding-left:0; margin-left:0}
.propertiesDetailsBottom h2{ padding-left:15px; display:block; line-height:normal}
.propertiesDetailsBottom h2::after{   top: 75px;  left: 232px; width:calc(100% - 247px);}
.propertiesDetailsBottom .cardTxt{ padding:30px 15px}
.propertiesDetailsBottom .subHeading{ padding-top:9px}


.propertiesDetailsBottom .subHeading::before{ top:19px}

.propertiesDetailsBottom .owl-theme .owl-dots .owl-dot.active span{background: #a0a0a0 !important;
border: 2px solid #a0a0a0;}

.propertiesDetailsBottom .owl-theme .owl-dots .owl-dot span{background: #fff !important;
border: 2px solid #d0d0d0;}
.accordion{ font-size:20px}
.container.btMargin.facilitiesBox{ margin-bottom:90px}

#owl-carousellower .colList{/* width:100%;*/width: calc(100% - 60px) !important; margin-right:0}
.covidInfo .smMargin{ margin-top:30px; margin-bottom:70px}
.highlightsBox .cardTxt{ padding:12px 20px}
.highlightsBox .card{ min-height:auto}
p.cardHeading{ font-size:24px; padding:0}
.facilitiesContainer.btMargin{margin-bottom: 90px;}
.footer{ background:#1a1a1a}
.highlightsBox{ margin-top:7px}
.outerBox{ position:relative; z-index:1}
.outerBox.outerBBoxx{ z-index:-1}


.locBtn{ width:90% !important; max-width:305px !important}


.popupInner{ width:calc(100% - 30px); left:15px}

.TestimonialBg .TestimonialRightBox{ margin-bottom:120px}

.valleyBg.aboutUsBox .boxFifty.aboutTxt{ padding-bottom:100px}
.getinTouch.contactRight{ margin-bottom:71px}

.colFullWidth.valleyBg.propertiesBox{ margin-bottom:100px;}

.colFullWidth.valleyBg.aboutUsBox.termsBox{ margin-bottom:40px; z-index:-1; position:relative}

.aboutUsBox.xxm h2::after { display:none}
.roomTypes{ line-height:normal; padding:12px 0; margin:0 24px 16px 24px}

.vTxt{ padding:24px 24px 20px 24px}
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.quicLinks.discountOffers{margin-right: 0%;}

.rivafooter, .footer-btm a, .footer-btm h5, .footer-btm p, .footer-btm a, .footer-btm  h5, .footer-btm ul li {
    text-align:left;
}   

}


@media screen and (max-width: 362px)
{ h2{ line-height:normal}}