.logo{padding-top:12px}
.menu-slider-container{position: relative;}
.menu-bar{position:absolute;left:0;top:0; z-index: 999; width: 100%;padding-top: 30px;}
.shade-hut{position: absolute; bottom: 0; z-index: 999; }

.swiper-title, .swiper-text{   text-align: center;}
.big {	font-size: 30px;	line-height: 1.55556;}
.cta{padding-top: 200px;}
.cta a{background:#fff;padding:10px 0; font-size: 20px;text-align: center; margin:0 auto; display: block; 
	width: 350px;color:#98317a; letter-spacing: 3px;font-weight: 500;}
.swiper-slide {	position: relative;/* display: flex; */	align-items: center;
	justify-content: center;	flex-shrink: 0;	width: 100%;	height: 100%;	white-space: nowrap;	padding-top:200px; 
}


.primary-menu li{ display: inline-block;padding: 10px 20px;position: relative;}
.primary-menu li:nth-child(8){background:#98317a; color:#fff}
.primary-menu li:nth-child(8):hover{background:#137f45; }
.primary-menu li a{color:#e7f2ff; letter-spacing: 2px;}
.primary-menu li::before {
	position: absolute;
	content: '';
	bottom: -1px;
	right: 100%;
	width: 10px;
	height: 1px;
	background: #000;
	opacity: 0;
	transition: all .2s ease, right 0s ease .2s;
}
.primary-menu li:hover::before {
	right: 0;
	opacity: 0.5;
	width: 100%;
	transition: right .2s ease, width .2s ease .2s;
}
.about-wrapper{padding:2px 0 50px 0; background:url(../images/orchid-bg.png) no-repeat; background-size: 100% 100%; overflow: hidden;}
.about-wrapper .title, .choose-us .title{text-align: center;width:100%;padding-bottom: 20px;}
.about-wrapper .title h1{font-size: 20px; color: #3d3d3d;}
.about-wrapper .title h1, .choose-us h2, .youtube-wrap .title h3, .facilities-bg .title h4, .activitie .title h5{font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important; display: block; }
.about-wrapper .title strong, .choose-us .title strong{font-size: 24px; color: #000 !important; font-weight: bold;}
.about-wrapper p{font-size: 18px; text-align: justify; color: #000; letter-spacing: 0 !important;}
.about-wrapper .homestay-points p{ letter-spacing: 0 !important;width: 100%; margin: 20px 0;}
.homestay-points p{text-align: center !important;padding: 10px 250px 20px 250px; }
.homestay-points a{background:#98317a; color:#fff; width: 150px; display: block; margin: 0 auto; text-align: center;padding:10px 0}
.homestay-points a:hover{background:#137f45 ;}

.choose-us{background:#f8f8f8;padding:50px; overflow: hidden;}
.choose-us h2{font-size: 20px; color: #3d3d3d;}
.quote-tara-text1 strong, .quote-tara-text1 span{display: block; width: 100%;}
.quote-tara-text1 strong, .quote-tara-text1 span, .quote-tara-text1 p{text-align: left !important; }
.quote-tara-text1 strong{color:#000 !important; font-size: 20px !important;}
.quote-tara-text1 span{color:#ffe2f7; font-size: 40px;font-weight: bold;}
.choose-us .homestay-points p{font-size: 18px; color: #000; padding: 10px 0 !important; font-weight: bold;}
.choose-us .owl-carousel .owl-item img{width: auto !important;}

.youtube-wrap{background:url(../images/youtube-bg.jpg) no-repeat; background-size: 100% 100%; padding:100px 0 50px;  overflow: hidden; }
.youtube-wrap .title h3{font-size: 24px; color: #fff; letter-spacing: 0 !important; font-weight: bold; text-transform: uppercase;}
.youtube-wrap .title p{color:#000; font-size: 18px;}
.youtube-video iframe{width: 100%; height: 350px; margin-top: 30px;}
.youtube-wrap a{background:#ef0d0d; display: inline-block;padding-right: 10px; color: #fff;}
.youtube-wrap span{padding:10px 15px; background:#fff; display: inline-block; margin-right: 10px;}
.youtube-wrap a:hover{background: #137f45;}

.facilities-bg{background:url(../images/facilities-bg.jpg) no-repeat; background-size: 100% 100%; padding:50px 0 50px 0; overflow: hidden; }
.facilities-wrap{padding:50px}
.facilities-icon{text-align: center;}
.facilities-icon img{  vertical-align: middle;}
.facitlites{background: #fff;padding:40px 20px 20px}
.facitlites ul{overflow: hidden;padding-bottom: 10px;}
.facitlites ul li{float: left;}
.facitlites ul li:nth-child(1){width:10%; background:#f4f4f4; border-radius:50%; padding:20px; height: 80px; width: 80px;}
.facitlites ul:hover li:nth-child(1){background: #ffd7f3; transition: 0.5s;}
.facitlites ul li:nth-child(2){width:85%;padding-left: 10px;}
.facilities-bg h4{font-size:24px; color: #fff; letter-spacing: 0 !important; padding:0 0 20px 110px;  text-transform: uppercase; font-weight: bold;}
.facitlites strong{font-weight: bold;font-size: 18px; color: #222; letter-spacing: 0 !important;}
.facitlites span{color:#98317a !important}
.facitlites p{color:#000; font-size: 18px; margin-top: 0 !important;}

.activitie{background:#f8f8f8;padding:50px 0; overflow: hidden;}
.item-wrap{position:relative; }
.item-wrap-icon{position:absolute; z-index: 99; left: 20px; top:10px}
.owl-carousel-slider .item{-webkit-box-shadow: 0px 0px 5px 0px rgba(242,242,242,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(242,242,242,1);
	box-shadow: 0px 0px 5px 0px rgba(242,242,242,1); background: #fff;}
.owl-carousel-slider{padding-top: 40px;}
.owl-carousel-slider .item{padding-bottom: 10px;}
.activitie .title{text-align: center;}
.activitie .title strong{font-size: 24px;letter-spacing: 0 !important; color: #000; text-transform: uppercase;font-weight: bold;}
.activitie .title h5{font-size: 20px;color:#3d3d3d }
.activitie .item-wrap strong{font-size: 20px; color: #000; font-weight: bold; display: block;padding:10px  10px 0;}
.activitie .item-wrap p{font-size: 17px; color: #3d3d3d;padding:0 10px}


.place-interest{padding:50px 0;overflow: hidden;}
.owl-carousel-slider-interest{padding:20px 25px; background:url(../images/border-bg.png) no-repeat #fff; background-size: 100% 100%; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(242,242,242,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(242,242,242,1);
	box-shadow: 0px 0px 5px 0px rgba(242,242,242,1); }
.man-bg{background:url(../images/man.jpg) no-repeat; background-size: 100% 100%;  }
.place-interest .title strong{color:#000; font-size: 20px;padding:40px 60px 0 0 ; display: block;} 
.place-interest ul li{float:left;}
.place-interest ul li:nth-child(1){width:25%;padding:10px}
.place-interest ul li:nth-child(2){width:75%; padding:10px}
.owl-carousel-slider-interest .item p{font-size: 17px; color: #3d3d3d;}
.owl-carousel-slider-interest .item strong{font-size: 22px; font-weight: bold; color: #222;}
.place-interest .homestay-points p{padding: 0;color:#000; font-size: 18px; text-align: left !important;font-weight: bold;}
.place-interest .homestay-points{padding-top: 30px;}


.blogs .title{background:#98317a; text-align: center;padding:40px 0; color: #fff;margin-bottom: 40px;}
.blogs .title h5{color:#fff; font-size: 24px; font-weight: bold;}
.blogs .title strong{font-size: 18px;}
.blog-wrap{position: relative;}
.blog-slant{position: absolute;z-index: 9; bottom: 42%; left: 20%; right: 20%; text-align: center;}
.blog-bg{margin-bottom: 30px;}
.blog-wrap strong{font-size: 18px;color: #3d3d3d;padding:10px; display: block}
.blog-wrap span{font-size: 16px; font-style: italic;padding:0 10px; display: block;}
.blog-wrap p{font-size: 16px; color: #3d3d3d;padding:0 10px}
.blog-bgg{-webkit-box-shadow: 0px 0px 5px 0px rgba(242,242,242,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(242,242,242,1);
	box-shadow: 0px 0px 5px 0px rgba(242,242,242,1); background: #fff;padding-bottom: 10px;}

.gallery{padding:100px 0	}
.gallery .title{text-align: center;}
.gallery .title h5{font-size: 24px; text-transform: uppercase;font-weight: bold;}
.gallery .title strong{font-size: 18px; color: #3d3d3d;}
.gallery-hover-plus{position: absolute; background:rgba(152,49,122,0.50); left: 38%; top:35%;  text-align:center;padding:0px 15px; 
	font-size: 30px; color:#fff; letter-spacing: 0; cursor: pointer; transition:0.5s; z-index: 999; }
.gallery-hover{position: relative;}
.gallery-hover:hover .gallery-hover-plus{display: none;transition:0.5s}

.footer-bg {
	background: #520e41;  padding: 20px 0
}
.footer-bg  strong{font-weight: bold; font-size: 20px; color:#fff; padding-bottom: 10px; display: block;}
.footer-bg p, .footer-bg ul li,.footer-bg ul li a{letter-spacing: 0 !important; color: #fff; font-size: 15px;}
ul.follow-us li{float: left; margin-right: 10px;background: #a66f99; width: 30px; text-align: center;border-radius: 2px;}
ul.follow-us li:hover{background: #430935;}
.footer-bg li a:hover{color:#a55d93}
.footer-black{background:#000;padding:20px 0}
.other-links li{float: left;margin-right:10px}
.mountain{overflow: hidden;}
.footer-black li a,.footer-black p{color:#8e8e8e; font-size: 13px;}
.footer-black li a:hover{color:#fff}
ul.top-follow-us{width: 100%;overflow: hidden;margin-bottom: 20px;}
.top-follow-us li{float: right; background: #fff; margin-left: 10px; width: 22px; text-align: center;border-radius:2px}
.top-follow-us li a{color: #000;}
.top-follow-us li:hover{background:#137f45; }
.top-follow-us li:hover a{color:#fff}
.section-md-custom {
	padding: 200px 0 250px ;
}

/* media */
@media (min-width: 1920px) {
	.youtube-wrap{ padding:150px 0 200px;}
	.facilities-bg{padding:100px 0 100px 0; }
	.man-bg{height: 70vh; }
	.breadcrumb {padding: 40px 0 100px !important;}
}

@media (max-width: 1366px) {
.about-wrapper p, .about-wrapper .col-lg-12{padding: 0 120px}

}

/* sub page */
.breadcrumb{padding:40px 0 65px; background: url(../images/shade-hut.png) no-repeat #e9ecef !important; background-size:100% 100% !important;}
.breadcrumb p{padding-left: 20px;}
.breadcrumb a,.article strong{color:#98317a; font-weight: bold;}

/* article */
.article{padding:10px 0 30px }
.article h1,.article h2,.article h3{font-size: 24px; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important; text-transform: uppercase;padding:20px 0; font-weight: bold;}
.article strong{font-size: 18px;}
.article p {    font-size: 18px;    text-align: justify;    color: #000;    letter-spacing: 0 !important;}
.article p span{color:#98317a}
.article iframe{width: 100%; height: 250px;}

.about-img{padding-top: 50px;}

.enquiry-cta{padding-top: 50px;}
.enquiry-cta strong{display: block;}
.enquiry-cta a,.article a{background: #98317a; color:#fff; display: inline-block;padding:10px 20px}
.enquiry-cta a:hover,.article a:hover{background-color: #137f45;}
.article a{margin-top:10px; font-size: 14px;}
.enquiry-cta strong{color:#000 !important; text-transform: uppercase; font-size: 24px;}
.article form{background:#f7f7f7;padding:20px 15px 10px 15px}
.article form textarea,.article form input{width:100%; border:1px solid #ebebeb; margin-bottom: 20px;}
.article form textarea{height: 200px; padding-left: 10px;}
.article form input{height: 60px;padding-left: 10px;}

/* side contact */
.side-cnt ul{padding-top: 50px;}
.side-cnt ul li{padding-bottom: 40px;}
.side-cnt ul li strong{font-size: 16px; font-weight: normal;}

/* rooms and tariff */
.single-room-wrap{box-shadow: 0px 0px 5px 0px rgba(242,242,242,1);
    background: #fff;
}
.single-room-wrap h1, .single-room-wrap h2, .single-room-wrap h3{font-size: 20px !important;padding:10px 10px !important}
.single-room-wrap span{padding: 20px 10px; display: block; color: #98317a;font-size:14px; font-weight: bold; letter-spacing: 0 !important;}
.single-room-wrap p{padding:0px 10px;}
.single-room-wrap a{background: #98317a; color:#fff; display: inline-block;padding:10px}
.single-room-wrap a:hover{background: #137f45;}
.single-room img{width:100%;}
.single-room a{display: inline; background: #98317a;color:#fff;float: right;padding:10px 15px; font-size: 16px; font-weight: normal; margin:0 !important}
.single-room a:hover,.reservation form button:hover{background: #137f45;}
.single-room-wrap b{font-size:15px; color:#3d3d3d; font-weight: bold; display: block; padding-left: 10px; letter-spacing: 0;}


.price p{font-size: 24px; font-style: italic; color: #98317a;font-weight: bold;}
.price{padding:20px 0}
.price p span{font-size: 15px;}
ul.facilities li p{font-size: 16px; color:#3d3d3d}
ul.facilities li {padding: 10px 0; border-bottom:1px dotted #aeaeae; width: 48%; float: left; margin-right: 10px;}

.reservation form strong{color:#000 !important; font-weight: normal; font-size: 14px;margin-bottom: 5px; padding:0 !important; display: block;}
.reservation strong{color:#000; display: block; padding-bottom: 20px;}
.reservation form button{ background: #98317a;color:#fff;padding:10px 15px; font-size: 16px; font-weight: normal; border: none; cursor: pointer;}
.reservation form{padding:30px !important}
.booknow .row{margin-top:0 !important}

/* gallery */
.gallery-wrap .col-lg-3 img{padding-bottom: 20px; position: relative; margin:0}
.gallery-wrap .col-lg-3{overflow: hidden;}
.gallery-wrap a{background: none; padding: 0;}
.gallery-wrap a:hover{background:none}
.gallery-wrap .col-lg-3 p{position:absolute; z-index: 99; transition: 0.3s; opacity:0.5; bottom:-100%; background: #98317a;color:#fff; font-size:12px; padding:5px 10px; letter-spacing: 1px !important;}
.lb-data .lb-number{display:none !important}
.gallery-wrap .col-lg-3:hover p{bottom:20px; transition: 0.3s; opacity:0.9}
/* mobile menu */
.mobile-menu{padding-top: 20px; position:fixed; top: 40px; right: 10px; z-index: 9999 !important; width: 100%; display: none;}
.mobile-menu-bar span{width: 18px; height: 1px; border-radius: 2px; display: block;background:#fff; margin-bottom: 4px;}
.mobile-menu-bar{background:#98317a;  height: 30px; width: 35px;border-radius: 2px; padding: 9px 0 6px 8px; float: right}
.mobile-menu-bar:hover{background: #137f45;}
.side-swap {background: #242424;z-index: 9999 !important; height: 100vh; width: 80%;float: right; position:fixed;left: -100%; transition: 0.8s;}
.side-swap ul{ padding:60px; height: 100vh;}
.side-swap ul li{padding-bottom: 10px; position: relative;}
.side-swap ul li a{color:#fff; font-size: 14px;}
.side-swap li::before {
	position: absolute;
	content: '';
	bottom: -1px;
	left: 100%;
	width: 10px;
	height: 1px;
	background: #fff;
	opacity: 0;
	transition: all .2s ease, left 0s ease .2s;
}
.side-swap li:hover::before {
	left: 0;
	opacity: 0.5;
	width: 50%;
	transition: left .2s ease, width .2s ease .2s;
}
.side-swap li:nth-child(9){background: #98317a; color:#fff; padding: 5px 0 5px 20px;}
.side-swap li:nth-child(9):hover{background: #137f45;}

.sitemap ul li a{color:#000; background: none; padding: 0;}
.sitemap ul li a:hover{background:none}
.sitemap ul ul{padding-left: 20px;}

/* sub facilties page */
.facilities-clm-wrap strong{color:#000}

ul.top-follow-sidebar{padding:0 !important}
