body {padding:0; margin:0;}

a, a:hover, a:active, a:focus, input, textarea, select, button, input:focus, textarea:focus, select:focus,

button:focus {outline:0;}

span{ font-family:Century Gothic;}

li, ul, ol {list-style:none; font-family:Century Gothic; margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0px; padding:0px; font-family:Century; color:#2b2b2b;}

p {font-family:Century Gothic; font-size:14px; margin:0; padding:0; color:#303030;}

a, a:hover {transition:0.4s; font-family:Century Gothic;}

a, a img {text-decoration:none !important; border:0; outline:none !important;}

a, a:hover, a:focus, a:active, button, button:focus, input, textarea { outline:0;}

input, select, option{font-family:Century Gothic;}

.pd-10{padding-top:10px !important;}

.pd-15{padding-top:15px;}

.pd-20{padding-top:20px;}

.pd-30{padding-top:30px;}

.mrg-10{margin-top:10px;}

.mrg-20{margin-top:20px;}

.mrg-30{margin-top:30px;}

/* header change css */

.clr{clear:both;}

.top-hader-row{position:fixed; width:100%; top:0; z-index:9999; padding:8px 0 12px 0; -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear; transition: all 0.3s linear; text-align:center;}

.pd-20{padding-top:20px;}

.pd-10{padding-top:10px;}



.sticky{background:#fff; box-shadow:0 3px 5px #0000001c;}

.sticky .logo-center{width:70px;}

.sticky .menu-icon{top:13px;}

.sticky .menu-icon div{background:#7c7c7c;}

.sticky .hdr-bt-rt a{color:#303030;}

.sticky .hdr-bt-rt a:hover{color:#fff;}

.sticky .hdr-bt-rt{padding:15px 30px 0 0;}





.hdr-bt-rt{ padding:30px 30px 0 0; position:absolute; right:0;}

.hdr-bt-rt a{border:1px solid #e1aa3e; border-radius:6px; padding:10px 15px; color:#fff; font-size:17px;}

.hdr-bt-rt a:hover{background:#a8894c;}

.menu-i{width:24px; margin-right:15px; left:20px; position:absolute; top:30px; cursor:pointer;}

.menu-i svg {color:#fff; position:relative; width:24px; height:24px;}

.logo-center{ width:120px; display:inline-block;}

.logo-center img{width:100%;}

.hdr-rt-col{float:right; padding-right:30px; }



#navigator{width:250px; height:100%; position:fixed; top:0; left:-250px; background:#fff; float:left; z-index:10; box-shadow:0 0px 7px #0000005c;}

#nav{width:250px; height:auto; display:block; margin:0; padding:0; text-align:left;}

#nav li{margin:0; display:block; text-transform:uppercase; border-bottom:1px solid #d9d9d9;}

#nav li a{color:#303030; font-weight:normal; font-size:15px; padding:8px 15px; display:block;}

#nav li a:hover{color:#b87c1b; text-decoration:underline !important; background:#f9f8f5;}

#nav li:last-child{border-bottom:0;}

.menu-icon{width:28px; height:22px; position:fixed; top:20px; left:0px; margin:10px; z-index:10;}



.menu-icon div {width:20px; cursor:pointer; height:3px; background:#fff; margin:3px; transition:all 0.35s; border-radius:2px;}

.on .line_one {transform: rotate(45deg) translate(7px, 7px);}

.on .line_two {opacity: 0;}

.on .line_three {transform: rotate(-45deg) translate(2px, -1px);}



.hdr-banner-row{position:relative; padding-top:0; overflow:hidden;}

.hdr-banner-row:before{background:#0000006b; content:''; position:absolute; width:100%; height:100%; top:0; left:0; z-index:2;}

.banner-slide{height:650px}

.banner-slide video{width:100%; border:0;}

.banner-slide img{position:relative; width:100%;} 



#soundonbtn{position:absolute; top:45%; left:-20px; z-index:99; transform:rotate(-90deg); background:#ffefc87a;

    border:1px solid #ffe8d6; border-radius:6px; font-weight:600; color:#303030; cursor:pointer; height:40px; line-height:40px;  text-transform:uppercase; padding:0 20px; font-size:15px;}



.booking-top-banner{width:100%; position:absolute; bottom:5%; text-align:center; z-index:99;}

.bdr-btn{border:1px solid #a8894c; background:#ffffffeb !important; color:#000 !important; }

.bdr-btn:hover{background:#a8894c !important; color:#fff !important;}

.book-bt { margin:auto; cursor:pointer; background:#a8894c; border:1px solid #e1c58f; color:#fff; display:inline-block; height:38px; line-height:38px; font-size:17px; padding:0 20px; margin:0 5px; border-radius:6px;}

.book-bt:hover{background:#d28a1b;}

.booking-form-show{ margin-top:15px; padding:20px 20px 0 20px; margin:auto;}



.booking-form-show section{ display:none; max-width:1200px; margin:auto;}

.booking-row-bg{background:#00000085; padding:10px; border-radius:8px;}



.booking-form-show section input:focus, .booking-form-show section select:focus {outline:none;}

.booking-form-show section button{border:0; cursor:pointer;}

.col-field select {color:#fff; width:100%; background:inherit; height:40px; line-height:40px; border:0; font-size:15px;}

.col-field select option {color:#000;}



.col-field{text-align:left; float:left; margin-bottom:12px;}

.col-field input{border:0; font-size:15px; width:100%; height:40px; background:inherit; color:#fff;}

.col-field input[type=text] {outline:none; padding:0; border:0; width:100%;}

.col-field input[type="date"]:not(.has-value):before{ color:#fff; width:100%; content: attr(placeholder);}

.col-field input[type="date"]::-webkit-calendar-picker-indicator {background:transparent; bottom:0; 

    color:transparent; cursor:pointer; height:auto; left:0; position:absolute; right:0; top:0; width:auto; } 

.date-i::after{position:absolute; content:''; top:10px; right:0; background:url(../new-images/date-i.svg) no-repeat; background-size:100%; opacity:0.8; width:20px; height:20px;}

.col-field input::placeholder{color:#fff;}



.input-col{width:21%; margin:0 0.5%; border-right:1px solid #919191;}

.field-row{ position:relative; border-radius:4px; margin-right:15px; height:40px; line-height:36px; 

    border:1px solid #dddddd00; margin-top:0;}

.field-row:hover{box-shadow:0 0 5px #9b7200; border:1px solid #9b7200;}



.sub-btn{float:left; margin:0 0 0 10px;}

.sub-btn button{background:#ee7a00; border-radius:6px; color:#fff; display:inline-block; height:40px; line-height:40px; 

    font-size:15px; font-weight:600; text-transform:uppercase; padding:0 15px; border:0;}

.sub-btn button:hover{background:#d28a1b;} 



.text-italic{font-style:italic;}

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

.about-col-pic{float:left; width:48%;}

.about-col-pic img{width:100%;}

.about-col-rt{float:right; width:48%; text-align:left;}

.about-col-rt h2{font-size:24px; line-height:40px; color:#333; font-weight:normal;

    padding-bottom:10px; margin:0;}

.about-col-rt p{line-height:26px; }



.about-certificat{width:60px; float:left; margin-right:40px; position:absolute; top:8px; left:20px;}

.about-certificat img{width:100%;}



.list-room-row{background:#fff;padding:50px 40px; clear:both;}

.list-room-row ul{margin:auto; overflow:hidden; padding-left:0px;}

.list-room-row li{display:block; float:left; width:31.1%; position:relative; font-weight:400;

    font-size:14px; color:#333; padding-left:24px; margin:5px 0 5px 0;}

.list-room-row li:hover{text-decoration:underline;}

.list-room-row li:before {content:""; position:absolute; top:3px; left:0; background:url(../new-images/point-cap.png) 0 0 no-repeat;

 height:11px; width:14px;}

.list-room-row .headin-02{text-transform:uppercase; text-align:center;}



.headin-02{ font-size:28px; line-height:28px; font-weight:600; color:#2b2b2b; padding-bottom:20px;}

.headin-03{ font-size:38px; line-height:38px; color:#2b2b2b; font-weight:700; padding-bottom:18px;}



.headin-orange{color:#af9a5f !important;}



.line-icon-center{max-width:600px; margin:auto; text-align:center; margin-top:10px; border-top:2px solid #d3d1cb; position:relative; }

.line-icon-center span{width:16px; display:inline-block; position:relative; top:-10px; background:#fff; padding: 0 5px;}

.line-icon-center span img{width:100%;}



.wel-row{padding:50px 40px; text-align:center;}

.headin-6{ font-size:14px; line-height:14px; color:#af9a5f; font-weight:400;

    text-transform:uppercase; padding-bottom:22px;}

.big-headin{ font-size:38px; line-height:38px; color:#2b2b2b; font-weight:700; padding-bottom:28px;}



.tripadvisor-row{background:#f0f4f8; padding:20px; margin-top:60px; position:relative; overflow:hidden; box-shadow:0 2px 5px rgba(0,0,0,.1);}

.tripadvisor-row ul{padding-left:15%;}

.tripadvisor-row li{width:25%; float:left; text-align:left; overflow:hidden;}

.tripadvisor-row li .tripadvisor-inner{margin-right:30px; position:relative;text-align:center;}

.tripadvisor-row li .tripadvisor-inner span{line-height:20px;}

.tripadvisor-row li .tripadvisor-text{color:#5C5E60; font-size:14px;}

.tripadvisor-row li .tripadvisor-number{color:#b87c1b; font-size:22px; font-weight:600; position:relative; }

.rt-bdr-pic{border-right:1px solid #d3d1cb; padding-right:60px;}



.cdsROW.narrow .cdsRating br{display:none;}

.cdsROW.narrow{width:inherit !important; text-align:left !important; padding:0 !important}

.cdsROW{background:inherit !important;}

.cdsROW.narrow .cdsLocName{padding-bottom:5px !important;}

.cdsROW.narrow .logo{padding:0!important; float:left !important;}

.cdsROW .cdsRating{position:absolute; top:22px; left:100px;}

.cdsROW.cx_brand_refresh .logo img{width:90px !important;}

.TA_cdsratingsonlynarrow li img{width:90px !important;}



.properties-row{padding:40px 40px; text-align:center;}

.properties-row section ul{display:grid; grid-template-columns:repeat(3, 1fr); grid-auto-rows:1fr;

    grid-column-gap:30px; grid-row-gap:40px;}

.properties-row section li{ box-shadow:0 2px 5px rgb(0 0 0 / 16%); border-radius:8px;

    overflow:hidden; background:#f0f4f8; position:relative;}

.properties-row section li:hover{background:#fff;}    

.properties-row section li .propertie-pic{position:relative;}

.properties-row section li .propertie-pic img{width:100%;}

.properties-row section li .propertie-detail{padding:15px 20px 70px 20px; text-align:center;}

.properties-row section li .propertie-detail h3{font-size:22px; font-weight:normal; padding-bottom:12px;}

.properties-row section li .propertie-detail p{line-height:26px;}



.properties-row section li.accommodation-col{background:#4c2e15;}

.properties-row section li.accommodation-col h3{color:#fff;}

.properties-row section li.accommodation-col p{color:#f5e2d2;}



ul.properties-list .propertie-detail{padding-bottom:30px !important;}



.card-btn-row{position:absolute; bottom:30px; left:0; width:100%;}



.wel-icon{background:#f0f4f8 !important;}



.gallery-row .dining-block{padding:50px 40px 20px 40px; background:#f9f9f9; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}

.gallery-row .spa-block{background:#fff; padding:50px 40px 20px 40px;}

.gallery-row .entertain-block{padding:50px 40px 20px 40px; background:#f9f9f9; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}

.gallery-row .flex-prev3, .gallery-row .flex-next3, .gallery-row .flex-next2, .gallery-row .flex-prev2, 

.gallery-row .flex-next1, .gallery-row .flex-prev1{background:#fff !important; cursor:pointer;}

.gallery-row  {background:#fff !important;}

.gallery-row .gal-nav1{padding:0 0 48px 30px;}

.gallery-row .gal-nav2{padding:0 30px 48px 0;}

.gallery-row .gal-nav3{padding:0 0 48px 30px;}



.gallery-row-new .owl-carousel .owl-item img{margin-bottom:10px;} 



.gallery-row-new{background:#f0f4f8; padding:50px 10px 20px; text-align:center;}

.gallery-row-text{max-width:1000px; margin:auto; padding-bottom:15px; overflow:hidden;}

.gallery-row-text p{font-size:18px; line-height:30px; color:#303030;

    font-weight:400; padding:0 28px 10px 0;}

.gallery-row-text .title{padding-bottom:0;}

.btn-view{background:#00a39b; border-radius:24px; height:44px; line-height:44px; color:#fff !important; padding:0 25px;

font-size:16px; text-transform:uppercase; display:inline-block;}

.btn-view:hover{background:#03847e !important; color:#fff;}

.testimonial-new{padding-top:0;}

.testimonial-new .prom-offers{ margin-top:0; }



.to-photo-row{padding-top:0;}



.experience-full-row{ background:#fff; padding:40px; text-align:center;}

.special-text{position:relative; overflow:hidden; background:#4c2e15;}



.pic-col-lt{width:70%; position:relative; overflow:hidden; float:left;}

.pic-col-lt img{width:100%; -webkit-transition:all .5s; transition:all .5s;}

.pic-col-lt:hover img {-webkit-filter:none; filter:none; -webkit-transform:scale(1.09, 1.09); transform:scale(1.09, 1.09);

    -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease;

    transition:all 1s ease;}



.text-col-detail-rt{float:left; width:30%; display:-webkit-box; display:-ms-flexbox;  display:flex; -webkit-box-align:center;

    -ms-flex-align:center; align-items:center; }

.text-col-detail-rt section{padding:30px; padding:80px 30px 30px 30px; display:table-cell; vertical-align:middle; text-align:center;}

.text-col-detail-rt section h3{ color:#fff; font-weight:normal; }

.text-col-detail-rt section p{line-height:26px; color:#fff;}

.btn-offer{ height:50px; line-height:50px; border:2px solid #fff; display:inline-block; border-radius:4px; 

    color:#fff; font-size:17px; font-weight:400; text-transform:uppercase; padding:0 20px; margin-top:20px;}

.btn-offer:hover{background:#d28a1b; border:2px solid #d28a1b; color:#fff;}    



.special-text .swiper-pagination{width:30% !important; left:inherit !important; right:0; bottom:80px !important;}



.special-next-back .swiper-button-next:after, .special-next-back .swiper-button-prev:after{background:#00000061; font-size:30px; padding:12px 20px; color:#fff;}

.special-next-back .swiper-button-next:after{margin-right:16px;}

.special-next-back .swiper-button-prev:after{margin-left:16px;}



.read-slide-bt{padding:0 20px; color:#fff; display:inline-block; border-radius:20px; height:40px; line-height:39px; font-size:16px; background:#c7913c;}

.read-slide-bt:hover{background:#fc9a1a; color: #fff;}



/* footer css */

footer{background:#f9f8f5; position:relative; border-top:6px solid #a67a35; padding:30px 0 0 0; font-family:"Karla", sans-serif;}

footer section{padding:0 40px;}

.ftr-lt-col{float:right; width:30%;}

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

.logo-ftr img {width:120px; display:inline-block;}

.ftr-lt-col p{color:#3e3e3e; font-size:16px; line-height:22px; font-weight:400; padding:15px 0 0 0;}



.social-share-ftr{ padding-top:15px; }

.social-share-ftr p{padding-bottom:15px; font-size:15px; line-height:26px;}

.social-share-ftr span{display:inline-block; margin-right:10px; border-radius:50%; background:#fff; border:1px solid #a37140;}

.social-share-ftr span a{display:block; width:36px; height:36px;}

.social-share-ftr span a i{ display:block; width:36px; height:36px;}

.social-share-ftr span a i.facebook-i{background:url(../new-images/fb-icon.svg) 7px 6px/22px no-repeat;}

.social-share-ftr span a i.instagram-i{background:url(../new-images/insta-icon.svg) 7px 7px/22px no-repeat;}

.social-share-ftr span a i.youtube-i{background:url(../new-images/youtube-icon.svg) 7px 8px/22px no-repeat;}

.social-share-ftr span a i.tripadvisor-i{background:url(../new-images/tripadvisor-i.svg) 7px 7px/22px no-repeat;}



.quick-link-col:first-child{margin-left:0;}

.quick-link-col{ float:left; width:22.5%; margin-left:3%; }

.quick-link-col h5{color:#2b2b2b; font-weight:600; border-bottom:1px solid #a67a35; padding-bottom:10px; position:relative; font-size:15px;}

.quick-link-col h5:after{position:absolute; bottom:-2px; left:0; content:""; background:#a67a35; height:3px;  width:45px;}

.footer-links{padding-top:15px;}

.footer-links li{ position:relative; padding-bottom:8px;}

.footer-links li::after{position:absolute; top:6px; left:0px; content:''; width:1px; height:1px; 

border:solid #97866c; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(-45deg);

  -webkit-transform: rotate(-45deg);}



.footer-links li a{font-size:15px; color:#303030; font-weight:normal; padding-left:15px; }

.footer-links li a:hover{ color:#765725; text-decoration:underline !important; }



.ftr-letter-txt{padding:20px 0 0 0; line-height:22px; font-weight:400;}



.contact-col{padding-top:20px;}

.contact-col a{ color:#000; position:relative; display:block; font-size:15px; font-weight:normal; margin-bottom:5px;}

.contact-col a:hover{text-decoration:underline;}

.contact-col p{ font-size:15px; font-weight:normal; color:#303030; padding:0; display:flex;}

.contact-col p span{padding-left:8px; line-height:22px;}

.contact-col p a{ color:#3e3e3e; display:inline-grid; font-size:16px; font-weight:normal;}



.icon-col{ display:inline-block; width:20px; height:20px; position:relative; top:4px; margin-right:4px; }

.address-i{background:url(../new-images/location-i2.svg) 0 0/18px no-repeat; width:26px;}

.phone-i2{background:url(../new-images/phone-i.svg) 0 -2px/22px no-repeat; width:18px;}

.email-i{background:url(../new-images/mail-icon.svg) 2px 2px/16px no-repeat; width:30px; height:16px; top:2px !important;}



.copyright-row{background:#4c2e15; padding:10px 30px; text-align:center; font-size:15px; color:#fff;}

.copyright-row p{float:left; color:#fff; text-align:left; width:44%;}

.copyright-rt-link{float:right;}

.copyright-rt-link span{display:inline-block; margin:0 10px;}

.copyright-rt-link span a{font-size:15px; color:#fff;}

.copyright-rt-link span a:hover{text-decoration:underline !important;}



.bg-w{background:#fff !important;}

.slider-service-row{ position:relative; padding-top:10px;}

.slider-service-row section{position:relative; overflow:hidden;}

.col-service-content{float:right; width:40%; text-align:left;}

.col-lg-6.col-md-6.col-sm-4.col-xs-12 .col-service-content{width: 100%;}

.col-service-content p{ line-height:24px; color:#303030;}

.col-service-photo{float:left; width:56%; position:relative;}

.col-service-photo img{width:100%;}



.col-service-photo-rt{float:right !important; clear:both;}

.col-service-content-lt{float:left !important;}

.col-service-content .headin-02{padding-bottom:15px; font-size:24px; }





.slide-control-01{position:absolute; left:0; bottom:50%; width:100%;}

.slide-control-01 .swiper-button-next:after, .slide-control-01 .swiper-button-prev:after{font-size:18px;

    background:#00000061; padding:10px 15px; color:#ffffff; font-weight:bold; border-radius:4px;}

.slide-control-01 .swiper-button-next:hover:after, .slide-control-01 .swiper-button-prev:hover:after

{background:#e1aa3e; border:1px solid #e1aa3e; color:#fff;}





.slide-control-propertie-01 .swiper-button-next:after, .slide-control-propertie-01 .swiper-button-prev:after{font-size:30px; color:#fff;}



.slide-content-01{overflow:hidden;}

.slide-content-03{overflow:hidden;}



/* inner page css */

.slider-service-inner{ position:relative; text-align:center; border:1px solid #ddb971;

    padding:15px 0px; background:#fff; border-radius:0 8px 8px 0; margin-top:10px;}

.bg-cap{background:#f1f8ff !important;}    

.inner-room-slide{position:relative;}    

.slider-service-inner section{position:relative; overflow:hidden;}

.slide-control-05 .swiper-button-next{right:-40px;}

.slide-control-05 .swiper-button-prev{left:-40px;}



#accordion{padding:0 40px 20px;}

#accordion .gallery-row-text{padding-bottom:0 !important; padding-top:10px;}

.accordion-toggle {cursor: pointer; text-align:center; font-size:30px; border-radius:8px; position:relative; color:#af9a5f; background:#f9f5ec; border:1px solid #e1d0a2; padding:15px;}

.accordion-toggle .gallery-row-text p{font-size:16px; padding-bottom:0;}

.accordion-content {display:none;}

.accordion-content.default {display: block;}

.active-tab{color:#af9a5f; background:#fff3d8; border:1px solid #e1aa3e;}

.accordion-toggle:before {position:absolute; right:30px; top:36px; content:""; display:inline-block;

  text-align:center; transform: rotate(45deg);

  -webkit-transform: rotate(45deg); border:solid #af9a5f; border-width: 0 3px 3px 0; padding:10px; 

}

.active-tab:before{content:""; display:inline-block;

  text-align:center; border:solid #af9a5f; border-width: 0 3px 3px 0; padding:10px; transform: rotate(-135deg);

  -webkit-transform:rotate(-135deg); top:45px;

}



.slide-control-inner{position:absolute; left:0; bottom:50%; width:100%;}

.slide-control-inner .swiper-button-next:after, .slide-control-inner .swiper-button-prev:after{font-size:18px;

    background:#af9a5f; padding:10px 15px; color:#ffffff; font-weight:bold; border-radius:4px;}

.slide-control-inner .swiper-button-next:hover:after, .slide-control-inner .swiper-button-prev:hover:after

{background:#e1aa3e; border:1px solid #e1aa3e; color:#fff;}

.carousel-control.left, .carousel-control.right{

    background-image: none;

}

.carousel-control{

    opacity: 1;

    width: 30px;

    text-shadow: none;

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{

    color:#774403;

    border-color: #a35d04;

    border-bottom-color: transparent;

    font-weight: 500;

    background-color: #a35d04;

    color: #fff;

}

.nav-tabs {

    border-bottom: 1px solid #a35d04;

    text-align: center;

}

.nav-tabs>li{

    float: none;

    display: inline-block;

    margin-bottom: 0;

}

.nav-tabs>li>a{

    color: #744407;

    background: #ffecc7;

    padding: 13px 20px;

    margin: 0 3px;

}

.nav-tabs>li>a:hover {

    border-color: #a35d04 #a35d04 #a35d04;

    background-color: #a35d04;

    color: #fff;

}

.main-tab-info{

    display: inline-block;

    width: 100%;

    text-align: center;

    font-size: 15px;

    font-weight: 600;

    margin: 20px 0 10px;

}

/* page 2 ACCOMODATIONS */

/* .tabs-container {min-height:778px; background:#fff; position:relative; margin:0 40px;}

.tab-content {display:none; width:100%; max-height:100%; background:#fff; border-left:1px solid #ddb971;}

.tab-accommod.active-accommod + .tab-content { display:block; z-index:9;}

.tab-accommod { background:#fff3d8; border:1px solid #e1aa3e;}



.active-accommod{background:#fff; border:1px solid #ddb971; position:relative; z-index:99; border-right:0;}

.tab-title-accommod{color:#303030; display:block; padding:15px; font-size:20px;}

.active-accommod .tab-title-accommod{color:#a35d04;}



.tab-content-inner .slider-service-inner{margin-top:0;}



.tab-accommod { width:24%; } */



/* @media (min-width: 992px) {



  .tab-content { position:absolute; top:0; right:0; width:76%; min-height:100%; }

  

} */



/* coloring the tabs */

.one-orange { background: red; }



.margin_120_95 {

    padding-top: 120px;

    padding-bottom: 95px;

}

.align-items-center {

    align-items: center!important;

}

.justify-content-between {

    justify-content: space-between!important;

}

.parallax_wrapper {

    position: relative;

    margin-bottom: 25px;

}

img.rounded-img {

    border-radius: 10px;

}

.img-fluid {

    max-width: 100%;

    height: auto;

}

.parallax_wrapper .img_over img {

    border: 4px solid #fff;

    width: 50%;

    height: auto;

    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);

    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);

    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);

}

.parallax_wrapper.inverted .img_over {

    text-align: right;

    left: inherit;

    right: -25%;

}



.parallax_wrapper .img_over {

    left: -25%;

    bottom: 10%;

    position: absolute;

    z-index: 99;

}

span[data-jarallax-element] {

    display: block;

}

.title small {

    text-transform: uppercase;

    color: #978667;

    letter-spacing: 3px;

    font-weight: 600;

    display: block;

    margin-bottom: 5px;

    font-size: 15px !important;

    font-size: 0.75rem;

}

.title h1, .title h2, .title h3 {

    font-weight: 700;

    font-size: 38px !important;

    font-size: 2.375rem;

    margin-bottom: 15px;

}

.title p{

    margin-bottom: 25px;

}

.lead {

    font-size: 14px;

    font-weight: 300;

    line-height: 24px;

    color: #303030;

    font-family: Century Gothic;

}

.intro p{

    margin-bottom: 15px;

    font-size: 14px;

}



.top-about-block{

    background: #faf8f5;

}

.bg_white {

    background-color: #fff;

}

.list_ok ul {

    list-style: none;

    padding: 0;

    margin: 0 0 25px 0;

}

.list_ok ul li {

    padding-left: 45px;

    position: relative;

    margin-bottom: 25px;

    padding-top: 8px;

}

.list_ok ul li img {

    position: absolute;

    left: 0;

    top: 3px;

    z-index: 1;

    width: 30px;

}

.list_ok ul li h5 {

    color: #333;

    font-weight: 700;

    letter-spacing: -.03em;

    line-height: 1.3;

    margin-bottom: 0.5rem;

    font-size: 2rem;

}

.list_ok ul li p{

    font-size:1.5rem;

    margin-bottom: 25px;

}

figure {

    margin: 0 0 1rem;

}

.box_facilities.no-border {

    border-width: 0;

}

.box_facilities h3 {

    font-size: 21px !important;

    margin-bottom: 0.5rem;

    letter-spacing: -.03em;

    line-height: 1.3;

}

.box_facilities p{

    margin-bottom: 25px;

}

.box_facilities {

    padding: 0 25px 25px 25px;

    border-width: 2px;

    text-align: center;

    border-style: solid;

    border-right: 0;

    border-image: linear-gradient(to bottom, #ededed, transparent) 1 60%;

}

.title h1, .title h2, .title h3 {

    font-weight: 700;

    margin-bottom: 15px;

}

.mt-4 {

    margin-top: 3.5rem!important;

}

.bg-yellow{

    background: #faf8f5 !important;

}

.padding-left-right-none{

    padding-left: 0px !important;

    padding-right: 0px !important;

}

.ic-images{

    display: inline-block;

    max-width: 70px;

    margin-bottom: 15px;

}

.contactus-section {

    background: url(../new-images/contactus-bg.png) top center no-repeat #faf8f5;

}

.verticalTop {

    vertical-align: top;

}

.text-center {

    text-align: center!important;

}

.p-5 {

    padding: 3rem!important;

}

.contact-icons {

    border-radius: 50%;

    font-size: 18px;

    color: #fff;

    display: inline-block;

    padding-top: 8px;

    width: 46px;

    height: 46px;

    margin-bottom: 15px;

}

.contact-icons {

    background: #a8894c;

}

.contactus-section h6 {

    font-size: 18px;

    color: #2b3222;

    font-weight: 600;

    margin-bottom: 1rem

}

.contactus-section p {

    font-size: 14px;

    color: #333;

    font-weight: 500;

    margin-bottom: 5px;

}

.contactus-form h2 {

    font-size: 20px;

    color: #2b3222;

    font-weight: 600;

    margin-bottom: 1.5rem;

}

.contactus-form .form-control {

    border: 1px solid #414a36;

    background: 0 0;

    color: #414a36;

    font-size: 14px;

    font-family: WorkSansRegular;

    padding: 14px 0.75rem;

    border-radius: 3px;

    margin-bottom: 15px;

    height: auto !important;

}

.contactus-section p a {

    color: #a8894c;

    text-decoration: none;

    font-weight: 500;

}

.contactus-form .btn-primary {

    padding: 12px 30px;

    background: #a8894c;

    border: 1px solid #a8894c;

    border-radius: 3px;

    color: #fff;

}

.no-padd{

    padding: 0px !important;

}

.position-relative{

    position: relative;

}

.custom-responsive-img{

    display: inline-block;

    max-width: 100%;

    transition: all 1s ease;

}

.img-up-text{

    padding: 10px 20px;

    color: #fff;

    font-size: 12px;

    letter-spacing: 1px;

    font-weight: 600;

    width: auto;

    background: #af9a5f;

    position: absolute;

    left: 2px;

    bottom: 2px;

}

.custom-responsive-img:hover{

    -webkit-transform: scale(1.09, 1.09);

    transform: scale(1.09, 1.09);

    transition: all 1s ease;

    cursor: pointer;

}

.col-lg-4.col-md-4.col-sm-6.col-xs-12.no-padd.position-relative{

    overflow: hidden;

}

.navbar-nav.custom-nav-bar{
    margin-top: 23px;
    margin-right:150px;
    float: right;
}
.navbar-nav.custom-nav-bar li a{
    display: inline-block;
    color: #fff;
    padding: 10px;
}
.navbar-brand{ height: auto !important; padding: 0px 15px;}
.top-hader-row.sticky .navbar-nav.custom-nav-bar li a{ color: #be8430;}
.top-hader-row.sticky .navbar-brand img{width: 70px;}
.top-hader-row.sticky .navbar-nav.custom-nav-bar {
    margin-top: 7px;
}
.navbar-toggler{
    display: none;
}
.hdr-bt-rt.acc-btn{
    position: fixed;
    top: 8px;
    right: 0;
}
@media (max-width:768px){
    .hdr-bt-rt.acc-btn{
        right: 60px;
    }
    .navbar-toggler{
        display: block;
        position: absolute;
        right: 20px;
        top: 22px;
    }
    .navbar-toggler div{
        width: 20px;
        cursor: pointer;
        height: 3px;
        background: #be8430;
        margin: 3px;
        transition: .35s;
        border-radius: 2px;
    }
    .top-hader-row.acc-header, .top-hader-row.acc-header nav{
        display: block;
    }
    .top-hader-row.acc-header nav{ top: 0px;}
    .navbar-brand>img{ width: 105px;}
    .navbar-nav.custom-nav-bar{
        margin: 0px;background: #bc812c;width: 100%;
        margin-right:0
    }
    .navbar-collapse{width: 100%;padding: 0;}
    .top-hader-row.sticky .navbar-nav.custom-nav-bar li a {
        color: #fff;
    }
    .navbar-collapse.collapse.new-navbar{
        display: none !important;
    }
    .navbar-collapse.collapse.new-navbar.in{
        display: block !important;
    }
    .top-hader-row.acc-header nav ul li{

        float: left;
        width: 100%;
    }
}
@media (min-width:1024px) and (max-width:1099px){
    .top-hader-row.acc-header .navbar-nav.custom-nav-bar li a{
        padding: 10px 5px;
    }
    .top-hader-row.acc-header .navbar-brand{
        width: 140px;
    }
    .top-hader-row.acc-header .navbar-brand img{
        width: 100%;
    }
    .navbar-nav.custom-nav-bar{
        margin-right:135px
    }
}
@media screen and (max-width:768px){

.logo-center{width:80px;}

.menu-icon{top:15px;}

.hdr-bt-rt{padding:18px 15px 0 0;}



.hdr-bt-rt a{color:#303030;}

.hdr-bt-rt a:hover{color:#fff;}

.menu-icon div{background:#797979;}



.sticky .hdr-bt-rt{padding:15px 15px 0 0;}



.top-hader-row nav{display:none; margin-right:0; position:absolute; width:100%; top:76px;}

.top-hader-row nav ul{background:#fff; display:block; text-align:left; margin:0 15px;}

.top-hader-row nav ul li{float:inherit; border-bottom:1px solid #ccc; margin:0;}

.top-hader-row nav ul li:hover{background:#efefef;}

.top-hader-row nav ul li a:hover{text-decoration:none;}

.top-hader-row nav ul li a{color:#000; display:block; padding:10px 0;}

.logo-02{display:none;}



.booking-row-bg{padding:15px 20px 20px 20px; background:#4c2e15;}

.booking-top-banner{position:relative; padding-top:20px;}

.booking-form-show{ position:relative; bottom:inherit; }

.input-col{width:100%; border-right:0; border-bottom:1px solid #ccc}

.col-field{float:inherit;}

.field-row{margin:5px 0; margin-right:0; }

#booking-form-show .sub-btn{margin:15px 0 0 0;}



.hdr-banner-row:before{content:inherit; position:relative; display:none;}



.event-list-col article{margin:0 0 10px 0;}



.list-room-row ul{ padding-left:0;}    

.list-room-row li{width:inherit; float:inherit;} 

.gallery-row h2{padding-top:15px;} 

.gallery-row .dining-block{padding:30px 20px 0 20px; margin:0;}

.gallery-row .spa-block{padding:30px 20px 0 20px; margin:0;} 

.gallery-row .entertain-block{padding:30px 20px 0 20px; margin:0;} 

.gallery-row  .dual-slider .col-md-7{padding:0;}

.gallery-row  .dual-slider .col-md-5{padding:0;}

.gallery-row .gal-nav1{padding:0;}

.gallery-row .gal-nav2{padding:0;}

.gallery-row .gal-nav3{padding:0;}

.activ-row{padding:30px 20px 10px 20px;}

.event-list-col{float:inherit; width:inherit; padding-bottom:20px;}

.booking-form-show section .home_booking_engine ul li .form-control{height:50px !important;}

.booking-form-show section .home_booking_engine ul li i{bottom:20px;}

.hdr-banner-row{padding-top:75px;}

.banner-slide{height:inherit;}



.wel-row{padding:30px 20px;}

.about-col-pic{float:inherit; width:inherit; margin-bottom:20px;}

.about-col-lt{float:inherit; width:inherit;}



.gallery-row-new{padding:30px 20px 10px 20px;}



.experience-full-row{padding:30px 20px;}

.text-col-detail-rt{float:inherit; width:inherit;}

.text-col-detail-rt section{padding:30px 20px 60px 20px;}

.pic-col-lt{float:inherit; width:inherit;}

.special-text .swiper-pagination{width:100% !important; bottom:10px !important; right:0;}



.list-room-row{padding:20px 20px 30px;}



.gallery-row-new{padding:30px 20px;}

.slider-service-row{padding:0 0 30px 0;}

.col-service-photo{float:inherit; width:inherit;}

.col-service-content{float:inherit; width:inherit; padding-top:20px;}

.slide-control-01{right:inherit; bottom:inherit; top:50%; left:0; width:100%;}

.slide-control-02{left:46% !important; bottom:40px;}



.tripadvisor-row{padding:0 20px 20px 20px; margin-top:10px;}

.tripadvisor-row ul{padding-left:0;}

.tripadvisor-row li{width:50%; height:40px; margin:20px 0 0 0; overflow:inherit;}

.tripadvisor-row li .tripadvisor-inner{text-align:left;}

.rt-bdr-pic{border-right:0;}



.about-certificat{text-align:left;}

.about-certificat img{width:70px;}



.properties-row{padding:20px 20px 0 20px;}

.properties-row section ul{display:block;}

.properties-row section li{margin-bottom:30px;}





footer{padding:10px 0 75px 0}

footer section{padding:0 20px;}

.ftr-lt-col{float:inherit; width:inherit;}

.quick-link-col{float:inherit; width:inherit; margin-left:0; padding-top:20px;}

.copyright-row p{float:inherit; width:inherit; text-align:center; padding-bottom:10px;}

.copyright-rt-link{float:inherit;}



#soundonbtn{top:150px; height:34px; line-height:34px; font-size:14px; padding:0 10px;}



.fixed-availability{ position:fixed; bottom:0; left:0; width:100%; padding-top:15px; background:#fff; box-shadow:4px 0 10px #0003; }



}



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

.tripadvisor-row li{width:100%; float:inherit; display:inline-block; height:inherit;}

.about-certificat{position:relative; margin:inherit; top:inherit; left:inherit; float:inherit; margin-top:0;}

.tripadvisor-row li .tripadvisor-inner br{display:none;}

}



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

.booking-form-show section .home_booking_engine ul li{ width:100% !important; margin:0; margin-bottom:10px; }

.booking-form-show section .home_booking_engine ul li:last-child{margin-top:10px !important;}

.big-headin{font-size:26px; line-height:32px;}

.headin-02{font-size:26px; line-height:32px;}

.headin-03{font-size:26px; line-height:32px;}

}



.contact-buttons-bar {

    position: fixed;

    right: 15px;

    z-index: 9999999;

    bottom: 18px;

    width: 70px;

}



    

/* The Modal (background) */

.modal {

  /* display: none;  */

  position: fixed; /* Stay in place */

  z-index: 1500; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

  position: relative;

  background-color: #fefefe;

  margin: auto;

  padding: 0;

  border: 1px solid #888;

  max-width: 400px;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

  -webkit-animation-name: animatetop;

  -webkit-animation-duration: 0.4s;

  animation-name: animatetop;

  animation-duration: 0.4s

}



/* Add Animation */

@-webkit-keyframes animatetop {

  from {top:-300px; opacity:0} 

  to {top:0; opacity:1}

}



@keyframes animatetop {

  from {top:-300px; opacity:0}

  to {top:0; opacity:1}

}



/* The Close Button */

.close {

  color: black;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



.modal-header {

  padding: 2px 16px;

  color: white;

}



.modal-body {padding:15px;}



.modal-footer {

  padding: 2px 16px;

  color: white;

}