@font-face {
  font-family: 'DKCrayon';
  src: url('../fonts/dkcrayon.ttf');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'chilled';
  src: url('../fonts/chilled.TTF');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'didact';
  src: url('../fonts/DidactGothic.ttf');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'revicons';
  src: url('../fonts/revicons.woff');
  font-weight: normal;
  font-style: normal;
}

a:hover { 
        color: white;
        text-decoration: none;
}

p,ul,li{
  font-size: 1rem;
}

body{
     background-color: #234783;
}


.halficon img {
    height: 50px;
    position: relative;
    margin: auto;
    top: 0px;
}

.idc{


  margin:26px 0 !important; 
}

.modal-content{
  background: #002640;
}

.close {
  
    color: #fff;
}


.navbar-toggler {
    border-color: rgb(255,255,255) !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.circle-serie{
    border: 3px solid white;
    border-radius: 100px;
}

.span-number{
  font-size: 1.5rem;
}

input:focus {
   
    background-color: rgba(0,0,0,0);
   border-bottom: 1px solid #5fb2cc;
}

.fondo-login {
    background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondo_login_btn.png) center no-repeat;
    background-size: 151px;
    min-width: 151px;

}

.fondo-login.full{

background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondo_login_btn.png) center no-repeat;
          background-size: 33%;

}

.info{
       min-height: 500px;
    background: rgba(256,256,256,0.6);
}

.p-blue{
      color: #004783 !important;
}

.promo{

      font-size: 21px;
    margin-top: 37px;
}

.promo:hover{

        color: #009abe;
}


.img-promo{
  max-width: 61px;
    padding-bottom: 8px;
    padding-right: 3px;
    max-height: 50px;
}

.slick-slide{
     margin-left:  20px;
    margin-bottom: 15px;
    margin-right: 20px;
}

.cont-large{
      max-width: 1600px;
}


.container-fluid{
      overflow-x: hidden !important;
}
.crs-nc {
    /* padding-left: 30px; */
    margin: auto;
    display: block;
}

.ep.fix.nc{
  min-height: 120px;
}

.slider { display: none; }
.slider.slick-initialized { display: block; }

.stitle{
      text-overflow: ellipsis;
    /* max-height: 28px; */
    white-space: nowrap;
    overflow: hidden;
         font-size: 1.125rem;
    padding: 9px;
}

h1{
      font-size: 3.4375rem;
}

h4{
  font-size: 1.125rem;
}



.navbar {
    min-height: 160px;
    background-color: #004b80;
    
      
}

.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}


.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ffffff;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #ffffff;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ffffff; 
}

.nav-link {
    font-size: 1.125rem;
    float: left;
}


.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: .25rem;
  margin: 0 0.25em;
      white-space: nowrap;
    overflow: hidden;
    font-size:1.6rem;/* 1.8125rem;*/
}

.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #004b80;
  border-color: #004b80;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: #004b80;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #004b80;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ffffff;
  background-color: #004b80;
}
.navbar .navbar-toggle {
  border-color: #004b80;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #004b80;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}

.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #ffffff;
}
.img-btn{
       max-width: 100px;
}


.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: #004b80;
}



.navbar-logo{
       max-width: 220px;
}

.arrow{
  max-width: 50px;
  max-height: 245px;
  width: 50px;
}
.arrow-vertical{
    max-width: 50px;
    max-height: 100%;
    width: 50px;
  }

 .copy{
    text-align: right; 
  }

.smedia{
        height: 566px;
    overflow: hidden;
}


.pinguistyle{
    font-family: "ahkioregular_4";
    color: #fff;
}

.swal2-title{
    font-family: "ahkioregular_4";
        color: #4d7ea6 !important;
}

.img-panchito{
         max-width: 140px;
}

.fondo-phone{
  
    min-height: auto;
    background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/iglu.jpg) center no-repeat;
    background-size: cover;
    background-color: #234783;

}


.swal2-show{

      border: 2px solid #e99604;
}

.swal2-confirm{
  background: #e99604 !important;
        border-radius: 16px;
}

.swal2-content{
   font-family: "museo_slab";
}

    


.pinguistyle2{
    font-family: "museo_slab";
    color: #fff;
}

.pinguistyle3{
      font-family: "sketch_rockwellregular";
       color: #fff;
}

.text-hidden{
      text-overflow: ellipsis;
    /* max-height: 28px; */
    white-space: nowrap;
    overflow: hidden;
        max-width: 75%;
}

.btn-pingui {
    background: #eb9123;
    color: white;
    font-size: 1.625rem;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 9px;
    box-shadow: 0px 0px 20px #0000007a;
        min-width: 150px;
}

.nav-link.lpersonajes{
  font-size: 1.5rem ;
}

.nav-link.lwallpapers{
  font-size: 1.5rem ;

}

.nav-link.lepisodios{
  font-size: 1.5rem ;

}

.nc-ppal{
        margin-top: 100px;

}

.pancho{
      max-width: 200px;
}

.pingui-pensando{
   min-height: 415px;
  }
.row-pingui-pensando{
    height: 100% !important;
       min-height: 415px;
}   
.pingui-personajes{
    min-height: 250px;
}


.fondo-splash{

  background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/brocha.svg) center no-repeat;
       background-size: 100%;
       height: 60px;
       padding-top: 17px !important;
       margin-left: 15%;
       margin-right: 15%;
}


.accordion .card .card-header .fas:after {
    
         content: "\f078";
    font-family: 'Font Awesome\ 5 Free';
}
.accordion .card .card-header.collapsed .fas:after {
    /* symbol for "collapsed" panels */
   content: "\f054";
}





@media (max-width: 470px){
    .fondo-splash{
        margin-left: 0%;
        margin-right: 0%;
    }
}

.fondo-splash-about{
    background-size: 100%;
    margin-top: 50px;
}

.fondo-bubble{

  background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/bubble.png) center no-repeat ;
  background-size: cover;

}

.fondo-splash.full{

  background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/brocha.svg) center no-repeat ;
  background-size: cover;

}

.rplayer .ppal{
  display: block;
}



.capitulos{
        min-height: 520px;
  background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondo_series.svg)center center repeat-y;
  background-size: cover;
  background-color: #7ce7df;

}

.newepisodios{
     min-height: 854px;
  background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondo_newepisodios.svg)center center repeat-y;
  background-color: #7f3887;
    background-size: cover;
        padding-bottom: 30px;
}

.iserie{
         max-width: 130px !important;
}

.logintoaccess {
    color: white;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
 /*   background-color: rgba(0,0,0,0.5); */
    border-radius: 5px;
    font-size: 1.6875rem;
}

.logintoaccess p {
    padding: 30% 0;
    text-align: center;

}

.logintoaccess p.lp2  {
    padding: 23% 0px;
    text-align: center;
    
}

.player {
    position: absolute;
    top: 31%;
    left: 39%;
    max-width: 133px;
} 

.player2 {
    position: absolute;
    top: 14%;
    left: 32%;
    max-width: 60px;
}

.player3 {
    position: absolute;
    top: 19%;
    left: 33%;
    max-width: 91px;
}
.iconjuego {
    margin-top: -26px;
       max-width: 70px;
    position: absolute;
    top: 73%;
    left: 73%;
    height: 70px;
}

.player.mid{
      position: absolute;
    top: 22%;
    left: 37%;
    max-width: 84px;

}

.player.mid2 {
    /*position: absolute;
    top: 23%;
    left: 33%;
    max-width: 66px;
    height: 55px;*/
    position: absolute;
    top: 23%;
    left: 28%;
    max-width: 86px;
    height:75px;
}

.locked.mid2 {
    position: absolute;
    top: 18%;
    left: 30%;
    max-width: 75px;
}

.player.big {
    position: absolute;
    top: 36%;
    left: 42%;
}

.locked.mid{
      position: absolute;
    top: 22%;
    left: 37%;
    max-width: 84px;  
}
.locked.big {
    position: absolute;
    top: 37%;
    left: 48%;
    max-width: 110px;
}

.locked {
    position: absolute;
    top: 23%;
    left: 42%;
    max-width: 110px;
}

.locked2 {
    position: absolute;
    top: 6%;
    left: 35%;
    max-width: 78px;
}
div.ep {
    position: relative;
    background-color: rgba(0,0,0,0.2);
    padding: 5px;
    border-radius: 5px;
}
div.ser, div.ep {
    
    height: 96%;
    /* width: 96%; */
    width: auto;
   /* margin: 2%; */
    max-width: 722px;
}

div.ep-full{
  max-width:100% !important;
}

.rplayer{
      background-color: rgba(0,0,0,0.2);
    padding: 5px;
    border-radius: 5px;
  }
  
.index {
 
    /* background-position-y: -157px; */
    background-color: #7ce7df;
    min-height: 620px;
}

.index.logged{
     background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/bg-igloo.jpg)  no-repeat;
         background-size: cover;
}

.index.notlogged{
       background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondish.jpg)  no-repeat;
           background-size: cover;
}

.btn-small {
    font-size: 1rem;
     min-width: unset;
}

.index2{
     background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/gamebackground.jpg) center no-repeat;
   
      background-color: #7ce7df;
    background-size: cover
   
}

.index3{
     background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondopancho.jpg) center no-repeat;
     min-height: 650px;
      background-color: #7ce7df;
        background-size: cover
   
}


.fondologin{
     background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondologin.jpg) center no-repeat;
     min-height:750px;
      background-color: #7ce7df;
        background-size: cover
   
}

.fondodescarga{
     background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondos_pinguiigluu.jpg) center no-repeat;
   
      background-color: #7ce7df;
        background-size: cover
   
}

.fondocontacto{
     background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/Contactofondo.jpg) center no-repeat;
    min-height:950px;
      background-color: #7ce7df;
        background-size: cover
   
}

.fondoregion{
     background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondo-region.jpg) center no-repeat;
   
      background-color: #7ce7df;
        background-size: cover
   
}


.fondopreferencias{
     background: url(https://pingui-assets.s3.amazonaws.com/storage/v2/img/img_preferencias.jpg) center no-repeat;
   
      background-color: #7ce7df;
        background-size: cover
   
}
.serieimage{
    
   background-position: center;
    width: 100%;
    height: auto;
}

.c-personaje{
      width: 15vw;
    height: 15vw;
    max-width: 150px;
    max-height: 150px;
    margin: 8%;
    position: relative;
    /* float: left; */
    background-color: #F7962F;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 0px 10px #020370;
    -moz-box-shadow: 0px 0px 0px 10px #020370;
    box-shadow: 0px 0px 0px 10px #020370;
}

.s-descripcion{
      background-size: 100%;
         min-height: 500px;
    /* background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondo_newepisodios.jpg)center center repeat-y; */
       background: #1c4569;
    padding-top: 60px;
}

.indexserie{

     min-height: 500px;
}

.serie-logo {
    /*width: 222px;*/
    height: 170px;
    /* position: absolute; */
    margin-top: -85px;
}

.img-separador{
         height: 5px;
    /* background: black; */
}

.iconstar {
    margin-top: 17px;
    max-width: 60px;
    position: absolute;
    top: 67%;
    left: 82%;
    max-height: 100%;
    height: 60px;   
}


.navigator{
      background: #004b80;
}
@media (min-width: 990px){
    .my-nav{
        margin: 22px 0 !important;
    }
}

.juegosSec{
     min-height: 530px;
  background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/fondo_juegos.svg)center no-repeat;
  background-color: #eb9021;

      background-size: cover
}

.footer {
    background: #1c4569;
        padding-bottom: 30px;
    /* max-height: 513px; */
}

.poster {
    max-height: 171px;
    width: 100%;
}

.fab {
   
    color: white;
}

.foot{
      border-bottom: solid 2px white;
}


.blue{
      color: #4d7ea6;
}


.blue2{
  color: #5fb2cd;
}

.blue3{
  color: #009abe;
}
h4{
      font-size: 1rem;
}

h3{
      font-size: 1.4375rem;
}

.fix-lineal {
    line-height: 0.9;
}

#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 0.875rem;
    line-height: 24px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
    pointer-events:none;
}
.snowflake:hover {
    cursor: default;
}

.fancybox-slide--iframe .fancybox-content {
  width  : 800px;
  height : 450px;
  max-width  : 80%;
  max-height : 80%;
  margin: 0;
  border-radius: 5px;
}


.loginform{
color: #004783 !important;
    font-size: 1.25rem;
    line-height: 1em;
    width: 100%;
    font-family: 'museo_slab';
        padding: 10% 3%;
    background-color: rgba(255, 255, 255, 0.76);
    border: 2px solid #e99604;
}

.loginform.no-border{
background-color:transparent;
 border: none;
}

.tg{
      width: 100%;
}


.titleradio {
    color: white !important;
}

.labl > input:checked + div {
    background-color: #e99604;
}

.labl{
      width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}


.tg-yw4l {
    padding: 8px;
    color: #4d7ea6;
    font-size: 1.125rem;
}


.labl > input + div {
    background-color: #8dd0f1;
    /* border: 1px solid #ff6600; */
    border-radius: 5px;
    color: white;
    /* width: 211px; */
    max-height: 77px;
    font-size: 1.375rem;
    max-width: 166px;
    margin: auto;
    padding: 4px;
}

.labl > input {
    visibility: hidden;
    position: absolute;
}

.gris{
      color: #727a82;
}

.btn-link {
    max-width: 100%;
    min-width: 100%;
}


.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: none;
    background-clip: border-box;
    border: 1px solid rgb(104, 182, 206);
    border-radius: .25rem;
}

a.text-right.w-100.d-block{
      color: #004783 !important;
}

a.text-center.w-100.d-block{
      color: #004783 !important;
}

 .form-group select {
    font-size: 0.9375rem;
    color: #6c757d;
    background-color: rgba(0,0,0,0);
    border: 1px solid #4D7EA6;
    margin: 10px 0;
    border-radius: 4px;
    /* padding: 1.5vh; */
    padding: 10px;
    font-weight: 600;
    font-family: "museo_slab";
    height: auto !important;
}


 .form-group input,select,textarea{
    font-size: 0.9375rem;
     margin: 10px 0;
    border-radius: 4px;
    /* padding: 1.5vh; */
    padding: 10px;
    font-weight: bold;
    font-family: "museo_slab";
    
    border: none !important;
    background-color: transparent !important;
    border-bottom: 1px solid #5fb2cc !important;
}

.form-group label {
    /* padding: 1vh 0; */
    display: block;
    color: #4D7EA6;
    font-size: 1.25rem;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    /* font-size: 3vh; */
}


  .formbutton {
    display: inline-block;
    border-radius: 3px;
    color: white;
    font-size: 1.125rem;
    /* font-size: 3vh; */
    padding: 15px;
    margin-bottom: 15px;
    background-color: #004783;
    width: auto;

}

.phone-btn{
  background-color: #ff9c22 !important;
}

.phone-btn{
  background-color: #ff9c22 !important;
}

.phone-price{
  color: #2b4a77 !important;
}

.c-align{
    margin-top: 14px;
}


@media (max-width: 1400px) {
.locked2 {
    position: absolute;
    top: 2%;
    left: 39%;
    max-width: 76px;
}

.logintoaccess p {
    padding: 30% 0;
    text-align: center;
    font-size: 1.375rem;
}

.locked.big {
    position: absolute;
    top: 23%;
    left: 44%;
    /* max-width: 80px; */
}


.titleradio {
    color: white !important;
    font-size: 21px;
}


.labl > input + div {
  
    border-radius: 5px;
    color: white;
    width: 112px;
       max-height: 65px;
   font-size: 1.0625rem;
    max-width: 166px;
    margin: auto;
    padding: 4px;
}


.player.mid {
    position: absolute;
    top: 19%;
    left: 35%;
    max-width: 80px;
}

.locked.mid {
    position: absolute;
    top: 23%;
    left: 35%;
    max-width: 80px;
}


.player3 {
    position: absolute;
    top: 20%;
    left: 35%;
    max-width: 100px;
}

.player2 {
    position: absolute;
    top: 14%;
    left: 32%;
    max-width: 60px;
}



}




@media (max-width: 1199px) {

.newepisodios {
  padding-bottom: none;
}

   .phone {
    min-height: 768px;
}

 .phone-title {
    font-size: 2.5rem;
}

  .phone-btn {
    font-size: 1.5rem;
}

  .phone-footer{
        font-size: 1.5rem;
  }


  .halficon img {
    height: 50px;
}

.navbar .navbar-nav .nav-link {

        font-size: 1.125rem;

}

.player.mid2 {
    position: absolute;
    top: 22%;
    left: 27%;
    max-width: 75px;
}

.player.big {
    position: absolute;
    top: 30%;
    left: 41%;
    max-width: 110px;

}

.navbar-logo {
    max-width: 220px;
}


  .index{
    height: auto;
  }

  .locked.mid2 {
    position: absolute;
    top: 7%;
    left: 27%;
    max-width: 75px;
}

.player {
    top: 29%;
    left: 41%;
}

.ep.fix {
    min-height: 95px ;
}

.locked {
   
    top: 20% ;
    left: 41% ;
}

.nav-link {
    font-size: 1.125rem;
}

.player2 {
    position: absolute;
    top: 4%;
    left: 24%;
    max-width: 47px;
}

.logintoaccess p.lp2 {
    padding: 23% 0px;
    text-align: center;
    font-size: 0.8125rem;
}


.player3 {
    position: absolute;
    top: 16%;
    left: 31%;
    max-width: 80px;
}
.locked2 {
    position: absolute;
    top: 5%;
    left: 39%;
    max-width: 52px;
}

.logintoaccess p {
    padding: 30% 0;
    text-align: center;
    font-size: 1rem;
}

.locked.mid {
    top: 9%;
    left: 28%;
    max-width: 78px;
}

.locked.big {
    top: 19%;
    left: 42%;
    max-width: 110px;
}

.player.mid {
    top: 9%;
    left: 28%;
    max-width: 78px;
}

.iconjuego {
    margin-top: -26px ;
    max-width: 59px ;
    position: absolute;
    top: 70% ;
    left: 73% ;
    max-height: 100%;
    height: 80px;
    width: 100px;
}

.iconstar {
    margin-top: 1px;
    max-width: 61px;
    position: absolute;
    top: 68%;
    left: 75%;
}

  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #004b80;
  }
}

@media (max-width: 991px) {

  .fondo-bubble {
     background: unset;
  
}

.nc-ppal {
    margin-top: 128px;
}


  .phone{
    min-height: 1024px;
  }

  .nc-ppal {
    margin-top: 53px;
}
.imgjuego {
     max-height: unset;
}

  .phone-title{
        font-size: 3rem;
  }

  .phone-btn{
        font-size: 2rem;
  }

  .phone-footer{
        font-size: 1.5rem;
  }

.locked2 {
    position: absolute;
    top: 14%;
    left: 42%;
    max-width: 52px;
}

.player3 {
    position: absolute;
    top: 10%;
    left: 27%;
    max-width: 54px;
}


.locked.big {
    top: 11%;
    left: 39%;
    max-width: 110px;
}

.locked.mid {
    top: 9%;
    left: 23%;
    max-width: 59px;
}

.player.mid2 {
    position: absolute;
    top: 7%;
    left: 27%;
    max-width: 48px;
}

.player.big {
    position: absolute;
    top: 23%;
    left: 38%;
    max-width: 100px;
}


  .btn-pingui {
 
    font-size: 1rem;

}

form-group input, select {
    font-size: 0.75rem;

    }

.tg-yw4l {
    font-size: 1rem;
}
.locked.mid2 {
    position: absolute;
    top: 7%;
    left: 26%;
    max-width: 48px;
}

.player {
    top: 28%;
    left: 41%;
    max-width: 98px;
}
.ep.fix {
    min-height: 61px;
}


.locked {
    top: 8%;
    left: 38%;
    max-width: 100px;
}

.iconjuego {
    margin-top: -26px;
    max-width: 48px;
    position: absolute;
    top: 70%;
    left: 73%;
}

.iconstar {
    margin-top: 23px;
    max-width: 43px;
    position: absolute;
    top: 56%;
    left: 79%;
}



  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #004b80;
  }
  .fondo-splash-about{
    background-size: 100%;
  }
}


@media (max-width: 767px) {

  .pingui-iphone{
        width: 117px;
  }

    .col-xs-hidden{
    display: none;
  }
.pingui-personajes {
    min-height: 127px;
    height: 111px;
}
.row-pingui-pensando {
    height: 100% !important;
     min-height: unset;
}

.slogan {
    font-size: 2.2rem;
}
  .fondocontacto{
        min-height:100px;
    }



.index.notlogged{
     min-height: auto;
    background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/phone_bg.jpg) center no-repeat;
    background-size: cover;
}

  .promo {
    font-size: 17px;
    margin-top: 30px;
}

  .img-promo {
    max-width: 49px;
    padding-bottom: 8px;
    padding-right: 3px;
} 


  .player.mid {
    top: 31%;
    left: 39%;
    max-width: 138px;
}


.locked.mid {
    top: 31%;
    left: 39%;
    max-width: 138px;
}


  .player3 {
    position: absolute;
    top: 26%;
    left: 38%;
    max-width: 100px;
}


  .img-panchito{
         max-width: 140px;
}

.cont-large {
    max-width: 540px;
}

.poster {
     max-height: 401px;
    width: 100%;
}

.iconjuego {
    margin-top: -26px;
    max-width: 91px;
    position: absolute;
    top: 75%;
    left: 73%;
}


.iconstar {
    margin-top: 42px;
    max-width: 67px;
    position: absolute;
    top: 66%;
    left: 82%;
}

.indexserie {
    min-height: 411px;
}


.player.mid2 {
    position: absolute;
    top: 31%;
    left: 39%;
    max-width: 99px;
}


.phone-title{
  font-size:1.549375rem;
}

.phone-subtitle{
  font-size: 0.875rem;
}
.phone-price{
 font-size: 1.875rem;
}

.phone-btn{
  font-size: 1.375rem;
}

.phone-footer{
  font-size: 1.125rem;
}




  .main-title{
        font-size: 1.875rem;
  }

  .img-footer{
        max-width: 180px;
  }

  .player {
    top: 21%;
    left: 34%;
    max-width: 63px;
}


  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #004b80;
  }

   .copy{
    text-align: center !important;
  }
  .fondo-splash-about{
    background-size: 70%;
  }
  
  
}


@media (max-width: 680px) {





  .iconstar {
    margin-top: 86px;
    max-width: 58px;
    position: absolute;
    top: 56%;
    left: 83%;
}

.player.mid {
    top: 31%;
    left: 38%;
    max-width: 103px;
}

.locked.mid {
    top: 31%;
    left: 38%;
    max-width: 103px;
}

.player3 {
    position: absolute;
    top: 23%;
    left: 38%;
    max-width: 113px;
}


.cont-large {
    max-width: 540px;
}

.iconstar {
    margin-top: 79px;
    max-width: 58px;
    position: absolute;
    top: 56%;
    left: 83%;
}

.poster {
    max-height: unset;
    /* width: 100%; */
}

  .img-panchito{
         max-width: 140px;
}

.player.mid2 {
    position: absolute;
    top: 31%;
    left: 37%;
    max-width: 104px;
}

.phone-title{
  font-size:1.549375rem;
}

.phone-subtitle{
  font-size: 0.875rem;
}
.phone-price{
 font-size: 1.875rem;
}

.phone-btn{
  font-size: 1.375rem;
}

.phone-footer{
  font-size: 1.125rem;
}





  .main-title{
        font-size: 1.875rem;
  }

  .img-footer{
        max-width: 180px;
  }

.player {
    top: 28%;
    left: 41%;
    max-width: 76px;
}

  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #004b80;
  }

   .copy{
    text-align: center !important;
  }



}


@media (max-width: 575px) {

  .tg-yw4l {
    font-size: 0.9rem;
}

 .circle-serie {
    max-width: 70px;
    max-height: 70px;
}
    .idc{

        margin:0px 0 !important;

    }
  .c-personaje {
     width: auto;
     height: auto;
    /* height: 15vw; */
    max-width: auto;
    max-height: auto;
  
}

.imgpay{

  min-width: 170px;
}


  .index2 {

    min-height: 300px;
}



.serie-logo-index {
    width: auto;
    height: 52px;
    /* position: absolute; */
    margin-top: -30px;
    z-index: 100;
}

.img-separador-index {
    height: 0px;
    /* background: black; */
}

  .fondo-login {
    background-size: 80% !important;
    min-width: unset;
}

  .fondo-bubble {
    background: none;
    background-size: cover;
}


  .juegosSec {
    height: auto;
}


.newepisodios {
   height: auto;
}

.navbar-logo {
          max-width: 130px;
}

.navbar-toggler-icon {
    width: 1em;
    height: 1em;
    
}

.fondo-splash {
   
     background-size: 100%; 
}

.navbar {
    min-height: auto;
    background-color: #004b80;
}


  .slick-slide {
    margin-left: 3px;
    margin-bottom: 15px;
    margin-right: 3px;
}

.appdownload {
    max-width: 140px;
}


  .nav-link.lpersonajes{
  font-size: 1rem ;
}

.nav-link.lwallpapers{
  font-size: 1rem ;

}

.nav-link.lepisodios{
  font-size: 1rem ;

}

.player.mid2 {
     position: absolute;
    top: 26%;
    left: 37%;
    max-width: 75px;
}


.player.big {
    position: absolute;
    top: 23%;
    left: 36%;
    max-width: 75px;
}


  .btn-pingui {
    font-size: 1rem;
  }

  .titleradio {
    color: white !important;
    font-size: 1.3125rem;
}

h1 {
    font-size: 2.9375rem;
}

h3 {
    font-size: 1.1875rem;
}

.c-personaje {
     margin: 20%;
 
}


.s-descripcion {
        min-height: 100%;

}

.locked.big {
    top: 6%;
    left: 37%;
    max-width: 129px;
}


.player2 {
    position: absolute;
    top: 28%;
    left: 38%;
    /* max-width: 31px; */
}

.locked.mid2 {
    position: absolute;
    top: 26%;
    left: 37%;
    max-width: 75px;
}

.tg-yw4l {
    padding: 11px 0px;
   
}

.logintoaccess p.lp2 {
    padding: 23% 0px;
    text-align: center;
  
}

.player.mid {
     top: 26%;
    left: 36%;
    max-width: 92px;

}

.locked.mid {
    top: 26%;
    left: 36%;
    max-width: 92px;
}


.fab {
    font-family: Font Awesome\ 5 Brands;
    font-size: 1.5625rem;
}


.player3 {
    position: absolute;
    top: 24%;
    left: 37%;
    max-width: 85px;
}

.labl > input + div {
   font-size: 1.0625rem;
    max-height: 66px;
    max-width: 90px;
}

.iconstar {
    margin-top: 13px;
    max-width: 41px;
    position: absolute;
    top: 73%;
    left: 84%;
}

.iconjuego {
    margin-top: -26px;
    max-width: 80px;
    position: absolute;
    top: 70%;
    left: 73%;
}

.serie-descripcion-texto{

      display: -webkit-box;
    /* height: 60px; */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.serie-descripcion-texto:hover {
    overflow: visible;
    display: block;
}

.locked {
    top: 5%;
    left: 37%;
    width: 75px;
}

.logintoaccess p {
    padding: 29% 0;
    text-align: center;
    font-size: 1rem;
}


.player {
      position: absolute;
    top: 26%;
    left: 37%;
    max-width: 75px;
}

.arrow {
    max-width: 22px;
}

.paremo{
    width: 50px;
    height: 50px;
}
.crs-nc{
      padding-bottom: 30px;
}

.crs-juegos{
      padding-bottom: 20px;
}

.serie-descripcion{
      padding-top: 30px;
}

.indexserie{

     min-height: 210px;
}

.ep{
  min-height: 234.5px;
}

.ep.fix {
    min-height: 183.43px;
}

.phone{
  min-height: 812px !important;
}

.fondo-phone{
  
    min-height: auto;
    background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/phone_bg.jpg) center no-repeat;
    background-size: cover;

}

.img-panchito{
         max-width: 140px;
}


.phone-title{
     font-size: 1.9rem;
}

.phone-subtitle{
  font-size: 0.875rem;
}
.phone-price{
 font-size: 1.875rem;
}

.phone-btn{
  font-size: 1.375rem;
}

.phone-footer{
  font-size: 1.125rem;
}

.serie-title{
  font-size: 2.5rem;
}

.nc-ppal {
    margin-top: 5px;
}

.cont-large{
      max-width: unset;
}

.imgjuego {
    max-height: unset;
}

.rplayer .ppal{
  display: none;
}

.index {

     min-height: auto;
     background: url(https://pingui-assets.s3-accelerate.amazonaws.com/storage/v2/img/phone_bg.jpg) center no-repeat ;
     background-size: cover;
}


  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #004b80;
  }
}

.arrow-h-content{
    margin-top: 90px !important;
}