@font-face {
    font-family: bnpp-rounded;
    src: url('../font/f-bnp/bnpp_sans.otf');
}
@font-face {
    font-family: Poppins;
    src: url('../font/poppins/Poppins-Regular.otf');
}
.iconos{
    color:white;
}
.top_bar{
    margin-top: 2%;
    margin-bottom:10px;
}
.texto_inicio{
    font-family:  "bnpp-rounded", sans-serif;
    text-align: left;
    color:white;
    margin-top: 37%;
    margin-left: 7%;
    border: 2px solid #fff;
    padding: 20px;
}
.footer_bar{
    color:white;
    background-color:#6b43fc;
    height: 60px;
}
.footer_bar a{
    color:white;
    text-decoration: none;
}
.ld-footer{
    width:100%;
    height:auto;
    background-image: url('../img/bg-footer-mastraining.jpg');
    background-size: contain;
}
.logo_footer {
    max-width: 100px;
}
.bg_inicio{
    background-image: url('../img/bg-banner-masTraining.png');
    background-repeat: no-repeat;
    /*background-size: contain;*/
}
.logo_footer{
    background-image: url('../img/shape-footer.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.mastipin img{
    max-width: 100%;
    margin-top:27%;
    margin-left:-15%;
}
.seccion_media{
    font-family:  "bnpp-rounded", sans-serif;
}
.seccion_media img{
    margin-top: 37%;
}
.celular img{
    max-width: 390px;
    margin-top:30%;
    margin-bottom:15%;
}
.seccion_media h4{

    border-bottom: 2px solid #6b43fc; 
}
.seccion_media p{
    font-family: "Poppins";
    margin-top: 5%;
    text-align: justify;
    margin-bottom: 8%;
}
.boton_verde{
    font-family: "Poppins";
    border-radius: 15px;
    background-color: #6b43fc !important;
    border-color: #6b43fc;
    color:#fff;
    padding-left: 39%;
    padding-right: 39%;
}
.boton_transparente{
    font-family: "Poppins";
    border-radius: 15px;
    background-color: #fff !important;
    border-color: #6b43fc;
    color:#fff;
    padding-left: 34%;
    padding-right: 34%;
    margin-top: 7%;
}

.boton_transparente img{
    margin:0;
    padding:0
} 
a.boton_transparente:hover{
    border-color:#6b43fc;
}
.banderas img{
    margin-bottom: 5%;
}
.logo-cristalino{
    font-family: "Poppins";
    color:white;

}
.logo-cristalino img{
    margin-bottom:10%;
}
.mas_tips {
    color:#fff;
    text-decoration: none;
}
.footer_tips  h2{
  margin-top: 8%;
  font-family: "Poppins";
  font-size:40px;
  font-weight:bold;
  color:#fff;
}
.footer_tips span{
  color:#f91afc;
}
.footer_tips img{
  margin-top:4%;
}
/******** SCROLL DOWN *******/
#section07 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg07.jpg) center center / cover no-repeat;}
.demo a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font : normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
  }
  .demo a:hover {
    opacity: .5;
  }
  #section07 a {
    padding-top: 80px;
  }
  #section07 a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0;
    box-sizing: border-box;
  }
  #section07 a span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  #section07 a span:nth-of-type(2) {
    top: 16px;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
  }
  #section07 a span:nth-of-type(3) {
    top: 32px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
  }
  @-webkit-keyframes sdb07 {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes sdb07 {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }