*{padding:0; margin:0; box-sizing: border-box; font-family: helvetica;}
body{background: #000}
.pd-top-50{padding-top:50px;}
.pd-btm-50{padding-bottom:50px;}
.container{max-width:1200px; margin: auto; position: relative;}
.container-2{padding-left: 30px; padding-right: 30px;}
img{width: 100%; vertical-align: bottom;}
a{text-decoration: none; color: #9CEE69;}
a:hover{color: #fff}
strong{color: #9CEE69}
.position-relative{position: relative;}
.background-grey{background: #1a1a1a;}

.shape1{position: absolute; left: -100px; top: 150px; width: 200px; height: 200px; background: #9CEE69; display: inline-block; border-radius:999px; filter: blur(100px);}

.shape2{position: absolute; right: -100px; top: -150px; width: 200px; height: 200px; background: #9CEE69; display: inline-block; border-radius:999px; filter: blur(100px);}

.shape3{position: absolute; left: -300px; top: 0px; bottom:0; margin: auto; width: 400px; height: 400px; background: #9CEE69; display: inline-block; border-radius:999px; filter: blur(300px); z-index: -1}

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

.main-title-box p{font-size: 20px; color: #fff; line-height:30px;}
.main-title-box ul{margin:0; padding:0}
.main-title-box ul li{display: block;font-size:18px; color: #fff; line-height:30px; padding-left: 20px; position: relative;}
.main-title-box ul li:before{content: ''; position: absolute; height: 10px; width: 10px; border-radius: 50%; background: #000; left: 0; top:9px; z-index: 1}
.main-title-box ul li:after{content: ''; position: absolute; height: 10px; width: 10px; border-radius: 50%; background:#9CEE69; left:2px; top:11px; z-index: 0} 


h1{font-size: 42px; color:#9CEE69; line-height: 50px; font-weight: 400; margin-bottom: 20px; margin-top: 20px;}
h2{font-size: 40px; color:#9CEE69; line-height: 48px; font-weight: 400; margin-bottom: 20px; margin-top: 20px;}
h3{font-size: 38px; color:#9CEE69; line-height: 46px; font-weight: 400; margin-bottom: 20px; margin-top: 20px;}
h4{font-size: 36px; color:#9CEE69; line-height: 42px; font-weight: 400; margin-bottom: 20px; margin-top: 20px;}


header{top:0; left: 0; width: 100%;}
.menu-box{margin:20px auto; background:#9CEE69; display: flex; border-radius: 25px; align-items: center;}

.menu-logo{padding: 5px; font-size: 18px; width: 180px;}

.menu-right{display: flex; flex: 1; justify-content:flex-end;}
.menu-list ul{margin:0; padding:0; display: flex;}
.menu-list ul li{display: block; position: relative;}
.menu-list ul li a, .n-cgl{display: block; padding: 25px; font-size: 16px; color: #000; position: relative;}

.menu-list ul li ul{display: none; width: 250px; padding: 10px 0; height: 300px; overflow: auto; position: absolute; background: #fff; border-radius: 20px; box-shadow: rgba(0,0,0,0.1) 1px 1px 10px; top: 100%}
.menu-list ul li:hover ul{display: block;}
.menu-list ul li ul li a{display: block; padding: 10px;}
.menu-list ul li ul li a:hover{background: #f5f5f5}

.arrow-down{position: relative; height:8px; width:8px; top: -3px; margin-left: 2px; border: #000 solid 2px; border-top: 0; border-right: 0; transform: rotate(-45deg); display: inline-block;}


.banner-img{border-radius: 35px; overflow: hidden;}

.top-img-box{display: flex;}
.top-img-lf1{width: 25%; background: #fff; padding: 15px; animation:topOne 7s ease infinite; position: relative;}
.top-img-lf2{width: 25%; background: #fff; padding: 15px; animation:downOne 7s ease infinite; position: relative;}

@keyframes topOne {
  0% {top: -25px;}
  50% {top: 25px;}
  100% {top: -25px;}
}
@keyframes downOne {
  0% {top: 25px;}
  50% {top: -25px;}
  100% {top: 25px;}
}

.top-middle-box{background: #1a1a1a;}
.top-middle-box2{background: #101010;}
.top-middle-inner{display: flex; align-items: center;}
.top-middle-lf{width: 40%; padding: 0 15px;}
.top-middle-rt{width: 60%; padding:0 15px;}
.middle-s-inner-part{padding: 30px;}
.middle-sec-rt-sub-part{padding: 30px;}

.main-local-lf-txt h1{margin-top:0;}

.middle-sec-home{overflow: hidden; z-index: 1}

.middle-sec-inner{display: flex; margin-bottom: 30px;}

.middle-sec-inner-lf, .middle-sec-inner-rt{padding: 5px 5px; width:48.5%; background:rgba(255, 255, 255, 0.1);}
.middle-sec-ring{width: 1%;}
.middle-sec-rt-inner-part{display: flex; align-items: center;}
.middle-ring { width: 35px; padding: 18px 0; position: relative; left: -12px;}


.middle-sec-rt-sub-part{width: 100%;}

.top-gallery-heading{font-size: 38px; color:#9CEE69; line-height: 46px; font-weight: 400; margin-bottom: 25px; text-align: center;}
.top-gallery ul{margin:0; padding:0; display: flex; flex-wrap: wrap;}
.top-gallery ul li{width: 33.33%; display: block; padding: 15px; display: flex;}
.top-gal-inner{width: 100%; padding: 20px; border-radius: 25px; border: #9cee69 solid 3px;}
.top-gal-img img{border-radius: 25px;}
.top-gal-txt{padding: 15px 0 0 0;}
.top-gal-name{font-size:21px; color:#9CEE69; font-weight: 400; margin-bottom: 10px; text-align: center;}
.top-gal-direct a{display: block; background: #9cee69; text-align: center; color: #000; padding: 10px 15px; font-size: 14px; text-transform: uppercase; border-radius: 10px;}

footer{background: #101010}
.footer-box{display: flex;}
.footer-lf{width: 33.33%; padding: 15px;}
.footer-links ul{margin:0; padding:0;}
.footer-links ul li{display: block; position: relative;}
.footer-links ul li a{color: #fff; font-size: 16px; display: block; padding: 10px 0;}
.footer-hd{font-size: 22px; color:#9CEE69; margin-bottom: 20px; font-weight: 400}
.footer-lf p{font-size: 15px; color: #fff; line-height: 25px; margin-bottom: 10px;}


.main-local{display: flex;}
.main-local-lf{width: 70%; padding: 0 15px;}
.main-local-rt{padding: 0 15px;; width: 30%;}

.main-local-lf-inner{display: flex; flex-wrap: wrap;}
.main-local-lf-img{width: 30%; padding:0 15px;}
.main-local-lf-img img{border-radius: 20px}
.main-local-lf-txt{width: 70%; padding: 0 15px;}

.main-local-rt-inner{background: #9cee69; padding:40px; border-radius: 20px;}
.main-local-lf-btm-inner{padding: 15px;}

.disclaimer{border-radius: 25px; background: rgba(255,255,255,0.2); padding: 20px; padding-top:1px; margin-top: 20px;}

.main-local-rt-head{background: #000; border-radius: 20px; padding: 15px; color: #fff; text-align: center; font-size: 21px;}
.main-local-rt-locat ul{margin:0; padding:0;}
.main-local-rt-locat ul li{display: block; position: relative;}
.main-local-rt-locat ul li a{display: block; font-size:19px; color: #000; padding: 15px; text-align: center; border-bottom: rgba(0,0,0,0.2) solid 1px;}


.page404{text-align: center;}
.page404-head{font-size: 100px; font-weight: 800; color: #fff;}
.page404-text{font-size: 31px; color: #fff;}


@media(max-width:767px){
	.container{padding: 0 15px;}
	.top-img-box{flex-wrap: wrap;}
	.top-img-lf1, .top-img-lf2{width: 100%; margin-bottom: 15px;}

	header{position: relative;}
  .menu-box{display: block; padding-bottom: 5px;}
  .menu-logo{width: 130px; margin: auto;}
  .menu-right{display: block;}
  .menu-list ul{display: block;}
  .menu-list ul li a, .n-cgl{padding: 10px; font-size: 20px; cursor: pointer; color: #fff; background: #000; text-align: center; margin: 5px; border-radius: 20px;}
  .arrow-down{border-color: #fff;}
  .menu-list ul li:hover ul{display: none;}

  .menu-list ul li.open-active ul{display: block; position: relative; margin: 5px; width: 98%}
  .menu-list ul li ul li a{background: none; border-bottom: rgba(0,0,0,0.1) solid 1px; color: #000}
  .menu-list ul li ul li a:hover{background: #f5f5f5; color: #000;}

  

	.container-2{padding-left: 15px; padding-right: 15px;}
	.middle-sec-rt-sub-part, .middle-s-inner-part{padding: 10px;}

	@keyframes topOne {
  0% {top: 0px;}
  50% {top: 0px;}
  100% {top: 0px;}
}
@keyframes downOne {
  0% {top:0px;}
  50% {top:0px;}
  100% {top:0px;}
}


.top-middle-inner, .middle-sec-inner{display: block;}
.top-middle-lf, .top-middle-rt, .middle-sec-inner-lf, .middle-sec-inner-rt{width: 100%;}
.middle-sec-ring{display: none;}

.top-gallery ul li{width: 100%}
.footer-box{display: block;}
.footer-lf{display: block; width: 100%}

.main-local, .main-local-lf-inner{display: block;}
.main-local-lf, .main-local-lf-img{width: 100%; padding:0;}
.main-local-rt{padding:0; width: 100%; margin-top: 20px;}
.main-local-lf-btm-inner{padding:0;}
.main-local-lf-txt{width: 100%; margin-top: 20px; padding:0}

.page404-text{margin-bottom: 30px;}

}