@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,800&display=swap');

body {
padding-top: 64px;

}

.hero-image {
    background-image: url("../assets/img/eheaderimg.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 200px;
    /*height: 400px;*//*Commented by Ryan*/ /* You must set a specified height */
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    /*max-height: 382px !important;*//* Commented by Ryan*/
    overflow: hidden;
  }

.tinted-image {
    background:  
      /* linear-gradient(
        rgba(13, 18, 47, 0.9), 
        rgba(31, 18, 47, 0.9)
      ), */
      url(../assets/img/tblbg.jpg);
    
      background-position: top center; /* Center the image */
      background-repeat: no-repeat; /* Do not repeat the image */
      background-size: cover; /* Resize the background image to cover the entire container */
}

.footer {
    background-color: #0e142e;
}

.footerlinks
{
  text-decoration: none; color: white;
}
.footerlinks:hover
{
  text-decoration: none; color: white;
}

.webtlinks
{
  text-decoration: none; color: black;
}
.webtlinks:hover
{
  text-decoration: underline; color: black;
}

.ygbutton
{
  background-color: yellow;
  color: #1b2141;
}
.ygbutton:hover{
background-color: #fedb05;
}

.loginnavbtn {
  color: #666666; font-size: 0.8em; font-weight: bold; border-color: #666666; padding-top: 0.9em; padding-bottom: 0.9em;
}

.loginnavbtn:hover {
  background-color: thistle;
  color: #666666; font-size: 0.8em; font-weight: bold; border-color: #666666; padding-top: 0.9em; padding-bottom: 0.9em;
}
body {
  font-family: 'Open Sans', sans-serif;
  padding-top: 52px;
}


.mapa td a
{
  text-decoration: none;
  font-size: 16px;
  line-height: 2.5em;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  color: black;
}

.mnavfstyle{
  color:#1d242a;  
  font-weight: bold;
}

.galgtxt {
  font-size: calc(12px + (28 - 12) * ((100vw - 300px) / (1600 - 300)));
}

.regstyle {
  vertical-align: 0.2rem; 
  font-size: calc(10px + (24 - 10) * ((100vw - 300px) / (1600 - 300)));
}


.lheadimg {
  margin-top: 100px; 
  margin-left: 20px;
}

.aucspot {
  color: #244c79; 
  text-decoration: underline;
}

.lgbutton
{
  background-color: green;
  color: #1b2141;
}
.lgbutton:hover{
background-color: darkgreen;
}


@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  
  .carousel-inner .carousel-item-start.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
transform: translateX(0);
}

.carousel-control-prev-icon{
  position: absolute;
  left: -25px;
}
.carousel-control-next-icon{
  position: absolute;
  right: -25px;
}


tbody td{
text-align: center;
}

.nav-tabs .nav-item .nav-link.active {
  background-color:  #0080FF;
  color: white;
}


/* Start: Carousel Arrow bolder */
.carousel-control-next-icon,
.carousel-control-prev-icon {
	padding: 1.5em !important;
}

.carousel-control-next,
.carousel-control-prev {
	opacity: 1;
}
/* End: Carousel Arrow bolder */

.navbar {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}

.h2{
  color: #0A58CA;
}

.container-aft-buttons01{
  margin-top: -18px;
  max-height: 164px;

}

.mt-3 {
  margin-top: 2rem !important;
}

.mt-5a {
  margin-top: 3rem !important;
  margin-left: -48px;
}

.fs-3a {
  font-size: 2.75rem !important;
}

.row-a {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
  padding-bottom: 2px;
}

.img-holdertab {
  max-width: 60%;
  height: auto;
  margin: 5px 140px;

}

.t-a {
   margin-top: -88px;

}

.t-b {
  width: 49rem;
  margin-top: -70px;
}

.mx-6 {
  padding: 5px 90px 10px 90px;
  margin-top: -84px;
}


.etop{
  margin-top: -.5rem !important;
}

.mobtop{
  margin-top: 160px;
}
/* Start: Button 3D */

.btn3d {
	position: relative;
	top: -6px;
	border: 0;
	transition: all 40ms linear;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-right: 2px;
}

.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
	outline: medium none;
}

.btn3d:active,
.btn3d.active {
	top: 0px;
}

.btn3d.btn-white {
	color: #666666;
	box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0, 0, 0, .2);
	background-color: #fff;
}

.btn3d.btn-white:active,
.btn3d.btn-white.active {
	color: #666666;
	box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1);
	background-color: #fff;
}

.btn3d.btn-default {
	color: #008000;
	box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0, 0, 0, .2);
	background-color: #f9f9f9;
}

.btn3d.btn-default:active,
.btn3d.btn-default.active {
	color: #666666;
	box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1);
	background-color: #f9f9f9;
}

.btn3d.btn-primary {
	box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	background-color: #4274D7;
}

.btn3d.btn-primary:active,
.btn3d.btn-primary.active {
	box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #4274D7;
}

.btn3d.btn-success {
	box-shadow: 0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	background-color: #78d739;
}

.btn3d.btn-success:active,
.btn3d.btn-success.active {
	box-shadow: 0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #78d739;
}

.btn3d.btn-info {
	box-shadow: 0 0 0 1px #FFFF00 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	background-color: #FFFF00;
}

.btn3d.btn-info:active,
.btn3d.btn-info.active {
	box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #FFFF00
  ;
}

.btn3d.btn-warning {
	box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	background-color: #FEAF20;
}

.btn3d.btn-warning:active,
.btn3d.btn-warning.active {
	box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #FEAF20;
}

.btn3d.btn-danger {
	box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	background-color: #D73814;
}

.btn3d.btn-danger:active,
.btn3d.btn-danger.active {
	box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #D73814;
}

.btn3d.btn-magick {
	color: #fff;
	box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	background-color: #bb39d7;
}

.btn3d.btn-magick:active,
.btn3d.btn-magick.active {
	box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #bb39d7;
}


.btn3d.login-btn,
.btn3d.start-trial-1-btn,
.btn3d.start-trial-2-btn {
  border-radius: 22px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: bold;
}

.btn3d.start-trial-2-btn:hover,
.btn3d.start-trial-3-btn:hover,
.btn3d.start-trial-4-btn:hover {
  background-color: #fedb05;
}



.btn3d.login-btn {
  padding: 12px 50px;
	box-shadow: 0 0 0 1px #016b01 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #015701, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
	background-color: #008000;
  margin-top: 18px;
}


.btn3d.login-btn:active,
.btn3d.login-btn.active {
	box-shadow: 0 0 0 1px #016b01 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #008000;
}


.btn3d.start-trial-1-btn {
  width: 166px;/*Added By Ryan*/
  padding: -1px 45px;/*Added By Ryan*/
	box-shadow: 0 0 0 1px #999903 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #999903, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffff00;  
  color: #1b2141;
  line-height: 16px;
  margin-top: 18px;
}

.btn3d.start-trial-1-btn:active,
.btn3d.start-trial-1-btn.active {
	box-shadow: 0 0 0 1px #999903 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffff00;
}


.btn3d.start-trial-2-btn {
  padding: 16px;
	box-shadow: 0 0 0 1px #999903 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #999903, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffff00;  
  color: #198754;
  font-size: 16px;
}

.btn3d.start-trial-2-btn:active,
.btn3d.start-trial-2-btn.active {
	box-shadow: 0 0 0 1px #999903 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffff00;
}

.btn3d.start-trial-3-btn {
  padding: 24px;
	box-shadow: 0 0 0 1px #e9e909 inset, 0 0 0 0px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #999903, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffff00;  
  color: #212529;
  border-radius: 18px;
  font-family: 'Oswald', sans-serif;
  font-size: 32px;
  font-weight: 500;
  max-width: 636px;
}

.btn3d.start-trial-3-btn:active,
.btn3d.start-trial-3-btn.active {
	box-shadow: 0 0 0 1px #e9e909 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffff00;
}


.btn3d.start-trial-4-btn {
  padding: 16px 48px;
	box-shadow: 0 0 0 1px #e9e909 inset, 0 0 0 0px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #999903, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffff00;  
  color: #212529;
  border-radius: 18px;
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.btn3d.start-trial-4-btn:active,
.btn3d.start-trial-4-btn.active {
	box-shadow: 0 0 0 1px #e9e909 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffff00;
}




.btn3d.start-trial-5-btn {
border-radius: 5px;
margin-bottom: 0px;
font-size: 14px;
color: #0c0c0c;
font-weight: bold;
}

.btn3d.start-trial-5-btn:hover {
  background-color: #c4e40d;

}
.btn3d.start-trial-5-btn {
  padding: 12px 50px;
	box-shadow: 0 0 0 1px #999903 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #d1d1d1, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffff00;
}


.btn3d.start-trial-5-btn:active,
.btn3d.start-trial-5-btn:active {
	box-shadow: 0 0 0 1px #999903 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #818283;
  color: #ffffff;
}

/*Start  :Yellow Find button */
.btn3d.find-btn {
  border-radius: 10px;
 margin-bottom: 0px;
 font-size: 20px;
 color: #8A0000;
 font-weight: bold;
}
 
 .btn3d.find-btn:hover {
   background-color: #FFFF00;
 
 }
 .btn3d.find-btn {
   padding: 12px 50px;
   box-shadow: 0 0 0 1px #999903 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #d1d1d1, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
   background-color: #ffff00;
 }
 
 
 .btn3d.find-btn:active,
 .btn3d.find-btn:active {
   box-shadow: 0 0 0 1px #999903 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
   background-color: #818283;
   color: #ffffff;
 }

 /*End  :Yellow Find button */




/*Start  :Gray button */
.btn3d.back-btn,
.btn3d.FAQ-Help-btn,
.btn3d.Member-Login-btn {
  border-radius: 5px;
  margin-bottom: 0px;
  font-size: 14px;
  color: #ebebeb;
  font-weight: bold;
}

.btn3d.back-btn:hover,
.btn3d.FAQ-Help-btn:hover,
.btn3d.Member-Login-btn:hover {
  background-color: #5C636A;

}


.btn3d.back-btn {
  padding: 12px 50px;
	box-shadow: 0 0 0 1px #016b01 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #d1d1d1, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
	background-color: #5c636a;
}


.btn3d.back-btn:active,
.btn3d.back-btn:active {
	box-shadow: 0 0 0 1px #4c4d4c inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #adadad;
  color: #000000;
}


/*START :Gray TAB button */
.btn3d.backtab-btn {
  border-radius: 5px;
  margin-bottom: 0px;
  font-size: 14px;
  color: #ebebeb;
  font-weight: bold;
}

.btn3d.backtab-btn:hover {
  background-color: #5C636A;

}


.btn3d.backtab-btn {
  padding: 12px 10px;
	box-shadow: 0 0 0 1px #016b01 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #d1d1d1, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
	background-color: #5c636a;
  width: 8rem;
}


.btn3d.backtab-btn:active {
	box-shadow: 0 0 0 1px #4c4d4c inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #adadad;
  color: #000000;
}


/*End :Gray TAB button*/



/* new :NAV button */

.btn3d.gr-navheader-btn,
.btn3d.bl-navheader-btn {
  border-radius: 5px;
  margin-bottom: 0px;
  font-size: 14px;
  color: #ebebeb;
  font-weight: bold;
}
 
 .btn3d.gr-navheader-btn:hover {
   background-color: #008000cb;
 
 }


 .btn3d.bl-navheader-btn:hover {
   background-color: #a49ef1c5;
 
 }
 .btn3d.gr-navheader-btn {
   padding: 12px 10px;
   box-shadow: 0 0 0 1px #999903 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #d1d1d1, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
   background-color: #008000;
 }
 
 
 .btn3d.gr-navheader-btn:active,
 .btn3d.gr-navheader-btn:active {
   box-shadow: 0 0 0 1px #999903 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
   background-color: #818283;
   color: #ffffff;
 }

 .btn3d.bl-navheader-btn{
   padding: 12px 10px;
   box-shadow: 0 0 0 1px #b0abf3 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #d1d1d1, 0 8px 8px 1px rgba(0, 0, 0, 0.3);
   background-color: #0DCAF0;
 }

 .btn3d.bl-navheader-btn:active,
 .btn3d.bl-navheader-btn:active {
   box-shadow: 0 0 0 1px #b0abf3 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
   background-color: #818283;
   color: #ffffff;
 }





/* End: NAV button */



/* End: Button 3D */

#user-credential {
  max-width: 400px;
  margin: 20px auto 10px;
}

.justify-header-center {
  justify-content: center !important;
  max-height: 220px;
}



.cont-3 {
  margin-bottom: 5px !important;
  margin-top: -36px;
}

.cont-4 {
  margin-bottom: 2px !important;
}

.cont-6 { 
  margin-top: -40px !important;
  width: auto;
  padding-left: 10px;
}

.cont-7 { 
  margin-top: -66px !important;
  width: auto;
  padding: 46px;
}

.telephone { 
  margin-top: -18px !important;
  padding-bottom: 20px;
}

.col-6 {
  flex: 0 0 auto;
  
}

/*.money-header {
  width: 300px;
}
*/

@media only screen and (max-width: 767px) {
  .btn3d.start-trial-3-btn {
    font-size: 20px; }
   .hero-image {height: 100% !important;}
  
   .p-3 {
    padding: 0rem !important;
  }
   .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 0rem !important;
  }
  p {
    margin-top: 0px;
  }

  .fw-bold {
    font-weight: 700 !important;
  }

   /*.hero-image {
   min-height: 210px;*//*Commented*/
  }

  /*.money-header {
    margin-top: 35px;
    width: 300px;
  }
    */



@media screen and (min-width: 768px) and (max-width: 991px){
  .hero-image {
    /* Commented
    min-height: 550px;*/
    height: 194px;
    max-height: 550px !important;
  }

 /* .money-header {
    width: 400px;
  }*/
}