@font-face{

    font-family:neue;

    src:url("./font/Helvetica-Neu-Bold.ttf") format("opentype");

}

html{
	scroll-behavior: smooth;
}

.no-margin{

    margin:0

}

.line-height-1{

    line-height:1

}

.text-left{
	text-align: left;
}

.slick-next,.slick-prev{

    color:#fff;

    position:absolute;

    font-size:2rem;

    bottom:-2.5rem;

    top:1rem;

    outline:none;

    margin-top:2rem

}

.slick-prev{

    left:100%

}

#video{

    position:relative;

    height:100%

}

#video iframe{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%

}

.ytp-chrome-top .ytp-show-watch-later-title .ytp-share-button-visible .ytp-show-share-title .ytp-show-cards-title{

    display:none !important

}

.margin-top-1{

    margin-top:1rem !important

}

.margin-top-2{

    margin-top:2rem !important

}

.margin-top-3{

    margin-top:3rem !important

}

.margin-top-4{

    margin-top:4rem !important

}

.margin-top-5{

    margin-top:5rem !important

}

.redes{

    font-size:1.5rem;

    text-align:center;

    margin-top:7rem;

    width:35%;

}

.redes a{

    color:#fff;

}

.redes a:hover{

    color:#f9921b

}

#myVideo{

    position:absolute;

    z-index:-1;

    height:100%;

    width:100%

}

.raya-blanca{

    height:8rem;

    border-left:.3rem solid #fff;

    position:absolute

}

.con-fondo{

    background-repeat:no-repeat;

    background-size:100% 100%;

    background-attachment:fixed;

    padding:5% 0;

    background-position:50%;

    background-position:50%;

    background-size:cover

}

section.content .con-fondo{

    padding:10% 0;

    margin-top:5rem

}

section.content .botones-sin-fondo{

    font-size:14px

}

.hr-der{

    width:40%;

    margin-top:5rem;

    position:relative;

    left:30%

}

.titulo-colores{

    font-family:neue;

    font-size:5rem;

    font-weight:bold;

    color:#fff;

    line-height:4.5rem;

}

.titulo-colores span{

    color:#fff

}

.titulo-principal{

    font-family:neue;

    color:#fff;

    padding-left:1rem;

    padding-top:2rem;

    font-size:3rem;

    line-height:2.5rem;

    font-weight:bold

}

.texto-normal{

    font-family:neue;

    color:#fff;

    line-height:.5rem;

    font-size:1.1rem;

    padding-left:1rem

}

.botones-sin-fondo{

    font-family:'Oswald',sans-serif;

    background:transparent;

    height:4rem;

    font-size:1.2rem;

    border:.1rem solid #fff

}

.centrar-elemento{

    display:block !important;

    margin:0 auto

}

section.music .izq{

    padding:2% 0 16%

}

section.music .abajo{

    padding:16% 0 2%

}

section.music .arriba{

    padding:2% 0 16%

}

section.music .titulo-principal{

    padding-top:0;

    font-size:4rem;

    line-height:3.4rem;

    margin-top:-1rem

}

section.music .botones-sin-fondo{

    width:30%;

    border-color:#c4d941 !important;

    display:block;

    margin:3rem auto 0 auto !important

}

section.music a.animated-button.sandy-three:after{

    border-color:#c4d941

}

section.music img{

    margin-bottom:.5rem

}

section.nuestro-trabajo{

    margin-top:5rem

}

section.nuestros-aliados .img-aliados{

    height:10rem

}

section.nosotros-slider{

    padding-top:4rem;

}

section.nosotros-slider .slick-slide img{

    padding:0 1rem

}

section.filosofia{

    padding-top:3rem;

}

section.filosofia .titulo-colores{

    margin:0 0 2rem 0

}

section.filosofia .titulo-filosofia{

    line-height:1.2rem;
    color:#fff;
    font-family:neue;
    font-size:1.2rem;
    margin-left:3%;
    padding-left:.5rem
}

section.equipo .titulo-colores{

    margin:2.5rem 0

}

section.equipo img{

    margin-bottom:1rem

}

section.equipo .texto-equipo{
    text-transform:uppercase;
    color:#fff;
    font-family:'Oswald';
    line-height:1rem
}

section.instagram{

    padding-top:5rem;

}

section.instagram .foto-perfil{

    width:150px;

    height:150px;

    border-radius:100px;

    -webkit-border-radius:100px;

    -moz-border-radius:100px;

    margin:0 auto;

    display:block;

    margin-right:0

}

section.instagram a{

    background-color:#3897f0;

    border-radius:3px;

    flex-shrink:0;

    margin-left:2rem;

    font-weight:600;

    padding:.8rem 2rem

}

section.instagram span{

    font-weight:bold

}

section.instagram .username,section.instagram .media,section.instagram .by,section.instagram .follows,section.instagram p{

    color:#fff

}

section.instagram .username{

    font-family:neue

}

section.instagram .publicacion{

    min-height:23rem;

    max-height:23rem;

    display:block;

    margin:0 auto;

    width:fit-content

}

section.blog{

    padding-top:5rem;

}

section.blog .titulo-colores{

    margin-bottom:3rem

}

section.blog .titulo{

    color:#f9921b;

    font-family:'Oswald';

    text-align:center;

    margin:1rem 0

}

section.blog .descripcion{

    margin:1rem 0;

    color:#fff;

    font-family:'Oswald';

    text-align:justify

}

section.blog a{

    color:#fff;

    text-align:center;

    text-decoration:underline;

    font-size:1.2rem;

    font-family:'Oswald';

}

section.blog a:hover{

    color:#f9921b

}

section.contacto{

    margin-top:5rem;

}

section.contacto .texto-blanco,section.contacto .privacidad{

    color:#fff;

    font-family:'Oswald'

}

section.contacto input,section.contacto select,section.contacto textarea,section.contacto option{

    color:#fff;

    border-color:#fff;

    background:transparent;

    font-family:'Oswald'

}

section.contacto input:focus{

    background:transparent

}

section.contacto option{

    color:#1c1717;

    background:transparent

}

section.contacto input.button{

    width:65%;

    border:.1rem solid #f9921b;

    padding:1.5rem;

    display:block;

    font-size:1.2rem;

    margin:0 auto;

    font-family:'Oswald';

}

section.contacto input.button:hover{

    background:#f9921b;

    border-color:#fff

}

section.contacto .cont-1{

    padding:1rem

}

section.contacto .cont-2{

    padding:3rem

}

section.contacto .disperor-1{

    width:35%;

    height:1rem;

    background:#1c1717;

    position:relative;

    bottom:3.2rem;

    float:center;

    left:35%

}

footer.footer{

    background:#000;

}

footer.footer .powered p{

    color:#fff;

    font-family:neue;

    text-align:center;

    width:100%;

    margin:2rem 0

}

footer.footer .powered a{

    font-family:'Oswald';

    color:#fff;

    font-weight:bold

}

footer.footer .small-6{

    border-right:.01rem solid #000;

    padding:.5rem 0;

    text-align:center;

}

footer.footer .small-6 i,footer.footer .small-6 a{

    color:#1c1717;

    font-size:2rem

}

.mail{
	text-align: left;
}

@media screen and (min-width:40em) and (max-width:63.9375em){

    header{

        height:36rem

    }

    .embeded-video IFRAME{

        height:100% !important

    }

    .hideNav{

        display:none

    }

    .nav-content{

        width:100% !important;

        overflow:auto;

    }

    .nav-content li{

        margin:40px auto !important;

        text-align:center !important;

        padding-right:inherit !important

    }

}

@media screen and (max-width:39.9375em){

    header{

        height:20rem

    }

    .margin-top-5{

        margin-top:2.5rem !important

    }

    .con-fondo{

        background-attachment:inherit

    }

    .texto-normal{

        line-height:1rem

    }

    .embeded-video IFRAME{

        position:inherit !important

    }

    section.content .con-fondo{

        margin-bottom:3rem;

        padding:12% 0 2%

    }

    section.content .titulo-principal{

        font-size:1.5rem;

        margin-bottom:2rem;

        line-height:1.8rem

    }

    section.content .raya-blanca{

        height:5rem

    }

    section.music{

        margin-top:-3rem !important;

    }

    section.music .con-fondo{

        padding:52% 0 2%

    }

    section.music .titulo-principal{

        font-size:2rem;

        line-height:2.5rem

    }

    section.music .botones-sin-fondo{

        width:100%

    }

    .titulo-colores{

        padding-left:1rem;

        font-size:3rem;

        line-height:2.5rem

    }

    section.nosotros-slider{

        min-height:15rem !important;

    }

    section.nosotros-slider .slick-next,section.nosotros-slider .slick-prev{

        display:none !important

    }

    section.filosofia img{

        margin-bottom:1rem

    }

    section.instagram .foto-perfil{

        height:80px;

        width:80px

    }

    section.instagram a{

        padding:.5rem 1rem;

        margin:.5rem

    }

    section.instagram p{

        font-size:.8rem

    }

    section.instagram span.username{

        font-size:1rem

    }

    section.instagram img.publicacion{

        display:block;

        margin:.5rem auto

    }

    section.equipo .titulo-colores{

        margin:2rem 0

    }

    section.contacto{

        margin-bottom:1rem;

    }

    section.contacto h3{

        text-align:center

    }

    section.contacto input.button{

        width:100%

    }

    section.contacto .cont-2{

        padding:0

    }

    section.nuestro-trabajo iframe{

        margin:0 auto;

        display:block;

        width:100%

    }

    footer.footer{

        background:#fff;

        position:sticky;

        bottom:0

    }

    .nav-item{

        padding-right:35% !important

    }

    .nav-content{

        background:rgba(0,0,0,0.541) !important;

        width:100% !important

    }
	
	.mail{
	text-align: center;
	}

}

.logo-beat img{
	margin: 0 auto;
	width: 23em;
	min-width: 200px;
}


.contact-form img{
	margin: 0 auto;
	width: 16em;
	min-width: 200px;
}

@media screen and (min-width:64em){

    .logo-beat{

        margin-top:-3rem

    }

}

.videos-reel{
	width: 360px;
	height: 200px;
}


#blog, #nosotros, .nosotros-slider, .equipo, .filosofia{
	margin-top: 5rem;
}

#blog a.animated-button.sandy-three{
	border-color: #fff!important;
}

#blog .titulo-colores span{
	font-size: 1.5rem;
	vertical-align: middle;
}

#blog .cell.link-blog{
	width: 45%;
	margin: auto;
}

#blog .cell.link-blog .botones-sin-fondo{
	height: auto;
}

.blog-feed {
      display: flex;
      justify-content: center;
      /*gap: 2rem;*/
    }

    /*.blog-post {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      padding: 1rem;
      background-color: #111;
    }*/

    .blog-post div {
      width: 100%;
      height: 250px;
      /*border-radius: 6px;*/
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
    }

    .blog-post h2 {
      font-size: 1.1rem;
		text-transform: uppercase;
    color: #fff;
    font-family: 'Oswald';
   /* line-height: 1rem;*/
      margin: 0;
    }

    .blog-feed a {
      color: #fff;
      text-decoration: none;
	  transition: 0.5s;
		opacity: 1;
    }

    .blog-feed a:hover {
      /*color:#414141;*/
		transform: scale(0.95, 0.95);
		opacity: 0.7;
    }

    /*.blog-post p {
      font-size: 0.95rem;
      line-height: 1.4;
    }*/

    /* Divisor vertical */
    .blog-post:not(:last-child) {
      border-right: 2px solid #444;
    }

    @media (max-width: 768px) {
      .blog-feed {
        flex-direction: column;
      }

      .blog-post {
        border-right: none !important;
        border-bottom: 2px solid #444;
      }

      .blog-post:last-child {
        border-bottom: none;
      }
    }


.blog-post {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: #000;
 /* border-radius: 6px;*/
  text-decoration: none;
  color: #fff;
  /*transition: background-color 0.2s;*/
}

/*.blog-post:hover {
  background-color: #222;
}*/

.blog-post p {
  font-size: 0.95rem;
	font-family: 'neue';
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lista-equipo-2{
	 padding-right: 25%;
}
    @media (max-width: 992px) {
		.lista-equipo-2{
	 padding-right: 0;
}
}