/*! Place your custom styles here */

@media all and (max-width: 768px) {
    .bar .logo {
        max-height: 60px;
        
    }
}

@font-face {
    font-family: BryantPro;
    src: url("../fonts/BryantPro-Regular.otf") format("opentype");
}

@font-face {
    font-family: BryantPro;
    font-weight: bold;
    src: url("../fonts/BryantPro-Bold.otf") format("opentype");
}
.oculto{
    visibility: hidden;
}
.visibleok{
    visibility: visible;
}               

.play-button-div {
    position: relative;
    display: inline-block;    
  }
  .play-button-icon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-text-fill-color: white;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: black;        
  }


  /* Portrait */
@media screen and (orientation:portrait) {
    /* Portrait styles */
    .zzkolbi-login-portrait{
        display:block;
    }    
    .zzkolbi-login-landscape{
        display:none;
    }        
}
/* Landscape */
@media screen and (orientation:landscape) {
    /* Landscape styles */
    .zzkolbi-login-portrait{
        display:none;
    }
    .zzkolbi-login-landscape{
        display:block;
    }            
}

@media screen and (max-width: 576px) {
    /* For tablets: */
    .cckolbi-login-portrait{
        display:block;
    }    
    .cckolbi-login-landscape{
        display:none;
    }
  }
  
  @media only screen and (max-width: 600px) {
    .cckolbi-login-portrait{
        display:none;
    }
    .cckolbi-login-landscape{
        display:block;
    }  
  }