body {
margin: 0;
height: 100vh;
background-image: url('../images/bg1_left.jpg'), url('../images/bg1_right.jpg');
background-position: top left, top right;
background-repeat: no-repeat, no-repeat;
background-color: #000;
font-family: "Libre Franklin", sans-serif !important;
}

.bodyArea  {background-image: url('../images/bg_spotlight.jpg');
background-size: 100% !important;
background-repeat: no-repeat !important;
 background-position: top center !important;
}


.lightBg  {background-image: url('../images/bg_brick.jpg') !important;
background-size: 100% !important;
background-repeat: no-repeat !important;
 background-position: top center !important;
 background-color: #000 !important;
}

header {background-image: url('../images/header.png');
background-size: cover !important;
background-repeat: no-repeat !important;
 background-position: top center !important;
}

.header_welcome {display: none;}

.header_welcome_custom {
  background-color: rgba(000, 000, 000, 0.0) !important;
  padding-bottom: 0px !important;
  text-align: center;
  padding-top:20px;
}

.header_welcome_custom h1 {
  font-family: "ethnocentric", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-top:30px;
  padding-bottom:15px;
  

}

.header_welcome_custom h2 {
  width: 80%;
  margin: auto;
 padding-bottom:30px;
 color: #878687 !important;
}



@media only screen and (max-width:767px){
.mainBanner {width: calc(100% - 10px) !important;margin: auto;margin-top: 5px;}
}

.flogo {margin: auto;width:200px;height: auto;}

footer, .latestUpdateBinfo, .iModels a {text-transform: uppercase !important;}

.footer_cs {font-size: 12px !important;}

.sfooter {background-image: url('../images/promo_footer.png');
background-size: cover !important;
background-repeat: no-repeat !important;
 background-position: bottom center !important;
 background-color: #000 !important;
 text-transform: uppercase !important;font-weight:600 !important;
}

.most_popular_updates_custom .see_more_below {padding-bottom: 0px !important;}

.viewAll {
  line-height: 36px;
  padding: 0 30px !important;
  text-transform: uppercase;
  font-size: 14px;
}

.getAccess {display: none !important;}

.pagination .border_btn, .see_more_below a {border:1px solid #FFF !important; color: #FFF !important;background-color: rgba(000, 000, 000, 0.0) !important;transition: all 500ms ease-in-out !important;}
.pagination .border_btn:hover, .see_more_below a:hover {border:1px solid #fc7132 !important; color: #fc7132 !important;background-color: rgba(000, 000, 000, 0.0) !important;transition: all 500ms ease-in-out !important;}

.join_custom {margin-bottom:90px;text-align: center;font-family: "ethnocentric", sans-serif !important;font-weight: 400;font-style: normal;background-image: url('../images/bg_signup.jpg');
background-repeat: no-repeat !important;
 background-position: top center !important;}
 
 .join_custom img {margin:auto;width:100px; height: auto;margin-bottom:20px;}

.getAccess_custom {padding-top:20px !important;}
.getAccess_custom .buttons_light {font-family: "ethnocentric", sans-serif !important;font-weight: normal !important;border:1px solid #FFF !important; color: #FFF !important;background-color: rgba(000, 000, 000, 0.0) !important;transition: all 500ms ease-in-out !important;}
.getAccess_custom .buttons_light:hover {border:1px solid #fc7132 !important; color: #fc7132 !important;background-color: rgba(000, 000, 000, 0.0) !important;transition: all 500ms ease-in-out !important;}

.getAccess_custom a {
  font-size: 37px;
  text-transform: uppercase;
  padding: 20px 46px;
  display: inline-block;
}

.footerP {
  text-align: center;
  padding-top: 20px;}

 .nav_link_global {transition: all 500ms ease-in-out !important;}
  

nav, .hTwoBtns, nav li {text-transform: uppercase !important;font-weight:600 !important;}

.hTwoBtns a  {background-color: #000 !important;border:1px solid #e60685 !important;background-image: linear-gradient(270deg, #fc7132 48%, #ea2c79 61%) !important;
	  background-clip: text !important;
	  -webkit-background-clip: text !important;
	  -webkit-text-fill-color: transparent !important;
	  
	  font-weight:600 !important;
  }
  
 
  .hTwoBtns a:hover { background-color: #000 !important;border:1px solid #fc7132 !important;background-image: linear-gradient(270deg, #fc7132 48%, #fc7132 61%) !important;
	  background-clip: text !important;
	  -webkit-background-clip: text !important;
	  -webkit-text-fill-color: transparent !important;
	  transition: all 600ms ease-in-out !important;
  }
  
  
  .signup_subtext {font-family: "Libre Franklin", sans-serif !important;text-transform: uppercase !important;}
  
  .pink {color: #e60685 !important;}
  
  .orange {color: #fc7132 !important;}

.content {padding: 50px;text-align: center;font-family: "Libre Franklin", sans-serif;}

.bg_dark, .bodyArea, footer {background-color: rgba(000, 000, 000, 0.0) !important;}

.sftext {font-family: "ethnocentric", sans-serif;font-style: normal;}

.header_welcome_custom {background-color: rgba(000, 000, 000, 0.0) !important;padding-bottom: 0px !important;}


.header_welcome_custom h1 {font-family: "ethnocentric", sans-serif;font-weight: 400;font-style: normal;}

.title {
	
	position: relative;
	align-items: center;
	  -moz-box-pack: center;
	  justify-content: center;	
	  width: 100%;
  margin-bottom: 40px; 
  }
	  
	  
.title h2 {
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 24px;
		position: relative;
		gap: 20px; 
		font-weight: 700 !important;
	  }
	  
	  .title h2::before,
	  .title h2::after {
		content: "";
		flex: 1;
		height: 1px;
		background-color: white;
	  }
	  
	  .title h2 span {
		white-space: nowrap;
		position: relative;
		z-index: 1;
		background: #000; /* match your background */
		padding: 0 10px;
	  }



.warningPop {
border: 1px solid #e60685 !important;
  background-image: url('../images/bg_brick.jpg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;

}

.warningContent {
  background: rgba(000, 000, 000, 0.0) !important;;
	background-color: rgb(0, 0, 0);
  color: #FFF !important;
  border:0px !important;
}

.mainBanner {width: calc(100% - 300px) !important;margin: auto;margin-top: 5px;}

.latest_updates_custom {margin-top:60px !important;}

.buttons_light:hover {transition: all 600ms ease-in-out !important;}

.warningPop .buttons_light {background: #000 !important;border:1px solid #e60685 !important;background-image: linear-gradient(270deg, #fc7132 48%, #ea2c79 61%) !important;
	  background-clip: text !important;
	  -webkit-background-clip: text !important;
	  -webkit-text-fill-color: transparent !important;
  }
	  
	  .warningPop .buttons_light:hover { background: #000 !important;border:1px solid #fc7132 !important;background-image: linear-gradient(270deg, #fc7132 48%, #fc7132 61%) !important;
		background-clip: text !important;
		-webkit-background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
	}
	
	@media only screen and (max-width: 1280px) {
	  @media only screen and (max-width: 767px) {
		.header_welcome_custom h1 {
		  width: 90%;
		  margin: auto;
		  font-size: 22px;
		  margin-bottom:5px;
		}
		
		.header_welcome_custom h2 {
		  width: 90%;
		  margin: auto;
		  font-size: 16px;
		  padding-bottom:30px;
		}
		
		.latest_updates_custom {
		  margin-top: 0px !important;
		  padding-top: 0px !important;
		}
		
	  }
	}
	
	@media only screen and (max-width:1900px){
	.mainBanner {width: calc(100% - 300px) !important;margin: auto;margin-top: 5px !important;}
	}
	
	@media only screen and (max-width:1590px){
	.mainBanner {width: calc(100% - 200px) !important;margin: auto;margin-top: 5px !important;}
	}
	
	@media only screen and (max-width:1280px){
	.mainBanner {width: calc(100% - 100px) !important;margin: auto;margin-top: 5px !important;}
	}
	
	@media only screen and (max-width:1023px){
	.mainBanner {width: calc(100% - 50px) !important;margin: auto;margin-top: 5px !important;}
	.header_welcome_custom {background-color: rgb(0, 0, 0,.7) !important;}
	.most_popular_updates_custom {padding-top: 0px !important;}
	.latest_updates_custom {padding-top: 30px;padding-bottom: 0px !important;}
	.most_popular_models_custom, .upcoming_updates_custom, .latest_updates_custom {padding-bottom: 30px !important;	}	
	.see_more_below .viewAll {font-size: 22px !important;}
	.most_popular_updates_custom .titleRight {margin-top:0px !important;}
	
	}