article {  min-height: 80px;  }
  header .hbc-four {height:60px;}
  header .hbc-four .topnav {position:relative;display:block;width:100%;height:60px;}

  header .hbc-four .right-nav {
    float: right;
    width:100%;
    height: 100%;
    text-align: center;
}

  header .hbc-logo {background-image: none;}
  header .hbc-logo a {text-decoration:none;display:block;width:100%;height:100%;position:relative;}
  header .hbc-logo a img {display:block;width:100%;height:100%;position:relative;}

  header .hbc-first .icons-bars {width:45px;height:45px;margin:8px 10px;padding:0px;}
  header .hbc-first .icons-bars svg{width:35px;height:35px;padding:5px 0px;}

  header .hbc-four .right-nav .btn-search {
      background: none;
      width: 45px;
      height: 45px;
      margin: 8px 10px 8px 20px;
      padding: 0px;
  }
  header .hbc-four .right-nav .btn-search {
      background: #491487;
      float: right;
      display: block;
      padding: 3px 7px;
      margin: 9px 10px;
      text-align: center;
      cursor: pointer;
      text-decoration: none;
      border-radius: 23px;
  }



  header .hbc-four .right-nav .btn-search {background:none;width:45px;height:45px;margin:8px 10px 8px 20px;padding:0px;}
  header .hbc-four .right-nav .btn-search svg{ width:35px;height:35px;padding:5px 0px;color: #FAC609; }
  

  section.main-games {width:99%;}  
  section.main-games,section.more-games {background:none;padding: 0px 0px;margin: 65px auto 0px auto;}  
 
  .rowg {border-radius:7px;}

  .rowg:hover {
    -webkit-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07);
    z-index: 9997;
  }

 .kizgames {
    position: relative;
    float:left;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    border-radius: 6px;
    background: #441774;
    background-position: center center;
    border-radius: 7px;
}
  .da-thumbs .it-glist .item-mask { border-radius:7px; }   
  .box-pubb {min-height:280px;height: auto;}  

  .slider {width:98%;}

  .bgheadbottom {
    position:absolute;
    width:100%;height:100px;
    left:0px;
    top:60px;
    background-repeat: repeat-x;
    background-position: top center;
    text-align:center;
    background-image: url(https://cdn.kiz10.com/template/gammer/images/_bg11-kiz10.png);}

  .bottbar {background-image: none;margin:0px auto;}
  .bottbar .slider a {display:inline-block;margin:auto;}

  #content-moregames.movGames article {
        width: 85px;
        height: 85px;
        margin: 4px;
        border-radius: 7px;
        position:relative;
        left:0px;top:0px;
  }
  .resgames-find .results-gg {
    height: 110px;
  }
  .kdesc {text-align: justify;width:96%;padding:10px 2%;max-height: 600px;}
  .kdesc h3 {color: #FAC609;font-size: 18px;}
  .kdesc ul {width:97%;padding:10px 0px 0px 3%;text-align:left;list-style: inside;}
  .kdesc ul li {}
  .kdesc strong {color: #4b8fff;font-size: 14px;}
  .kdesc span {}

  .game-card {
            position: relative;
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            background: #441774;
        }

        .thumbnail {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 300ms ease;
        }

        .video-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 300ms ease;
            pointer-events: none;
        }

        .hover-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .game-card:hover .thumbnail {
            opacity: 0;
        }

        .game-card:hover .video-container {
            opacity: 1;
        }

  .kiztags a h2 {
      opacity: 0;
      width: 100%;
      height: 100%;
      padding: 80px 0px;
      margin:0px;
      position: absolute;
      left: 0px;
      top: 0px;
      color: #fff;
      z-index: 3;
      font-size: 21px;
  }    
  .kiztags a:hover h2 { opacity:1;}
  
  .kizcategories a h2 {
      opacity: 0;
      width: 100%;
      height: 100%;
      padding: 100px 0px;
      margin:0px;
      position: absolute;
      left: 0px;
      top: 0px;
      color: #fff;
      z-index: 3;
      font-size: 21px;
  }    
  .kizcategories a:hover h2 { opacity:1;}

  section.module-about .cont-desc h2 {
      color: #4b8fff;
      font-size: 18px;
      position: relative;
      width: 90%;
      margin: 20px auto;
      padding: 0px 0px 20px 0px;
      text-align: center;
  }


  nav span {color:#fff;}
  nav .nav-active {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 6px 0px;
    height: 30px;
    width: 99%;
    border-left:solid 5px #FAC609;
  }
  nav .nav-active img {
    position: absolute;
    left: 15px;
    top: 10px;
    width: 25px;
    height: 25px;
    opacity: 1;
}
  nav .nav-active strong 
  {
    color:#fff;position: relative;
    font-size: 16px;
    padding: 8px 0px 0px 27%;
    width: 70%;
    display: block;
    text-align: left;
  }
  nav a svg {top: 8px;}

  nav a strong {padding: 8px 0px 0px 30%;}
  header .hbc-second {width: 220px;}
  header .hbc-second a img {display:inline-block;height:55px;margin: 0px 0px 0px 0px;}

  .box-searchresult-games .formfind .btnSearch div {float:left;margin:0px 0px 0px 30px;}
  .box-searchresult-games .formfind .btnSearch span {float:left;margin:6px 0px 0px 10px;}

.narrow-carousel-label {
    display: flex;
    gap: 15px;
    align-items: center;
    text-align:right;
    flex-shrink: 0;
}
.narrow-carousel-title {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--bluegray);
    font-size: 0.9rem;
    text-align:left;
    
}
.narrow-carousel-title .gnct-primary {
    font-weight: 850;color:#fff;
}
.narrow-carousel-title .gnct-secondary {
    cursor: pointer;
    opacity: .7;
    color:#FAC609;
}
#box-recentgames {position:relative;display:inline-block;width:98.6%;height:90px;margin:0px auto 0px auto;}
#box-recentgames .btnvault {position:absolute;left:0;top:0;text-align:right;height:50px;width:165px;background: #280e5b;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:20px 20px;}

#recentgames {position:absolute;left:215px;top:0px;min-height:95px;max-height:95px;overflow:hidden;width:85%;padding:0px 0px 0px 10px;}



.kiztags {width: 96%;margin: 10px auto;padding: 10px 2%;}  
section.module-about {width: 96%;margin: 10px auto;padding: 10px 2%;}  
  


  #slidetags {width: 98%;background: #280e5b;border-radius: 10px;margin: 10px auto;padding: 7px 1%;}  

  #slidetags .modtagtop {
    display: inline-block;
    float: left;
    width: 180px;
    height: auto;
    text-decoration: none;
    position: relative;
    margin: 0px 3px;
    
  }      
  #slidetags .modtagtop a 
  {
    display: block;
    float: left;
    width: 180px;
    height: 60px;
    background:none;
    border:none;
    border-radius: 0;
    margin:0px;
    padding:0px;
    border: solid 4px #280e5b;
    border-radius: 86px;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 97;
  }  
  #slidetagstop {
    width: 100%;
    height: 150px;
    margin: 10px auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  #slidetagstop .modtagtop {
    display: inline-block;
    float: left;
    width: 180px;
    height: auto;
    text-decoration: none;
    position: relative;
    margin: 0px 3px;
    
  }   
  #slidetagstop .modtagtop a 
  {
    display: block;
    float: left;
    width: 180px;
    height:130px;
    background:none;
    border:none;
    border-radius: 0;
    margin:0px;
    padding:0px;
    border: solid 4px #280e5b;
    border-radius: 10px;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 97;
  }   
  
  #slidetagstop .modtagtop a h2 {padding: 50px 0px;}

    

  



  .modRgames {
      position: relative;
      width: 98%;
      background: #280e5b;
      min-height: 170px;
      height: auto;
      margin: 5px auto;
      padding: 7px 1%;
      text-align: center;
      border-radius: 10px;
  }  
  .modRgames .subtitle {position: relative;width:100%;text-align: left;height:auto;}
  .modRgames .subtitle h2 {
      position: relative;
      width: auto;
      display:inline-block;
      color: #FAC609;
      font-size: 23px;
      padding: 5px 0px;
      margin: 5px auto;
      text-align: left;
  }
  .modRgames .subtitle a {position:relative;display:inline-block;width:70px;background:#441774;color:#fff;font-size:11px;text-align: center;padding:2px 0px;margin:13px 0px 6px 5px;border-radius:3px;text-decoration:none;}
  .modRgames .subtitle a:hover {background:#FAC609;color:#441774;}

  .modRgames div.mod1 {position:relative;overflow:hidden;height:120px;}
  .modRgames div.mod2 {position:relative;height:auto;}

  .modRgames article {margin:4px 3px  10px 3px;float:left;}



  .main-games .kiztitle  {position:relative;display:inline-block;width:98%;min-height:0px;height:auto;padding:0px 1%;margin:5px 0px 5px 0px;text-align:left;}
  .main-games .kiztitle h1 {position:relative;width:100%;display:block;text-align:left;color: #FAC609;padding:5px 0px;}
  .main-games .kiztitle p {position:relative;overflow:hidden;width:100%;max-height:45px;display:block;text-align:left;color: #fff;font-size: 12px;}
  .kdesc {margin:20px auto;}
  section.module-about .cont-desc h2 {width:100%;font-size:31px;text-align:left;margin: 10px auto;border-bottom:solid 4px #FAC609;}

    .mk-etuimore{position:relative;float:left;width:100%;min-height:20px;font-size:26px;color:#fac609;background:#391162;padding:10px 0 10px 1%;line-height:28px;margin:0;width:99%}.btnMoreGames{position:relative;cursor:pointer;display:block;width:92%;min-height:30px;font-size:21px;background:#fac609;color:#391162;border-radius:5px;-webkit-box-shadow:0 5px 6px 0 rgba(0,0,0,.22);-moz-box-shadow:0 5px 6px 0 rgba(0,0,0,.22);box-shadow:0 5px 6px 0 rgba(0,0,0,.22);padding:14px 0;margin:10px auto;text-align:center;font-weight:700;border:none;text-decoration:none;cursor:pointer;cursor:pointer}.btnGoMore{position:relative;cursor:pointer;display:block;width:92%;min-height:30px;font-size:21px;background:#fac609;color:#391162;border-radius:5px;-webkit-box-shadow:0 5px 6px 0 rgba(0,0,0,.22);-moz-box-shadow:0 5px 6px 0 rgba(0,0,0,.22);box-shadow:0 5px 6px 0 rgba(0,0,0,.22);padding:14px 0;margin:10px auto;text-align:center;font-weight:700;border:none;text-decoration:none}.btnGoMore:link,.btnGoMore:visited{color:#391162}#sidebar-toggle{border:none;background:0 0;border-radius:3px;position:relative;padding:10px 7px;float:left;margin:7px;border-radius:3px;position:relative;padding:10px 7px}.mk-icoclose{top:6px;border:none;background:0 0}.mod-menleft{width:200px;margin:auto}.mk-gamedetail{float:left;width:100%;min-height:100px;overflow:hidden;margin:5px 0}.subtitles{margin:15px 0}.copyright{float:left;width:100%;color:#fff;margin:8px 0;padding:0}.sidebar-footer a{float:left;width:100%;color:#fac609;padding:0;margin-bottom:50px}.maincontainer{padding:0;margin:0}#sector-games{z-index:999;min-height:600px;overflow:hidden;width:100%}
  .mk-etuimore h2 {color:#fac609;}
  .topgames article strong {display:none;}
  .bestgames article strong {display:none;}
  .newgames article strong {display:none;}

  .box-vault {display:none;position:fixed;top:60px;right:-500px;z-index:9999999;}
    .total-recent-games {position: relative;
      width: 460px;
      height: 100vh;
      background-color: #441774;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      padding: 30px 25px;
      display: flex;
      flex-direction: column;}

      .sidebar-header-vault {
      display: flex;
      gap: 5px;
      align-items: center;
  }
  .sidebar-header-text {color:#fff;}
  .button-close {
      display: grid;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      margin-left: auto;
      border-radius: 50%;
      margin-bottom: 10px;
  }

      .aside-slider-wrapper hr {
      width: 100%;
      border-top: 0px solid var(--bluegray-1);
      opacity: .3;
      margin-left: 0;
  }
  .btn-close-vault {background:none;border:none;cursor: pointer;}
  .vaultgames-list {position:relative;width:100%;height:90%;overflow-y:scroll;padding:15px 0px;text-align:center;}
  .vaultgames-list article {width:90px;height:90px;display:inline-block;}
  .vaultgames-list article .delReGame {border:none;background:red;opacity:0.7;color:#fff;border-radius:50%;position:absolute;right:4px;top:4px;cursor: pointer;width:25px;height:25px;z-index: 10;}
  .vaultgames-list article .delReGame:hover {opacity:1;}

  .sidebar-page-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      display: none;
      z-index: 999999;
  }

   .kdesc {margin: 20px auto 0px auto;padding: 10px 2% 10px 2%;max-height: 200px;overflow-y: none;overflow-x: none;overflow:hidden;}  
  .kdesc strong {color:rgb(208, 221, 243);}  
  #mk-description strong {color: rgb(208, 221, 243);}
  #mk-description {width: 96%;float:none;}
  #mk-description.max-desc {max-height:100%;}

  section.module-about {width: 94%;margin:10px 1%;padding: 10px 2%; }
  section.module-about .cont-desc h2 {border-bottom: solid 4px #280e5b;}
  section.module-about .cont-desc 
  {
    position: relative;
    min-height: 200px;
  }
  .sector-topggm {
    position: relative;
    width: 92%;
    margin: 10px auto 25px auto;
    padding: 0px 2%;
    min-height: 10px;
    overflow: hidden;
    background: #441774;
    text-align: left;
  } 

  .sector-topggm .faqmod h3 {min-height: 35px;}
    .sector-topggm .faqmod ol {width:95%;padding:20px 0px 20px 5%;}
  .sector-topggm .faqmod ol li a {position:relative;width:100%;min-height:15px;float:left;color: #4b8fff;font-size:14px;}

  .bottbar {display:none;}
  .modLeftAd-1 {position:relative;width:336px;height:auto;max-height:300px;display:inline-block;vertical-align:center;}  
      .modLeftAd-1 span {color:#fff;font-size:10px;}
      .modRightAd-2 {position:relative;width:336px;height:auto;max-height:300px;display:inline-block;vertical-align:center;}  
      .modRightAd-2 span {color:#fff;font-size:10px;}     
      .modCenterAds {position:relative;width:1100px;max-height:280px;overflow:hidden;margin:0px 0px 0px 0px;display:inline-block;vertical-align:center;}   
      .modRgames div.mod3 {
            vertical-align:top;
            position: relative;
            overflow: hidden;
            height: 250px;
            margin:20px auto;
        }
      .modRgames div.mod3 article {float:none;margin: 5px 4px 5px 4px;}
      .modCenterMain {position:relative;width:100%;height:auto;text-align:center;}

      .Madcontainer {
        display: flex;
        width: 100%; /* Ocupa todo el ancho disponible */
        gap: 10px; /* Espacio entre divs (opcional) */
        align-items: center; /* Centra verticalmente */
        }

        .Madleft, .Madright {
        flex-shrink: 0; /* Evita que se encojan */
        width: 336px;
        height: 300px;
        }

        .Madcenter {
        flex-grow: 1; /* Ocupa todo el espacio restante */
        height: 300px;
        min-width: 100px; /* Ancho mínimo para evitar colapso */
        }
        #btnshofulldesc {display:block;width: 100%;margin:10px 0px;padding: 5px 0px;color:#fac609;}
        .narrow-carousel-title .gnct-secondary {background:none;border:none;cursor: pointer;}





  .slick-slider {text-align:left;}
  .slick-slider .slick-track, .slick-slider .slick-list {text-align:left;}


  .slick-slider:hover > .slick-prev:not(.slick-disabled) {opacity:1;}
  .slick-slider:hover > .slick-next:not(.slick-disabled) {opacity:1;}  

  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {opacity:1;}

    .slick-slide {margin: 0px 2px 0px 2px;opacity:1;}

  .modRgames .slick-slide article{
      margin: 4px 0px 20px 0px;opacity:1;
  }

        .slick-prev {
        opacity: 0;  
        }
        .slick-next {
        opacity: 0;
        }
        .slick-prev {
          width:60px;
          height:100%;
          background: linear-gradient(-90deg, rgba(61, 9, 92, 0) 10%,rgb(42, 4, 65) 60%);
        }
        .slick-prev img {
            border-radius: 50px;
            background-color: rgba(255, 255, 255, .2);
            transition: background-color .2s;
        }
        .slick-prev:focus, .slick-prev:hover 
        { 
            background: linear-gradient(-90deg, rgba(61, 9, 92, 0) 10%,rgb(42, 4, 65) 60%);
            transition: background-color .2s;
          opacity: 1;
        }

        .slick-next {
          width:60px;
          height:100%;
            background: linear-gradient(90deg, rgba(61, 9, 92, 0) 10%,rgb(42, 4, 65) 60%);
        }
        .slick-next img {
            
            border-radius: 50px;
            background-color: rgba(255, 255, 255, .2);
            transition: background-color .2s;
        }
        .slick-next:focus, .slick-next:hover {
            background: linear-gradient(90deg, rgba(61, 9, 92, 0) 10%,rgb(42, 4, 65) 60%);
            color: none;
            opacity:1;
        }

        /*
        .slick-slider:hover > .slick-prev {
            opacity: 1;
        } 
        .slick-slider:hover > .slick-next {
            opacity: 1;
        } 
        */ 

        .slick-prev.slick-disabled {opacity:0;}
        .slick-next.slick-disabled {opacity:0;}

        section.modRgames .slick-initialized .slick-slide div 
        {
          width: 100%;
        }

        .resgames-find .results-gg article {float:none;}

        .kiztags 
        {
          width: 99%;
          margin: 10px auto;
          padding: 10px 0.5%;
        }
        .slick-track {padding: 0px;}
        .slick-slide {margin: 0px 4px 0px 0px;}

        #slidetagstop .modtagtop {margin: 0px;}
        #slidetagstop .modtagtop a {width: 170px;height: 130px;}

        header .hbc-four {width:500px;}  
        header .hbc-four .right-nav {width:60px;}  

        header .hbc-four .vault-top {width:430px;position:relative;height:50px;float:left;margin:5px 0px;padding:0px;}
        header .hbc-four .vault-top button {position:absolute;right:0px;top:0px;height:40px;margin:5px 0px;padding:5px 10px;border-radius:5%;width:130px;background:#441774;border:none;cursor: pointer;}
        
        header .hbc-four .vault-top button img {position:relative;float:left;height:30px;width:30px;}
        header .hbc-four .vault-top button span {position:relative;float:left;height:auto;width:80px;margin:8px 0px;font-weight:700;color:#FAC609;}

        header .hbc-four .vault-top .box-vault-gg {position:absolute;overflow:hidden;left:0px;top:0px;margin:5px 0px;height:40px;width:300px;}
        header .hbc-four .vault-top .box-vault-gg a {float:right;position:relative;overflow:hidden;width:40px;height:40px;margin:0px 4px 0px 0px;border-radius:50%;text-decoration:none;border:none;}
        header .hbc-four .vault-top .box-vault-gg a img {position:relative;display:block;border-radius:50%;width:100%;height:100%;}

        header .hbc-four .right-nav {position:absolute;right:0px;top:0px;}

        .new-modRgames {
      position: relative;
      width: 100%;
      min-height: 0px;
      height: auto;
      } 

  @media (min-width: 430px) and (max-width: 1000px) 
  {
    header .hbc-four { width: 60px;} 
    header .hbc-four .topnav .right-nav .btn-search {margin:10px;padding:0px;width:35px;height:35px;}
    header .hbc-four .topnav .right-nav .btn-search svg {width:35px;height:35px;padding:0px;}
    header .hbc-second {
      position: absolute;
      top: 0px;
      left: 50%;
      width: 210px;
      height: 60px;
      display: block;
      margin: 0px -105px;
    }
    header .hbc-second a img {display:block;width:210px;height:60px;}
    header .hbc-four .topnav .right-nav .resent-games { display: none; } 

    .bottbar {display:none;}  
    .movdisplay {display:none;}
    html, body { overflow-x: hidden; }
    .resgames-find strong {width:100%;}

    .box-searchresult-games .formfind .ccsearch {display:none;}
    .box-searchresult-games .formfind .boxSearch {width:75%}
    .box-searchresult-games .formfind .btnSearch {left: 75%;width: 25%;}

    .da-thumbs {
    min-height: 80px;
    }

    .rowg {border-radius:7px;}
    .kizgames { border-radius:7px; }
   
    
    .resgames-find .results-gg .kizgames 
    {
        width: 90px;
        height: 90px;
        margin: 4px;
        border-radius:7px;
    }

    .kizgames {
      width: 90px;
        height: 90px;
        margin: 4px;
        border-radius:7px;
    }
    .modRgames div.mod1 {height:96px;padding:0px;margin:0px;}
    .slick-track {padding:0px;}  
    .modRgames {min-height: 140px;padding: 5px 1%;}
    .modRgames .subtitle h2 {font-size: 18px;padding: 0px 0px;margin: 5px auto;}

    .modAdsN {display:none;}
          header .hbc-second a img {width:195px;height:55px;}  
          header .hbc-four {width:60px;}
          
          .slick-slide {margin: 0px 4px 0px 0px;}
          .slick-prev {display:none;}
          .slick-next {display:none;}
  }

  @media (min-width: 100px) and (max-width: 429px) 
  {

    header .hbc-four { width: 60px;} 
    header .hbc-four .topnav .right-nav .btn-search {margin:10px;padding:0px;width:35px;height:35px;}
    header .hbc-four .topnav .right-nav .btn-search svg {width:35px;height:35px;padding:0px;}
    header .hbc-second {
      position: absolute;
      top: 0px;
      left: 50%;
      width: 210px;
      height: 60px;
      display: block;
      margin: 0px -105px;
    }
    header .hbc-second a img {display:block;width:210px;height:60px;}
    header .hbc-four .topnav .right-nav .resent-games { display: none; } 

    .bottbar {display:none;}  
    .movdisplay {display:none;}
    html, body { overflow-x: hidden; }
    .resgames-find strong {width:100%;}

    .box-searchresult-games .formfind .ccsearch {display:none;}
    .box-searchresult-games .formfind .boxSearch {width:75%}
    .box-searchresult-games .formfind .btnSearch {left: 75%;width: 25%;}

    .da-thumbs {
    min-height: 80px;
    }

    .rowg {border-radius:7px;}
    .kizgames { border-radius:7px; }
   
    
    .resgames-find .results-gg .kizgames 
    {
        width: 80px;
        height: 80px;
        margin: 4px;
        border-radius:7px;
    }

    .kizgames {
      width: 80px;
        height: 80px;
        margin: 4px;
        border-radius:7px;
    }
    .modRgames div.mod1 {height:96px;padding:0px;margin:0px;}
    .slick-track {padding:0px;}  
    .modRgames {min-height: 140px;padding: 5px 1%;}
    .modRgames .subtitle h2 {font-size: 18px;padding: 0px 0px;margin: 5px auto;}
    
  }
  @media (min-width: 401px) and (max-width: 950px)
  {
          section.modRgames .slick-initialized .slick-slide div {width:90px;}
          .resgames-find .results-gg 
          {
              height: 200px;
          }
          .box-searchresult-games .formfind .btnSearch span {display:none;}
  }
  @media (min-width: 300px) and (max-width: 400px)
  {
          section.modRgames .slick-initialized .slick-slide div {width:80px;}
          .resgames-find .results-gg 
          {
              height: 180px;
          }
  }

  *{
      font-family: 'Nunito', 'Nunito Fallback', Arial, "Helvetica Neue", Helvetica, sans-serif;
    }

    html body {
      background: #100230;
      font-family: 'Nunito', 'Nunito Fallback', Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-weight: 900;
    }

    html {
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
      -webkit-text-size-adjust: 100%;
      scroll-behavior: smooth;
    }

    *,
    ::after,
    ::before {
      scrollbar-width: thin;
      scrollbar-color: #e2ecfd #051b38;
      box-sizing: inherit;
    }

    *,
    ::after,
    ::before {
      scrollbar-width: thin;
      scrollbar-color: #e2ecfd #051b38;
      box-sizing: inherit;
    }

    *::-webkit-scrollbar {
      height: 5px;
      width: 5px;
    }

    *::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, .6);
    }


    .bottbar {
      display: none;
    }

    .modLeftAd-1 {
      position: relative;
      width: 336px;
      height: auto;
      max-height: 300px;
      display: inline-block;
      vertical-align: center;
    }

    .modLeftAd-1 span {
      color: #fff;
      font-size: 10px;
    }

    .modRightAd-2 {
      position: relative;
      width: 336px;
      height: auto;
      max-height: 300px;
      display: inline-block;
      vertical-align: center;
    }

    .modRightAd-2 span {
      color: #fff;
      font-size: 10px;
    }

    .modCenterAds {
      position: relative;
      width: 1100px;
      max-height: 280px;
      overflow: hidden;
      margin: 0px 0px 0px 0px;
      display: inline-block;
      vertical-align: center;
    }



    .kizgames {
      background: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: 'Nunito', 'Nunito Fallback', Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-weight: 900;
      color: #fff;
      margin-block: 0;
    }

    .modRgames {
      overflow: hidden;
      padding: 7px 0.5%;
      width: 98.8%;
      background: #13013d;
      /*#180446;/*#100230;*/
    }

    .modRgames div.mod1 {
      width: 100%;
      margin-top: 5px;
    }

    .modRgames div.mod2 {
      width: 100%;
      margin-top: 5px;
    }

    .modRgames div.mod3 {
      vertical-align: top;
      position: relative;
      overflow: hidden;
      height: 250px;
      margin: 20px auto;
    }

    .modRgames div.mod3 article {
      float: none;
      margin: 5px 4px 5px 4px;
    }

    .modRgames article {margin: 4px 3px 10px 0px;}

    .modCenterMain {
      position: relative;
      width: 100%;
      height: auto;
      text-align: center;
    }

    .Madcontainer {
      display: flex;
      width: 100%;
      /* Ocupa todo el ancho disponible */
      gap: 10px;
      /* Espacio entre divs (opcional) */
      align-items: center;
      /* Centra verticalmente */
    }

    .Madleft,
    .Madright {
      flex-shrink: 0;
      /* Evita que se encojan */
      width: 336px;
      height: 300px;
    }

    .Madcenter {
      flex-grow: 1;
      /* Ocupa todo el espacio restante */
      height: 300px;
      min-width: 100px;
      /* Ancho mínimo para evitar colapso */
    }

    #btnshofulldesc {
      display: block;
      width: 100%;
      margin: 0px 0px 10px 0px;
      padding: 5px 0px;
      color: #fac609;
      background: none;
    }

    .narrow-carousel-title .gnct-secondary {
      background: none;
      border: none;
      cursor: pointer;
    }





    .slick-slider {
      text-align: left;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
      text-align: left;
    }


    .slick-slider:hover>.slick-prev:not(.slick-disabled) {
      opacity: 1;
    }

    .slick-slider:hover>.slick-next:not(.slick-disabled) {
      opacity: 1;
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
      opacity: 1;
    }

    .slick-slide {
      margin: 0px 2px 0px 2px;
      opacity: 1;
    }

    .modRgames .slick-slide article {
      margin: 4px 0px 20px 0px;
      opacity: 1;
    }

    .slick-prev {
      opacity: 0;
    }

    .slick-next {
      opacity: 0;
    }

    .slick-prev {
      width: 60px;
      height: 100%;
      background: linear-gradient(-90deg, rgba(61, 9, 92, 0) 10%, rgb(42, 4, 65) 60%);
    }

    .slick-prev img {
      border-radius: 50px;
      background-color: rgba(255, 255, 255, .2);
      transition: background-color .2s;
    }

    .slick-prev:focus,
    .slick-prev:hover {
      background: linear-gradient(-90deg, rgba(61, 9, 92, 0) 10%, rgb(42, 4, 65) 60%);
      transition: background-color .2s;
      opacity: 1;
    }

    .slick-next {
      width: 60px;
      height: 100%;
      background: linear-gradient(90deg, rgba(61, 9, 92, 0) 10%, rgb(42, 4, 65) 60%);
    }

    .slick-next img {

      border-radius: 50px;
      background-color: rgba(255, 255, 255, .2);
      transition: background-color .2s;
    }

    .slick-next:focus,
    .slick-next:hover {
      background: linear-gradient(90deg, rgba(61, 9, 92, 0) 10%, rgb(42, 4, 65) 60%);
      color: none;
      opacity: 1;
    }

    /*
        .slick-slider:hover > .slick-prev {
            opacity: 1;
        } 
        .slick-slider:hover > .slick-next {
            opacity: 1;
        } 
        */

    .slick-prev.slick-disabled {
      opacity: 0;
      left: -60px;
    }

    .slick-next.slick-disabled {
      opacity: 0;
      right: -60px;
    }

    .slick-initialized .slick-slide {display: inline-block;}
    section.modRgames .slick-initialized .slick-slide div {
      width: 100%;
    }

    .resgames-find .results-gg article {
      float: none;
    }

    .kiztags {
      width: 99%;
      margin: 10px auto;
      padding: 10px 0.5%;
    }

    .slick-track {
      padding: 0px;
    }

    .slick-slide {
      margin: 0px 4px 0px 0px;
    }

    #slidetagstop .modtagtop {
      margin: 0px;
    }

    #slidetagstop .modtagtop a {
      width: 170px;
      height: 130px;
    }

    header {
      border-bottom: 1px solid rgba(255, 255, 255, .07);
      background: #13013d;
    }

    header .hbc-four {
      width: 500px;
    }

    header .hbc-four .right-nav {
      width: 60px;
    }

    header .hbc-four .vault-top {
      width: 430px;
      position: relative;
      height: 50px;
      float: left;
      margin: 5px 0px;
      padding: 0px;
    }

    header .hbc-four .vault-top button {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 40px;
      margin: 5px 0px;
      padding: 5px 10px;
      border-radius: 5%;
      width: 130px;
      background: #1e0754;
      border: none;
      cursor: pointer;
    }

    header .hbc-four .vault-top button img {
      position: relative;
      float: left;
      height: 30px;
      width: 30px;
    }

    header .hbc-four .vault-top button span {
      position: relative;
      float: left;
      height: auto;
      width: 80px;
      margin: 8px 0px;
      font-weight: 700;
      color: #FAC609;
    }

    header .hbc-four .vault-top .box-vault-gg {
      position: absolute;
      overflow: hidden;
      left: 0px;
      top: 0px;
      margin: 5px 0px;
      height: 40px;
      width: 300px;
    }

    header .hbc-four .vault-top .box-vault-gg a {
      float: right;
      position: relative;
      overflow: hidden;
      width: 40px;
      height: 40px;
      margin: 0px 4px 0px 0px;
      border-radius: 6px;
      text-decoration: none;
      border: none;
    }

    header .hbc-four .vault-top .box-vault-gg a img {
      position: relative;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      border-radius: 6px;
    }

    header .hbc-four .right-nav {
      position: absolute;
      right: 0px;
      top: 0px;
    }

    header .hbc-first {
      width: 50px;
    }

    header .hbc-first .icons-bars {
      margin: 8px 5px 8px 0px;
    }

    header .hbc-second {
      left: 50px;
    }

    header .hbc-second a img {
      display: block;
    }

    header .hbc-four .right-nav .btn-search {
      margin: 12px 10px 3px 20px;
    }

    .main-games .kiztitle h1 {
      font-size: 21px;
      font-weight: 800;
    }

    .modRgames .subtitle h2 {
      color: #fff;
      font-size: 1.0rem;
      margin: 0px 0px 0px 8px;
      padding: 0px;
    }

    .modRgames .subtitle img {
      float: left;
      margin: 2px;
    }


    .main-games .kiztitle {
      width: 99%;
      padding: 0px 0.5%;
    }

    .main-games .kiztitle p {
      font-size: 12px;
      font-weight: 500;
      font-style: normal;
    }

    .modRgames .subtitle a {
      font-size: 10px;
      padding: 4px 4px;
      font-weight: 700;
      margin: 0px 0px 0px 8px;
    }

    .kiztags h3 {
      font-size: 23px;
      font-weight: 800;
    }

    .kiztags p {
      font-size: 17px;
      font-weight: 500;
      font-style: normal;
    }

    section.module-about .cont-desc h2 {
      font-size: 23px;
      font-weight: 800;
      color: #fff;
    }

    #mk-description p {
      font-size: 14px;
      font-weight: 500;
    }

    .sector-topggm .faqmod h3 {
      color: #fff;
      font-size: 17px;
      font-weight: 500;
    }

    .da-thumbs .it-glist .bx-caption {
      opacity: 1;
      background: linear-gradient(0deg, rgba(9, 4, 66, 1) 0%, rgba(27, 218, 254, 0) 88%, rgba(255, 255, 255, 0.006039915966386533) 100%);
    }

    .da-thumbs .it-glist .bx-caption span {
      font-weight: 700;
      font-size: 12px;
    }

    .kiztags {
      background: #13013d;
    }


    .total-recent-games {
      background-color: #13013d;
    }

    section.module-about {
      width: 94%;
      margin: 10px 1%;
      padding: 10px 2%;
    }

    section.module-about .cont-desc h2 {
      border-bottom: solid 4px #280e5b;
    }

    section.module-about .cont-desc {
      position: relative;
      min-height: 150px;
      height:100%;
    }

    #mk-description nav ul { padding-left: 10px;text-align:center;position:relative;width:100%; }
    #mk-description nav ul li { width:auto;padding:10px;border-radius:4px;display:inline-block;background:#591e99;margin:5px; position:relative;}
    #mk-description nav ul li a { text-align:left;position:relative;width:100%; }
    #mk-description nav ul li a strong{ padding:0px 10px;position:relative;width:100%; }

    .sector-topggm {
      position: relative;
      width: 98.8%;
      padding: 20px 0.5% 50px 0.5%;
      margin: 10px auto 10px auto;
      border-radius: 10px;
      min-height: 10px;
      overflow: hidden;
      background: #13013d;
      text-align: left;
    }

    .sector-topggm .faqmod h3 {
      min-height: 35px;
    }

    .sector-topggm .faqmod ol {
      width: 95%;
      padding: 20px 0px 20px 5%;
    }

    .sector-topggm .faqmod ol li a {
      position: relative;
      width: 100%;
      min-height: 15px;
      float: left;
      color: #4b8fff;
      font-size: 14px;
    }

    section.module-about {
      background: none;
      padding: 0px;
      margin: 0px auto 10px auto;
      float: none;
    }

    section.module-about .cont-desc {
      background: #13013d;
      padding: 7px 0.5%;
      width: 98.8%;
      padding: 20px 0.5% 40px 0.5%;
      margin: 5px auto;
      border-radius: 10px;
    }

    section.module-about .cont-desc h2 {
      border-bottom: solid 4px #fff;
    }

    .kdesc {
      background: none;
      margin: 0px auto 0px auto;
      padding: 0px 0% 10px 0%;
      min-height: auto;
      height: auto;
      overflow-y: none;
      overflow-x: none;
      overflow: hidden;
    }

    .kdesc strong {
      color: rgb(208, 221, 243);
    }

    .kdesc div.descabout {
      position: relative;
      margin: 0px auto 10px auto;
      max-height: 150px;
      overflow-y: none;
      overflow-x: none;
      overflow: hidden;
    }

    .kdesc div.descabout.max-desc {
      max-height: 100%;
    }

    #mk-description button {
      background: none;
      color: #FAC609;
    }

    #mk-description strong {
      color: rgb(208, 221, 243);
    }

    #mk-description {
      width: 96%;
      float: none;
    }

    #mk-description.max-desc 
    {
      max-height: 100%;
      height:600px;
    }

    .button-gotop {
      background: #49046d;
      height: 50px;
      padding: 10px 0px 0px 0px
    }

    .button-gotop:hover {
      background: #FAC609;
    }


    section.main-games {
      margin: 65px auto 10px auto;
    }

    section.main-games,
    section.more-games {
      /*margin: 65px auto 0px 38px;*/
      /*width:98.4%;*/
      width: calc(100% - 48px);
      padding-top: 0px;
      margin-left: auto;
      margin-right: inherit;
      margin-top: 65px;
    }

    section.module-about {
      width: calc(100% - 48px);
      padding-top: 0px;
      margin-left: auto;
      margin-right: inherit;
      margin-top: 5px;
    }

    .primary-nav {
      position: fixed;
      display: flex;
      flex-direction: column;
      left: 0;
      top: -5px;
      margin-top: 64px;
      height: calc(100% - 64px);
      width: 48px;
      overflow: hidden;
      z-index: 10;
      background-color: var(--bluedark-4);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      background: #13013d;
      /*#280e5b;*/
      scrollbar-width: none;
      border-right: 1px solid rgba(255, 255, 255, .07);
    }

    .primary-nav:hover,
    .primary-nav.hover {
      width: 250px;
      display: block;
      overflow-y: auto;
      scrollbar-width: thin;
    }

    .primary-nav-link:hover {
      border-left: 3px solid #fff;
      background-color: rgba(255, 255, 255, .03);
    }

    .primary-nav-link {
      display: flex;
      align-items: center;
      width: 250px;
      height: 40px;
      text-decoration: none;
      color: var(--bluegray-1);
      font-size: 0.75rem;
      font-weight: 750;
      transition: border-left .1s;
    }

    .primary-nav-link:hover .primary-nav-link-title {
      margin-left: 10px;
      color: #fff;
    }

    .primary-nav:hover .primary-nav-link-title,
    .primary-nav.hover .primary-nav-link-title {
      opacity: 1;
    }

    .primary-nav-link-title {
      opacity: 0.3;
      transition: opacity .2s, margin .3s;
      font-size: 14px;
      font-weight: 600;
      white-space: nowrap;
    }

    nav a img {
      position: absolute;
      left: 10px;
      top: 10px;
      width: 25px;
      height: 25px;
      opacity: 1;
    }

    .primary-nav-link-image {
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: filter var(--transition-1);
    }

    img {
      image-rendering: -webkit-optimize-contrast;
    }

    .primary-nav-link-title {
      opacity: 0.3;
      transition: opacity .2s, margin .3s;
    }

    .primary-nav hr {
      width: 20px;
      border-top: 1px solid #a3b0c6;
      opacity: .2;
      transition: width .2s;
      margin: 10px 0 10px 14px;
    }

    .primary-nav:hover .hide-nav,
    .primary-nav.hover .hide-nav {
      display: block;
    }

    .primary-nav .hide-nav {
      display: none;
    }

    .hide-nav .primary-nav-text {
      padding-left: 14px;
      opacity: .7;
      font-weight: 500;
      font-size: 0.75rem;
    }

    .primary-nav-socials {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      padding-left: 0px;
      width: 100%;
      margin-top: 15px;
      margin-bottom: 10px;
    }

    .primary-nav-socials a {
      height: 40px;
    }

    .primary-nav-socials a strong {
      padding: 5px 0px 0px 20%;
    }

    .hide-nav .primary-nav-text {
      padding-left: 14px;
      opacity: .7;
      font-weight: 500;
      font-size: 0.75rem;
    }

    .primary-nav-socials a {
      opacity: .7;
      transition: opacity .2s;
    }

    section.module-about .cont-desc a.foo {
      padding: 20px 20px;
      margin: 10px auto;
    }

    .box-searchresult-games {
      background: #13013d;
    }

    .box-searchresult-games .formfind {
      width: 70%;
      padding: 0px 15%;
      margin: 15px auto 5px auto;
    }

    .box-searchresult-games .formfind .btnSearch {
      height: 50px;
    }

    .box-searchresult-games .formfind .btnSearch div {
      float: left;
      margin: 0px 0px 0px 30px;
    }

    .box-searchresult-games .formfind .btnSearch span {
      float: left;
      margin: 6px 0px 0px 10px;
    }

    .box-searchresult-games .formfind .ccsearch {
      right: -31px;
      top: 10px;
    }

    .resgames-find strong {
      background: none;
    }

    .resgames-find .results-gg {
      padding: 8px 0px;
      margin: 0px auto 5px auto;
      height: 130px;
    }

    .resgames-find .results-gg article {
      float: none;
    }


    article a img.alpha {}

    article a div.opc {
      display: none;
    }


    .rowg:hover {
      background: none;
      -webkit-transform: none;
      /*scale(1.15, 1.15);*/
      transform: none;
      /*scale(1.15, 1.15);*/
      transform: scale(1.00) translateY(-5px);
      box-shadow: 0 5px 15px #450dc6ff;
    }

    .da-thumbs .it-glist .bx-caption {
      width: 100%;
      margin: 0px;
    }

    .lazy-image[data-src] { opacity: 0; }

    .lazy-image.loaded { opacity: 1; }
    .lazy-image:not(.loaded) { opacity: 0; }

    .vaultgames-list article .delReGame {background:#fff;}
    .vaultgames-list article .delReGame img {width:100%;height:100%;}

    .modRgames:not(:first-of-type){
      content-visibility: auto;
      contain-intrinsic-size: 1px 700px;
    }
       /* CSS crítico para que el parser conozca la imagen LCP de inmediato */
    .bgheadbottom{
        position:absolute;       
        left:0; top:60px;         
        width:100%;
        height:100px;             
        text-align:center;

        background-repeat: repeat-x;
        background-position: top center;
        background-image: url("https://cdn.kiz10.com/template/gammer/images/_bg11-kiz10.png");

        contain: paint;
    }

      .modabout {position:relative;width:100%;min-height:200px;padding:10px;border:solid 0px #fff;overflow:hidden;}  
      .modabout.min-desc { max-height:200px; }
      .modabout.max-desc { max-height:100%;height:500px; }
      @media (min-width: 150px) and (max-width: 480px)
      {
        .modabout.max-desc { max-height:100%;height:800px; }
      }
      section.module-about .cont-desc .modabout h2 {position:relative;width:100%;color: #fff;font-size: 21px;text-align:center;}
      .modabout h2 {position:relative;width:100%;color: #fff;font-size: 21px;text-align:center;}
      .modabout h3 {position:relative;width:100%;color: #FAC609;font-size: 18px;text-align:center;}
      .modabout p {position:relative;width:100%;}
      .modabout div {position:relative;width:100%;}
      .modabout nav {position:relative;width:100%;margin:15px auto;padding:10px 0px;float:left;}
      .modabout nav ul {position:relative;width:100%;padding:0px;list-style:none;}
      .modabout nav ul li {position:relative;width:auto;display:inline-block;padding:10px;border-radius:4px;background:#591e99;margin:5px;}
      .modabout nav ul li a {position:relative;width:100%;}
      .modabout nav ul li a strong {position:relative;width:100%;padding:0px;text-align:center;}

    @media (min-width: 100px) and (max-width: 1000px) {
      article a img.alpha {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
      }

      article a div.opc {
        display: block;
        position: absolute;
        width: 100%;
        height: 35px;
        bottom: 4px;
        right: 0px;
        background: url('//cdn.kiz10.com/template/gammer/images/ico/opc.svg');
        background-size: 35px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 999;
      }

      .modAdsN {
        display: none;
      }

      header .hbc-second a img {
        width: 195px;
        height: 55px;
      }

      header .hbc-four {
        width: 60px;
      }

      .slick-slide {
        margin: 0px 4px 0px 0px;
      }

      .slick-prev {
        display: none;
      }

      .slick-next {
        display: none;
      }

      header .hbc-second {
        left: 50%;
      }
    }



    @media (min-width: 401px) and (max-width: 950px) {
      section.modRgames .slick-initialized .slick-slide div {
        width: 90px;
      }

      .resgames-find .results-gg {
        height: 200px;
      }

      .box-searchresult-games .formfind .btnSearch span {
        display: none;
      }

      header .hbc-second {
        left: 50%;
      }

      .box-searchresult-games .formfind {
        width: 70%;
        padding: 0px 15%;
      }

      .resgames-find .results-gg {
        height: 110px;
      }
    }

    @media (min-width: 300px) and (max-width: 450px) {
      section.modRgames .slick-initialized .slick-slide div {
        width: 80px;
      }

      header .hbc-second a img {
        display: inline-block;
      }

      header .hbc-second {
        left: 50%;
      }

      .box-searchresult-games .formfind {
        width: 90%;
        padding: 0px 5%;
      }

      .resgames-find .results-gg {
        height: 200px;
      }

      .primary-nav {
        display: none;
      }

      section.main-games {
        margin: 65px auto 10px auto;
      }

      section.main-games,
      section.more-games {
        /*margin: 65px auto 0px 38px;*/
        /*width:98.4%;*/
        width: calc(100%);
        padding-top: 0px;
        margin-left: auto;
        margin-right: inherit;
        margin-top: 65px;
      }

      .modRgames {
        padding: 7px 0.5%;
        width: 98.8%;
      }

      section.module-about {
        width: calc(100%);
        padding-top: 0px;
        margin-left: auto;
        margin-right: inherit;
        margin-top: 5px;
      }
    }