body {font-family: "Lato", serif;-webkit-text-size-adjust: 100%;}

.createAcc {display:none;}

.ui-widget button {background-color: #808080 !important;}


.vBuyButtons {text-transform: uppercase;}


.header_welcome h1 {color:#800080;}
.header_welcome h2 {color:#FFF;}



.vidImgButtonsDD .dropdown-content {background-color:rgba(0, 0, 0, 0.0) !important;}

.logo img {width: 220px;height: auto;}

.most_popular_models_custom, .most_popular_updates_custom {padding-top:60px;padding-bottom:60px;}

.latestUpdateBinfo .infolink {color:#1e90ff !important;font-weight: 600;}
.latestUpdateBinfo .infolink:hover {color:#FFF !important;font-weight: 600;}


.sfooter {border-top:2px solid #000000;}

.title h2 {font-size: 2.5vw;font-weight: 700;text-transform: uppercase;line-height: 36px;padding-bottom:20px; }

.memberships label {background-color: #000000 !important;border:2px solid #FFF;color:#FFF !important;}
.membership {color:#FFF !important;}
	
.update_hover h4 {font-size: 1vw; font-weight: 700;}

.joinNow {font-weight:600;}

.getAccess a {
		 font-size: 3vw;
		  font-weight: 700;
		 text-transform: uppercase;
		 font-weight: 600;
		 width:90%;
		 max-width:480px;
		 padding: 20px 46px;
		 display: inline-block;
		 
		   background-color: #FFFFFF;
		   color: #1e90ff !important;
		   border:2px solid #1e90ff;
		   transition: all 400ms ease-in;
		 
	   }

.mobileBtn {background: linear-gradient(to right bottom, #1d1d1d 50%, #000000 50%);border:1px solid #FFF;}

input, footer {font-family:Arial !important;}

.mobileBtn:hover span {
  border-color: #808080 !important;
  color: #808080 !important;
}

.flogo {width:100%;margin:auto;}
.flogo img {width:90%;max-width:390px;height:auto;margin:auto;}

.latest_updates_custom {}
.header_welcome h1 {font-size: 2vw;text-transform: uppercase;font-weight: 700;color:#FFF;}
.header_welcome h2 {font-size: 1.3vw;line-height:1.7;}


@media only screen and (max-width: 1590px) {
.header_welcome h1 {font-size: 2vw;margin-bottom:10px;}
.header_welcome h2  {font-size: 1rem;}
.title h2  {font-size: 2.0rem;padding-bottom:0px; }
.update_hover h4 {font-size: 1.75vw; font-weight: 700;}
}

@media only screen and (max-width: 1279px) {
.header_welcome h1 {font-size: 5.5vw;margin-bottom:10px;}
.header_welcome h2  {font-size: 1rem;}
.update_hover h4 {font-size: 1.5vw; font-weight: 700;}
.title h2  {font-size: 1.5rem;padding-bottom:0px; }
.flogo {margin-bottom:50px;}
}


@media only screen and (max-width: 1023px) {
.update_hover h4 {font-size: 1.5vw; font-weight: 700;}
.getAccess a {font-size: 2rem;}
}

@media only screen and (max-width: 767px) {
.update_hover h4 {font-size: 3vw; font-weight: 700;}
}

.nav_link_global {text-transform: uppercase;font-weight:600;font-size:18px;position: relative;}

nav ul li::before {display:none;}

.nlbonus {display:none;}

.nav_link_global

.nav_link_global:hover {
  color: #808080; /* Change text color on hover */
}

.nav_link_global:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.nav_link_global:hover::before {
  transform: scaleX(1);
  transform-origin: right;
}

.nav_link_global::after {
  bottom: 0;
  right: 0;
  transform: scaleX(0);
  transform-origin: right;
}

.nav_link_global::before {
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
}

.nav_link_global::before,
.nav_link_global::after
 {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF; /* Border color */
  transition: transform 0.3s ease;
}