#header{
    background-color: #000000;
    padding: 10px 40px;
}

#header2{
    padding: 30px 40px 20px 40px;
    background-color: #000000;
}

#logo-header img{
    height: 50px;
    width: 306px;
}

#bars-img{
    display: inline-block;
    margin-top: -5px;
    margin-right: 5px;
    height: 12px;
    width: 28px;
}

#header h6,#header-home h6{
    font-size: 19px;
    color: #ffffff;
    font-weight: 300;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}


#header-menu{
    padding: 25px 0px 0px 0px;
}

#header-menu a{
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0px 10px 0px 10px;
}

#header-menu a:hover{
    color: #ffcc00;
    text-decoration: none;
}

#header .dropdown-menu{
    background-color: rgba(0, 0, 0, 0.8);
    margin-left: 0px;
    padding: 10px 0px 20px 0px;
    margin-top: 5px;
    text-align: center;
    border-radius: 0px 0px 30px 30px;
    overflow-y: auto;
    max-height: 500px;
}

#header .dropdown-menu li a {
    padding: 10px;
    color: #ffffff;
    white-space: normal;
}

#header .line-drop{
    border:1px solid #ffffff;
    width: 30%;
    margin: auto;
    margin: 10px auto 10px auto;
    opacity: .4;
}

#header .dropdown-menu a:hover{
    background-color: transparent;
    color: #ffcc00;
}



.icon-burger{
    padding: 20px 0px 0px 0px;
}


.icon-burger i{
    font-size: 26px;
    color: #ffffff;
}

.icon-burger i:hover{
    color: #ffcc00;
}

#header2{
    padding: 10px 15px 10px 15px;
}

#logo-header2 img{
    height: 35px;
}


#header2 #bars-img {
    display: inline-block;
}

#header2 h6 {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
}


#menu-movil i{
    color: #ffffff;
    font-size: 24px;
    margin: 5px 0px 0px 0px;
}

#header-menu2 h4{
    font-size: 20px;
    text-align: left;
    color: #ffffff;
}

#header-menu2 h4 strong{
    color: #ffcc00;
}

#header2 .dropdown-menu{
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 0px 20px 0px;
    margin-top: 10px;
    border-radius: 0px 0px 30px 30px;

}


#header2 .dropdown-menu li{
    padding: 0px 0px 0px 0px;
}

#header2 .line-drop{
    border:1px solid #ffffff;
    width: 30%;
    margin: auto;
    margin: 10px auto 10px auto;
    opacity: .4;
}

#header2 .dropdown-menu a{
    background-color: transparent;
    color: #ffffff;
}

.mar-left{
    margin-left: 20px !important;
}

.mar-left li{
    margin-bottom: 8px !important;
}

#header2 .dropdown-menu{
    background-color: rgba(0, 0, 0, 0.8);
    
    padding: 10px 0px 20px 0px;
    margin-top: 10px;
    border-radius: 0px 0px 30px 30px;

}


#header2 .dropdown-menu li{
    padding: 0px 0px 0px 0px;
}

#header2 .line-drop{
    border:1px solid #ffffff;
    width: 30%;
    margin: auto;
    margin: 10px auto 10px auto;
    opacity: .4;
}

#header2 .dropdown-menu a{
    background-color: transparent;
    color: #ffffff;
}

#buscador-header{
    background-color: #ffffff;
    padding-left: 50px;
    padding-right: 50px;
}



.header-buscador-sec button{
    background-color: #ffffff;
    border-radius: 100px;
    border: 1px solid #000000;
    width: 100%;
    color: #000000;
    text-align: left;
    height: 50px;
    padding: 0px 30px 0px 30px;
    font-size: 18px;
    margin: 20px 0px 20px 0px;
}


.header-buscador-sec .dropdown button i{
    margin-right: 20px;
}

.header-buscador-sec .dropdown .dropdown-menu{
    width: 100%;
    padding: 0px 20px 20px 20px;
    border-radius: 38px;
}

.header-buscador-sec .dropdown .dropdown-menu li{
    font-size: 18px;
    margin: 10px 0px 0px 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C3C3C3;
}

.close-ic{
    font-size: 30px;
    color: #000000;
    font-weight: 300;
    margin: 30px 0px 0px 0px;
}

.close-ic:hover{
    opacity: .6;
    cursor: pointer;
}

.ic-bus-m{
    margin-right: 12px;
}

.section-titulo-fix{
    background-color: #ffffff !important;
    padding: 25px 0px 25px 0px;
}

.section-titulo-fix .squad-green{
    width: 30px;
    height: 30px;
    background-color: #1FEBAC;
    display: inline-block;
    margin-right: 20px;
}

.section-titulo-fix .squad-purple{
    width: 24px;
    height: 24px;
    background-color: #7307B1;
    display: inline-block;
    margin-right: 20px;
}

.section-titulo-fix .squad-blue{
    width: 30px;
    height: 30px;
    background-color: #2429D8;
    display: inline-block;
    margin-right: 20px;
}

.section-titulo-fix h1{
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    padding: 0px;
    margin: 0px;
}

.section-titulo-fix h1 img{
    width: 5%;
}

.section-titulo-fix .btn-drop-hed{
   border: 1px solid #000000;
   border-radius:100px;
   margin: 0px 0px 20px 0px;
   width: 100%;
   background-color: #ffffff;
}

.section-titulo-fix .btn-drop-hed .dropdown-menu{
    width: 100%;
 }

.drop-sec .dropdown{
    display: inline-block;
    margin-right: 20px;
}

.drop-sec .btn-drop-hed{
    border-radius: 100px;
    border:1px solid #ffffff;
    color: #ffffff;
    background-color: #000000;
}

.drop-sec .dropdown-menu{
    margin-left: -100px;
    padding-left: 0px;
}
@media (max-width: 992px){

    .section-titulo-fix h1 img{
        width: 15%;
    }

    .header-buscador-sec{
        padding: 0px 20px 0px 20px;
    }

    .section-titulo-fix{
        background-color: #ffffff !important;
        padding: 15px 0px 15px 0px;
    }

    .section-titulo-fix .squad-green{
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    
    .section-titulo-fix .squad-purple{
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .section-titulo-fix .squad-blue{
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    
    .section-titulo-fix h1{
        font-size: 22px;
        letter-spacing: -1px;
    }   

}

/*********Bannes ***************/
.banner-smarts img {
    max-width: 90%;
 }
 .banner-smarts-width-to-width img {
    max-width: 100%;
    padding-bottom: 40px;
 }
 
 .parallax2,.parallax-smart {
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    cursor: pointer;
    background-size: 100%;
}
.parallax2 .opacity {
    height: 700px;
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

/************ Single**************/
.cuad-single {
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 9px 10px 0px 0px;
}
.title-section {
    font-size: 52px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #000000;
    text-transform: uppercase;
}
.contenido-nota-single img{
    width: 100%;
  }
.desc-nota-single {
    padding-right: 60px;
    border-right: 1px solid #B9B9B9;
    padding-bottom: 50px;
}
.desc-nota-single h4 {
    font-size: 32px;
    color: #000000;
    margin: 260px 0px 10px 0px;
    text-transform: uppercase;
    line-height: 34px;
}
.desc-nota-single h6 {
    font-size: 20px;
    color: #000000;
    margin: 0px 0px 40px 0px;
    line-height: 20px;
    font-weight: 300;
}
.desc-nota-single h1 {
    font-size: 40px;
    color: #000000;
    margin: 20px 0px 30px 0px;
    text-transform: uppercase;
    line-height: 50px;
}
.desc-nota-single p {
    font-size: 18px;
    color: #000000;
    margin: 0px 0px 40px 0px;
    line-height: 28px;
    font-weight: 300;
}

.parallax-smart .opacity, .parallax-movil .opacity {
    position: relative;
    background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.10),rgba(0,0,0,0));
    height: 100vh;
    width: 100%; 
   }
.sapace-movil-who {
    height: 130px;
}
/***********************************/

@media (max-width: 992px){

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

   .banner-section{
     margin-left: -15px;
     margin-right: -15px;
   }
   .parallax-movil{
     background-position: center;
     background-size: cover;
     text-align: center;
     position: relative;
   }     
   .parallax-movil img{
      width:100%;
   }
   .cuad-single {
    width: 28px;
    height: 28px;
   }
   .section {
    font-size: 36px;
   }
   .desc-nota-single {
    padding-right: 15px;
    border-right: none;
    padding-bottom: 30px;
   }
   .desc-nota-single h1 {
    font-size: 40px;
    color: #000000;
    margin: 20px 0px 30px 0px;
    text-transform: uppercase;
    line-height: 50px;
   }
   .desc-nota-single p {
    font-size: 18px;
    color: #000000;
    margin: 0px 0px 40px 0px;
    line-height: 28px;
    font-weight: 300;
   }

   .desc-nota-single .share-new {
    margin-left: 20px;
    padding-top: 8px;
   }
   .share-new {
    position: relative;
    cursor: pointer;
   }
   .desc-nota-single h6 {
    font-size: 20px;
    color: #000000;
    margin: 0px 0px 40px 0px;
    line-height: 20px;
    font-weight: 300;
   }

}

#buscador-header{
    background-color: #ffffff;
    padding-left: 50px;
    padding-right: 50px;
}



.header-buscador-sec button{
    background-color: #ffffff;
    border-radius: 100px;
    border: 1px solid #000000;
    width: 100%;
    color: #000000;
    text-align: left;
    height: 50px;
    padding: 0px 30px 0px 30px;
    font-size: 18px;
    margin: 20px 0px 20px 0px;
}


.header-buscador-sec .dropdown button i{
    margin-right: 20px;
}

.header-buscador-sec .dropdown .dropdown-menu{
    width: 100%;
    padding: 0px 20px 20px 20px;
    border-radius: 38px;
}

.header-buscador-sec .dropdown .dropdown-menu .search-drop li{
    font-size: 18px;
    margin: 10px 0px 0px 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C3C3C3;
    list-style-type: none;
}

.header-buscador-sec .dropdown .dropdown-menu .search-drop li a{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;

}

.header-buscador-sec .dropdown .dropdown-menu .search-drop li a:hover{
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;

}

.close-ic{
    font-size: 30px;
    color: #000000;
    font-weight: 300;
    margin: 30px 0px 0px 0px;
}

.close-ic:hover{
    opacity: .6;
    cursor: pointer;
}

/* ========= Menu lateral ========== */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3 !important;
    top: 0;
    right: 0;
    background-color: rgba(25, 25, 25, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 80px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.section-sidenav{
    padding: 30px 100px 0px 0px;
    text-align: right;
}

.sidenav .section-sidenav a {
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    transition: 0.3s;
    padding: 0px 0px 15px 70px;
    display: block;
    font-weight: bold;
}

.sidenav .lett-may {
    text-transform: uppercase;
}

.sidenav .section-sidenav hr {
    padding: 0px;
    margin: 10px 0px 20px 70px;
    opacity: .7;
}

.sidenav .section-sidenav a:focus {
    color: #ffcc00;
    text-decoration: none;
}

.sidenav .section-sidenav a:active {
    color: #ffcc00;
    text-decoration: none;
}

.sidenav .section-sidenav a:hover {
    color: #ffcc00;
    text-decoration: none;
}

.sidenav .section-sidenav i {
    color: #ffffff;
    padding: 0px 0px 0px 10px;
    font-size: 20px;
    margin-top: 0px;
}

.colapsado-menu a{
    color: #ffffff;
    font-size: 17px !important;
    font-weight: 100  !important;

}

.colapsado-menu a:hover{
    color: #ffcc00;
}

.sidenav .section-redes {
    text-align: right;
    padding: 50px 10px 0px 0px;
}

.sidenav .section-redes a {
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    transition: 0.3s;
    padding: 0px 0px 0px 0px;
    margin-left: 15px;
    text-align: right;
}
  
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 40px;
    margin-right: 10px;
    margin-top: 30px;
    color: #ffffff;
}

.sidenav .closebtn:hover {
    text-decoration: none;
}

.sidenav .btn-contactanos{
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    border-radius: 100px;
    padding: 8px 30px 8px 30px;
    text-transform: uppercase;
    margin-left: 50px;
}

@media (max-width: 992px){

    .section-sidenav{
        padding: 30px 30px 0px 0px;
        text-align: right;
    }

    .sidenav .section-sidenav a {
        font-size: 17px;
        padding: 0px 0px 15px 20px;
        letter-spacing: -1px;
    }

    .sidenav .section-sidenav i {
        color: #ffffff;
        font-size: 16px;
        padding: 0px 0px 0px 6px;
    }

    .colapsado-menu a{
        color: #ffffff;
        font-size: 15px !important;
        margin: 0px 30px 10px 0px;
    }

    .sidenav .section-redes {
        text-align: right;
        padding: 20px 30px 0px 0px;
    }

    .sidenav .closebtn {
        margin-right:5px;
    }


}

.sidenav2 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3 !important;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 80px;
    backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.section-sidenav {
    padding: 30px 20px 0px 0px;
    text-align: right;
}

.sidenav2 .section-sidenav a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 50px;
    color: #ffffff;
    transition: 0.3s;
    padding: 0px 0px 15px 50px;
    display: block;
}

.sidenav2 .section-sidenav a:focus {
    color: #ffcc00;
    text-decoration: none;
}

.sidenav2 .section-sidenav a:active {
    color: #ffcc00;
    text-decoration: none;
}

.sidenav2 .section-sidenav a:hover {
    color: #ffcc00;
    text-decoration: none;
}

.sidenav2 .section-sidenav i {
    color: #ffffff;
    padding: 0px 0px 0px 10px;
    font-size: 30px;
    margin-top: 0px;
}

.sidenav2 .colapsado-menu a{
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-left: 20px !important;
    text-transform: none;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
}

.colapsado-menu a:hover{
    color: #ffcc00;
}

.sidenav2 .section-redes {
    text-align: right;
    padding: 50px 100px 0px 0px;
}


  
.sidenav2 .closebtn {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 40px;
    margin-right: 80px;
    margin-top: 30px;
    color: #ffffff;
}

.sidenav2 .closebtn:hover {
    text-decoration: none;
}

@media (max-width: 992px){

    .section-sidenav{
        padding: 30px 30px 0px 20px;
        text-align: left;
    }

    .sidenav2 .section-sidenav a {
        font-size: 20px;
        padding: 0px 0px 20px 20px;
        letter-spacing: -1px;
        font-weight: 900;
        line-height: 20px;
    }

    .sidenav2 .section-sidenav i {
        color: #ffffff;
        font-size: 16px;
        padding: 0px 0px 0px 6px;
    }

    .colapsado-menu a{
        color: #ffffff;
        font-size: 15px !important;
        margin: 0px 30px 10px 0px;
    }

    .sidenav2 .section-redes {
        text-align: LEFT;
        padding: 20px 30px 0px 40px;
        color: #ffffff;
    }

    .sidenav2 .section-redes a{
        margin-right: 10px;
        color: #ffffff;
    }

    .sidenav2 .closebtn {
        margin-right:5px;
    
    }
}

/* ========== Banner paralaxx ======= */

.parallax {
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
}

.parallax-header-mobile {
    background-attachment: scroll !important;
}

.parallax .opacity{
    position: relative;
    background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.10),rgba(0,0,0,0));
    height: 100vh;
    width: 100%;
}

  
.parallax .informacion-banner {
    position:absolute;
    bottom:100px;
    left:10px;
    text-align: center;
    width: 100%;
}

.parallax .informacion-banner img{
    margin: 0px 0px 20px 0px;
}
  
.parallax  .informacion-banner .btn-banner{
    background-color: #ffffff;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    padding: 9px 30px 9px 30px;
}

.parallax  .informacion-banner .btn-banner:hover{
    background-color: #000000;
    color: #ffffff;
}

.parallax  .informacion-banner i{
    font-size: 50px;
    margin: 20px 0px 0px 0px;
    color: #ffffff;
}



@media (max-width: 992px){

    .parallax .opacity{
        background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.30),rgba(0,0,0,0));
 
    }

    .parallax .informacion-banner {
        bottom:50px;
    }

    .parallax .informacion-banner img{
        width: 100%;
    }

}

/* ========== Section Editorial ======= */

.section-editorial{
    background-color: #ffffff;
    padding: 170px 0px 170px 0px;
}

.section-editorial img{
    width: 90%;
    margin: 0px 0px 15px 0px;
}

.section-editorial h4{
    color: #000000;
    font-size: 32px;
    text-transform: uppercase;
    margin: 0px 0px 5px 0px;
}

.section-editorial h5{
    color: #000000;
    font-size: 22px;
    margin: 0px 0px 10px 0px;
    font-weight: 300;
}

.section-editorial h6{
    color: #000000;
    font-size: 20px;
    margin: 50px 0px 10px 0px;
    font-weight: 600;
}

.section-editorial hr{
    margin: 20px 0px 10px 0px;
    padding: 0px;
}

.section-editorial h1{
    margin: 40px 0px 20px 0px;
    padding: 0px;
    font-size: 52px;
    color: #000000;
    text-transform: uppercase;
}

.section-editorial p{
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-size: 18px;
    color: #000000;
    line-height: 30px;
}

@media (max-width: 992px){

    .section-editorial{
        padding: 100px 0px 100px 0px;
    }

    .section-editorial img{
        width: 100%;
    }

    .section-editorial h1{
        font-size: 40px;
    }

}

/* ========== Banner parallax 2======= */

.parallax2 {
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    position: relative;
}

.parallax2 .opacity{
    height: 700px;
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.parallax-movil{
    background-position: center;
    background-size: cover;
    text-align: center;
}



.parallax-movil img{
    width:100%;
    
}
  
@media (max-width: 992px){

    .parallax2 .informacion-banner img{
        width: 80%;
        margin: 0px 0px 60px 0px;
    }

    .parallax2 .opacity{
        position: relative;
        background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.10),rgba(0,0,0,0));
        height: 700px;
        width: 100%;
    }

}
/* ========== Banner parallax 2-2======= */

.parallax2-2 {
    height: 700px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
}

.parallax2-2 .opacity{
    position: relative;
    background: linear-gradient(to left, rgba(0,0,0,.9), rgba(0,0,0,.10),rgba(0,0,0,0));
    height: 700px;
    width: 100%;
}

.parallax2-2 .informacion-banner {
    position:absolute;
    bottom:50px;
    left:10px;
    text-align: center;
    width: 100%;
}

.parallax2-2 .informacion-banner img{
    width: 100%;
    margin: 0px 0px 60px 0px;
}

.parallax2-2  .informacion-banner .btn-banner{
    background-color: #ffffff;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    padding: 9px 30px 9px 30px;
}

.parallax2-2  .informacion-banner .btn-banner:hover{
    background-color: #000000;
    color: #ffffff;
}

.parallax2-2  .img-empresa img{
    width: 100px;
    margin: 20px 0px 0px 0px;
}
  
@media (max-width: 992px){

    .parallax2-2 .informacion-banner img{
        width: 80%;
        margin: 0px 0px 30px 0px;
    }

    .parallax2-2 .opacity{
        position: relative;
        background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.10),rgba(0,0,0,0));
        height: 700px;
        width: 100%;
    }

    .parallax2-2  .img-empresa img{
        width: 100px;
        margin: 40px 0px 0px 0px;
    }

}

/* ========== Section & titulo======= */

.section-w{
    padding: 160px 0px 160px 0px;
}

.section-w-dark{
    padding: 160px 0px 160px 0px;
    background-color: #0E0E0E;
}

.title h1{
    font-size: 52px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #000000;
    text-transform: uppercase;
}

.section-w-dark .title h1{
    font-size: 52px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #ffffff;
    text-transform: uppercase;
}

.cuad-purple{
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 9px 10px 0px 0px;
    background-color: #6600E5;
}

.cuad-blue1{
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 9px 10px 0px 0px;
    background-color: #0043C1;
}

.cuad-blue2{
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 9px 10px 0px 0px;
    background-color: #39BBFF;
}

.cuad-yellow{
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 9px 10px 0px 0px;
    background-color: #ffcc00;
}

.title hr{
    margin: 10px 0px 30px 0px;
    background-color: #B9B9B9;
    color: #B9B9B9;
    border: 1px solid #B9B9B9
}

.page-cat-ott{
    background-color: #e6e6e6;
}

@media (max-width: 992px){

    .section-w{
        padding: 80px 10px 80px 10px;
    }

    .section-w-dark{
        padding: 80px 10px 80px 10px;
    }

    .title h1{
        font-size: 36px;
    }

    .section-w-dark .title h1{
        font-size: 36px;
    }

    .cuad-purple, .cuad-yellow, .cuad-blue1, .cuad-blue2{
        width: 28px;
        height: 28px;
    }

}

/* ========== Foro ======= */

.sec-per img{
    width: 100%;
    margin-bottom: 30px;
}

.sec-per h5{
    font-weight: 800;
    font-size: 44px;
    line-height: 50px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: -250px;
}

.card-per-foro .img-per{
    height: 200px;
    background-position: center;
    background-size: cover;
}

.card-per-foro  .inf-per{
    height: 210px;
    background-color: #E3E3E3;
    border-bottom: 10px  #6600E5 solid;
    padding: 30px;
}

.card-per-foro  .inf-per p{
    font-size: 16px;
    margin: 0px 0px 20px 0px;
    color: #000000;
}

.card-per-foro  .inf-per h6{
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    color: #000000;
}

.section-foro .contr-car {
    margin-top: -230px;
}

.section-foro .contr-car i{
    background-color: #F5F5F5;
    font-size: 24px;
    color: #ffffff;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    padding: 8px 0px 0px 0px;
    text-align: center;
}

.section-foro .contr-car i:hover{
    background-color: #6600E5;
    color: #ffffff;
}

@media (max-width: 1024px){
    
    .sec-per h5{
        font-size: 40px;
        line-height: 40px;
        margin-top: -200px;
        margin-left: 16px;
    }

}

@media (max-width: 768px){
    
    .sec-per h5{
        font-size: 60px;
        line-height: 60px;
        margin-top: -900px;
        margin-left: 30px;
    }

}

@media (max-width: 508px){
    
    .sec-per h5{
        font-size: 28px;
        line-height: 28px;
        margin-top: -400px;
        margin-left: 16px;
    }

}

@media (max-width: 992px){

    .section-foro .contr-car {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    .section-foro .contr-car i{
        background-color: #6600E5;
    }

    .card-per-foro{
        margin-bottom: 20px;
    }
}

/* ========== Que cambio ======= */

.sec-que-cambio{
    padding: 70px 0px 100px 0px;
}

.sec-que-cambio .list-item{
    display: flex;
    margin: 0px 0px 50px 0px;
}

.sec-que-cambio .list-item .sec-cuad{
    width: 8%;
}

.sec-que-cambio .list-item .sec-text{
    width: 92%;
}

.sec-que-cambio .list-item .sec-text p{
    font-size: 22px;
    line-height: 26px;
}

.cuad-small-purple{
    width: 18px;
    height: 18px;
    background-color: #6600E5;
    margin: 5px 0px 0px 0px;
}

@media (max-width: 992px){

    .sec-que-cambio{
        padding: 20px 0px 20px 0px;
    }

    .sec-que-cambio .list-item .sec-cuad{
        width: 10%;
    }
    
    .sec-que-cambio .list-item .sec-text{
        width: 90%;
    }

    .sec-que-cambio .list-item .sec-text p{
        font-size: 18px;
        line-height: 26px;
    }

    .cuad-small-purple{
        width: 12px;
        height: 12px;
        margin: 10px 0px 0px 0px;
    }

}

/* ========== Industria ======= */

.card-industria{
    height: 360px;
    background-position: center;
    background-size: cover;
    position: relative;
    margin: 0px 0px 30px 0px;
    
}

.card-industria .opacity{
    position: relative;
    background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.50),rgba(0,0,0,0));
    height: 360px;
    width: 100%;
    border-bottom: 10px #6600E5 solid;
}

.card-industria .info{
    position:absolute;
    top:0px;
    left:0px;
    text-align: center;
    width: 100%;
    padding: 25px;
}

.card-industria .info i{
    font-size: 20px;
    color: #ffffff;
}

.card-industria .info2{
    position:absolute;
    bottom:0px;
    left:0px;
    width: 100%;
    padding: 35px;
}

.card-industria .info2 h5{
    margin: 0px 0px 10px 0px;
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
}

.card-industria .info2 p{
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
}

@media (max-width: 992px){

    .card-industria{
        height: 240px;
        
    }

    .card-industria .opacity{
        height: 240px;
        border-bottom: 6px #6600E5 solid;
    }

    .ic-play-m img{
        width: 40px !important; 
        height: 40px !important;
    }

    .card-industria .info{
        text-align: center;
        width: 100%;
        padding: 15px;
    }

    .card-industria .info i{
        font-size: 16px;
    }
    
    .card-industria .info2{
        padding: 15px;
    }
    
    .card-industria .info2 h5{
        font-size: 20px;
    }
    
    .card-industria .info2 p{
        font-size: 14px;
    }

}

/* ========== Compartir======= */

.comparir-ic{
    font-size: 28px !important;
}

.share-new {
    position: relative;
    cursor: pointer;
}

.share-new:hover .share-buble{
    transform: scale(1);
}

.share-buble {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    bottom: 35px;
    right: 0;
    transform: scale(0);
    transition: 0.25s all ease-in-out;
    transform-origin: bottom right;
    text-align: left;
    width: 140px;
    -webkit-box-shadow: -1px 2px 15px -3px #000000; 
    box-shadow: -1px 2px 15px -3px #000000;
}

.share-buble p {
    margin-bottom: 0px !important;
}

.share-buble i {
    font-size: 14px !important;
}

.share-buble a {
    display: block;
    font-size: 14px;
    width: 25px;
    height: 25px;
    background-color: #456;
    text-align: center;
    margin: 5px 0;
    border-radius: 50%;
    padding-top: 5px;
    position: relative;
    color: #fff;
    line-height: 1;
}

.share-buble a:hover{
    color: #fff;
}

.share-buble a.twitter{
    background-color:#1da1f2 ;
        
}


.share-buble a.facebook{
    background-color:#4267b2 ;   
}

.share-buble a.linkedin{
    background-color:#007bb5 ;   
}

.share-buble a.pinterest{
  background-color: #cb2027;  
}

.share-buble a.g-plus{
 background-color: #dd4b39;   
}

.share-buble:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    content: '';
    position: absolute;
    bottom: -10px;
    right: 8px;
}

.share-buble a>span {
    font-size: 12px;
    position: absolute;
    left: 35px;
    top: 5px;
    color: #333;
}

/* ========== Banner 4======= */

.banner4{
    padding: 70px 0px 70px 0px;
}

.banner4 img{
    width: 100%;;
}

.n-m{
    padding: 0px;
    margin: 0px;
}

@media (max-width: 992px){

    .banner4{
        padding: 0px 0px 0px 0px;
    }

}

/* ========== Banner 5======= */

.banner5{
    padding: 0px 0px 120px 0px;
}

.banner5 img{
    width: 100%;;
}

.n-m{
    padding: 0px;
    margin: 0px;
}

@media (max-width: 992px){

    .banner5{
        padding: 0px 0px 0px 0px;
    }

}

.m-b-30{
    margin-bottom: 30px;
}

.m-t-30{
    margin-top: 30px;
}

/* ========== Tendencia ======= */

.section-car-ten{
    padding: 30px 0px 0px 0px;
    margin-bottom: 50px;
}

.section-car-ten img{
    width: 100%;
    margin: 0px 0px 15px 0px;
}

.section-car-ten h4{
    font-size: 28px;
    color: #000000;
    font-weight: 600;
}

.section-car-ten h6{
    font-size: 20px;
    color: #000000;
    font-weight: 300;
    margin: 0px 0px 30px 0px;
}

.section-car-ten h2{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 36px;
    margin: 60px 0px 40px 0px;
}

.section-car-ten p{
    font-size: 18px;
    line-height: 26px;
    margin: 0px 0px 20px 0px;
}

.leer-mas{
    font-size: 20px;
    color: #000000;
    opacity: .5;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.leer-mas:hover{
    text-decoration: none;
    opacity: 1;
}

.btn-blue{
    background-color: #0043C1;
    padding: 10px 20px 10px 20px;
    color: #ffffff !important;
    font-weight: 600;
    opacity: 1  !important;
}

.btn-blue:hover{
    opacity: .7  !important;
}

.btn-yellow{
    background-color: #ffcc00;
    padding: 10px 20px 10px 20px;
    color: #ffffff !important;
    font-weight: 600;
    opacity: 1  !important;
}

.btn-yellow:hover{
    opacity: .7  !important;
}

.btn-purple{
    background-color: #6600E5;
    padding: 6px 10px 6px 10px;
    color: #ffffff !important;
    font-weight: 600;
    opacity: 1  !important;
    font-size: 16px !important;
}

.btn-purple:hover{
    opacity: .7  !important;
}

@media (max-width: 992px){

    .section-car-ten h4{
        font-size: 24px;
    }
    
    .section-car-ten h6{
        font-size: 18px;
        margin: 0px 0px 0px 0px;
    }
    
    .section-car-ten h2{
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 36px;
        margin: 30px 0px 30px 0px;
    }
    
    .section-car-ten p{
        font-size: 16px;
        line-height: 24px;
        margin: 0px 0px 20px 0px;
    }

}

/* ========== Banner 6 ======= */

.banner6{
    padding: 30px 0px 30px;
}

.banner6 img{
    width: 100%;
}



.p-b-n{
    padding-bottom: 0px !important;
}

.p-t-n{
    padding-top: 0px !important;
}


/* ========== Contenidos ======= */

.card-contenido{
    margin: 0px 0px 30px 0px;
}

.card-contenido .img-contenido{
    height: 290px;
    background-size: cover;
    background-position: center;
    width: 100%;
    margin: 0px 0px 40px 0px;
}

.line-purple{
    background-color: #6600E5;
    width: 170px;
    height: 10px;
    margin: 0px 0px 40px 0px;
}

.card-contenido h4{
    font-size: 30px;
    font-weight: 600;
    margin: 0px 0px 40px 0px;
}

.card-contenido p{
    font-size: 18px;
    line-height: 28px;
    margin: 0px 0px 20px 0px;
}

@media (max-width: 992px){

    .card-contenido{
        margin: 0px 0px 50px 0px;
    }

    .card-contenido .img-contenido{
        height: 200px;
        background-size: cover;
        background-position: center;
        width: 100%;
        margin: 0px 0px 40px 0px;
    }

}

/* ========== Galeria de fotos======= */

.section-galeria{
    padding: 0px 0px 120px 0px;
}

.section-galeria h4{
    font-size: 28px;
    color: #000000;
}

.section-galeria hr{
    margin: 10px 0px 30px 0px;
    background-color: #B9B9B9;
    color: #B9B9B9;
    border: 1px solid #B9B9B9
}

.card-galeria .img-galeria{
    height: 350px;
    background-position: center;
    background-repeat: none;
    background-size: cover;
    margin: 0px 0px 30px 0px;
}

.card-galeria p{
    font-size: 18px;
    line-height: 26px;
    margin:0px 0px 60px 0px;
}

@media (max-width: 992px){

    .section-galeria{
        padding: 40px 0px 40px 0px;
    }

    .card-galeria .img-galeria{
        height: 230px;
    }

}


.p-mobile{
    padding-top: 50px !important;
}

/* ========== Footer ======= */

.footer{
    background-color: #000000;
    padding: 150px 0px 150px 0px;
}

.footer img{
    width: auto;
}

.footer p{
    color: #ffffff;
    margin: 0px 0px 15px 0px;
}

.footer i{
    font-size: 24px;
    margin: 0px 0px 0px 15px;
    color: #ffffff;
}

.footer i:hover{
    color: #ffcc00;
}

.footer h6{
    color: #ffffff;
    margin: 50px 0px 50px 0px;
    line-height: 20px;
    font-size: 18px;
}

.footer p{
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    font-size: 18px;
    opacity: .3;
    line-height: 24px;
}


@media (max-width: 992px){

    .footer img{
        width: 50%;
        margin: 0px 0px 50px 0px;
    }

    .footer i{
        font-size: 24px;
        margin: 40px 10px 0px 10px;
        color: #ffffff;
    }


    .footer h6{
        text-align: center;
    }

    .footer p{
        color: #ffffff;
        margin: 0px 0px 0px 0px;
        line-height: 20px;
        font-size: 14px;
        opacity: .3;
        line-height: 24px;
        text-align: center;
    }


}


/* ========== Header ======= */

.lines2{
   margin-top: -8px;
   margin-bottom: -6px;
}

.lines{
    margin-top: -7px;
    height: 14px;
}

.line-head-purple{
    width: 25%;
    display: inline-block;
    background-color: #5915BA;
    height: 8px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.line-head-blue{
    width: 25%;
    display: inline-block;
    background-color: #1428E0;
    height:8px;
    padding: 0px;
    margin: 0px 0px 0px -5px;
}

.line-head-green{
    width: 25%;
    display: inline-block;
    background-color: #1BEDC5;
    height: 8px;
    padding: 0px;
    margin: 0px 0px 0px -5px;
}

.line-head-yellow{
    width: 25%;
    display: inline-block;
    background-color: #ffcc00;
    height: 8px;
    padding: 0px;
    margin: 0px 0px 0px -5px;
}


/* ========== Nota corta ======= */

.header-black{
    background-color: #000000;
    height: 120px;
}

.bg-black{
    background-color: #000000 !important;
}

@media (max-width: 992px){

    .header-black{
        background-color: #000000;
        height: 120px;
    }

}

.contenido-nota{
    padding: 30px 0px 30px 0px;
}

.contenido-nota img{
    width: 100%;
}

.desc-nota{
    padding-right: 60px;
    border-right: 1px solid #B9B9B9;
    padding-bottom: 50px;
}

.banner-ver-der{
    padding-left: 40px;
    padding-top: 300px;
}

.desc-nota h4{
    font-size: 50px;
    color: #000000;
    margin: 260px 0px 10px 0px;
    text-transform: uppercase;
    line-height: 50px;
}

.desc-nota h6{
    font-size: 20px;
    color: #000000;
    margin: 0px 0px 40px 0px;
    line-height: 20px;
    font-weight: 300;
}

.desc-nota h5{
    font-size: 40px;
    color: #000000;
    margin: 20px 0px 30px 0px;
    text-transform: uppercase;
    line-height: 50px;
}

.desc-nota p{
    font-size: 18px;
    color: #000000;
    margin: 0px 0px 40px 0px;
    line-height: 28px;
    font-weight: 300;
}

.desc-nota .share-new{
    margin-left: 20px;
    padding-top: 8px;
}

.desc-nota h3{
    font-size: 16px;
    color: #ABABAB;
    margin: 15px 0px 30px 0px;
    line-height: 22px;
}

@media (max-width: 992px){

    .desc-nota{
        padding-right: 15px;
        border-right: none;
        padding-bottom: 30px;
    }

    .banner-ver-der{
        padding-left: 15px;
        padding-top: 60px;
    }

    .desc-nota h4{
        font-size: 50px;
        color: #000000;
        margin: 20px 0px 10px 0px;
        text-transform: uppercase;
        line-height: 50px;
    }
    .desc-nota-single h4{
        font-size: 35px;
        color: #000000;
        margin: 20px 0px 10px 0px;
        text-transform: uppercase;
        line-height: 50px;
    }
    

}

.noticias-relacionadas{
    padding: 30px 0px 120px 0px;
}

.noticias-relacionadas h4{
    font-size: 28px;
    color: #000000;
}

.noticias-relacionadas hr{
    margin: 10px 0px 30px 0px;
    background-color: #B9B9B9;
    color: #B9B9B9;
    border: 1px solid #B9B9B9
}

.card-relacionada{
    height: 280px;
    background-position: center;
    background-size: cover;
    position: relative;
    margin: 0px 0px 30px 0px;
    
}

.card-relacionada .opacity{
    position: relative;
    background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.50),rgba(0,0,0,0));
    height: 280px;
    width: 100%;
}


.card-relacionada .info2{
    position:absolute;
    bottom:0px;
    left:0px;
    width: 100%;
    padding: 25px;
}

.card-relacionada .info2 h5{
    margin: 0px 0px 0px 0px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}


@media (max-width: 992px){

    .card-relacionada{
        height: 240px;
        
    }

    .card-relacionada .opacity{
        height: 240px;
    }

    .card-relacionada .info2{
        padding: 15px;
    }
    
    .card-relacionada .info2 h5{
        font-size: 20px;
    }
    
    .card-relacionada .info2 p{
        font-size: 14px;
    }

}

/* ========== Lideres ======= */


.no-margin{
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
}
.img-bg-lider img{
    width: 100%;
}

.section-lideres .img-bg-lider{
    background-position: center;
    background-size: cover;
}

.section-lideres .des-lioderes{
    padding: 90px 60px 40px 90px;
}

.bg-green{
    background-color: #0BD5B3;
}

.bg-purple{
    background-color: #7307B1;
}

.bg-blue{
    background-color: #3B40D6;
}

.section-lideres .des-lioderes h2{
    font-size: 54px;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
    color: #ffffff;
}

.section-lideres .des-lioderes p{
    font-size: 22px;
    font-weight: 300;
    margin: 0px 0px 40px 0px;
    color: #ffffff;
}

.btn-lider{
    background-color: #ffffff;
    border-radius: 100px;
    color: #000000;
    font-weight: 600;
    font-size: 18px;
    padding: 8px 50px 8px 50px;
}

.btn-lider:hover{
    background-color: #000000;
    color: #ffffff;
}

@media (max-width: 992px){

    .section-lideres .img-bg-lider{
        height: 200px;
    }
    
    .section-lideres .des-lioderes{
        padding: 50px 30px 50px 30px;
    }

    .section-lideres .des-lioderes h2{
        font-size: 36px;
    }
    
    .section-lideres .des-lioderes p{
        font-size: 18px;
    }

}

/* ========== Lideres ======= */

.section-anunciantes{
    padding: 180px 0px 180px 0px;
}
.section-anunciantes a:hover{
    opacity: .5;
}

.section-anunciantes h2{
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    margin: 0px 0px 30px 0px;
}

.line-yellow{
    height: 12px;
    width: 220px;
    background-color: #ffcc00;
    margin: 0px 0px 50px 0px;
}

.section-anunciantes h4{
    color: #BFBFBF;
    font-size: 24px;
    margin: 60px 0px 20px 0px;
    font-weight: 600;
    letter-spacing: 2px;
}

.section-anunciantes hr{
    margin: 10px 0px 40px 0px;
}

.img-ad-main{
    width: 250px;
    filter: grayscale(100%);
}


.img-anunciantes1 {
    text-align: center;
}

.img-anunciantes1 img{
    text-align: center;
    width: 20%;
    margin: 0px 20px 0px 20px;
    filter: grayscale(100%);
}

.img-anunciantes2 {
    text-align: center;
}

.img-anunciantes2 img{
    text-align: center;
    width: 20%;
    margin: 0px 20px 0px 20px;
    filter: grayscale(100%);
}


.img-anunciantes3 {
    text-align: center;
}

.img-anunciantes3 img{
    text-align: center;
    width: 11%;
    margin: 0px 10px 0px 10px;
    filter: grayscale(100%);
}

@media (max-width: 992px){

    .section-anunciantes{
        padding: 100px 0px 100px 0px;
    }
    
    .section-anunciantes h2{
        font-size: 30px;
        font-weight: 600;
        color: #000000;
        margin: 0px 0px 30px 0px;
    }

    .line-yellow{
        height: 10px;
        width: 200px;
        background-color: #ffcc00;
        margin: 0px 0px 50px 0px;
    }

    .img-anunciantes1 img{
        text-align: center;
        width: 40%;
        margin: 20px 20px 20px 20px;
    }

    .img-anunciantes2 img{
        text-align: center;
        width: 40%;
        margin: 20px 20px 20px 20px;
    }

    .img-anunciantes3 img{
        text-align: center;
        width: 40%;
        margin: 20px 20px 20px 20px;
    }

}


/* ========== Modal contact ======= */

.content-img{
    height: 450px;
    border-radius: 4px 0px 0px 4px;
    background-size: cover;
    background-position: center;
}

.content-contact{
    width: 70%;
    display: inline-block;
}

.close-sec{
    padding: 20px 20px 10px 0px;
}

.close-sec i{
    font-size: 20px;
}

.close-sec i:hover{
    cursor: pointer;
    opacity: .6;
}

.info-contact{
    padding: 0px 40px 40px 20px;
}

.info-contact h1{
    font-weight: 600;
    margin: 0px 0px 30px 0px;
    text-align: center;
    font-size: 30px;
}

.info-contact input{
    border: none;
    border-bottom: 1px solid #000000;
    border-radius: 0px;
    box-shadow: none;
    padding-left: 0px;
    outline:none !important;
    outline-width: 0 !important;
}



.info-contact input:focus{
    border-bottom: 1px solid blue;
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-contact{
    border-radius: 100px !important;
    background-color: #000000;
    color: #ffffff;
    padding: 8px 50px 8px 50px !important;
    font-weight: 600;
}

.btn-contact:hover{
    border-radius: 100px;
    background-color: #ffcc00;
    color: #000000;
    padding: 8px 50px 8px 50px;
}

.info-contact p{
    font-size: 14px;
    color: #000000;
    opacity: .4;
    margin: 30px 0px 0px 0px;
}

/* ========== Title section ======= */
.space-title{
    height: 117px;
}

.title-head{
    padding: 50px 0px 50px 0px;
}

.title-head h1{
    font-size: 55px;
    letter-spacing: -2px;
    font-weight: 600;
    color: #000000;
}

.title-head .dropdown button{
    background-color: #ffffff;
    border-radius: 100px;
    border: 1px solid #000000;
    width: 100%;
    color: #000000;
    text-align: left;
    height: 58px;
    padding: 7px 30px 0px 30px;
    font-size: 20px;
    margin-top: 30px;
}


.title-head .dropdown button i{
    margin-right: 20px;
}

.title-head .dropdown .dropdown-menu{
    width: 100%;
    padding: 20px 20px 20px 20px;
    border-radius: 38px;
}

.title-head .dropdown .dropdown-menu li{
    font-size: 20px;
    margin: 10px 0px 10px 0px;
    border-bottom: 1px solid #707070;
}


/* ========== Section lideres ======= */

.section-lideres{
    padding-top: 80px;
}

.cintillo-powered-by{
    padding: 0px;
}

.cintillo-powered-by img{
    width: 100%;
}

.section-lideres .img-lider{
    height: auto;
    background-position: center;
    background-size: cover;
}

.img-lider .opacity{
    height: auto;
    bottom: 0px;
    background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,.8));
    padding: 550px 50px 0px 50px;
}

.img-lider .opacity h1{
    color: #ffffff;
    font-size: 56px;
    margin: 0px 0px 15px 0px;
    font-weight: 600;
}

.img-lider .opacity h6{
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    width: 90%;
    padding-bottom: 30px;
}

.section-lideres .info-lider{
    padding: 0px 70px 0px 70px;
}

.section-lideres .info-lider h2{
    font-size: 50px;
    font-weight: 300;
    line-height: 56px;
    margin: 0px 0px 30px 0px;
}

.section-lideres .info-lider .line-green-1{
    width: 280px;
    background-color: #1FEBAC;
    height: 8px;
    margin: 40px 0px 40px -120px;
}

.section-lideres .info-lider .line-green-2{
    width: 280px;
    background-color: #1FEBAC;
    height: 8px;
    margin: 40px 0px 40px 600px;
    z-index: 2;
}

.section-lideres .info-lider p{
    font-size: 18px;
    line-height: 26px;
    margin: 0px 0px 30px 0px;
}

.section-lideres .info-lider .btn-grey{
    color: #000000;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 600;
    background-color: #E6E6E6;
    padding: 15px 40px 15px 40px;
}

.section-lideres .info-lider .btn-grey:hover{
    color: #ffffff;
    background-color: #000000;
}

.info-title {
    color: #000000 !important;
    text-decoration-thickness: 1px !important;
}

@media (max-width: 992px){

    .section-lideres .img-lider{
        height: 400px;
        background-position: center;
        background-size: cover;
    }

    .img-lider .opacity{
        height: 400px;
        bottom: 0px;
        background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,.8));
        padding: 240px 20px 0px 20px;
    }

    .img-lider .opacity h1{
        color: #ffffff;
        font-size: 36px;
        margin: 0px 0px 15px 0px;
        font-weight: 600;
    }
    
    .img-lider .opacity h6{
        color: #ffffff;
        font-size: 20px;
        font-weight: 300;
        width: 90%;
    }

    .section-lideres .info-lider{
        padding: 30px 20px 30px 20px;
    }
    
    .section-lideres .info-lider h2{
        font-size: 34px;
        font-weight: 300;
        line-height: 40px;
        margin: 0px 0px 30px 0px;
    }

    .section-lideres .info-lider .line-green-1{
        width: 200px;
        margin: 40px 0px 40px 0px;
    }
    
    .section-lideres .info-lider .line-green-2{
        width: 200px;
        margin: 40px 0px 40px 0px;
    }

    .section-lideres{
        padding-top: 0px;
    }

}

/* ========== Section lideres 2 ======= */

.section-lideres2 .img-lider2{
    height: 600px;
    background-position: center;
    background-size: cover;
}


.section-lideres2 .info-lider-2{
    height: 600px;
    background-color: #EBEBEB;
    padding: 80px 80px 0px 80px;
}


.section-lideres2 .info-lider-2 h1{
    font-size: 42px;
    font-weight: 600;
    color: #000000;
    margin: 0px 0px 20px 0px;
}

.section-lideres2 .info-lider-2 h3{
    font-size: 20px;
    font-weight: 300;
    color: #000000;
    margin: 0px 0px 50px 0px;
}


.section-lideres2 .info-lider-2 p{
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    margin: 0px 0px 0px 0px;
}

.section-text-lid{
    padding: 70px 0px 70px 0px;
}

.section-text-lid h2{
    font-size: 50px;
    font-weight: 300;
    color: #000000;
    margin: 0px 0px 70px 0px;
}

.section-text-lid p{
    font-size: 18px;
    margin: 0px 0px 40px 0px;
}

.section-text-lid hr{
    margin: 0px;
    padding: 0px;
}

@media (max-width: 992px){

    .section-text-lid h2{
        font-size: 34px;
        font-weight: 300;
        color: #000000;
        margin: 0px 0px 40px 0px;
    }

    .section-lideres2 .img-lider2{
        height: 350px;
    }

    .section-lideres2 .info-lider-2{
        height: 100%;
        padding: 60px 20px 60px 20px;
    }

    .section-lideres2 .info-lider-2 h1{
        font-size: 36px;
        margin: 0px 0px 20px 0px;
    }
    
    .section-lideres2 .info-lider-2 h3{
        font-size: 26px;
        font-weight: 300;
        color: #000000;
        margin: 0px 0px 30px 0px;
    }
    
    
    .section-lideres2 .info-lider-2 p{
        font-size: 18px;
        line-height: 24px;
        color: #000000;
        margin: 0px 0px 0px 0px;
    }

}

/* ========== Informacion investigacion ======= */

.section-investigacion{
    padding: 70px 0px 0px 0px;
}

.section-investigacion h2{
    font-size: 50px;
    font-weight: 300;
    color: #000000;
    margin: 0px 0px 30px 0px;
}

.section-investigacion p{
    font-size: 18px;
    margin: 0px 0px 40px 0px;
}

.section-investigacion h4{
    font-size: 28px;
    font-weight: 300;
    color: #000000;
    margin: 0px 0px 30px 0px;
}

.section-investigacion h5{
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    color: #000000;
    opacity: .5;
    margin: 0px 0px 0px 0px;
}

.section-investigacion figure figcaption{
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgrey;
    padding: 5px;
}

.section-investigacion .circle-purple{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #7307B1;
    border-radius: 100px;
    margin-right: 10px;
}

.section-investigacion .line-purple{
    width: 280px;
    background-color: #7307B1;
    height: 8px;
    margin: 0px 0px 40px 0px;
}

.section-investigacion img{
    width: 100%;
    margin: 60px 0px 60px 0px;
    height: auto;
}

@media (max-width: 992px){

    .section-investigacion h2{
        font-size: 34px;
        font-weight: 300;
        color: #000000;
        margin: 0px 0px 40px 0px;
    }

    .section-investigacion img{
        max-width: 100%;
    }

}

/* ========== who is who empresa ======= */

.ficha-row{
    display: flex;
}

.section-empresa {
    padding: 0px;
}

.section-empresa .inf-empresa{
    background-color: #000000;
    color: #ffffff;
    padding: 120px 160px 50px 160px;
}

.section-empresa .img-empresa h1{
    font-size: 25px;
    margin: 0px 0px 20px 0px;
    color: #000000;
    font-weight: 700;
}

.section-empresa .inf-empresa p {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0px 0px 20px 0px;
    font-size: 1em;
}

.section-empresa .inf-empresa h4{
    font-size: 30px;
    margin: 0px 0px 20px 0px;
}

.section-empresa .img-empresa .line-white{
    width: 130px;
    background-color: #000000;
    height: 7px;
    border-radius: 100px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.section-empresa .img-empresa{
    background-color: #ffffff;
    padding: 120px 100px 50px 100px;
}

.section-empresa .img-empresa img{
    max-width: 50%;
}

.section-empresa .img-empresa p{
    font-size: 1em;
    margin: 0px 0px 0px 0px;
    color: #000000;
}

@media (max-width: 992px){

    .section-empresa .img-empresa h1{
        font-size: 30px;
        margin: 0px 0px 20px 0px;
        color: #000000;
    }
    
    .section-empresa .inf-empresa{
        padding: 110px 30px 70px 30px;
        height: 100%;
    }

    .section-empresa .img-empresa{
        padding: 110px 30px 70px 30px;
        height: 100%;
    }

    .ficha-row{
        display: block;
    }

    .section-empresa .img-empresa img{
        margin: 20px 0px 30px 0px;
        max-width: 100%;
    }

    .section-empresa .inf-empresa p{
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translate(0%);
        transform: translate(0%);
        margin: 0px;
    }
}
/* ========== Personas ======= */

.section-personas{
    padding: 90px 0px 90px 0px;
    background-color: #E6E6E6;
}

.section-personas .item-persona .img-persona{
    height: 220px;
    width: 220px;
    border-radius: 400px;
    background-position: center;
    background-size: cover;
    margin-bottom: 40px;
}

.section-personas .item-persona .nom-per{
    padding-top: 60px;
}

.section-personas .item-persona h6{
    font-size: 22px;
    margin: 0px 0px 15px 0px;
}

@media (max-width: 992px){

    .section-personas{
        padding: 90px 0px 0px 0px;
    }

    .section-personas .item-persona .img-persona{
        height: 220px;
        width: 220px;
        border-radius: 400px;
        background-position: center;
        background-size: cover;
        margin-bottom: 0px;
    }

    .section-personas .item-persona .nom-per{
        padding-top: 20px;
        padding-bottom: 60px;
        text-align: center;
    }

    .section-personas .item-persona h6{
        font-size: 24px;
        margin: 0px 0px 5px 0px;
    }

}

/* ========== Imagenes ======= */

.section-img{
    padding: 20px 30px 20px 30px;
}

.img-gal1{
    height: 480px;
    background-size: cover;
    background-position: center;
    margin:0px 0px 20px 0px;
}

.img-gal2{
    height: 980px;
    background-size: cover;
    background-position: center;
    margin:0px 0px 20px 0px;
}

.img-gal3{
    height: 700px;
    background-size: cover;
    background-position: center;
    margin:0px 0px 20px 0px;
}

@media (max-width: 992px){

    .section-img{
        padding: 20px 10px 20px 10px;
    }

    .img-gal1{
        height: 200px;
    }

    .img-gal2{
        height: 200px;
    }

    .img-gal3{
        height: 200px;
    }

}

/* ========== Empresa 2 ======= */

.section-empresa .inf-empresa2{
    background-color: #FFFFFF;
    color: #101010;
    padding: 180px 160px 50px 160px;
}

.section-empresa .inf-empresa2 h1{
    font-size: 25px;
    margin: 0px 0px 20px 0px;
    font-weight: 700;
}

.section-empresa .inf-empresa2 h4{
    font-size: 30px;
    margin: 0px 0px 20px 0px;
}

.section-empresa .inf-empresa2 .line-white{
    width: 130px;
    background-color: #000000;
    height: 7px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 10px;
    margin-top: -20px;
    padding-top: -20px;
}

.section-empresa .inf-empresa2 p{
    font-size: 16px;
    margin: 0px;
}

.section-empresa .inf-empresa2 img{
    width: 100%;
    margin: 0px;
    max-width: 300px;
}

.section-persons2{
    background-color: #101010;
    color: white;
    padding: 180px 40px 0px 40px;

}

.section-persons2 .item-persona2{
    margin-bottom: 30px;
}

.section-persons2 .item-persona2 .img-per{
    width: 170px;
    height: 170px;
    border-radius: 400px;
    margin: 0px 0px 15px 0px;
    background-position: center;
    background-size: cover;
}

.section-persons2 .item-persona2 h6{
    font-size: 16px;
    margin: 0px 0px 10px 0px;
}

@media (max-width: 992px){
    
    .section-empresa .inf-empresa2{
        padding: 120px 30px 70px 30px;
        height: 100%;
    }

    .section-persons2{
        padding: 120px 30px 70px 30px;
        height: 100%;
    }

    .section-persons2 .item-persona2{
        margin-bottom: 50px;
    }

    .section-empresa .inf-empresa2 h1{
        font-size: 3em;
    }
}

/* ========== Cards empresa======= */

.section-cards-empresas{
    padding-top: 80px;
}

.section-cards-empresas .card-empresa{
    margin: 20px 0px 40px 0px;
}

.section-cards-empresas .bg-left{
    background-color: #ffffff;
    border-radius: 30px 0px 0px 30px;
    padding: 60px 100px 50px 100px;
}

.section-cards-empresas .bg-left img{
    width: 100%;
    margin: 0px;
}

.section-cards-empresas .bg-left h3{
    font-size: 25px;
    margin: 0px 0px 10px 0px;
    color: #000000;
    font-weight: 600;
}

.section-cards-empresas .bg-left p{
    font-size: 14px;
    margin: 0px;
    color: #000000;
}

.section-cards-empresas .line-black{
    width: 100px;
    height: 7px;
    border-radius: 100px;
    background-color: #000000;
    margin: 0px;
}

.section-cards-empresas .bg-right{
    background-color: #c5c3c3;
    border-radius: 0px 30px 30px 0px;
    padding: 60px 100px 0px 100px;
    text-align: center;
}

.section-cards-empresas .bg-right .img-card-per{
    height: 120px;
    width: 120px;
    margin: 0px 0px 10px 0px;
    border-radius: 400px;
    background-position: center;
    background-size: cover;
}

.section-cards-empresas .bg-right h6{
    margin: 0px 0px 5px 0px;
    font-size: 14px;
    
}

.section-cards-empresas .bg-right .per{
    margin-bottom: 20px;
    
}


/* ========== Carrusel ======= */

.section-carrusel{
    padding: 0px 0px 50px 0px;
}

.wp-block-columns {
    display: flex;
}

.wp-block-column {
    flex: 1;
    padding-right: 20px;
}

@media (max-width: 992px){
    .drop-mobile{
        max-height: 300px;
        overflow-y: scroll;
    }

    .section-cards-empresas{
        padding: 20px 0px 20px 0px;
    }

    .section-cards-empresas .card-empresa{
        margin: 0px 0px 20px 0px;
    }

    .section-cards-empresas .no-margin{
        margin-left: 10px;
        margin-right: 10px;
    }

    .section-cards-empresas .bg-left{
        border-radius: 30px 30px 0px 0px;
        height: 100%;
        padding: 100px 30px 60px 30px;
    }

    .section-cards-empresas .bg-right{
        border-radius: 0px 0px 30px 30px;
        height: 100%;
        padding: 100px 30px 60px 30px;
    }
    .wp-block-columns {
        display: block;
    }
    
    .wp-block-column {        
        padding-right: 10px;
    }
}

.search-drop{
    overflow: hidden;
    max-height: 450px;
}


.search-drop:hover{
    overflow-y: scroll
}

/* width */
.search-drop::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
  }
  
  /* Track */
  .search-drop::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .search-drop::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  .search-drop::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }