/*colores navbar*/
.bg-1 {background-color: #0060AA;}

.mc-header{
  padding-top: 30%;
}

.compartir .dropdown-menu[data-bs-popper]{
  left: -200%!important;
}

.compartir{
  flex-direction: row-reverse!important;
}



@font-face {
  font-family: Aller;
  src: url(fuentes/Aller-Regular.ttf);
}
@font-face {
  font-family: Swis721;
  src: url(fuentes/Swis721-BT-Bold.ttf);
}

p {
  font-family: Aller;
  font-size: 20px;
  line-height: 26px;
  color: #727271;
}

.pie-foto{
  font-size: 15px;
  line-height: 17px;
  margin-top: -20px;
  margin-bottom: 4px;
  color: #ffffffb0;
}

.text-componentes {
  font-size: 18px;
  line-height: 21px;
  font-style: italic;
  color: #ffffffd4;
  margin-right: 7%;
}

.pie-video2{
  font-size: 16px;
  line-height: 18px;
  padding: 10px;
  color: #fff;
}

.pie-video{
  font-size: 15px;
  line-height: 17px;
  margin-top: 5px;
  padding-bottom: 15px;
}

.card {
    background-color: #ffffff00!important;
    border: 0px solid!important;
  }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #93D500!important;
}

.owl-nav {
  margin-top: 0px!important;
  font-size: 50px;
  color: #fff;
  position: absolute;
  width: 100%;
  top: 40%;
}

.owl-theme .owl-nav [class*=owl-]:hover{
background: #fff0!important;
}

.owl-prev{
  position: absolute;
  left: 0px;
}

.owl-next{
  position: absolute;
  right: 0px;
}

.titulo{
  font-family: Swis721;
  font-size: 35px;
  line-height: 40px;
  padding-left: 15%;
  padding-right: 15%;
  text-align: center;
}

.entradilla{
  color: #000;
  font-style: italic;
  font-weight: bold;
}


.containerdiv { float: left; position: relative; }
.san-gil { position: absolute; top: 2.4%; right: 23%; width: 23%;}
.suaita { position: absolute; top: 40.5%; right: 60.3%; width: 23%;}
.oiba { position: absolute; top: 54%; right: 4%; width: 29%;}
.barbosa { position: absolute; top: 76%; right: 58%; width: 29%;}


.azul1{
  color: #264796;
}

.bg-azul{
  background-color: #264796;
}

.empelados{
  color: #264796;
  margin-top: -10px;
}

.bg-azul2{
  background-color: #005CA8;
}

.blanco {
  color: #fff;
}

.blanco-text {
  color: #ffffffd4;
}

.verde1{
  color: #00953B;
}

.bg-verde{
  background-color: #00953B;
}




.nav-link {
  color: #fff;
}

.nav-link:focus, .nav-link:hover {
    color: #ffffffa8;
}





.video-background-holder {
  position: relative;
  background-color: black;
  height: calc(100vh);
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video-background-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-background-content {
  position: relative;
  z-index: 2;
}

.video-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 1;
}

.whatsapp{
  display: none;
}

.container{
  max-width: 918px;
}

.img-100{
  width: 100%;
  height: auto;
}

.fondo1 {
  background-image: url(barrancabermeja-100-anos/fondo1.jpg);
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-size: 100%;

}

.fondo2 {
  background-image: url(barrancabermeja-100-anos/fondo2.jpg);
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-size: 100%;

}

.fondo3 {
  background-image: url(barrancabermeja-100-anos/fondo3.jpg);
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-size: 100%;

}

.fondo4 {
  background-image: url(barrancabermeja-100-anos/fondo4.jpg);
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-size: 100%;

}

.fondo5 {
  background-image: url(barrancabermeja-100-anos/fondo5.jpg);
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-size: 100%;

}

.verde{
  background-color: #65E335;
}
.b-verde{
  border: 5px solid #65E335;
}

.rojo{
  background-color: #D6411D;
}
.b-rojo{
  border: 5px solid #D6411D;
}

.amarillo{
  background-color: #ffb500;
}
.b-amarillo{
  border: 5px solid #ffb500;
}

.azul{
  background-color: #00B9FF;
}
.b-azul{
  border: 5px solid #00B9FF;
}
.azul-2{
  background-color: #005baa;
}


.rojo-tex{
  color: #D6411D;
  font-weight: bold;
  text-align: center;
}
.azul-tex{
  color: #005baa;
  font-weight: bold;
  text-align: center;
}

.links{
  color: #99C331!important;
}

mark{
  background-color: #ffb500;
}

.pie{
  color: #9b9b9b;
  font-size: 16px!important;
}

.logo-top{
  height: 35px;
  width: auto;
  padding-right: 25px;
}

.movil-360{
  display:none;
}

.text-footer{
  font-size: 16px;
  color: #ffffffd4;
}


@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {

  .compartir .dropdown-menu[data-bs-popper]{
    left: 0!important;
  }

  .owl-nav {
    top: 28%;
  }

  .text-footer{
    font-size: 0.8rem!important;
  }

  p {
    font-size: 18px;
    line-height: 24px;
  }

  .compartir{
    flex-direction: row!important;
  }

  .c1{
    margin-left: -45%;
  }

  .titulo{
    font-size: 35px;
    line-height: 35px;
    padding-left: 1%;
    padding-right: 1%;
  }

  .nuevalinea{
    display:none!important;
  }

  .pc-360{
    display:none;
  }

  .movil-360{
    display: block;
  }

  .ratio-1x1{
    height: 85vh;
  }

  .whatsapp{
    display: block;
  }



}