/* Fuentes */

@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local("Myriad Pro Regular"), url("../../fonts/myriad/MYRIADPRO-REGULAR.woff") format("woff"); 
}
@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local("Myriad Pro Light"), url("../../fonts/myriad/MYRIADPRO-LIGHT.woff") format("woff"); 
}
@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local("Myriad Pro Semibold"), url("../../fonts/myriad/MYRIADPRO-SEMIBOLD.woff") format("woff"); 
}
@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local("Myriad Pro Bold"), url("../../fonts/myriad/MYRIADPRO-BOLD.woff") format("woff"); 
}

@font-face {
  font-family: 'Mulish Black';
  font-style: normal;
  src: local("Mulish Black"), url("../../fonts/mulish/MULISH-BLACK.TTF") format("woff"); 
}

body, h1, h2, h3, h4, h5, h6, p, button, .btn {
    font-family: "Myriad Pro Regular" !important ;
    font-weight: normal ;
}

/*Estilos generales*/
* {
    -webkit-transition: all .3s linear !important;
    -moz-transition: all .3s linear !important;
    -ms-transition: all .3s linear !important;
    -o-transition: all .3s linear !important;
    transition: all .3s linear !important;
}

a{
    color: #24135F ;
    text-decoration: none ;
}

a:hover {
    color: #24135F;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #24135F;
}

.back_white{
    background-color: white;
}

.text_white{
  color: white;
}

.back_blue{
  background-color: #24135F;
}

.text_blue{
  color: #24135F;
}

.video_container_main{
  position: relative;
  /*background-color: #24135F;*/
  /*background-color: #ffff;*/
  min-height: 95vh;
  content: '';
}

.back_stripes{
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.logo_gif_container{
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.right-container{
  z-index:3;
}

.logo_gif_container img{
  width: 95%;
}

.anios_logo{
  width: 30%;
  z-index: 2;
}

.white_pleat{
  width: 100%;
  background-color: white;
  height: 3px;
  content: '';
  --animate-duration: 5s;
}

.video_player{
  width: 100%; 
  height: 100%; 
  margin-right: 10px; 
  margin-bottom: 10px;
  right:0;
}

.back_stripes{
  height: 95vh;
 filter: opacity(0.4);
  --animate-duration: 5s;
}