html{
  /* background: rgb(32,34,40);
	background: linear-gradient(0deg, rgba(32,34,40,1) 0%, rgba(48,52,60,1) 100%);
	background-attachment: fixed; */
}
body { 
  background: rgb(32,34,40);
	background: linear-gradient(0deg, rgba(32,34,40,1) 0%, rgba(48,52,60,1) 100%);
	background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*min-height: 100% !important;*/
}

.menu-img{
  width: 85%;
}

img.imglogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  margin-top: 30px !important;
  margin-bottom: 40px !important;

}

img.imglogo2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}

/*li.flex-active-slide img{
    width:100% !important;
}*/

.aff-block{
    padding:10px;
    border:1px dashed #959595;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color:#0f0f0f;
}

.bottom-menu{
    width:20% !important;
    display: inline;
}

.bottom-menu2{
    width:25% !important;
    display: inline;
}

.bottom-nav{
    width:100% !important;
}

a.nav-link img{
  margin-top: 10px;
}

form.nav-link input{
  margin-top: 10px;
}

.main-card{
  position:relative; 
  margin-top:10px; 
  margin-bottom:10px; 
  background-image:url('../img/aff_card_main1.png'); 
  background-repeat: no-repeat;  
  background-size: 100% 100%; 
  width:100%;
}

.navbar.fixed-bottom{
  background-image:url('../img/menu_bar2.png'); 
  background-repeat: no-repeat;  
  background-size: 100% 100%; 
  margin-left:10px; 
  margin-right:10px; 
}



.aff-tools{
  position:absolute; 
  top: 34%;
  left: 32%;
  width: 65%;
}

.custom-nav{
    padding-left:0px !important;
}

.div-aff-login{
  width: 100%;
}

.card-line-border{
  border: 2px solid rgb(71, 71, 71);
  border-radius: 20px;
  box-shadow: 2px 2px #1e1e1e;
  background: rgb(32,34,40,0.5);
  width: 100%;
}



        /* 
          ##Device = Desktops
          ##Screen = 1281px to higher resolution desktops
        */
        
        @media (min-width: 1281px) {
          
            img.imglogo {
                width: 20% !important;
            }
            .container-fluid{
              width:60% !important;
              margin:0 auto;
          }

          img.imgFlexSlider {
            width: 40% !important;
            margin:0 auto !important;
          }

          .navbar.fixed-bottom{
            width:30%;
            margin: 0 auto;
          }

          .nav_home{
            top: 20px !important;
          }

          .nav_home_size{
            width: 30% !important;
          }
      
          .nav_menu{
            top: 20px !important;
            width: 80px !important;
          }

          .modal-sitebar-content{
            width: 35%!important;
          }

          .text-gold-gradient{
            font-size: 10px!important;
          }

          .qr-size{
            width:40%;
          }
          
          .div-aff-login{
            width: 30%;
          }
          
          .card-line-border{
            width: 20%;
          }
        }
        
        /* 
          ##Device = Laptops, Desktops
          ##Screen = B/w 1025px to 1280px
        */
        
        @media (min-width: 1025px) and (max-width: 1280px) {
         
            img.imglogo {
                width: 20% !important;
            }

            img.imgFlexSlider {
              width: 40% !important;
              margin:0 auto !important;
            }

          .container-fluid{
              width:70% !important;
              margin:0 auto;
          }

          .navbar.fixed-bottom{
            width:40%;
            margin: 0 auto;
          }

          .nav_home{
            top: 70px !important;
          }
      
          .nav_menu{
              top: 70px !important;
          }

          .modal-sitebar-content{
            width: 35%!important;
          }

          .text-gold-gradient{
            font-size: 10px!important;
          }

          .qr-size{
            width:40%;
          }

          .card-line-border{
            width: 30%;
          }
          .div-aff-login{
            width: 45%;
          }
        }
        
        /* 
          ##Device = Tablets, Ipads (portrait)
          ##Screen = B/w 768px to 1024px
        */
        
        @media (min-width: 768px) and (max-width: 1024px) {
          
            img.imglogo {
                width: 40% !important;
            }

            img.imgFlexSlider {
              width: 60% !important;
              margin:0 auto !important;
          }

          .navbar.fixed-bottom{
            width:40%;
            margin: 0 auto;
          }

          .nav_home{
            top: 70px !important;
          }

          .nav_home_size{
            width: 20% !important;
          }
      
          .nav_menu{
            top: 70px !important;
            width: 60px !important;
          }
          .text-gold-gradient{
            font-size: 10px!important;
          }

          .qr-size{
            width:35%;
          }

          .div-aff-login{
            width: 50%;
          }

          .card-line-border{
            width: 30%;
          }
          
        }
        
        /* 
          ##Device = Tablets, Ipads (landscape)
          ##Screen = B/w 768px to 1024px
        */
        
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
         
            img.imglogo {
                width: 40% !important;
            }
            
            img.imgFlexSlider {
              width: 60% !important;
              margin:0 auto !important;
          }

          .container-fluid{
              width:80% !important;
              margin:0 auto;
          }
          
          .text-gold-gradient{
            font-size: 10px!important;
          }

          .qr-size{
            width:35%;
          }
          
          .div-aff-login{
            width: 50%;
          }

        }
        
        /* 
          ##Device = Low Resolution Tablets, Mobiles (Landscape)
          ##Screen = B/w 481px to 767px
        */
        
        @media (min-width: 481px) and (max-width: 767px) {
          
          
            img.imglogo {
                width: 60% !important;
            }

            img.imgFlexSlider {
              width: 100% !important;
          }

          .qr-size{
            width:35%;
          }
          
        }
        
        /* 
          ##Device = Most of the Smartphones Mobiles (Portrait)
          ##Screen = B/w 320px to 479px
        */
        
        @media (min-width: 320px) and (max-width: 480px) { /*mobile */
          
          img.imglogo {
                width: 60% !important;
            }

            img.imgFlexSlider {
              width: 100% !important;
          }

          .text-gold-gradient{
            font-size: 10px!important;
          }

          .qr-size{
            width:25%;
          }
          
        }

.text-gold-gradient{
  font-size: 50px;
  background: #CBAC75;
  background: -webkit-linear-gradient(to top, #CBAC75 25%, #FDE79C 50%, #CBAC75 75%);
  background: -moz-linear-gradient(to top, #CBAC75 25%, #FDE79C 50%, #CBAC75 75%);
  background: linear-gradient(to top, #CBAC75 25%, #FDE79C 50%, #CBAC75 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.border-blue{
  padding: 1px;
  border-radius: 20px;
  background-image: linear-gradient(#32353d, #32353d), radial-gradient(circle at top left, #2eb1c8,#4747e2);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.text-blue{
    background: -webkit-linear-gradient(to bottom, #2EB1C8 0%, #4747E2 100%);
    background: -moz-linear-gradient(to bottom, #2EB1C8 0%, #4747E2 100%);
    background: linear-gradient(to bottom, #2EB1C8 0%, #4747E2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.border-login{
  border: 1px solid #8b8b8b;
  background-color: #161616;
  color: #ffffff;
}

.button_login{
  font-size: 15px;
  margin-top: 30px;
  padding: 5px 40px 5px;
  font-weight: bold;
  border: 1px solid rgb(0,85,255);
  border-radius: 10px; 
  background: rgb(75,96,251);
  background: linear-gradient(0deg, rgba(75,96,251,1) 0%, rgba(51,176,222,1) 100%);
  color: rgb(255, 255, 255);
}


.new-footer {
  position: relative;
  left: auto;
  right: auto;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.nav_home{
  position: absolute;
  left: 12px;
  top: 35px;
  z-index: 1;
}

.nav_home_size{
  width: 15%;
}

.nav_menu{
  position: absolute;
  width: 45px;
  top: 35px;
  right: 15px;
  z-index: 1;
}

.nav_menu_size{
  width: 100%;
}

/* The Modal sitebar */
.modal-sitebar {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-sitebar-content {
  position: absolute;
  right: 0;
  top: 35px;
  background-color: #2d2f35;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 4px;
  border-radius: 55px 0 0 55px;
  /*width: 55%;*/
}

/* The Close Button */
.close-sitebar {
  position: absolute;
  right: 40px;
  top: -20px;
  color: #aaaaaa;
  float: right;
  font-size: 60px;
  font-weight: bold;
}

.close-sitebar:hover,
.close-sitebar:focus {
  color: #aaaaaa;
  text-decoration: none;
  cursor: pointer;
}

.site-menu-box{
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: double 2px transparent;
  border-radius: 20px;
  background: rgb(50,53,61);
  background-image: linear-gradient(90deg, rgba(50,53,61,1) 0%, rgba(31,34,40,1) 100%), radial-gradient(circle at 100%, rgba(32,34,41,1),rgba(49,52,59,1) );
  background-origin: border-box;
  border-color: #565656;
  -webkit-box-shadow: 2px 2px 1px 2px #000000; 
  box-shadow: 2px 2px 1px 2px #000000;
  /* border-block-end: none;*/
}

.site-menu-box-hover{
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: double 2px transparent;
  border-radius: 20px;
  background: rgb(50,53,61);
  background-image: linear-gradient(132deg, rgba(46,190,214,1) 0%, rgba(78,78,255,1) 100%), radial-gradient(circle at 100%, rgba(46,190,214,1),rgba(78,78,255,1) );
  background-origin: border-box;
  border-color: #565656;
  -webkit-box-shadow: 2px 2px 1px 2px #000000; 
  box-shadow: 2px 2px 1px 2px #000000;
 /* border-block-end: none;*/
}

.site-menu-aff-box{
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: double 2px transparent;
  border-radius: 20px;
  background-image: linear-gradient( rgba(49,52,59,1) , rgba(32,34,41,1)), radial-gradient(circle at 100%, rgba(32,34,41,1),rgba(49,52,59,1) );
  background-origin: border-box;
  border-color: #565656;
  background: rgb(73,95,242);
  background: linear-gradient(90deg, rgba(73,95,242,1) 30%, rgba(51,178,221,1) 70%);
}

.border-white{
  border-color: #FFF;
}

.table_td_border{
  border-left: 1px solid #6e6e6e;
  border-bottom: 1px solid #6e6e6e;
  border-right: 1px solid #6e6e6e;
}

.text-gold-gradient{
  background: #CBAC75;
  background: -webkit-linear-gradient(to top, #CBAC75 25%, #FDE79C 50%, #CBAC75 75%);
  background: -moz-linear-gradient(to top, #CBAC75 25%, #FDE79C 50%, #CBAC75 75%);
  background: linear-gradient(to top, #CBAC75 25%, #FDE79C 50%, #CBAC75 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.aff-qr{
  position:absolute; 
  top: 22%;
  left: 6%;
}

/* CSS button entrance to member page */
.button-76 {
  background-color: #495EF9;
  background-image: linear-gradient(0deg, #33AEDB 0%, #495EF9 100%);
  background-image: -moz-linear-gradient(0deg, #33AEDB 0%, #495EF9 100%);
  background-image: -webkit-linear-gradient(0deg, #33AEDB 0%, #495EF9 100%);
  background-image: -ms-linear-gradient(0deg, #33AEDB 0%, #495EF9 100%);
  border: 0;
  border-radius: .75rem;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1.125rem; /* 18px */
  font-weight: 600;
  line-height: 1.75rem; /* 28px */
  padding: 1rem 1.25rem;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-76:hover {
  box-shadow: none;
}

@media (min-width: 1024px) {
  .button-76 {
    font-size: 2rem;
    padding: 2rem 2rem;
    line-height: 2rem;
  }
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}