html {
  scroll-behavior: smooth;
}

body {
  
  font-family: 'Open Sans', sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  color: #000;
  overflow-x: hidden;
  font-weight: 400;
}
@font-face {
  font-family: 'FONTSPRING DEMO - Span Comp';
  src: url('../fonts/FONTSPRINGDEMO-SpanCompRegular.woff2') format('woff2'),
      url('../fonts/FONTSPRINGDEMO-SpanCompRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



textarea,
p,
input,
div,
span,
li,
button {
  font-family: 'Open Sans', sans-serif;

  ;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  font-family: 'Open Sans', sans-serif;

  margin-bottom: 15px;
}

img {
  max-width: 100%;
  border: 0;
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

a {
  text-decoration: none !important;
  transition: all 0.2s ease-in;
  color: #1f1f1f;
}

a:hover {
  color: #000;
}

a,
span {
  display: inline-block;
}

:focus {
  box-shadow: none !important;
  outline: none !important;
}

h1,h2,h3,h4,h5,h6{font-family: 'FONTSPRING DEMO - Span Comp' !important;}
@media (min-width: 1366px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1250px;
  }
  
  }
  
  @media (min-width: 1440px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1350px;
  }
  
  }
  
  
  @media (min-width: 1600px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1500px;
  }
  
  }

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .0rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  box-sizing: border-box;
}


/*------------------header css-------------------*/

.navbar-light .navbar-brand {
  color: #fff;
  width: 200px;
}

.navbar-light .navbar-nav .nav-link {
  color: #2e3d49;
  padding: 29px 10px;
  transition: all 0.2s ease-in;
  text-transform: uppercase;
  outline: 1px solid transparent;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}



.navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
}

.fixed-nav .top-bg-menu{padding: 0px 0px;}


/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
a.navbar-brand.text-brand img {width: 140px;}
.fixed-nav { z-index: 222;position: fixed;background-color: #637c61;border-bottom: 1px solid #637c61;}
.fixed-nav .top-bg-menu {position: relative;}
.navbar-default {transition: all 0.5s ease-in-out;padding: 10px 0px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.navbar-default .nav-search {color: #fff;font-size: 1.5rem;}
/* .navbar-default.navbar-reduce {
  box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
} */
.navbar-default.navbar-trans,
.navbar-default.navbar-reduce {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.navbar-default.navbar-trans .nav-item,
.navbar-default.navbar-reduce .nav-item {
  position: relative;
  padding-right: 40px;
  padding-bottom: 8px;
  margin-left: 0;
}

@media (min-width: 768px) {

  .navbar-default.navbar-trans .nav-item,
  .navbar-default.navbar-reduce .nav-item {
    margin-left: 40px;
  }
}

.navbar-default.navbar-trans .nav-link,
.navbar-default.navbar-reduce .nav-link {
  color: #fff;letter-spacing: 0.03em;text-transform: uppercase; transition: all 0.1s ease-in-out;position: relative;padding-left: 1px;
  padding-right: 1px;}


.navbar-default.navbar-trans .nav-link:hover,.navbar-default.navbar-reduce .nav-link:hover {color: #75c92a;}
.navbar-default.navbar-trans .nav-link:hover:before,.navbar-default.navbar-reduce .nav-link:hover:before {transform: scaleX(1);transform-origin: left;}
.navbar-default.navbar-trans .show>.nav-link:before,.navbar-default.navbar-trans .active>.nav-link:before,.navbar-default.navbar-trans .nav-link.show:before,.navbar-default.navbar-trans .nav-link.active:before,
.navbar-default.navbar-reduce .show>.nav-link:before,.navbar-default.navbar-reduce .active>.nav-link:before,.navbar-default.navbar-reduce .nav-link.show:before,.navbar-default.navbar-reduce .nav-link.active:before {
  transform: scaleX(1);}

/* .navbar-default.navbar-trans .nav-link:before {
  background-color: #00b5e2;
} */
.navbar-default.navbar-trans .nav-link:hover {color: #f79b36;}
/* .navbar-default.navbar-trans .show>.nav-link,
.navbar-default.navbar-trans .active>.nav-link,
.navbar-default.navbar-trans .nav-link.show,
.navbar-default.navbar-trans .nav-link.active {
  color: #1493c5;
} */
.navbar-default.navbar-reduce {transition: all 0.5s ease-in-out;padding-top: 3px;padding-bottom: 0px;}
.navbar-default.navbar-reduce .nav-link {color: #f79b36;}
.navbar-default.navbar-reduce .nav-link:before {background-color: #f79b36;}
.dropdown:hover>.dropdown-menu {  display: block;}
.navbar-default.navbar-reduce .nav-link:hover {color: #f79b36;}
/* 
.navbar-default.navbar-reduce .show>.nav-link,
.navbar-default.navbar-reduce .active>.nav-link,
.navbar-default.navbar-reduce .nav-link.show,
.navbar-default.navbar-reduce .nav-link.active {
  color: #1493c5;
} */
.navbar-default.navbar-reduce .navbar-brand {color: #000;}
.navbar-default .dropdown .dropdown-menu {border-top: 0;border-left: 4px solid #117309;border-right: 0;border-bottom: 0;transform: translate3d(0px, 40px, 0px);opacity: 0;filter: alpha(opacity=0);
  visibility: hidden;transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s;margin: 0;border-radius: 0;padding: 12px 0;}

@media (min-width: 768px) {
  .navbar-default .dropdown .dropdown-menu {
    border-top: 4px solid #fff;
    border-left: 0;
    display: block;
    position: absolute;
    box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(20, 19, 18, 0.1);
  }
}

.navbar-default .dropdown .dropdown-menu .dropdown-item {
  padding: 12px 18px;
  transition: all 500ms ease;
  font-weight: 400;
  min-width: 220px;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item:hover {background-color:#f79b36;color: #fff; transition: all 500ms ease;}

/* .navbar-default .dropdown .dropdown-menu .dropdown-item.active {
  background-color: #1493c5;
  color: #2eca6a;
} */

.navbar-default .dropdown:hover .dropdown-menu {
  transform: translate3d(0px, 0px, 0px);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=1);
}

/*------/ Hamburger Navbar /------*/
.navbar-toggler {
  position: relative;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: 0;
}

.navbar-toggler span {
  display: block;
  background-color: #000000;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  transition: transform 0.35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 10px;
  transform: rotate(135deg);
  opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 10px;
  transform: rotate(-135deg);
  opacity: 0.9;
}


header {
  width: 100%;
  position: sticky;
  top: 0px;
  z-index: 25;
  background-color: rgba(255, 255, 255, 0.9);

}

.darkHeader {
  position: fixed;
  top: 0;
  animation: smoothScroll .5s forwards;
  box-shadow: rgb(0 0 0 / 20%) 0 2px 6px 0;
  background: #fff;
}

.fixed-nav .navbar-default.navbar-reduce .nav-link {color: #fff;}
.fixed-nav .navbar-default.navbar-reduce .nav-link:hover {color: #033b5d;}
.fixed-nav a.navbar-brand.text-brand img {  width: 190px;padding: 0px 0px;}
.top-cart-sec1 ul li a{border:1px solid #f79b36;padding: 15px 25px;border-radius: 10px;color: #f79b36;text-transform: uppercase;position: relative;font-size: 18px;font-weight: 600;overflow: hidden;transition: all 0.5s ease-in;background-color: transparent;}

.top-cart-sec1 ul li a:hover{background-color: #fff;color: #f79b36;border: 1px solid #f79b36;}

#myBtn {border: 1px solid #fff;display: none;position: fixed;bottom: 20px;right: 7px; border-radius: 50%;width: 50px;
  height: 50px;z-index: 99;font-size: 15px;border: none;outline: none;background-color: #093b15; color: #fff; cursor: pointer;padding: 8px;}

#myBtn:hover {background-color: #fff;color: #87c2b8;border: 1px solid #87c2b8;}
.common-btn{background-color: #87c2b8;padding: 11px 25px;border-radius: 5px;color: #fff;position: relative;font-size: 18px;font-weight: 600;
  overflow: hidden;transition: all 0.5s ease-in;border: 1px solid transparent;margin-top: 30px;}
.common-btn:after{content: '';position: absolute;background-image: url(../images/btn.jpg);background-repeat: no-repeat;background-size: cover;width: 230px;height: 10px;left: 0px;top: 0px;}
.common-btn:hover{background-color: #38453b;color: #fff;border: 1px solid #101010;}
a.common-btn.hvr-bounce-to-bottom {position: relative;z-index: 9;}
ul.nav li.dropdown:hover ul.dropdown-menu{ display: block;}
.top-bg-menu {position: absolute;width: 100%;}
.fixed-nav a.navbar-brand.text-brand img {width: 90px;}

.fixed-nav .top-cart-sec1 ul li a{float: right;position: absolute;}
.fixed-nav .top-cart-sec1 li{top: -27px;position: relative;width: 100%;}



/* <--------------banner----------------------> */
.banner{position: relative;animation: zoom-in-zoom-out 120s ease infinite;}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.banner:after{content: '';position: absolute;background-image: url(https://arnoldlilacparkhoa.org/wp/wp-content/uploads/2024/02/banner-layer.webp);background-repeat: no-repeat;background-size: cover;width: 100%;height: 450px;top: 0px;left: 0px;
right: 0px;}
.banne-contt {position: absolute;bottom: 8%;padding-bottom: 40px;margin: auto;text-align: center;width: 100%;left: 0px;}
.bannertitl {font-size: 156px;color: #07375f;color: #fff; font-family: 'Arimo', sans-serif;color: #fff;letter-spacing: 4px;padding-bottom: 0px;margin-bottom: 0px;margin-bottom: -20px;}
.banner-contt-lyr img{position: relative;}

.banner{position: relative;overflow: hidden;}
.bannersbtitl{font-size:48px;font-weight: bold;color: #fff;letter-spacing: 4px;}
.bannersuubtitl{font-size: 85px;color: #000;    padding-top: 15px;font-family: 'Arimo', sans-serif;color: #fff;letter-spacing: 4px;}



/* <------------------banner-bottom"------------------------> */
.banner-bottom{padding: 90px 0px;background-color: #38453b;position: relative;
  z-index: 9;}
.banbtm-box {background-color: #637c61; padding: 50px 20px; margin: auto; left: 0px; right: 0px; text-align: center; height: 100%; border: 1px solid #637c61;}
.banbtmtitl{font-size: 25px;color: #fff;padding: 10px 0px;font-family: 'Arimo', sans-serif;font-weight: 600;}
.welcome{margin: 80px 0px;}
.welcomtitl{font-size: 40px;color: #093b15;font-family: 'Arimo',;padding: 0px 0px 20px 0px;}
.welcomtitl span{font-weight: bold;font-family: 'Arimo', sans-serif;letter-spacing: 0px;font-size: 58px;}
.welcomtitl-pool{font-size: 50px;font-weight: 500;color: #093b15;}
/* <-----------------events--------------------> */
.events-out{background-color: #e5e8e3;padding: 80px 0px;}
.events-box{background-color: #f5f6f4;padding: 40px 30px;border-radius: 5px;box-shadow: 0px 0px 10px #ccc;height: 100%;overflow: hidden;transition: all 0.5s ease-in;border: 1px solid transparent;}
.events-box:hover{border: 1px solid #d46e03;}

.events-box ul li a{font-size: 19px;font-weight: bold;font-family: 'Arimo', sans-serif;padding: 25px 0px 0px 0px;display: block;}
.events-box ul li span{border-bottom: 1px solid #b9b9b8;}
.events-box ul li span{font-size: 16px;color: #d46e03;padding: 6px 0px 20px 0px;display: block;}
.events-box ul li:last-child span,.events-box1 ul li:last-child{border-bottom: 0px solid #b9b9b8;}
.eventstitl{font-size: 36px;font-weight: bold;color: #093b15;font-family: 'Arimo', sans-serif;text-align: center;letter-spacing: 1px;}
.events-box1 ul li{border-bottom: 1px solid #b9b9b8;padding: 20px 0px;display: block;}
.events-box1 ul li img{padding-right: 10px;width: 43px;}

/* <------------pool--------------------> */
.pool-img{position: relative;}
.pooltitl {font-size: 32px;font-weight: bold;background-color: rgba(17, 16, 15, 0.9);padding: 10px 20px;position: absolute;top: 50%;left: 0px;right: 0px;width: 310px;margin: auto; 
  font-family: 'Arimo', sans-serif;color: #fff;  text-align: center;letter-spacing: 1px;}
.map{padding: 80px 0px;}
.map-contt{max-width: 1200px;margin: auto;left: 0px;right: 0px;}


/*----------- footer-sectopn ------------*/
.footer { background-image: url(../images/footer.jpg);background-repeat: no-repeat;background-position: center;padding:60px 0px 20px 0px;position: relative;}
.hexa-footer{font-size: 30px;font-weight: bold;color: #fff;border-bottom: 1px solid #fb922b;padding-bottom: 10px;width: 60%;font-family: 'Arimo', sans-serif; margin-bottom: 20px;}
.footer-box ul li {font-size: 18px;color: #fff;justify-content: center;margin-bottom: 0px;}
.footer-box ul li a{color: #fff;padding: 3px 0px;transition: all 0.5s ease-in;}
.footer-box address,.footer-box p{color: #fff;}
.footer-box address{  color: #fff; margin-bottom: 0px !important;}
.footer-box p { color: #fff; margin-bottom: 0px !important;}
.footer-box ul li a:hover{padding-left: 10px;color: #fb922b;}
.footer-box {height: 100%;}
.footer-box2 ul li{color: #fb922b;} 
.footer-lst{padding-bottom: 0px;}
.footer-box2 ul li a{font-size: 19px;font-family: 'Arimo', sans-serif;;font-weight: bold;letter-spacing: 1px;}
.copy-right {padding: 50px 0px 0px 0px;border-top: 1px solid #fff;margin: 63px 0px 4px 0px;}
.copy-right p {color: #fff;font-size: 16px;}
.copy-right a {color: #fff;}
.footer .form-control {background-color: #b4c5cf;padding: 17px 15px; height: 46px;color: #fff;  border-radius: 5px;}
::placeholder{color: #fff;}




/* Bounce To Bottom */
.hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;
  -webkit-transition-property: color;transition-property: color; -webkit-transition-duration: 1s; transition-duration: 1s;
}
.hvr-bounce-to-bottom:before {
  content: ""; position: absolute;z-index: -1;top: 0;left: 0;right: 0; bottom: 0; background: #38453b;
  -webkit-transform: scaleY(0);transform: scaleY(0); -webkit-transform-origin: 50% 0;transform-origin: 50% 0; -webkit-transition-property: transform;
  transition-property: transform;-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color:#fff;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-duration: 1s; transition-duration: 1s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
  @-webkit-keyframes rotation {
    from { -webkit-transform: rotate(0deg);}
    to {  -webkit-transform: rotate(359deg);}
}


/* <-----------------animation--------------------> */
.banbtm-box img,.welcome-box{transition: all 0.5s ease-in;border: 1px solid transparent;}
.banbtm-box:hover{border: 1px solid #d46e03;border-radius: 5px;}
.banbtm-box:hover .banbtmtitl{color: #fb922b;}
.welcome-box img:hover{border: 1px solid #fb922b;border-radius: 5px;}
.welcome-box img,.pool-img img,.pooltitl{transition: all 0.5s ease-in;}
.welcome-box:hover img,.pool-img:hover img{transform: scale(1.1);}
.welcome-box,.pool-img{overflow: hidden;}
.events-box ul li a:hover{color: #fb922b;}
.pooltitl:hover{background-color: rgba(212, 110, 3, 0.8);color: #fff;}
.banbtm-box:hover {border: 1px solid #fff;border-radius: 5px;}
/* <------------------board------------------> */
.inbanne-contt {position: absolute;bottom: 10%;padding-bottom: 40px;margin: auto;text-align: center;width: 100%;left: 0px;}
.inbannertitl {font-size: 126px;color: #07375f;color: #fff;font-family: 'Arimo', sans-serif;color: #fff;padding-bottom: 0px;margin-bottom: 0px;margin-bottom: -20px;font-weight: 900;}
.inboard{margin: 100px 0px;}
.inboard-box{box-shadow: 0px 0px 20px #ddd;border: 1px solid #093b15;border-radius: 5px;padding: 30px 5px 0px 5px;transition: all 0.5s ease-in;position: relative;display: flex;}
.inboard-box:hover{border: 1px solid #fb922b;}
.inboard-img img {width: 100%;border: 4px solid #ffffff;margin: auto;left: 11px;right: 0px; display: block;z-index: 2;position: relative;box-shadow: 0px 0px 10px #ccc;}
.inboardtitl{font-size: 25px;font-weight: 600;color: #fb922b;font-family: 'Arimo', sans-serif;;}
.inboardsubtitl{font-size: 23px;color: #101010;font-family: 'Open Sans', sans-serif !important;font-weight: 600;}
.inboard-para {height: auto !important;}
.scrollbar-content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.scrollbar-content::-webkit-scrollbar{width: 9px;background-color: #F5F5F5;}
.scrollbar-content::-webkit-scrollbar-thumb{background-color: #093b15;border-radius: 9px;}
.inboard-social{border-top: 0px solid #ccc;padding: 0px 0px 0px 0px;margin-top: 0px;}
.inboard-cont {text-align: left;padding: 10px 15px 30px 33px;width: calc(76% - 10px);}
.inboard-box{position: relative;}
.inboard-contt{max-width: 1300px;margin: auto;left: 0px;right: 0px;}


/*----------- inner-contact-section ------------*/
.incontact{padding: 70px 0px 60px 0px;}
.incontact-box{background-color: #fff; box-shadow: 0px 0px 15px #ccc;border-radius: 5px;transition: all 0.5s ease-in;
  height: 100%;padding: 0px 30px 80px 30px;border: 1px solid transparent;}
.incontact-box:hover{border: 1px solid #fb922b; transform: translateY(-20px);}
.incontact-icon i{width: 90px;height: 90px;border-radius: 100%;background-color: #ff9e92;
  text-align: center;display: flex;justify-content: center;align-items: center;font-size: 50px;color: #fff;
}
.incontact-icon i{background-color: #fb922b;border: 1px solid transparent;}
.incontact-box:hover .incontact-icon i{background-color: #fff;color:#fb922b;border: 1px solid #fb922b;}
.incontact-icon i{color: #fff;}
.incontitl{font-size: 38px;font-family: 'Arimo', sans-serif;font-weight: 800;}
.incontact-content ul li a{font-size: 17px;}
.incontact-content p{font-size: 20px;}
.inner-touch-content{max-width: 700px;margin: auto;left: 0px;right: 0px;text-align: center;}
.incontout{max-width: 1300px;margin: auto;left: 0px;right: 0px;}
.inner-touch-content .form-control {width: 100%;margin: 0px 0px 20px 0px;padding: 25px 10px; border-radius: 5px;font-size: 17px; box-shadow: 0px 0px 20px #ccc;border: 1px solid #ccc;
  font-weight: 500;}
.inner-touch-content textarea{ width: 100%; font-size: 17px; margin: 0px 0px 15px 0px; padding: 5px 10px; border-radius: 5px; border: 1px solid #ccc;font-weight: 500; resize: none;}
.inner-touch-btn{border:1px solid  #024d55;background-color: #fff;color:#024d55 ;display: inline-block;width: auto;font-size: 18px;padding: 10px 42px;text-align: center;  border-radius: 5px;margin: auto;left: 0px;right: 0px;
    transition: all 0.5s ease-in;display: inline-block; text-transform: uppercase;}
.inner-touch-btn:hover{ background-color: #024d55;color: #fff;}
.contact-form{padding: 10px 0px 80px 0px;}
.contact-map iframe{padding: 0px 0px 80px 0px;height: 650px !important;}
.reviewtitl{font-size: 50px;font-family: 'Arimo', sans-serif;;font-weight: 600;}
.incontact-icon i { background-color: #fb922b;border: 1px solid transparent;margin: auto;margin-top: -40px;}
.incontact-icon a{display: block;}
.incontact-content.incontact-content1 {text-align: center;padding: 50px 0px 0px 0px;}
.contact-form{background-color:#8ca58a;padding: 50px 0px 30px 0px;}
/* <------------------pool----------------------> */
.inpooltitl{font-size: 50px;font-weight: bold;text-align: center;font-family: 'Arimo', sans-serif;;padding: 10px 0px 20px 0px;transition: all 0.5s ease-in;}
.rule{box-shadow: 0px 0px 20px #ccc;padding: 10px 20px 50px 20px;text-align: center;height: 100%;}
.rule-icon a{display: block;margin: auto;left: 0px;right: 0px;}
.ruletitl{font-size: 22px;font-weight: 700;padding: 30px 0px 10px 0px;}
.inpool{margin: 80px 0px;}
.inwelsubtitl{font-size: 22px;font-weight: 600; font-family: 'Arimo', sans-serif;;letter-spacing: 1px;}
.ingovern a{transition: all 0.5s ease-in;}
.ingovern a:hover{
  color: #101010;
}

a.linksss {color: #fb922b !important;}

/*------------------inner gallery css-------------------*/
.out-gallery {margin: 90px 0px;overflow: hidden;position: relative;  z-index: 22;}
.maing {column-width: 390px;column-gap: 5px;padding: 5px;}
.maing a{ display: block;}
.maing img {width: 100%;cursor: pointer;padding-bottom: 5px;}
.maing-a {column-width: 290px;column-gap: 5px;padding: 5px;}
.maing-a a{ display: block;}
.maing-a img {width: 100%;cursor: pointer;padding-bottom: 5px;}
.lightbox {position: fixed;width: 100%;height: 100%;top: 0;display: none;background: #7f8c8d;perspective: 1000;}
.filter {position: absolute;width: 100%;height: 100%;filter: blur(20px);opacity: 0.5;background-position: center;background-size: cover;}
.lightbox img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotateY(0deg);max-height: 95vh;max-width: calc(95vw - 100px);transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);transform-style: preserve-3d;}
.maing-a img{border-radius: 10px;}
.out-gallery .nav-link {display: block;padding: 0.5rem 1rem;border: 1px solid #000;margin: 0px 10px;}
.out-gallery {margin: 90px 0px;overflow: hidden;position: relative;  z-index: 22;}
.out-gallery .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #024d55;}
.out-gallery nav.nav-pills.mb-3.justify-content-center{margin-bottom:20px !important}
.pool-gallery{margin: 80px 0px;}

.inwelcome-out{display: flex;flex-wrap: wrap;}
.wel-box{width: calc(33.33% - 20px);box-shadow: 0px 0px 10px #ccc;padding: 30px 20px;margin: 10px;border: 1px solid transparent;transition: all 0.5s ease-in;}
.rule{border: 1px solid transparent;transition: all 0.5s ease-in;}
.wel-box:hover,.rule:hover{border: 1px solid #024d55;transform: translateY(2px);border-radius: 10px;}
.informltitl{font-size: 39px;font-weight: bold;text-align: center;font-family: 'Arimo', sans-serif;;padding: 10px 0px 70px 0px;transition: all 0.5s ease-in;}

/* <-----------------govern---------------------> */
.ingovern { padding: 18px 30px;border-bottom: 1px solid #101010;transition: all 0.5s ease-in;height: 100%;}
.ingovertitl{font-size: 32px;font-weight: 600;font-family: 'Arimo', sans-serif;;}
.ingovern ul li{font-size: 15px;}
.ingovern a{color:#fb922b ;}
.gover-post{font-size: 20px;font-weight: 600;padding: 10px 0px;color: #024d55 !important;}
.gover-post:hover{color:#fb922b !important}
.inpool-bg{background-color: #8ca58a;padding: 50px 0px 80px 0px;}
.inpool-bg .wel-box,.rule{background: #fff;}
.rule-icon{width: 90px;height: 90px;border: 1px solid #101010;display: flex;margin: auto;border-radius: 100%;justify-content: center;align-items: center;margin-top: -50px;background-color: #fff;}
.rule:hover{background-color: #8ca58a;color: #fff;}
.rule:hover .ruletitl{color: #fff;position: relative;z-index: 9;}
.ingovern:hover{border-bottom:1px solid #8ca58a;}
/* .ingovern p{transition: all 0.5s ease-in;}
.ingovern:hover p{color: #fff;}
.ingovern a:hover {color: #024d55;} */
.welcomtitl { padding: 0px 0px 10px 0px;}
.ger-chg{height: 100%;}

/* <-----------------pool chg css------------------> */
.inwelcome-out{background-color: #fff;padding: 60px 30px;}
.pool-chg-layr a{color: #fb922b;}
.pool-chg-layr{padding: 10px 0px;} 


/* <---------------add css------------------> */
.rule-govern{display:flex;align-items:center;}
.rule-governtitl{font-size:23px;font-weight:600;padding-left:10px;}
.welcomtitl span {font-weight: bold;font-family: 'FONTSPRING DEMO - Span Comp';letter-spacing: 2px;}
.rule-govern {display: flex;align-items: center;border-bottom: 1px solid #fb922b; padding-bottom: 30px;width: 90%;}
.inboard-img{width: calc(22% - 10px);}
.inboard-social img{padding-right:10px;}
.informltitl a{font-family: 'Open Sans', sans-serif;font-weight:600;}

.four-title {
    font-size: 48px;
}

.four-btn {
    padding: 12px 20px;
    text-align: center;
    background-color: #cda19e;
    color: #fff;
    border-radius: 5px;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
}

.four-btn:hover {
    background-color: #ffff;
    border: 1px solid #cda19e;
}

.four-img img {
    width: 400px;
}
.common-sec{padding: 70px 0px;}
.inbannertitl.inbannertitl-error{ font-family: 'Open Sans', sans-serif !important;}
.chg-clicon img{display:none;}



.genralnotice p {font-size: 17px !important;font-weight: bold !important;padding: 1px 0px 0px 0px !important;display: block;font-family: 'Open Sans' !important, sans-serif;border-bottom: 1px solid #ccc;padding: 10px;padding: 19px 0px 0px 0px;}
.wpcf7 form .wpcf7-response-output {margin: 0em 0.5em 1em; color: #fff;}
.wpcf7-spinner {display: none !important;}
input.common-btn {margin-top: 0px;}

@media (max-width:1600px) {
  



  
}


@media (max-width:1366px) {
  a.navbar-brand.text-brand img {  width: 90px;}
.navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link {font-size: 16px;}
.fixed-nav a.navbar-brand.text-brand img {width: 70px;}

.common-btn {padding: 9px 25px;border-radius: 5px;font-size: 16px;margin-top: 11px;}
.bannertitl {font-size: 107px;margin-bottom: -27px;}
.bannersuubtitl {font-size: 80px;}
.top-cart-sec1 ul li a {padding: 11px 18px;font-size: 16px;}
.navbar-default.navbar-trans .nav-item, .navbar-default.navbar-reduce .nav-item {padding-right: 33px;
 margin-left: 19px;}
 .bannersuubtitl {font-size: 58px;}
 .navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link {font-size: 15px;}
 .banbtm-box {padding: 33px 20px;}
 .banne-contt {bottom: 12%;}
 .banbtm-img img{width:60px;}
 .banbtmtitl {font-size: 21px;}
 .banner-bottom {padding: 60px 0px;}
 .welcomtitl {font-size: 40px;}
 p {line-height: 26px;font-size: 16px;}
 .eventstitl {font-size: 32px;}
 .events-box ul li a {font-size: 17px;padding: 19px 0px 0px 0px;}
 .events-box ul li span {font-size: 15px;padding: 6px 0px 14px 0px;}
 .events-box1 ul li {padding: 16px 0px;}
 .pooltitl { font-size: 25px;padding: 4px 20px;top: 50%;width: 248px;}
 .map-contt {max-width: 950px;}
 .map {padding: 60px 0px;}
.map iframe{height: 370px;}
.hexa-footer {font-size: 23px;padding-bottom: 10px;width: 52%;}
.footer-box ul li {font-size: 16px;}
.footer-box ul li a {padding: 2px 0px;}
.footer-box2 ul li a {font-size: 17px;}
.footer {padding: 65px 0px 20px 0px;}
.copy-right p {font-size: 14px;}
.inbannertitl {font-size: 80px;}
.inbanne-contt {bottom: 22%;}
.inboard { margin: 60px 0px 70px 0px;}
.inboard-contt {max-width: 1150px;}
.inboard-img img {width: 140px;height: 140px;}
.inboard-box::after {height: 115px;}
.inboardtitl {font-size: 26px;}
.inboardsubtitl {font-size: 19px;}
.scrollbar-content::-webkit-scrollbar{width: 6px;}
.incontact {padding: 30px 0px 40px 0px;}
.incontitl {font-size: 22px;}
.incontact-icon i {width: 60px;height: 60px;font-size: 31px;}
.reviewtitl {font-size: 35px;}
.inner-touch-content {max-width: 600px;}
.inner-touch-content .form-control { margin: 0px 0px 15px 0px;padding: 22px 10px;}
.inner-touch-content textarea {height: 120px !important;}
.incontact {padding: 30px 0px 50px 0px;max-width: 1000px;margin: auto;left: 0px;right: 0px;}
.contact-map iframe {padding: 0px 0px 60px 0px;height: 601px !important;}
.informltitl {font-size: 30px; font-weight: 600;}
.ruletitl {font-size: 18px;
  padding: 20px 0px 0px 0px;}
.ingovertitl {font-size: 22px;}
.gover-post {font-size: 18px;}
.gover-post {font-size: 16px;}
.inpool {margin: 70px 0px;}
.inpooltitl {font-size: 40px;}
.inwelsubtitl {font-size: 18px;}
.inpooltitl {font-size: 35px;    padding: 10px 0px 6px 0px;}
.pool-gallery {margin: 60px 0px;}
.incontact-content.incontact-content1 {padding: 30px 0px 0px 0px;}
.incontact-box {padding: 9px 27px 30px 30px;}
.rule-icon {width: 70px;height: 70px;margin-top: -55px;}
.rule-icon img{width: 80%;}
.ingovern {padding: 30px 19px 10px 20px;}
.welcomtitl sub {letter-spacing: 1px;font-size: 39px;}
.inboard-cont{padding: 10px 15px 30px 0px;}


}


html,body{overflow-x:hidden;}

@media (max-width:1024px) {
.bannertitl {font-size: 77px;}	
.bannersuubtitl { font-size: 45px;}	
.banne-contt {bottom: 6%;}	
.welcomtitl span {font-size: 40px;}	
.welcomtitl {font-size: 31px;}	
.events-box {padding: 30px 15px;}	
.eventstitl { font-size: 29px;}	
.copy-right {padding: 30px 0px 0px 0px;margin: 23px 0px 0px 0px;}	
.hexa-footer {width: 92%;}
.rule-icon {width: 60px;height: 60px;}
.rule-icon img { width: 70%;}	
.rule {padding: 25px 10px 40px 10px;height: 100%;}	
.inpool .col-md-3.mb-4.mt-5{margin: 30px 0px !important;}	
.welcomtitl-pool {font-size: 39px;}	
.inbannertitl { font-size: 70px;}	
.contact-map iframe {padding: 0px 0px 40px 0px;    height: 451px !important;}	
.navbar-default.navbar-trans .nav-item, .navbar-default.navbar-reduce .nav-item {padding-right: 25px;margin-left: 3px;}	
.map-contt {max-width: 840px;}	
.map {padding: 50px 0px;}	
.pooltitl {font-size: 21px;padding: 4px 20px; top: 52%; width: 228px;}	
.navbar-toggler span {background-color: #ffffff;}	
.navbar-default {padding: 0px 0px;}	
.banner:after { height: 195px;}
.banne-contt {bottom: 0%;}	

.bannertitl {font-size: 69px;}	
.bannersuubtitl {font-size: 41px;padding-top: 30px;}	
.banner-bottom {padding: 45px 0px 50px 0px;}	
.welcome { margin: 60px 0px;}	
.inbannertitl {font-size: 50px;}

.navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link {padding-left: 21px;}	
.inpool {margin: 50px 0px;}	
.welcome {margin: 50px 0px;}	
input.wpcf7-form-control.wpcf7-submit.has-spinner.common-btn.hvr-bounce-to-bottom {margin:auto;display:block;}	
.contact-map iframe {height: 351px !important;}	
.welcomtitl-pool {font-size: 31px;}	
.navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link {font-size: 17px;}	
.navbar-default .dropdown .dropdown-menu.sm-menu{display:none;}
.navbar-default .dropdown .dropdown-menu.sm-menu.show{position: relative;display:block;}
.navbar-default .dropdown .dropdown-menu .dropdown-item {font-size: 20px;}	
.informltitl {font-size: 27px;line-height: 42px;padding: 10px 0px 40px 0px;}	
.wpcf7 form .wpcf7-response-output {margin: 0em 0.5em 1em;}	
.inboard-cont {padding: 10px 15px 30px 10px;}	
.inboard {margin: 20px 0px 50px 0px;}	
.inboardtitl {font-size: 27px;}	
.genralnotice p {font-size: 17px;}	
.genralnotice p {padding: 1px 0px 10px 0px !important;}	
.ingovertitl {font-size: 22px;line-height: 33px;letter-spacing: 1px;}
.events-box1 ul li { padding: 10px 0px;}
.fixed-nav .navbar-nav {background-color:#637c61!important;}
.ruletitl {font-size: 16px;padding: 17px 0px 0px 0px;}
.ruletitl {font-size: 16px;padding: 19px 0px 0px 0px;}	
.ruletitl { font-size: 15px;    padding: 20px 0px 0px 0px;}
	
	
	
}

@media (max-width:890px) {
.bannertitl {font-size: 77px;}	
.bannersuubtitl { font-size: 45px;}	
.banne-contt {bottom: 6%;}	
.welcomtitl span {font-size: 40px;}	
.welcomtitl {font-size: 31px;}	
.events-box {padding: 30px 15px;}	
.eventstitl { font-size: 29px;}	
.copy-right {padding: 30px 0px 0px 0px;margin: 23px 0px 0px 0px;}	
.hexa-footer {width: 92%;}
.rule-icon {width: 60px;height: 60px;}
.rule-icon img { width: 70%;}	
.inwelsubtitl {font-size: 22px;}	
.navbar {flex-direction: row-reverse;}		
.inboard-cont {padding: 10px 15px 30px 30px;}	
	
	
	
}

@media (max-width:767px) {
.banner  img.w-100.mobile.d-none {display:block !important;}
.banner  img.desktop {display:none;}	
.banner:after {height: 350px;}
.bannertitl {font-size: 42px;}
.bannersuubtitl {font-size: 23px;padding-top: 34px;}	
.banne-contt { bottom: 10%;}	
.navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link {font-size: 18px;}	
.banbtm-box { padding: 33px 20px; margin-top: 20px; height: auto;}	
.welcome-box .welcomtitl br{display:none;}	
.welcomtitl ,.welcomtitl span {font-size: 24px;font-weight:400;padding-top:10px;padding: 5px 0px 1px 0px;}	
.events-out {padding: 50px 0px;}	
.events-box {padding: 30px 10px;margin-top: 15px;height: auto;}	
.eventstitl {font-size: 25px;}	
.events-box ul li a {font-size: 17px;    padding: 5px 0px 0px 0px;}	
.pooltitl {font-size: 27px; padding: 9px 20px;top: 49%; width: 80%;}
.footer{background-color: #101010;background-image: none !important;}	
.copy-right .col-md-6.text-end{text-align:left !important}	
.top-bg-menu { background-color: #101010;position:fixed;}	
.inbannertitl {font-size: 33px;}	
a.navbar-brand.text-brand img {width: 50px;}	
.navbar-toggler span {height: 2px;}	
.inboard {margin: 46px 0px 30px 0px;}	
.inboard-contt .col-md-4.col-md-6.pt-5 {padding-top: 0rem!important;}	
.inboard-box {height: auto;margin-bottom: 20px;}	
.ger-chg {height: auto;margin-top: 25px;}	
.inpool { margin: 30px 0px 40px 0px;}	
.navbar-default .dropdown .dropdown-menu .dropdown-item {padding: 4px 15px;font-size:18px;}	
.banner:after {opacity: 0.6;}	
.head-btm {background-color: #000;height: 60px;}	
.navbar-nav {background-color: #101010;}	
.welcome {margin: 40px 0px;}
.pool-box { margin-top: 20px;}	
.ruletitl { font-size: 17px;padding: 15px 0px 0px 0px;}	
.ruletitl {font-size: 17px;}	
.inpool .col-lg-3.col-md-4.col-6.mb-4.mt-5{margin-top: 2rem!important;}
.ingovertitl {font-size: 20px;}	
.contact-form {padding: 40px 0px 0px 0px;margin-bottom: 35px;}	
.reviewtitl {font-size: 30px;}	
.wel-flex-dir .row{flex-direction:column-reverse;}	
.welcomtitl-pool {font-size: 27px;}	
.inwelcome-out {background-color: transparent;color: #fff;}	
.inpool.inpool-bg .inwelcome-out P{color: #fff;}	
.pool-gallery {margin: 40px 0px !important;}	
.fg-default.fg-m-col3.fg-gutter-10 .fg-item {min-width: calc(49.33% - 20px) !important;}	
.inwelcome-out {padding: 0px 20px;}	
.inpool-bg {padding: 40px 0px 50px 0px;}
.informltitl {font-size: 23px;line-height: 32px;padding: 10px 0px 37px 0px;}	
.inpool.inpool-form{margin: 30px 0px 0px 0px;}
.inpool.inpool-form .col-lg-3.col-md-6.mb-4 {margin-bottom: 50px !important;}	
.inpool.inpool-form .rule{padding: 35px 10px 40px 10px;}	
.inpool.inpool-bg .col-lg-3.col-md-6.mt-4.mt-md-5 {margin-top: 50px !important;}	
.inpool.inpool-bg .inwelcome-out.mb-5{margin-bottom: 0px !important;}	
.footer {padding: 50px 0px 10px 0px;}	
.rule-governtitl {font-size: 18px;}	
.rule-govern {width: 100%;}	
.rule-governtitl {font-size: 15px;}	
.inboard-cont {width: calc(100% - 10px);}	
.inboard-img { width: calc(100% - 10px);}	
.inboard-cont {padding: 10px 5px 9px 5px;width: calc(100% - 6px);text-align: center;}
.inboard-box {display: block;}	
.inboard {margin: 16px 0px 20px 0px;}	
.contact-map iframe {padding: 0px 0px 0px 0px;}	
.incontact-box:hover { transform: translateY(0px);}	
#top p{margin-bottom: -6px;}	
.hexa-footer {margin-bottom: 6px;margin-top: 25px;}	
.footer { padding: 25px 0px 10px 0px;}	
}