/**/@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');





*{ margin:0; padding:0; font-family: 'Work Sans', 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: 'Work Sans', sans-serif; color: #bd6d11; font-style: normal;font-weight: 600;font-size: 32px;line-height: 43px;}

h2{ font-family: 'Work Sans', sans-serif; color: #bd6d11; 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: 'Work Sans', sans-serif; 

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 22px;

    letter-spacing: 0.07em;

    color: #FFFFFF;

    background: #bd6d11;

    border-radius: 8px;

    border: 1px solid #bd6d11;

    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: 'Work Sans', sans-serif; color: #bd6d11; 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: 'Work Sans', sans-serif; color: #bd6d11; 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: 'Work Sans', sans-serif; color: #bd6d11; 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: #bd6d11; 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: 'Work Sans', 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: 'Work Sans', sans-serif; color: #bd6d11; 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: 'Work Sans', sans-serif; color: #bd6d11;

    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: #bd6d11;

    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.svg) 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: 'Work Sans', sans-serif; color: #bd6d11;

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: 'Work Sans', sans-serif; color: #bd6d11; 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:750px){

*{ 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: #bd6d11 !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}}