@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Lobster+Two&display=swap');
html, body {
	position: relative;
	height: 100%;
}

body{font-family: 'Inter', sans-serif; background:#fff;  font-weight:400; }



.form-control::-moz-placeholder {color: #818181 !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #818181 !important;}
.form-control::-webkit-input-placeholder {color: #818181 !important;}


#toTop { border-radius:0; bottom:130px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}
/*.container{max-width: 1500px; min-width: 1300px; margin: auto; }*/
.container{max-width: 1280px}

.padding_0{padding:0px;}
.margin_0{margin:0px;}
.margin_5{margin:0 -5px !important}
.padding_5{padding:0 5px !important}
.margin_10{margin:0 -10px !important}
.padding_10{padding:0 10px !important}
.md_bottom_30{margin-bottom:30px}

.nav_sec{position: absolute; z-index: 99; width: 100%; top: 10px;}
.nav_sec .container{position: relative;}
.nav_sec .inner-header{display: flex; align-items: center; position: relative;}
.nav_sec .inner-header .logo{width: 120px; position: absolute; top: 0px; left: 50%; margin-left: -60px}
.nav_sec .inner-header .logo img{width: 100%}
.nav_sec .inner-header .left-link{justify-content: flex-end; padding: 0 80px 0 0; border-radius: 30px 0 0 30px}
.nav_sec .inner-header .right-link{padding: 0 0 0 80px; border-radius: 0 30px 30px 0}
.nav_sec .inner-header .menu-link{background: #AE9675; width: 50%; display: flex; margin: 42px 0px; list-style: none}
.nav_sec .inner-header .menu-link li a{font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; padding: 15px 20px; display: block;}
.nav_sec .inner-header .menu-link li a:hover,
.nav_sec .inner-header .menu-link li a.active{background: #fffad8; color:#b08e6c }
.nav_sec .btn-menu{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease; display: none}
.nav_sec .btn-menu span{width: 100%; height: 2px; background: #FFA108; display: block;  transition: all .5s ease;}
.nav_sec .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.nav_sec .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.nav_sec .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.nav_sec .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.nav_sec .btn-menu.active span:nth-of-type(3n+2){display: none;}
.nav_sec .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}

header.fixed{position:fixed; width:100%; top:0px; left:0px; background: #FFA108; z-index: 1111;}


.slider-area{width: 100%; overflow: hidden; background: #000; position: relative;}
.slider-area img{width: 100%; opacity: 0.5; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; object-fit: cover;}
.slider-area .swiper-slide{position: relative; height: 90vh; overflow: hidden; background: #000;}
.slider-area .swiper-slide .content-area{position: absolute; bottom: 80px; left: 50%; width: 800px; margin-left: -400px; text-align: center;}
.slider-area .swiper-slide .content-area .title-area{font-size: 56px; line-height: 60px; font-weight: 700; color: #fffbdb; margin: 0 0 20px 0}
.slider-area .swiper-slide .content-area p{font-size: 16px; line-height: 24px; font-weight: 400; color: #fffbdb; margin: 0 0 20px 0}

.number-area{background:#fffbdb; padding: 80px 0}
.number-area ul.list{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.number-area ul.list li{width: 25%; text-align: center; padding: 0 50px; border-right:#b08e6c 1px solid }
.number-area ul.list li .number{font-size: 50px; line-height: 50px; font-weight: 700; margin: 0px 0px 10px 0px; color: #b08e6c}
.number-area ul.list li p{font-size: 16px; line-height: 24px; font-weight: 400; margin: 0px}
.number-area ul.list li:last-child{border-right: none}

.content-dark{position: relative; background: #ae9675;}
.content-dark img.bg-img{filter: grayscale(100%); opacity: 0.4; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; width: 100%; height: 100%}
.content-dark img.bottom-bg{position: absolute; bottom: 0px; width: 100%; }
.content-dark::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 700px; background: rgb(174,150,117); background: linear-gradient(180deg, rgba(174,150,117,1) 0%, rgba(174,150,117,0) 100%); z-index: 2}
.content-dark .container{position: relative; z-index: 3}
.content-dark .top-highlight{display: flex; align-items: center;}
.content-dark .top-highlight .photo{margin-top: -80px}
.content-dark .top-highlight h2 {font-size: 36px; color: #fffbdb; text-align: center;}
.content-dark .top-highlight h2 span{display: block; font-size: 90px; font-weight: 700; margin-top: 20px;}
.content-dark .about-area{margin: 0 0 80px 0}
.content-dark .about-area h3{font-size: 56px; line-height: 60px; font-weight: 700; color: #fffbdb; margin: 0 0 20px 0}
.content-dark .about-area p{font-size: 16px; line-height: 24px; font-weight: 400; color: #fffbdb; margin: 0 0 20px 0}
.content-dark .activity-area{padding: 0 0 180px 0}
.content-dark .activity-area h3{font-size: 56px; line-height: 60px; font-weight: 700; color: #fffbdb; margin: 0 0 20px 0}
.content-dark .activity-area .activity-block{background: #fffbdb; border-radius: 10px; padding: 1px}
.content-dark .activity-area .activity-block .photo-block{width: 100%; height: 400px; overflow: hidden; border-radius: 10px; position: relative;}
.content-dark .activity-area .activity-block .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;  transition: all .5s ease;}
.content-dark .activity-area .activity-block .photo-block::before{content: ''; position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 100%; height: 50%;  background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.content-dark .activity-area .activity-block .photo-block .content-bottom{position: absolute; bottom: 0px; left: 0px; padding: 15px; width: 100%; z-index: 3; transition: all .5s ease;}
.content-dark .activity-area .activity-block .photo-block .content-bottom h3{font-size: 30px; line-height: 30px; display: flex; justify-content: space-between; align-items: center; margin: 0 0 10px 0}
.content-dark .activity-area .activity-block .photo-block .content-bottom h3 a img{width: 26px; position: relative; }
.content-dark .activity-area .activity-block .photo-block .content-bottom p{font-size: 12px; line-height: 16px; color: #fff; margin: 0px}
.content-dark .activity-area .activity-block:hover .photo-block img{width:110%; height:110%; top:-5%; left:-5%; transition: all .5s ease;}
.content-dark .activity-area .activity-block:hover .photo-block .content-bottom{bottom: 15px; transition: all .5s ease;}


.gallery-area{width: 100%; margin:0px; padding:50px 0 70px 0; position: relative; overflow: hidden; background: #AE9675}
.gallery-area h2{font-size: 60px; line-height: 100%; color: #fffbdb; font-weight: 700; text-align: center; margin: 0 0 40px 0;}
.gallery-area .gallery-box{margin-bottom: 20px; position: relative;}
.gallery-area .gallery-box .image-block{width: 100%; height: 236px; border-radius: 20px 20px 100px 20px; overflow: hidden; position: relative;}
.gallery-area .gallery-box .image-block img{width: 100%;  height: 100%; position: absolute; object-fit: cover; top: 0px; left: 0px; right: 0px; bottom: 0px; transition: all .5s ease;}
.gallery-area .gallery-box .plus-icon{position: absolute; bottom: 6px; right: 6px; width: 50px; height: 50px; background: #fffbdb; text-align: center; line-height: 44px; color: #AE9675; font-weight: 400; font-size: 38px; border-radius: 50%; text-decoration: none}
.gallery-area .gallery-box:hover .image-block img{width:110%; height:110%; top:-5%; left:-5%; transition: all .5s ease;}

.news-area{padding: 60px 0}
.news-area h2{font-size: 60px; line-height: 100%; color: #AE9675; font-weight: 700;  margin: 0 0 40px 0;}
.news-area .news-slider{position: relative; overflow: hidden;}
.news-area .news-slider .swiper-button-prev{width: 46px; height: 46px; background: #AE9675; color: #fffbdb; border-radius: 50%; transition: all 0.5s ease; background-image: none;top: 32px; left: auto; right: 70px;}
.news-area .news-slider .swiper-button-prev i {-webkit-transform: rotate(45deg); transform: rotate(45deg); line-height: 48px; width: 45px; text-align: center; font-size: 18px;}
.news-area .news-slider .swiper-button-next{width: 46px; height: 46px; background: #AE9675; color: #fffbdb; border-radius: 50%; transition: all 0.5s ease; background-image: none; top: 32px;}
.news-area .news-slider .swiper-button-next i {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); line-height: 48px; width: 45px; text-align: center; font-size: 18px;}
.news-area .news-box{background: #fffbdb; border-radius: 20px 20px 100px 20px; overflow: hidden;}
.news-area .news-box .news-photo{width: 100%; height: 320px; border-radius: 0 0 70px 0; border-bottom: #ae9675 8px solid; overflow: hidden; position: relative;}
.news-area .news-box .news-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transition: all .5s ease;}
.news-area .news-box:hover .news-photo img{width:110%; height:110%; top:-5%; left:-5%; transition: all .5s ease;}
.news-area .news-box .news-content{padding: 25px;}
.news-area .news-box .news-content h3{font-size: 24px; line-height: 100%; font-weight: 600; color: #AE9675; margin: 0 0 10px 0}
.news-area .news-box .news-content p{color: #AE9675; font-size: 14px; font-weight: 400; line-height: 175%; opacity: 0.8}
.news-area .news-box .news-content .btn-more{border-radius: 30px; padding: 0 20px; line-height: 46px; background: #AE9675; color: #fffbdb;	font-size: 16px; display: inline-flex; text-transform: capitalize; text-decoration: none;}
.news-area .news-box .news-content .btn-more span{margin-left: 10px; font-size: 18px}

.footer-main{width: 100%; margin:0px; padding:50px 0 0 0; position: relative; overflow: hidden; background: #ae9675}
.footer-main .container{position: relative;}
.footer-main .container::before{content: ''; position: absolute; top: -100px; left: 80px; background: url(../images/footer-bg.png) center center no-repeat; width: 528px; height: 525px; opacity: 0.1; background-size: cover;}
.footer-main .logo{width: 160px; margin-bottom: 20px}
.footer-main .logo img{width:100%}
.footer-main ul.download-list{margin:0px; padding: 0px; list-style: none;}
.footer-main ul.download-list li{float: left; margin-right: 10px}
.footer-main ul.download-list li a{width: 40px; height:40px; color:#ae9675; line-height: 40px; background: #fffbdb; border-radius: 50%; display: block; text-align: center; font-size:20px}

.footer-main h4{font-size: 24px; line-height: 100%; color: #fffbdb; font-weight: 700; margin: 0 0 20px 0}
.footer-main ul.link{margin:0px; padding: 0px; list-style: none;}
.footer-main ul.link li{margin:0px}
.footer-main ul.link li a{font-size: 16px; line-height:30px; color: #fff; text-decoration: none;-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; text-transform: uppercase; padding-left: 20px; position: relative; display: block;}
.footer-main ul.link li a::before{content: ''; position: absolute; top: 14px; width: 10px; height: 2px; background: #fff; left: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.footer-main ul.link li a:hover{padding-left: 30px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.footer-main ul.link li a:hover::before{width: 20px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.footer-main .form-control{border:#fff 1px solid; border-radius: 25px; font-size: 14px; letter-spacing: 0.84px; text-transform: uppercase; color: #000; padding: 10px 15px; margin-bottom: 10px}
.footer-main .form-control:focus{border: #B11A18 1px solid; box-shadow: none}
.footer-main .btn-submit{border-radius: 30px; padding: 0 20px; line-height: 46px; background: #fffbdb; color: #AE9675;	font-size: 16px; display: inline-flex; text-transform: capitalize; text-decoration: none; border: none}

.footer-main .copyright{background: #fffbdb; color: #ae9675; font-size: 16px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.72px; padding: 12px 0; text-align: center; margin-top: 50px; position: relative; z-index: 1}
.footer-main .copyright a{color: #ae9675}

.inner-title-area{ padding: 220px 0 120px 0; background: url(../images/bg-photo.jpg) center center/cover no-repeat fixed; position: relative;}
.inner-title-area::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.8}
.inner-title-area h1{font-size: 60px; line-height: 100%; color: #fffbdb; font-weight: 700;  position: relative; margin: 0; text-align: center;}

.contact-area{width: 100%; margin:0px; padding:80px 0; position: relative; overflow: hidden; background:#fffbdb;}
.contact-area h2{text-align: left; font-size: 40px; line-height: 100%; font-weight: 700; margin: 0 0 20px 0; color: #AE9675; line-height: 24px}
.contact-area .form-group{border:1px solid #AE9675; border-radius:5px; margin-bottom:0px; margin-top:20px; background: #fffbdb}
.contact-area .form-group .form-control{padding:12px 20px;border-radius:5px; border:none; color:#000; box-shadow:none; height:44px; font-size:16px; font-weight:400; background: #fffbdb}
.contact-area .form-group .form-control:focus{border:none; box-shadow:none}
.contact-area .form-group .form-control::-moz-placeholder { color: #bdbbbb; opacity: 1; }
.contact-area .form-group .form-control:-ms-input-placeholder { color: #bdbbbb; }
.contact-area .form-group .form-control::-webkit-input-placeholder { color: #bdbbbb; }
.contact-area .form-group textarea{height: 120px !important}
.contact-area .form-group label {margin: -10px 0px 0px 10px; float: left; background:#fffbdb; padding: 0 10px; color:#AE9675; font-weight: 700; }

.contact-area .info{font-size:16px; color:#212529; position: relative; padding-left: 62px; line-height:25px; margin-bottom: 15px}
.contact-area .info i{width: 50px; height:50px; color:#fff; line-height: 50px; background: #AE9675; border-radius: 5px; display: block; text-align: center; font-size:20px; position: absolute; left:0px; top:0px}
.contact-area .info strong{color: #AE9675; display: block;}
.contact-area .info span{display: block;}
.contact-area h3{font-size: 18px; color:#AE9675; margin: 30px 0 10px 0; font-weight: 700}
.contact-area ul.social-list{margin:0px; padding: 0px; list-style: none;}
.contact-area ul.social-list li{float: left; margin-right: 10px}
.contact-area ul.social-list li a{width: 40px; height:40px; color:#fff; line-height: 40px; background: #AE9675; border-radius: 5px; display: block; text-align: center; font-size:20px}
.contact-area ul.social-list li a:hover{background:#AE9675 }

.contact-area ul.download-list{margin:0px; padding: 0px; list-style: none;}
.contact-area ul.download-list li{float: left; margin-right: 10px}
.contact-area ul.download-list li a{width: 40px; height:40px; color:#fff; line-height: 40px; background: #003344; border-radius: 5px; display: block; text-align: center; font-size:20px}
.contact-area ul.download-list li a:hover{background:#AE9675}
.contact-area .btn-submit{background:#AE9675; font-size: 16px; color: #fff; padding: 12px 30px; border-radius:5px; margin-top: 20px}

.content-section{width: 100%; margin:0px; padding:80px 0; position: relative; overflow: hidden; background:#fffbdb;}
.content-section h2{text-align: left; font-size: 40px; line-height: 100%; font-weight: 700; margin: 0 0 25px 0; color: #AE9675; line-height: 24px}
.content-section p{font-size:16px; color:#212529; line-height: 24px; margin: 0 0 20px 0}
.content-section ul{margin: 0px 0px 20px 0px; padding: 0px 0px 0px 15px}
.content-section ol{margin: 0px 0px 20px 0px; padding: 0px 0px 0px 18px}
.content-section ul li{font-size:16px; color:#212529; line-height: 24px; }
.content-section ol li{font-size:16px; color:#212529; line-height: 24px; }
.content-section h3{text-align: left; font-size: 24px; line-height: 100%; font-weight: 700; margin: 0 0 10px 0; color: #AE9675; line-height: 24px}


.leftside-photo{padding: 80px 0 65px 0}
.leftside-photo img{width: 40%; float: left; margin: 0 30px 30px 0}
.leftside-photo h2{text-align: left; font-size: 40px; line-height: 100%; font-weight: 700; margin: 0 0 25px 0; color: #AE9675; line-height: 24px}
.leftside-photo p{font-size:16px; color:#212529; line-height: 24px; margin: 0 0 20px 0}
.leftside-photo ul{margin: 0px 0px 20px 0px; padding: 0px ; list-style: none}
.leftside-photo ul li{font-size:16px; color:#212529; line-height: 24px; }