body{
	background:#fff;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:16px;
  color:#333333;
}
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.bebas-neue-regular,.bbn{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a{z-index:999;}
img{max-width:100%;}
.page-wrapper{width:100%;margin:0 auto;}
.ipage-wrapper{width:100%;margin:0 auto;max-width:1080px;}

header{background:url(../imgs/main.webp) top center no-repeat;background-size:contain;}
main{background:url(../imgs/ibg.webp) top center no-repeat;background-size:100% auto;}
.trailercon{background:url(../imgs/tr.webp) top center no-repeat;background-size:100% auto;}
.toptrailer{width:90%;margin:0 auto;}
.subheader{font-size:18px;}

.btn-primary{color:#fff;border:none;border-radius:0px; background:#f56ecd;padding:10px 15px;font-weight:bold;}
.btncon{margin-top:30px; }
.btncon .btn-primary{font-size:34px;}
.wrapper{width:95%;margin:0 auto;padding-top:20px;}

.mass{position:relative;margin-top:-40px;}

.vidbox{margin-top:40px;}
#video_trailer{background:transparent;}
#video_trailer picture img{border-radius:15px;object-fit:cover;}
#video_trailer video{  border-radius: 15px;}
.trtext {text-align:Center;padding-top:20px;font-size:22px;width:90%;margin:0 auto;padding-bottom:20px;}
.trtext a{font-weight:bold;text-decoration:underline; color:#333333;}
.gacc{margin-top:20px;}
.gsub{width:95%;margin:0 auto;

  font-size: 20px;
  padding-top: 30px;
  padding-bottom: 30px;

}
.indextext{
	font-size: 22px;
  text-align: center;
  padding-top: 30px;
  line-height: 40px;
}
.notex{padding-top:40px;padding-bottom:30px;font-size:18px;}
.notex a {font-weight:bold;color:#333;}
  /* Custom circle controls */
    .carousel-control-prev, .carousel-control-next {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: rgba(0,0,0,0.5);
      top: 50%;
      transform: translateY(-50%);
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
      filter: invert(1);
    }
    /* Move indicators below slides */
    .carousel-indicators {
      position: relative;
      margin-top: 1rem;
    }
    /* Make indicators circular */
  
    .carousel-indicators [data-bs-target] {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #333;
    }
	
	.carousel-indicators [data-bs-target]:hover,  .carousel-indicators .active{
		 background-color: #f56e81;
		 opacity:1;
	}
	
	.ttit{padding-top:20px;display:block;}
	.carousel-item a {color:#333;font-weight:bold;text-decoration:none;}
	.footercon a{color:#333; font-weight:bold;}
	
	.footercon{padding-top:40px;padding-bottom:40px;width:70%;margin:0 auto;text-align:center;}
	
	footer{margin-top:70px;}
	.flogo{display:table;margin:0 auto;padding-top:20px;padding-bottom:40px;}
	.mainav{display:table;margin:0 auto;font-size:30px; text-align:center;}
	.mainav a{font-weight:bold;color:#333;text-decoration:none;}
	.mainav a.btn{color:#fff; font-size:30px;}
	.mainav .menulink{margin:0 5px;}
	.mainav .menuilink{margin:0 10px;}
	.mainav .mttl a{padding:0px 20px 20px 20px;}
	.mainav .mttl a:hover,.mainav .act{background:url(../imgs/arrbot.webp) bottom center no-repeat;background-size:100% auto;}
	.srch{}
	.subhead,.topm,.hd{margin:0 auto;}
	.featcon{text-align:center;}
	.jhtop{margin:0 auto;text-align:center;}
	
	.jmainav a{color:#333;text-decoration:none;font-weight:bold; font-size:30px;}
	 /* Make input and select rounded */
    .form-control, .form-select {
      border-radius: 1rem;
    }
	
	.btn-join{margin-top:40px;}
	.formbox{width:90%;margin:0 auto;padding-top:20px;}
	.formbox label {font-weight:bold;}
	.jointext{width:80%;margin:0 auto;padding-top:20px;padding-bottom:20px;font-size:24px;}
	.nohid{padding-top:20px;padding-bottom:20px;color:#f78b9a;font-weight:bold; font-size:30px;}
	.jointext a{color:#333;font-weight:bold;}
	
	.formbox,.form-control,.form-select{font-size:18px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
@media (max-width: 1199px) {
	header{background:url(../imgs/mainmob.webp) top center no-repeat;background-size:contain;}
	.trailercon{background:none;}
	.logom{width:80%;margin:0 auto;max-width:500px;}
	
	
}
@media (min-width: 1200px) {
  .custom-col-xl {
    flex: 0 0 20%;
    max-width: 20%;
  }
}


@media (max-width: 991px) {
	main{background:none;}
	.indextext{width:98%;margin:0 auto;text-align:center;}
}


@media (max-width: 767px) {
	.mass{margin-top:0px;}
	.flogo{max-width:150px;}
	.footercon{padding:0px; width:100%;}
	.toptrailer{width:100%;}
	.jointext{font-size:18px;}
	.gsub{font-size:18px;}
}





@media (max-width: 500px) {
	


}




@media (min-width: 1200px) and (max-width: 1399.98px) {
  
  
}
@media (min-width: 1400px) and (max-width: 1679px) {
.page-wrapper{max-width:1400px;}
body{font-size:18px;}
.subheader { font-size: 22px;}
.btncon{padding-top:50px;}
.trtext{padding-top:30px; font-size:24px;}
	.btncon .btn-primary {
  font-size: 32px;padding:12px 18px;
}
.formbox,.form-control,.form-select{font-size:22px;}
	
.btn-join .btn-primary {
  font-size: 32px;padding:12px 18px;
}

	footer{margin-top:90px;}
	.mainav{font-size:32px;}
	.mainav .menuilink {
  margin: 0 16px;
}
.jmainav a{font-size:32px;}

.mainav .menulink {
  margin: 0 10px;

}
}



@media (min-width: 1680px) and (max-width: 1919px) {
.page-wrapper{max-width:1680px;}
body{font-size:20px;}
.subheader { font-size: 24px;}
.btncon{padding-top:60px;}
.trtext{padding-top:50px; font-size:26px;}
	.btncon .btn-primary {
  font-size: 34px;padding:14px 20px;
}
.btn-join .btn-primary {
  font-size: 34px;padding:14px 20px;
}
.formbox,.form-control,.form-select{font-size:24px;}
	
	footer{margin-top:60px;}
	.mainav{font-size:30px;}
	.mainav .menuilink {
  margin: 0 20px;
}
.jointext{font-size: 26px;}

.mainav .menulink {
  margin: 0 15px;

}

.jmainav a{font-size:34px;}
.gsub {
  width: 95%;
  margin: 0 auto;
  font-size: 22px;
  padding-top: 30px;
  padding-bottom: 30px;
}
}

@media (min-width: 1920px) {
	.formbox,.form-control,.form-select{font-size:30px;}
	.jointext{font-size: 28px;}
	.jmainav a{font-size:36px;}
	.page-wrapper{max-width:1920px;}
body{font-size:22px;}
.subheader { font-size: 24px;}
.btncon{padding-top:100px;}
.trtext{padding-top:60px; font-size:30px;}
	.btncon .btn-primary {
  font-size: 36px;padding:22px 38px;
}

.btn-join .btn-primary {
  font-size: 36px;padding:22px 38px;
}
	footer{margin-top:130px;}
	.mainav{font-size:36px;}
	.mainav .menuilink {
  margin: 0 25px;
}


.mainav .menulink {
  margin: 0 20px;

}
.footercon{padding-top:60px;padding-bottom:60px;}
.gsub {
  width: 95%;
  margin: 0 auto;
  font-size: 24px;
  padding-top: 40px;
  padding-bottom: 40px;
}

}

  /* Transparent navbar */
    .navbar {
      background-color: transparent !important;
    }
    /* Black menu links */
    .navbar .nav-link {
      color: #000 !important;
    }
    .navbar .nav-link.active {
      font-weight: bold;
    }
    /* Optional: change hamburger icon to black */
    .navbar-toggler {
      border: none;
    }
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
	.navbar-nav{background:#fff;padding:10px;opacity:.8;}
	.navbar-nav a{color:#333;font-weight:bold;}