p { line-height: 24px;text-align: justify;}
a { outline: 0!important; color: #2d3f31; -webkit-transition: color .4s, background-color .4s; -moz-transition: color .4s, background-color .4s; -o-transition: color .4s, background-color .4s; transition: color .4s, background-color .4s; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
a:hover { text-decoration: none; color: #2d3f31;}
.pad0 { padding: 0;}
strong {font-weight: 600 !important;}
.back-to-top { position: fixed; z-index: 1000; bottom: 8em; right: 0; text-decoration: none; color: #fff; background: rgba(0, 0, 0, 0.70); font-size: 16px; padding: 6px 10px; display: none;}
.back-to-top:hover { background: rgba(0, 0, 0, 1); color: #2d3f31; text-decoration: none!important;}
.coming-soon { position: relative; font-size: 18px; z-index: 0; width: 100%;}
.coming-soon::before { content: "coming soon . . ."; left: 0px; position: absolute; top: 0px; font-size: 55px; font-weight: 900; color: #f0f0f0; z-index: -1;}
.carousel-inner>.carousel-item>img,.carousel-inner>.carousel-item>a>img {min-width: 100%;max-width: 100%;height: auto;}
/* Carousel Animation delays */
.slider { padding: 0; position: relative; overflow: hidden; width: 100%; z-index: 0;}
.carousel-item:before { background: rgba(0, 0, 0, 0.0); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2;}
#carousel-sub .carousel-item:before {display: none;}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.project-slide1,.project-slide2,.project-slide3 {z-index: 1 !important;}
.slide1 a,.slide2 a,.slide3 a,.slide4 a,.slide5 a,.slide6 a { animation-delay: 2s; z-index: 999 !important; display: inline-block; padding: 12px 30px; text-transform: uppercase; font-size: 15px;}
.slide1 a.btn-one,.slide2 a.btn-one,.slide3 a.btn-one,.slide4 a.btn-one,.slide5 a.btn-one,.slide6 a.btn-one {animation-delay: 2.5s;}
.slide1 a:hover,.slide2 a:hover,.slide3 a:hover,.slide4 a:hover,.slide5 a:hover,.slide6 a:hover {color: #fff;}
.slide1 h3 { animation-delay: 1.5s; font-size: 41px; font-weight: 400; color: #fff; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 43px; text-transform: uppercase; text-align: right;}
.slide1 h4 { animation-delay: 1.8s; font-size: 76px; font-weight: 400; color: #2d3f31; padding: 10px 15px 25px 15px; margin: 0; display: block; text-transform: uppercase; line-height: 26px; text-align: right;}
.slide2 h3 { animation-delay: 0.5s; font-size: 41px; font-weight: 400; color: #fff; padding: 15px 0px 10px 15px; margin: 0; display: block; line-height: 43px; text-transform: uppercase; text-align: right;}
.slide2 h4 { animation-delay: 1.0s; font-size: 76px; font-weight: 400; color: #2d3f31; padding: 10px 0px 25px 15px; margin: 0; display: block; text-transform: uppercase; line-height: 26px; text-align: right;}
.slide2 h5 { animation-delay: 1.5s; font-size: 30px; text-align: right;}
.slide2 h5 small { display: block;}
.slide2 a { animation-delay: 2.0s; text-align: right;}
.slide3 h3 { animation-delay: 0.5s; font-size: 41px; font-weight: 400; color: #fff; padding: 15px 0px 10px 15px; margin: 0; display: block; line-height: 43px; text-transform: uppercase; text-align: right;}
.slide3 h4 { animation-delay: 1.0s; font-size: 76px; font-weight: 400; color: #2d3f31; padding: 10px 0px 25px 15px; margin: 0; display: block; text-transform: uppercase; line-height: 26px; text-align: right;}
.slide3 h5 { animation-delay: 1.5s; font-size: 30px; text-align: right;}
.slide3 h5 small { display: block;}
.slide3 a { animation-delay: 2.0s; text-align: right;}
.slide4 h3 { animation-delay: 0.5s; font-size: 41px; font-weight: 400; color: #fff; padding: 15px 0px 10px 15px; margin: 0; display: block; line-height: 43px; text-transform: uppercase; text-align: right;}
.slide4 h4 { animation-delay: 1.0s; font-size: 76px; font-weight: 400; color: #2d3f31; padding: 10px 0px 25px 15px; margin: 0; display: block; text-transform: uppercase; line-height: 26px; text-align: right;}
.slide4 h5 { animation-delay: 1.5s; font-size: 30px; text-align: right;}
.slide4 h5 small {display: block;}
.slide4 a { animation-delay: 2.0s; text-align: right;}
.slide5 h3 { animation-delay: 1.5s; font-size: 41px; font-weight: 400; color: #fff; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 43px; text-transform: uppercase; text-align: right;}
.slide5 h4 { animation-delay: 1.8s; font-size: 76px; font-weight: 400; color: #2d3f31; padding: 10px 15px 25px 15px; margin: 0; display: block; text-transform: uppercase; line-height: 26px; text-align: right;}
.slide6 h3 { animation-delay: 1.5s; font-size: 41px; font-weight: 400; color: #fff; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 43px; text-transform: uppercase; text-align: right;}
.slide6 h4 { animation-delay: 1.8s; font-size: 76px; font-weight: 400; color: #2d3f31; padding: 10px 15px 25px 15px; margin: 0; display: block; text-transform: uppercase; line-height: 26px; text-align: right;}
.slide1 .carousel-caption { left: 45%; right: 0; top: 25%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 45%; text-align: right !important; background: rgba(0, 0, 0, 0); text-shadow: 0 1px 2px rgba(0, 0, 0, .1); animation-delay: 1s;}
.slide2 .carousel-caption { left: 45%; right: 0; top: 25%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 42%; text-align: right !important; background: rgba(0, 0, 0, 0); text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.slide3 .carousel-caption { left: 45%; right: 0; top: 25%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 42%; text-align: right !important; background: rgba(0, 0, 0, 0); text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.slide4 .carousel-caption { left: 45%; right: 0; top: 25%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 42%; text-align: right !important; background: rgba(0, 0, 0, 0); text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.slide5 .carousel-caption { left: 45%; right: 0; top: 25%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 42%; text-align: right !important; background: rgba(0, 0, 0, 0); text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.slide6 .carousel-caption { left: 45%; right: 0; top: 25%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 42%; text-align: center !important; background: rgba(0, 0, 0, 0); text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}

/* @media all and (max-width : 768px) {  */
@media(min-width:320px) and (max-width:1080px) {
.slide1 .carousel-caption,.slide2 .carousel-caption,.slide3 .carousel-caption,.slide4 .carousel-caption,.slide5 .carousel-caption,.slide6 .carousel-caption{ width: 100% !important; left: 0; right: 0; bottom: 0; background: none; display: none;}
.slide1 h3,.slide2 h3,.slide3 h3,.slide4 h3,.slide5 h3,.slide6 h3 { font-size: 22px; margin-bottom: 0;}
.slide1 h4,.slide2 h4,.slide3 h4,.slide4 h4,.slide5 h4,.slide6 h4 { font-size: 16px; margin-top: 5px;}
.slide1 a,.slide2 a,.slide3 a,.slide4 a,.slide5 a,.slide5 a {display: none;}

}

.slider .carousel-indicators li { display: inline-block !important; border-radius: 0; border: 0px solid #117078; width: 8px; height: 8px; background-color: #2d3f31!important; opacity: 1;}
.slider .carousel-indicators { right: auto; left: 0%; top: 1%; display: inline-block !important;}
.slider .carousel-indicators .active { background: #2e3192!important; border: 0px solid #2e3192;}
.btn-one,.btn-one-full,.btn-two,.btn-two-full,.btn-three,.btn-three-full { -webkit-transition: color .4s, background-color .4s; -moz-transition: color .4s, background-color .4s; -o-transition: color .4s, background-color .4s; transition: color .4s, background-color .4s; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; margin-top: 20px; letter-spacing: 1px; text-transform: uppercase; padding: 10px 30px 10px 30px; line-height: 1; font-size: 12px; font-weight: 600; display: inline-block; border-radius: 0px;}
.btn-one { border: 2px solid #565656; color: #565656;}
.btn-one:hover { background: #565656; color: #fff;}
.btn-one-full { border: 2px solid #565656; color: #fff; background: #565656;}
.btn-one-full:hover { border: 2px solid #565656; background: none; color: #565656;}
.btn-two { border: 2px solid #2d3f31; color: #565656 !important;}
.btn-two:hover { background: #2d3f31; color: #565656 !important;}
.btn-two-full { border: 2px solid #2d3f31; background: #2d3f31; color: #000;}
.btn-two-full:hover { border: 2px solid #2d3f31; color: #2d3f31; background: none;}
.btn-three { border: 2px solid #fff; color: #fff;}
.btn-three:hover { background: #fff; color: #9a090c;}
.btn-three-full { border: 2px solid #fff; background: /*#fff*/ #fff; color: #9a090c;}
.btn-three-full:hover { border: 2px solid #fff; color: #fff; background: none;}
/* Divider Line */
hr { background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent); border: 0; height: 1px; margin: 22px 0 22px 0;}
hr.short { margin: 11px 0 11px 0;}
hr.tall { margin: 44px 0 44px 0;}
hr.taller { margin: 66px 0 66px 0;}
hr.light { background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);}
hr.invisible {background: none;}
/* Divider Line */

.text-casenone { text-transform: none !important;}
ul.list { margin: 0; padding: 0 0 0 20px; list-style: none; text-align: left;}
ul.list li { position: relative; padding-left: 15px; padding-bottom: 10px;}
ul.list li a { color: #2d3f31;}
ul.list li a:hover { color: #2d3f31;}
ul.list li::before { content: "\f101"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 0; font-weight: 900; color: #2d3f31;}
ul.list li.head { font-weight: 700; padding-left: 0;}
ul.list li.head::before { display: none;}
ol.ol-list { margin: 0; padding: 0 0 0 20px; text-align: left;}
ol.ol-list li { position: relative; text-align: justify; padding-bottom: 10px;}
ol.ol-list li a { color: #2d3f31;}
ol.ol-list li a:hover { color: #2d3f31;}
.head-main { font-size: 30px; font-weight: 700; border-bottom: dashed 2px #2d3f31; display: block; width: 100%; padding: 0 50px 10px 0; margin-bottom: 15px;}
.head-one { font-weight: 600; font-size: 18px; padding: 10px; margin-bottom: 10px; background: #2d3f31; color: #fff; width: 100%;}
.head-two { font-weight: 700; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #2d3f31; width: 100%; line-height: 25px;}
.head-three { font-weight: 600; font-size: 18px; padding: 10px; margin-bottom: 10px; background: #2d3f31; color: #2d3f31; width: 100%;}
.head-four { font-weight: 600; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #2d3f31; color: #2d3f31; width: 100%;}

/* footer social icons */
ul.social-network { list-style: none; display: block; margin-left: 0 !important; padding: 0; margin-top: 25px !important;}
ul.social-network li { display: inline; margin: 0 5px;}
/* footer social icons */
.social-network a.icoRss:hover { background-color: #F56505;}
.social-network a.icoFacebook:hover { background-color: #3B5998;}
.social-network a.icoTwitter:hover { background-color: #33ccff;}
.social-network a.icoGoogle:hover { background-color: #BD3518;}
.social-network a.icoVimeo:hover {background-color: #0590B8;}
.social-network a.icoLinkedin:hover {background-color: #007bb7;}
.social-network a.icoYoutube:hover {background-color: #cc0000;}
.social-network a.icoInstagram:hover {background-color: #c8008b;}
.social-network a.icoRss:hover i,.social-network a.icoFacebook:hover i,.social-network a.icoTwitter:hover i,.social-network a.icoGoogle:hover i,.social-network a.icoVimeo:hover i,.social-network a.icoLinkedin:hover i,.social-network a.icoYoutube:hover i,.social-network a.icoInstagram:hover i {color: #fff;}
a.socialIcon:hover,.socialHoverClass {color: #44BCDD;}
.social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 50px; height: 50px; font-size: 20px; background: rgba(255, 255, 255, 0.4);}
.social-circle li i { margin: 0; line-height: 50px; text-align: center;}
.social-circle li a:hover i,.triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}

.social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}

footer { padding: 40px 0 0; background:#2d3f31; background-size: cover; border-top: solid 0px #063653; position: relative; z-index: 0; overflow: hidden; color: #cff4d6;}
.footer-pad {padding: 0 0 40px;}
.footer-list{text-align: center;}
.footer-list h3 { margin: 0 0 10px; color: #cff4d6; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.footer-list h3 div { border-bottom: 2px solid #cff4d6; display: block; width: 20%; padding: 10px 0 0 0;}
.footer-list ul { padding: 0; margin: 0;}
.footer-list ul li { list-style: none; padding: 4px 0;}
.footer-list ul li a {color: #cff4d6;}
.footer-list ul li a:hover { color: #fff; padding-left: 0px;}
.footer-list-facilities li {display: inline-block; position: relative; padding: 0px 10px !important; margin: 0 5px 0 0;}
.footer-list-facilities li.br{border-right: 1px solid #cff4d6;}
/* .footer-list-facilities li::before { content: "\f101"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 0; font-weight: 900; color: #cff4d6;} */
.copy { color: #2d3f31; padding: 25px 0 25px; font-weight: 500;}
.copy-bg { background-color: #cff4d6;}
.copy a { color: #2d3f31;}
.copy a:hover { color: #000;}
.home-top-bg{background: url("../img/top.jpg"); background-size: cover; background-attachment: fixed; min-height: 650px; position: relative; background-position: center center;}
.home-top-bg .logo img{padding: 30px 0 0 0;}
.home-top-bg .text{text-align: center; color: #fff; padding-top: 40px;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.50);}
.home-top-bg .text h2{font-size: 72px;}
.home-top-bg .text h3{font-size: 46px;}
.home-top-bg .top-btn{text-align: center;} .home-top-bg .top-btn a{ display: inline-block;}

.home-welcome-bg{padding: 60px 0; text-align: center; background: url("../img/home-welcome-bg.jpg"); position: relative; z-index: 0; background-size: cover;}
.home-welcome-bg:before { background:rgba(207,244,214,0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}
.home-welcome-bg p{text-align: center;}
.home-welcome-bg h1{text-align: center; font-size: 62px; width: 100%; margin-bottom: 20px; font-weight: 700;}
.home-welcome-box-out h2{text-align: center; font-size: 36px; margin: 20px 0;}
.home-welcome-box { background-size: cover; background-position: center center; position: relative; margin: auto; width: 300px; height: 300px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; overflow: hidden;}
.home-welcome-box:hover .overlay { opacity: 1; width: 100%; height: 100%;}
.home-welcome-box:hover span { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s ease, opacity 1.3s ease; transition: transform 0.5s ease, opacity 1.3s ease;}
.home-welcome-box .overlay { background: rgba(45,63,49,0.6); position: absolute; margin: auto; width: 0px; height: 0px; top: 0; right: 0; bottom: 0; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; -webkit-transition: 0.4s ease; transition: 0.4s ease;}
.home-welcome-box span { color: #fff; text-align: center; position: absolute; margin: auto; width: 200px; height: 30px; line-height: 30px; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.5s ease, opacity 0.7s ease; transition: transform 0.5s ease, opacity 0.7s ease;}
.img-1{background: url('../img/reje-thumb.jpg');}
.img-2{background: url('../img/stay-thumb.jpg');}
.img-3{background: url('../img/faci-thumb.jpg');}
.home-activity-bg{padding: 60px 0; background: #2d3f31; color: #cff4d6;}
.home-activity-bg h2{width: 100%; text-align: center; margin-bottom: 50px; font-size: 48px;}
.home-activity-box{text-align: center; margin: 10px 0;}
.home-activity-box img{margin: 0 auto; display: block;}
.home-activity-box h3{font-size: 18px; font-weight: 400; margin: 20px 0 0; font-family: 'Roboto', sans-serif;}

.home-play-area-bg{padding: 60px 0; text-align: center; background: url("../img/home-play-area-bg.jpg"); position: relative; z-index: 0; background-size: cover;}
.home-play-area-bg:before { background:rgba(207,244,214,0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}
.home-play-area-bg h2{text-align: center; width: 100%; margin-bottom: 20px; font-size: 48px;}


/* @media all and (max-width : 768px) { */
@media(min-width:320px) and (max-width:1080px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
.hidden-xs {display: none;}
footer {text-align: center; padding: 5px 0 0;}
footer address { padding: 20px; margin: 0;}
footer address p{text-align: center;}
.footer-list h3 div { margin: 0 auto;}
.footer-list h3 { padding-left: 20px;}
.footer-pad { padding-bottom: 20px;}
.copy { text-align: center;}
.copy .col-md-9 { padding-bottom: 5px;}
.wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;}
.home-top-bg .logo{margin-top: 50px;}
.home-top-bg .logo img{margin: 0 auto; display: block; width: 37%;}
.home-top-bg .text {text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.80);}
.home-top-bg .text h2{font-size: 40px;}
.home-top-bg .text h3{font-size: 28px;}
.home-top-bg .top-btn{margin-top: 50px;}
.home-play-area-bg img{width: 45%;}
.home-activity-box{margin-bottom: 30px;}
.Morder-1 { order: 1; -webkit-order: 1;}
.Morder-2 { order: 2; -webkit-order: 2;}

}
