@font-face {
    font-family: 'Fakt Blond';
    src: url('fontsNew/Fakt-Blond.woff2') format('woff2'),
        url('fontsNew/Fakt-Blond.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Fakt Bold';
    src: url('fontsNew/Fakt-Bold.woff2') format('woff2'),
        url('fontsNew/Fakt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Para Supreme Normal';
    src: url('fontsNew/ParaSupreme-RegularNormal.woff2') format('woff2'),
        url('fontsNew/ParaSupreme-RegularNormal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  
body{
  width: 100%;
}

    /* css pato */


      .Fakt_Blond{
        font-family: 'Fakt Blond';
      }
    
      .Fakt_Bold{
        font-family: 'Fakt Bold';
      }
    
      .psn{
        font-family: 'Para Supreme Normal';
      }
      

      .text-title{
        font-size: 6rem;
        line-height: 1;
      }

      .text-title-wheel{
        font-size: 8.75rem;
      }

      .p-text{
        font-size: 1.5rem;
        line-height: 110%;
      }


      .p-0{
        padding: 0px;
      }
  
      .pt-2rem{
        padding-top: 2rem;
      }
  
      .pt-0{
        padding-top: 0px;
      }
  
      .pb-8{
        padding-bottom: 8rem;
      }

      .pb-2{
        padding-bottom: 2rem;
      }
  
  
      .positionOK{
  
        
  
      }      

      .pt-4rem{
        padding-top: 4rem;
      }

      .pt-6rem{
        padding-top: 6rem;
      }

      .pt-8rem{
        padding-top: 8rem;
      }      


      .wrap-reel{
        display: flex;
        flex-direction: row;
      }

      .overflowX-hidden{
        overflow-x: hidden;
      }

      .wrap-reel-item-figure {
        display: block;
        margin-right: 8rem;
        flex-shrink: 1;
      }

      .reel-figure-media{
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
        border-radius: 1000px;
        width: 500px;
        height: 267px;
        margin-left: 10rem;
        margin-right: 5rem;
      }

      .reel-figure-media video {
        width: 100%;
        height: 100%;
        transform: scale(1);
        -o-object-fit: cover;
        object-fit: cover;
    }

    .dflex{
      display: flex;
    }

    .w-50{
      width: 50%;
    }

    .w-60{
      width: 60%;
      white-space: break-word !important;

    }


    .white-color{
      color: #FFFFFF;
    }

    .white-color{
      color: #FFFFFF;
    }

    .black-color{
      color: #000000;
    }

    .bg-white{
      background-color: #FFFFFF;
    }

    .bg-transparent{
      background-color: transparent;
    }

    .h-100vh {
      height: 100vh;
    }

    .h-80vh {
      height: 80vh;
    }




    .cb-intro {
      width: 100%;
      height: 100vh;
    /*  overflow: hidden; */
      position: relative;
    }
    
    .cb-intro-mask {
      width: 100%;
      height: 100%;

    /*  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); */
      border-radius: 1000px;
    }







    .pin-spacer{
      position: relative;
      top: -200px;
      width: 100%;
      height: 100%;
      border-radius: 1000px;
      display: flex;
      justify-content: center;
    }

    .wrap-pill-item-figure{
      position: absolute;
      top: 0px;
      right: 0px;
    }

    .pill-figure-media{
      position: relative;
      overflow: hidden;
      transform: translateZ(0);
      border-radius: 1000px;
      width: 360px;
      height: 360px;
      margin-left: 10rem;
      margin-right: 10rem;
    }

    .pill-figure-media video {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
  }

  .pill-figure-media2{
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 1500px;
    width: 85%;
    height: 380px;    
  }  

  .pill-figure-media2 video{
    border-radius: 1500px; 
  }    

  .wrap-bgvideo{
  position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 0;    
  }

  .bg-video {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 100%; 
    min-height: 100%;
  }

  .wrap-bgvideo video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
 /* position: fixed;*/
  top: 0;
  left: 0;
}



  .pos-rel{
    position: relative;
  }

.borderButons{
  border-radius: 50px;
  border: 1px solid #FFFFFF;
  padding: 10px 12px;

}


.rrss{
  width: 100px;
  height: auto;
}





.line-height{
  line-height: 150%;
}

.bg-nav{
  background-color: #18191b;
  background-color: #d40511;

}


#desarrolloAudiovisual2{
  position: relative;
  background-color: transparent !important;
  z-index: 2;
  pointer-events: auto;
  overflow: hidden;
}


#desarrolloAudiovisual2 .container{
  z-index: 999;
}

.overVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  
  background-color: #d40511;
}


.video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  z-index: 1;
}


.displayNoneDesk{
  display: none;
  visibility: hidden;
}


.positionAb{
  position: absolute;
}

.zindex1{
  z-index: -1;
}

.zindex999{
  z-index: 999;
  position: relative;
}


@media only screen and (max-width: 600px) and (max-width: 912px) {
  
  .text-title{
    font-size: 2.5rem;
  }

  .text-title-wheel{
    font-size: 4.75rem;
  }

  .p-text{
    font-size: 1.25rem;
    line-height: 110%;
  }

  .w-100Mob{
    width: 100% !important;
  }

  .pt-0rem-Mob{
    padding-top: 0;
  }

  .pt-3rem-Mob{
    padding-top: 3rem;
  }

  .pt-2rem-Mob{
    padding-top: 2rem;
  }

  .wrap-reel-item-figure {
    display: block;
    margin-right: 0rem;
    flex-shrink: 1;
  }

  .reel-figure-media{
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 1000px;
    width: 250px;
    height: 133px;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .pill-figure-media{
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 1000px;
    width: 85%;
    height: 380px;
    margin-left: 10rem;
    margin-right: 10rem;
  }


.videoMobile{
  top: -20px;
}

  .pill-figure-media2{
  /*  position: relative; */
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 750px;
    width: 85%;
    height: 150px;    
  }  

  .pill-figure-media2 video{
    border-radius: 750px; 
    width: 100%;
  }   

  .hidden-mob{
    display: none !important;
    visibility: hidden !important;
  }

.h-70vhMob{
  height: 70vh;

}

.h-90vhMob{
  height: 90vh;

}
.displayOnMob{
  display: block;
  visibility: visible;
}



.text-centerMob{
  text-align: center;
}

.align-items-center-Mob{
  align-items: center !important;

}

.justify-content-center-Mob{
  justify-content: center !important;
}

.column-mob{
  flex-direction: column !important;
}

.flexWrap{
  flex-wrap: wrap;
}

.container{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.video {
  position: absolute;
  right: -58%;
  bottom: -5%;
  min-width: 100%; 
  min-height: 100%;
  z-index: 1;
}


}