@media screen and (max-width: 768px) {
    .search-box-hide {
        display: none;
    }
    .padding-header1 {
        margin-top: -1%;
    }
    .btn2 {
        margin-top: 5px;
        padding: 1px 6px 4px 6px;
        font-size: 15px;
    }
    .padding-header2 {
        margin-top: -1%;
    }
    .menu-columns {
        columns: 2;
        margin-top: 25px;
    }
    .navbar-nav>li>a {
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 20px 0px;
    }
    .navbar-form {
        padding: 0px;
        margin-bottom: 20px;
    }
    .menu-underline {
        border-bottom: 2px solid #ee7626;
        width: 70%;
}
    .dropdown-menu{
        margin: 40px 0 0;
}
}
@media screen and (min-width: 768px) {
    .padding-header1 {
        margin-top: 2%;
    }
    .btn2-hidden {
        display: none;
    }
    .btn2 {
        float: right;
        margin: 4px 15px 20px 0px;
        padding: 5px 6px 6px 6px;
        font-size: 15px;
    }
    .search-box-hide-fecha {
        display: none;
    }
    .social-icon-list {
        float: right;
    }
    .menu-underline {
        border-bottom: 2px solid #ee7626;
    }
    .btn-group{
        float: right;
}
    .dropdown-menu{
        position: absolute;
        margin: 5px 0 0;
}
}



.logo-width {
    max-width:130px;
    margin-top: 2%;
}

.texto-fecha {
    font-size: 16px;
    margin-top: 17px;
}

.padding-header2 {
    padding-top:2%
}

.link-menu-active {
    border-bottom: 2px solid #ee7626;
}

.busqueda-avanzada {
    font-size: 20px;
}

.promocional-250x250 {
    max-width: 250px;
}

.frase-sc {
    margin:10px 0px 0px 0px;
    width:287px
}

.imagen-historia-central-1 {
    max-width: 120px;
    margin-left:10px;
    margin-bottom:10px
}

.titulo-historia-central {
    font-size: 28px;
    font-weight: 900;
}

.link-breve-1 {
    max-width: 120px
}

.imagen-breve-1 {
    margin-left:10px;
    margin-bottom:10px;
}

.imagen-breve-2 {
    margin-left:10px;
    margin-bottom:10px;
}

.link-breve-b {
    max-width: 120px;
}

.imagen-breve-b {
    margin-left:10px;
    margin-bottom:10px;
}

.imagen-premium {
    width:60px;
    margin-left:10px;
    margin-bottom:10px;
}

.encabezado-contenido-premium-widget {
    background-color:#c9c9c7;
}

#encabezado-contenido-premium-titulo {
    padding:20px 0px 0px 20px;
    border:0px;
    color:#383838;
}

.encabezado-contenido-premium-hr {
    width:80%;
    border-bottom:5px solid #383838;
    border-top: 0px;padding:0px;
    margin:10px 0px 10px 0px;
}

.encabezado-contenido-premium-widget-content {
    margin-top:15px
}

.contenido-premium-link {
    font-size:16px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
}

.contenido-videos {
    padding-bottom:5px;
}

.contenido-video-titulo {
    font-size:16px;
    color:#000000;
}

.contenido-video-descripcion {
    font-size:12px;
    color:#000000;
}

.contenido-video-overlay {
    display: none;
    background-color:#ffffff;
}

.contenido-video-codigo {
    margin-bottom:10px
}

.contenido-video-overlay-titulo {
    font-size:20px;
}

.contenido-video-overlay-descripcion {
    font-size:13px;
}

.lo-mas-leido-background {
    background-color:#f0dfd0;
}

#lo-mas-leido-title {
    padding:20px 0px 0px 20px;
    border:0px;
    color:#383838;
}

.lo-mas-leido-hr {
    width:80%;
    border-bottom:5px solid #383838;
    border-top: 0px;
    padding:0px;
    margin:10px 0px 10px 0px;
}

.lo-mas-leido-thumbnail {
    width:80px;
    margin-left:10px;
    margin-bottom:10px;
}

.lo-mas-leido-link {
    font-weight: 400;
    font-size: 15px;
}

.lo-mas-leido-fecha {
    font-size:13px;
    color:#be7a42;
}

.img-contribuidores {
    margin-bottom:15px;
}

.resenas-list-item {
    margin-bottom:30px;
}

.alia-list-item {
    margin-bottom:30px;
    margin-left:20px;
}

.resenas-title {
    padding:0px;
    margin:0px 0px 10px 0px;
}

.resenas-tecnologia-post {
    background-color:#97ece5;
    padding:15px 20px 0px 25px;
}

.contribuidores-alia {
    background-color:#694D9A;
    padding:0px 0px 0px 0px;
}

.resenas-widget {
    margin-bottom:30px;
}

.resenas-widget {
    margin-bottom:20px;
}

.opinion-widget {
    margin-bottom:30px;
}

#resenas-h1 {
    padding:10px 0px 0px 0px;
    border:0px;
    color:#000000;
}

.alia-style{
    background-color:#191126;
    padding:0px 0px 7px 20px;
    margin-bottom:10px;
}

.alia-img{
    width:83px;
}

#alia-h1 {
    padding:10px 0px 0px 0px;
    border:0px;
    color:#ffffff;
}

.alia a{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #ffffff;
}

#resenas-h1-bitso {
    padding:5px 0px 9px 8px;
    border:0px;
    color:#ffffff;
    font-size:23px;
    background-color:#007bff;
    width: 221px;
}

#opinion-h1 {
    padding:5px 0px 9px 8px;
    border:0px;
    color:#000000;
    font-size:26px;
}

.alia-texto {
    color:#ffffff;
}
.contribuidores-alia-hr {
    width:100%;
    border-bottom:5px solid #ffffff;
    border-top: 0px;
    padding:0px;
    margin:10px 0px 10px 0px;
}

.resenas-tecnologia-hr {
    width:100%;
    border-bottom:5px solid #12736b;
    border-top: 0px;
    padding:0px;
    margin:10px 0px 10px 0px;
}

.resenas-peliculas-hr {
    width:100%;
    border-bottom:5px solid #8437ad;
    border-top: 0px;
    padding:0px;
    margin:10px 0px 10px 0px;
}

.resenas-paraelfin-hr {
    width:100%;
    border-bottom:5px solid #952322;
    border-top: 0px;
    padding:0px;
    margin:10px 0px 10px 0px
}

.resenas-emprendimiento-hr {
    width:100%;
    border-bottom:5px solid #618b56;
    border-top: 0px;
    padding:0px;
    margin:10px 0px 10px 0px;
}

.resenas-peliculas-post {
    background-color:#e1cdec;
    padding:15px 20px 0px 25px;
}

.resenas-paraelfin-post {
    background-color:#ffd7d7;
    padding:15px 20px 0px 25px;
}

.resenas-emprendimiento-post {
    background-color:#d1ffc5;
    padding:15px 20px 0px 25px
}

.resenas-bitso-post {
    background-color:#ffffff;
    padding:15px 20px 0px 25px;
    border-top: 5px solid #007bff;
    border-bottom: 5px solid #007bff;
    border-left: 5px solid #007bff;
    border-right: 5px solid #007bff;    
}

.opinion-post {
    background-color:#ffffff;
    padding:15px 20px 0px 25px;
    border-top: 5px solid #ff8000;
    border-bottom: 5px solid #ff8000;
    border-left: 5px solid #ff8000;
    border-right: 5px solid #ff8000;    
}

.home:hover { color: green; }
.home:active { color: blue; }
.home:visited { color: black; }

#resenas-bitso-post-titulo :hover {
   color:#007bff;
}

.google-tag-manager {
   display:none;
   visibility:hidden;
}

.site-header-inner {
   margin:2px 0px 0px 0px;
   padding:1px;
   line-height:14px;
}

.site-header-bar-title {
   margin:0px;
   padding:0px 0px 5px 0px;
}

.banner1-dfp {
   height:1px;
   width:1px;
}

.banner2-dfp {
   max-width: 250px;
}

.banner-promocional-medidas {
   height:1px;
   width:1px;
}

.banner-promocional-2 {
   max-width: 250px;
}

.radiografia-widget {
   margin-top:0px;
}

#radiografia-tabs {
   padding:0px;
}

.radiografia-tabs-employee {
   width:100%;
}

.radiografia-bmv {
   color:#000000;
}

.videos-bg {
   background-color:#dbdbdb;
}

#videos-h4 {
   padding:20px 0px 0px 20px;
   border:0px;
   color:#000000;
}

.videos-hr {
   width:65%;
   border-bottom:5px solid #fc2828;
   border-top: 0px;
   padding:0px;
   margin:10px 0px 10px 0px;
}

.videos-ul {
   margin-top:20px;
}

#indicadores-bg {
   background-color:#c9c9c7;
   margin-top:50px;
}

#indicadores-h4 {
   padding:20px 0px 0px 20px;
   border:0px;
   color:#383838;
}

.indicadores-hr {
   width:80%;
   border-bottom:5px solid #383838;
   border-top: 0px;
   padding:0px;
   margin:10px 0px 10px 0px;
}

#contribuidores-h4 {
   padding-bottom:0px;
}

#contribuidores-overlay-h4 {
   font-size:20px;
   border-bottom:1px solid #D9D3D3;
   padding-bottom:10px;
   margin-bottom:20px;
   font-size:20px;
}

.contribuidores-overlay-banamex {
   margin:0px 0px 0px 0px;
   max-width:200px;
}

.contribuidores-overlay-columbus {
   margin:10px 0px 0px 0px;
   max-width:212px;
}

.contribuidores-overlay-vepormas {
   margin:20px 0px 0px 0px;
   max-width:116px;
}

.contribuidores-overlay-bullandbear {
   margin:0px 0px 0px 0px;max-width:154px
}

.contribuidores-overlay-hrrating {
   margin:0px 0px 0px 0px;
   max-width:174px;
}

.contribuidores-overlay-franklin {
   margin:20px 0px 0px 0px;max-width:211px
}

.contribuidores-overlay-signum {
   margin:0px 0px 0px 0px;
   max-width:176px;
}

.contribuidores-overlay-jones {
   margin:0px 0px 0px 0px;
   max-width:157px;
}

.contribuidores-overlay-nomura {
   margin:0px 0px 0px 0px;
   max-width:181px;
}

.contribuidores-overlay-ideas {
   margin:0px 0px 0px 0px;
   max-width:209px;
}

.contribuidores-overlay-tec {
   margin:0px 0px 0px 0px;
   max-width:142px;
}

.contribuidores-overlay-apalache {
   margin:10px 0px 0px 0px;
   max-width:216px;
}

.contribuidores-overlay-jobsora {
   margin:0px 0px 0px 0px;
   max-width:87px;
}

.contribuidores-hr {
   width:100%;
   height:5px;
   border:5px solid #efefef;
   margin:0px 0px 20px 0px;
}

.contribuidores-overlay {
   display: none;
   background-color:#ffffff;
}

.distribucion-widget {
   margin-top:0px;
}

.distribucion-img {
   max-width:106px;
   margin-bottom:3px;
   display:block;
   margin:auto;
}

.distribucion-widget-content {
   align-content: center;
}

#marquee-div {
   width:100%;
   margin-left:0px;
   color:#ffffff;
   font-size: 12px;
}

.marquee-strong {
   color:#ffffff;
}

.menu-site-header {
   background-color:#ffffff;
   font-size:15px;
}

.logo {
   max-width:180px;
   margin-top:40px;
   }

.menu-logo {
   width:500px;
   margin-bottom: 0px;
   margin-top:10px;
}

.menu-logo-by-infosel {
   width:420px;
   margin-bottom: 0px;
   margin-top:10px;
}

.logo-fecha {
   color:#000000;
   font-size:11px;
   margin-bottom: 0px;
   margin-top:7px;
   text-align: center;
}

.pleca-header {
   background-color:#ffffff;
   line-height:0px;
   margin-bottom:0px;
   margin-top:40px;
}

.busqueda-li {
   padding:0px;
}

#busqueda-avanzada {
   color:#000000;
   font-size:12px;
   padding:0px 3px 0px 5px;
}

#busqueda-a-rss {
   padding:0px 3px 0px 5px;
}

.busqueda-rss-icono {
   color:#e66d02;
}

#busqueda-a-fb {
   padding-left:3px;
   padding-right:3px;
}

.busqueda-fb-icono {
   color:#5c72a3;
}

#busqueda-a-twitter {
   padding-left:3px;
   padding-right:3px;
}

.busqueda-twitter-icono {
   color:#0db2f2;
}

.menu-principal {
   /*border-top: 2px solid #ee7626;*/
   margin:0px 0px 0px 0px;
   background-color:#ffffff;
   font-size: 19px;
}

.contribuidores-ul {
   line-height:16px;
}

.contribuidores-a {
   text-decoration:none;
}

.contribuidores-dia {
   font-size:11px;
}

.footer-general {
   padding:20px 0;
   margin-top: 80px;
}

.footer-general-direccion {
   color:#ffffff;
   font-size:13px;
   font-weight:300;
}

#footer-general-li {
   padding:0px 15px 0px 0px;
   font-size:13px;
   color:#ffffff;
   font-weight:300;
}

.indicadores-listado {
   line-height:10px;
   margin-top:0px;
}

.navbar-ul {
   margin:0px 0px 0px 0px;
}

#navbar-dropdown {
   color:#ffffff;
   font-size:12px;
   padding:3px 0px 0px 20px;
   margin-top:0px;
}

#perfil {
   color:#ffffff;    
   font-size:11px;
   padding:5px 0px 0px 20px;
}

.perfil a:link {
   color:#ffffff;
}

.perfil :hover {
   color:#F3FF01;
}

#navbar-facturacion {
   color:#ffffff;
   font-size:11px;
   padding:7px 0px 0px 20px;
}

#navbar-suscripcion {
   color:#ffffff;
   font-size:11px;
   padding:7px 0px 0px 20px;
}

#navbar-renovar-suscripcion {
   color:#ffffff;
   font-size:11px;
   padding:7px 0px 0px 20px;
}

#navbar-logout {
   color:#ffffff;
   font-size:11px;
   padding:7px 0px 0px 20px;
}







/*PÁGINAS INTERNAS */

#lo-mas-leido-h4 {
   padding-bottom:0px;
}

.imagen-lo-mas-leido-premium {
   width:60px;
   margin-left:10px;
   margin-bottom:10px;
}

.lo-mas-leido-title-a {
    font-size:16px;
    font-weight:100;
}

.lo-mas-leido-title-span {
    font-size:11px;
    color:#a24745;
}









































* {
  box-sizing: border-box;
}


.tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
  background: #ffffff;

}
.input {
  position: absolute;
  opacity: 0;
}
.label {
  width: 100%;
  padding: 10px 10px;
  background: #434d61;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  transition: background 0.1s, color 0.1s;
}
.label:hover {
  background: #d8d8d8;
}
.label:active {
  background: #ccc;
}
.input:focus + .label {
  box-shadow: inset 0px 0px 0px 0px #434d61;
  z-index: 1;
}
.input:checked + .label {
  background: #ccc;
  color: #000;
}
@media (min-width: 400px) {
  .label {
    width: auto;
  }
}
.panel {
  width:90%;  
  display: none;
  padding: 0px 0px 0px 0px;
  background: #fff;
}
@media (min-width: 600px) {
  .panel {
    order: 99;
  }
}
.input:checked + .label + .panel {
  display: block;
}


.nav-tabs { border-bottom: 0px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #383838;background: #c9c9c7; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color: #c9c9c7 !important; background: #fff; }
        .nav-tabs > li > a::after { content: ""; background: #c9c9c7; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #c9c9c7 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:5px}
.nav-tabs > li  {width:20%; text-align:center;}
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); margin-bottom: 30px; border-radius: 6px; padding: 20px}


@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;}	
.nav-tabs > li > a {padding: 5px 5px;}
}

/**
 * Component: Overlay
 */
/* BACKDROP */
.novi-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7000;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: .4s;
  animation-fill-mode: forwards;
}
/* OVERLAY */
.novi-overlay {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.novi-overlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.novi-overlay__container {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 8000;
  padding: 0 15px;
}
.novi-overlay__content {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  margin: 15px auto;
  width: 100%;
  max-width: 700px;
  animation-name: fadeZoomIn;
  animation-duration: .4s;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.novi-overlay__content--video {
  padding: 0;

}
.novi-overlay__content--video .novi-overlay-close {
  top: -25px;
  right: 0;
}
/* CLOSE BUTTON */
.novi-overlay-close {
  padding: 0;
  background: none;
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 15px;
  height: 15px;
  z-index: 1;
  border: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIxLjkgMjEuOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEuOSAyMS45IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICA8cGF0aCBkPSJNMTQuMSwxMS4zYy0wLjItMC4yLTAuMi0wLjUsMC0wLjdsNy41LTcuNWMwLjItMC4yLDAuMy0wLjUsMC4zLTAuN3MtMC4xLTAuNS0wLjMtMC43bC0xLjQtMS40QzIwLDAuMSwxOS43LDAsMTkuNSwwICBjLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtNy41LDcuNWMtMC4yLDAuMi0wLjUsMC4yLTAuNywwTDMuMSwwLjNDMi45LDAuMSwyLjYsMCwyLjQsMFMxLjksMC4xLDEuNywwLjNMMC4zLDEuN0MwLjEsMS45LDAsMi4yLDAsMi40ICBzMC4xLDAuNSwwLjMsMC43bDcuNSw3LjVjMC4yLDAuMiwwLjIsMC41LDAsMC43bC03LjUsNy41QzAuMSwxOSwwLDE5LjMsMCwxOS41czAuMSwwLjUsMC4zLDAuN2wxLjQsMS40YzAuMiwwLjIsMC41LDAuMywwLjcsMC4zICBzMC41LTAuMSwwLjctMC4zbDcuNS03LjVjMC4yLTAuMiwwLjUtMC4yLDAuNywwbDcuNSw3LjVjMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNzMC41LTAuMSwwLjctMC4zbDEuNC0xLjRjMC4yLTAuMiwwLjMtMC41LDAuMy0wLjcgIHMtMC4xLTAuNS0wLjMtMC43TDE0LjEsMTEuM3oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+Cg==);
}
.novi-overlay-close:hover,
.novi-overlay-close:focus,
.novi-overlay-close:active {
  outline: none;
  cursor: pointer;
}
/* HELPER CLASSES */
.no-scroll {
  overflow: hidden;
}
@keyframes fadeZoomIn {
  from {
    opacity: 0;
    transform: scale(0.5) translateY(300px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


@import "compass/css3";

* {
  box-sizing: border-box;
}




/* PREMIUM */

.premium a:link {color: #000000; }
.premium a:hover {color: #3b5998; }
.premium a:visited {color: #000000; }

/* INDICADORES */

/* unvisited link */
.indicadores a:link {
    color: #000000;
}

/* visited link */
.indicadores a:visited {
    color: #000000;
}

/* mouse over link */
.indicadores a:hover {
    color: #87616e;
}

/* selected link */
.indicadores a:active {
    color: #000000;
}

/* LO MÁS LEÍDO */

.lomasleido {
    font-size: 16px;
}

/* unvisited link */
.lomasleido a:link {
    color: #000000;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* visited link */
.lomasleido a:visited {
    color: #000000;
}

/* mouse over link */
.lomasleido a:hover {
    color: #8d7966;
}

/* selected link */
.lomasleido a:active {
    color: #000000;
}

/* PARA EL FIN */

/* unvisited link */
.paraelfin a:link {
    color: #000000;
}

/* visited link */
.paraelfin a:visited {
    color: #000000;
}

/* mouse over link */
.paraelfin a:hover {
    color: #a78180;
}

/* selected link */
.paraelfin a:active {
    color: #000000;
}

/* RESENAS */

/* unvisited link */
.resenas a:link {
    color: #000000;
}

/* visited link */
.resenas a:visited {
    color: #000000;
}

/* mouse over link */
.resenas a:hover {
    color: #60446E;
}

/* selected link */
.resenas a:active {
    color: #000000;
}


/*CONTRIBUIDORES LOGOS */


.left {
    float: left;
    width: 50%;
}
.right {
    float: right;
    width: 50%;
}
.group:after {
    content:"";
    display: table;
    clear: both;
}
img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .left, 
    .right {
        float: none;
        width: auto;
    }
}

/*CONTRIBUIDORES BOTON 

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Open Sans;
  color: #ffffff;
  font-size: 14px;
  background: #441e58;
  padding: 6px 10px 6px 10px;
  text-decoration: none;
}

.btn:hover {
  background: #7c4599;
  text-decoration: none;
  color:ffffff;
}
*/




 .btn2 {
    width:130px;
    height:35px;

    font-family: Plus Jakarta Sans;
    border-radius: 3px;
    font-weight: 900;

    color: #ffffff;
    background-color: #ffffff;

    background: #e74c3c;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-weight: 800;

    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.btn2:hover, .btn2:focus {
    opacity: 0.8;
    color: #ffffff;
}
.btn2:active {
    color:#ffffff;
    -webkit-transform: scale(0.80);
    -moz-transform: scale(0.80);
    -ms-transform: scale(0.80);
    -o-transform: scale(0.80);
    transform: scale(0.80);
}
.btn2.block {

}
.btn2.circular {
  border-radius: 50em !important;
}


 .btn4 {
    width:300px;
    height:35px;
    font-family: Plus Jakarta Sans;
    border-radius: 3px;
    color: #ffffff;
    background-color: #ffffff;
    background: #e74c3c;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    position: relative;
    padding: 8px 10px 8px 10px;
    font-size: 17px;
    font-weight: 900;
}
.btn4:hover, .btn4:focus {
    opacity: 0.8;
    color: #ffffff;
}
.btn4:active {
    color:#ffffff;
    -webkit-transform: scale(0.80);
    -moz-transform: scale(0.80);
    -ms-transform: scale(0.80);
    -o-transform: scale(0.80);
    transform: scale(0.80);
}
.btn4.block {

}
.btn4.circular {
  border-radius: 50em !important;
}

 .btn3 {
    width: 120px;
    font-family: Plus Jakarta Sans;
    padding: 2px 6px 4px 6px;
    border-radius: 3px;
    margin: 30px 0px 3px 0px;
    color: #ffffff;
    background-color: #ffffff;
    display: inline-block;
    background: #e74c3c;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-weight: 800;
    font-size: .85em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    position: relative;
    font-weight: 900;
}
.btn3:hover, .btn3:focus {
    opacity: 0.8;
    color: #ffffff;
}
.btn3:active {
    color:#ffffff;
    -webkit-transform: scale(0.80);
    -moz-transform: scale(0.80);
    -ms-transform: scale(0.80);
    -o-transform: scale(0.80);
    transform: scale(0.80);
}
.btn3.block {
    display: block !important;
}
.btn3.circular {
  border-radius: 50em !important;
}

/* Botón Inresar */

 .btnwhite2 {
    font-family: Plus Jakarta Sans;
    border: 1px solid #e4e4e4;
    padding: 0px 6px 4px 6px;
    border-radius: 3px;
    margin: 4px 0px 3px 0px;
    color: #000000;
    background-color: #ffffff;
    display: inline-block;
    background: #ffffff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-weight: 800;
    font-size: .85em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    position: relative;
    font-weight: 900;
}
.btnwhite2:hover, .btnwhite2:focus {
    opacity: 0.8;
    color: #000000;
}
.btnwhite2:active {
    color:#ffffff;
    -webkit-transform: scale(0.80);
    -moz-transform: scale(0.80);
    -ms-transform: scale(0.80);
    -o-transform: scale(0.80);
    transform: scale(0.80);
}
.btnwhite2.block {
    display: block !important;
}
.btnwhite2.circular {
  border-radius: 50em !important;
}

/* Colours */
.red2 {
    background-color: #ee7626;
}

.white2 {
    background-color: #ffffff;
}

#ingresar {
    margin: 6px 0px 0px 10px;
    padding:0px;
    color:#ffffff;
    font-size: 12px;
    font-weight:bold;
}

#ingresar a:link {
    font-size: 12px;
    color:#ffffff;
}

/* visited link */
#ingresar a:visited {
    color: #ffffff;
}

/* mouse over link */
#ingresar a:hover {
    color: #FF7373;
}

/* selected link */
#ingresar a:active {
    color: #ffffff;
}

.title-historias-del-dia {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #383838;
    border-top: solid 2px #ee7626;
    padding-top: 15px;
    margin:0px 0px 5px 0px;
}

.title-historias-del-dia-hr {
    color: #000000;
    border: 0px solid #c9c9c7;
    width:50px;
    padding:0px;
    margin:0px;
}

.search-new {
    background: #ffffff;
    border: 1px solid #c1c1c1;
    width:100%;
    padding:9px;
    height:29px;
}

.micuenta {
    padding:1px 0px 0px 0px;
}

.fecha-pleca-negra {
    color:#ffffff;
    font-size:11px;
    padding:0px 0px 0px 16px;
    }


/*MI CUENTA MENU */


    /* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */
    @media only screen and (min-width: 960px) {
.search-margin {
    padding:27px 0px 0px 0px;
    margin:0px;
    }
.botones-ingresar-margin {
    padding:25px 0px 0px 20px;
    margin:0px 0px 0px 0px;
    }
.fecha-pleca-negra {
    color:#ffffff;
    font-size:11px;
    padding:6px 0px 0px 16px;
    }
.pleca-negra {
    padding:0px;
    margin-bottom:00px;
    margin-top:0px;
    }
.botonespodcast2 {
    display:none;
    }
.menu-mobile {
    display:none;
    }
.podcatsmovil {
    display:none;
    }    
}

    @media only screen and (min-width: 1440px) {
.search-margin {
    padding:27px 0px 0px 0px;
    margin:0px;
    }
.botones-ingresar-margin {
    padding:25px 0px 0px 20px;
    margin:0px;
    }
.fecha-pleca-negra {
    color:#ffffff;
    font-size:11px;
    padding:6px 0px 0px 16px;
    }
.pleca-negra {
    padding:0px;
    margin-bottom:00px;
    margin-top:0px;
    }
.botonespodcast2 {
    display:none;
    }
.menu-mobile {
    display:none;
    }
.podcatsmovil {
    display:none;
    }    
}
    @media only screen and (min-width: 2000px) {
.search-margin {
    padding:27px 20px 0px 20px;
    margin:0px;
    }
.botones-ingresar-margin {
    padding:25px 0px 0px 0px;
    margin:0px;
    }
.fecha-pleca-negra {
    color:#ffffff;
    font-size:11px;
    padding:6px 0px 0px 16px;
    }
.pleca-negra {
    padding:0px;
    margin-bottom:00px;
    margin-top:0px;
    }
.menu-mobile {
    display:none;
    }
.podcatsmovil {
    display:none;
    }    
}
    @media only screen and (max-device-width: 480px) {
.search-margin {
    padding:0px 15px 10px 15px;
    margin:0px;
    }   
.botones-ingresar-margin {
    padding:0px 15px 0px 0px;
    margin:0px 0px 10px 15px;
    }
.fecha-pleca-negra {
    color:#ffffff;
    font-size:11px;
    padding:4px 20px 0px 16px;
    }
.pleca-negra {
    padding:0px;
    margin-bottom:5px;
    margin-top:0px;
    margin-right:13px;
    }
.botonespodcast {
    visibility:hidden;
    }
.menu-mobile {
    list-style-type: none;
    margin:0px;
    padding:0px;
    column-count:2;
    }
.botonsuscribirse {
    margin-top:10px;
    }
}
    @media only screen and (device-width: 768px) {
.search-margin {
    padding:27px 0px 0px 20px;
    margin:0px;
    }
.botones-ingresar-margin {
    padding:10px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    }
.fecha-pleca-negra {
    color:#ffffff;
    font-size:11px;
    padding:0px 20px 10px 16px;
    margin-bottom:10px;    
    }
.pleca-negra {
    padding:0px;
    margin-bottom:5px;
    margin-top:0px;
    margin-right:13px;
    }
.botonespodcast {
    visibility:hidden;
    }
.botonespodcast2 {
    display:none;
    }
.menu-mobile {
    display:none;
    }
.botonsuscribirse {
    margin-top:10px;
    }
.podcatsmovil {
    display:none;
    }
}
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.search-margin {
    padding:0px 20px 10px 15px;
    margin:0px;
    }
.botones-ingresar-margin {
    padding:0px 10px 0px 0px;
    margin:0px 0px 10px 15px;
    }
.fecha-pleca-negra {
    color:#ffffff;
    font-size:11px;
    padding:0px 20px 10px 16px;
    margin-bottom:10px;    
    } 
.pleca-negra {
    padding:0px;
    margin-bottom:5px;
    margin-top:0px;
    margin-right:13px;
    }
.menu-mobile {
    list-style-type: none;
    margin:0px;
    padding:0px
    }       
}

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.search-margin {
    padding:0px 10px 0px 0px;
    margin:0px 0px 10px 15px;
    }
.fecha-pleca-negra {
    color:#ffffff;
    font-size:11px;
    padding:8px 20px 10px 16px;
    margin-bottom:10px;
    }
.pleca-negra {
    padding:0px;
    margin-bottom:5px;
    margin-top:0px;
    margin-right:13px;
    }
.botonespodcast {
    visibility:hidden;
    }
.menu-mobile {
    list-style-type: none;
    margin:0px;
    padding:0px
    }   
}





/*NEWSLETTER BOX*/

/* Style the form element with a border around it */
.form-newsletter {
  border: 4px solid #f1f1f1;
  background-color: #f1f1f1;
}

/* Add some padding and a grey background color to containers */
.container-newsletter {
  padding: 20px;
  background-color: #f1f1f1;
}

.container-boton-newsletter {
  padding: 11px;
  background-color: #ee7626;
}

.container-boton-newsletter a{
  color:#ffffff;
}

.container-newsletter-field {
  padding: 5px 20px 0px 20px;
  background-color: #f1f1f1;
  font-family: Plus Jakarta Sans;
}

.container-newsletter-captcha {
  padding: 4px 20px 0px 20px;
  background-color: #f1f1f1;
  font-family: Plus Jakarta Sans;
}

.container-newsletter-title {
  padding: 0px 20px 0px 20px;
  background-color: #f1f1f1;
  font-family: Plus Jakarta Sans;
}

/* Style the input elements and the submit button */
input[type=email], input[type=submit] {
  width: 100%;
  padding: 8px;
  margin: 0px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Add margins to the checkbox */
input[type=checkbox] {
  margin-top: 16px;
}

/* Style the submit button */
input[type=submit] {
  background-color: #ee7626;
  color: white;
  border: none;
}

input[type=submit]:hover {
  opacity: 0.8;
}

#input-newsletter-captcha {
  width: 162px;
  padding: 0px 5px 5px 5px;
  margin: 0px 5px 0px 0px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size:13px;
}

.title-newsletter {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight:900;
	color:#383838;
	line-height: 1.2;
	position: relative;
    padding:0px;
    margin: 10px 0px 0px 0px;
}

.boton-newsletter {
  background-color: #ee7626;
  color: white;
  border: none;
  padding:10px;
}



/* COLORS
========================================== */
/* MIXINS
========================================== */
/* KEYFRAMES
========================================== */
@-webkit-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@-moz-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@-o-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
/* RESET
========================================== */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



/* BUTTON
========================================== */
.button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.button button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: inherit;
  background-color: #ffffff;
  border: 0;
  padding: 15px 25px;
  color: #000000;
  text-transform: uppercase;
  font-size: 21px;
  letter-spacing: 1px;
  width: 200px;
  overflow: hidden;
  outline: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  visibility: visible;
  opacity: 1;
  font-weight: bold;
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.6);
}
.button button:hover {
  cursor: pointer;
  background-color: #8e6ac1;
  color: #ffffff;
}
.button button span {
  opacity: 1;
}
.button.clicked button {
  visibility: hidden;
  oacity: 0;
}

/* POP-UP
========================================== */
.pop-up {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  -o-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
  overflow-y: auto;
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .pop-up {
    width: calc(100% - 40px);
    height: auto;
    max-width: 900px;
  }
}
.pop-up .content {
  width: 100%;
  max-width: 900px;
  overflow: hidden;
  text-align: center;
  position: relative;
  min-height: 100vh;
}
@media (min-width: 768px) {
  .pop-up .content {
    min-height: inherit;
  }
}
.pop-up .content .container {
  padding: 100px 20px 140px;
}
@media (min-width: 568px) {
  .pop-up .content .container {
    padding: 50px 20px 80px;
  }
}
@media (min-width: 768px) {
  .pop-up .content .container {
    padding: 70px 0px 90px;
    max-width: 520px;
    margin: 0 auto;
  }
}
.pop-up .content .close {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  color: #3e4146;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.pop-up .content .close:hover {
  cursor: pointer;
  color: #f66867;
}
.pop-up .content .dots .dot {
  position: absolute;
  border-radius: 100%;
  z-index: 11;
}
.pop-up .content .dots .dot:nth-of-type(1) {
  top: -80px;
  right: -80px;
  width: 160px;
  height: 160px;
  background-color: #689bf6;
  -webkit-animation: float 6s ease-in-out infinite;
  -moz-animation: float 6s ease-in-out infinite;
  -o-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
@media (min-width: 768px) {
  .pop-up .content .dots .dot:nth-of-type(1) {
    top: -190px;
    right: -190px;
    width: 380px;
    height: 380px;
  }
}
.pop-up .content .dots .dot:nth-of-type(2) {
  bottom: -120px;
  left: -120px;
  width: 240px;
  height: 240px;
  background-color: #f66867;
  -webkit-animation: float 8s ease-in-out infinite;
  -moz-animation: float 8s ease-in-out infinite;
  -o-animation: float 8s ease-in-out infinite;
  animation: float 8s ease-in-out infinite;
}
.pop-up .content .dots .dot:nth-of-type(3) {
  bottom: -50px;
  right: -50px;
  width: 100px;
  height: 100px;
  background-color: #ffd84c;
  -webkit-animation: float 4s ease-in-out infinite;
  -moz-animation: float 4s ease-in-out infinite;
  -o-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}
.pop-up .content .title h1 {
  text-align: center;
  color: #f66867;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.8rem;
  letter-spacing: 0.05rem;
}
.pop-up .content img {
  width: 100%;
  max-width: 220px;
  display: inline-block;
  margin: 30px 0 40px 0;
  opacity: 0;
  -webkit-transform: translateX(60px);
  -moz-transform: translateX(60px);
  -ms-transform: translateX(60px);
  -o-transform: translateX(60px);
  transform: translateX(60px);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-backface-visibility: hidden;
}
@media (min-width: 768px) {
  .pop-up .content img {
    max-width: 300px;
  }
}
.pop-up .content .subscribe h1 {
  font-size: 1.5rem;
  color: #3e4146;
  line-height: 130%;
  letter-spacing: 0.07rem;
  margin-bottom: 30px;
}
.pop-up .content .subscribe h1 span {
  color: #f66867;
}
.pop-up .content .subscribe form {
  overflow: hidden;
}
.pop-up .content .subscribe form input {
  width: 100%;
  float: left;
  padding: 15px 20px;
  text-align: center;
  font-family: inherit;
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  outline: 0;
}
.pop-up .content .subscribe form input[type=email] {
  margin-bottom: 15px;
  border: 1px solid #bec1c5;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (min-width: 768px) {
  .pop-up .content .subscribe form input[type=email] {
    margin-bottom: 0px;
    width: 75%;
    border-right-width: 0px;
  }
}
.pop-up .content .subscribe form input[type=email]:focus {
  border-color: #3e4146;
}
.pop-up .content .subscribe form input[type=submit] {
  background-color: #8e6ac1;
  color: #ffffff;
  border: 1px solid #8e6ac1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (min-width: 768px) {
  .pop-up .content .subscribe form input[type=submit] {
    width: 25%;
  }
}
.pop-up .content .subscribe form input[type=submit]:hover {
  cursor: pointer;
  background-color: #7349af;
  border-color: #7349af;
}
.pop-up.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.pop-up.open img {
  opacity: 1;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

/* button */


.button-5 {
  align-items: center;
  background-clip: padding-box;
  background-color: #ee7626;
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 20px;
  justify-content: center;
  line-height: 1.85;
  margin: 0;
  min-height: 3rem;
  padding: calc(.500rem - 1.5px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button-5:hover,
.button-5:focus {
  background-color: #383838;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}


.button-5:active {
  background-color: #ee7626;
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}


/*SUSCRIPCIÓN NEWSLETTER*/

#sign-in {
  background-color: #ee7626;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  box-shadow: -1px -1px 20px -5px rgba(0, 0, 0, .8);
  margin-bottom: 3%;
  border-radius: 5px;
  padding: 1px 40px 5px 40px;
  z-index: 2;
  position: relative;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

#sign-in h1 {
  font-size: 17px;
  color:#ffffff;
  padding-bottom: 0px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

#sign-in form input {
  border-radius: 0rem;
  border: none;
  padding: 7px;
  margin-right: 4%;
}

#sign-in form input[type="email"] {
  width: 73%;
  padding-left: 3%;
  margin-top: 5px;
  color: #000;
}

#sign-in form input[type="submit"] {
  width: 30%;
  background: #383838;
}

.newsletter-boton {
  background-color: #383838;
  color: white;
  padding: 7px 25px;
  text-decoration: none;
}

.newsletter-boton:hover {
  background-color: #737373;
  color:#ffffff;
}

@media only screen and (max-width: 1200px) {
  #sign-in {
    margin-top: 0%;
  }
.newsletter-boton {
  line-height: 60px;
}  
}

@media only screen and (max-width: 750px) {
  #sign-in {
    max-width: 100%;
  }

  #sign-in form input[type="email"] {
    width: 50%;
    margin-top: 5%;
  }

  #sign-in form input[type="submit"] {
    width: 40%;
  }

}

@media only screen and (max-width: 635px) {
  #sign-in {
    margin-top: 0%;
  }
.newsletter-boton {
  line-height: 50px;
}  
}

@media only screen and (max-width: 530px) {
  #sign-in form input[type="email"] {
    width: 100%;
    margin-bottom: 3%;
  }

  #sign-in form input[type="submit"] {
    width: 100%;
  }

  footer {
    padding: 25% 5% 3% 5%;
    margin-top: -28%;
  }

}

/* BÚSQUEDA */

  .single-search {
    margin-bottom: auto;
    margin-top: auto;
    height: 40px;
    background-color: white;
    border-radius: 30px;
    padding: 0px;
  }

  .search-area{
    display: flex;

  }

  .c-height {
    height: 100%;
  }

  .custom-input{
    border: 0;
    outline: 0;
    width: 0;
    line-height: 40px;
    transition: width 0.4s linear;
    margin-right: 5px;
    background-color: #fafafa;
  }

  input::placeholder {
    color: #262626;
    font-size: 19px;
  }
input{
  font-size: 20px;
}
  .single-search:hover > .custom-input{
    padding: 0;
    width: 200px;
    caret-color:#262626;
    transition: width 0.4s linear;
  }

  .single-search:hover > .icon-area{
    background: white;
    color: #262626;
  }

  .icon-area {
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 40px;
    float: right;
    display: flex;
    text-decoration: none;
    color: #262626;
    font-size: 20px;
    padding: 1px;
  }
.fa-search{
  font-size: 20px;
}


/* FOOTER */

.footer1 {
    background-color: #383838;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
    margin-top: 70px;
    /*	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #003;*/
}



.title-widget {
	color: #ffffff;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	position: relative;
	text-transform: uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-left: 28px;
}

.title-widget::before {
    background-color: #ee7626;
    content: "";
    height: 22px;
    left: 0px;
    position: absolute;
    top: -2px;
    width: 5px;
}



.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
}

.widget_archive ul li {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 3px;
}


.widget_nav_menu ul li {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
	position: relative;
    text-transform: uppercase;
	border-bottom: 1px solid #4c4c4c;
    margin-bottom: 7px;
    padding-bottom: 7px;
	width:95%;
}

.widget_nav_menu ul li a{
    color: #ffffff;
}

.widget_nav_menu ul li a:hover{
    color: #ee7626;
}

.title-median {
    color: #636363;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px;
    text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
}

.footerp p {
    color: #ffffff;
    font-size: 14px; 
    }


#social:hover {
    			-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
			}
			#social {
				-webkit-transform:scale(0.8);
                /* Browser Variations: */
-moz-transform:scale(0.8);
-o-transform:scale(0.8); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
			}           
/* 
    Only Needed in Multi-Coloured Variation 
                                               */
			.social-fb:hover {
				color: #ffffff;
			}
			.social-tw:hover {
				color: #ffffff;
			}
			.social-gp:hover {
				color: #ffffff;
			}
			.social-em:hover {
				color: #ffffff;
			}
			.nomargin { margin:0px; padding:0px;}





.footer-bottom {
    background-color: #444444;
    min-height: 30px;
    width: 100%;
    font-size: 12px;
}
.copyright {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #fff;
}
.social-icons a {
    color: #ffffff;
}

/* SHARE EN NOTAS */

.tooltip2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.tooltip2 .tooltiptext2 {
  visibility: hidden;
  width: 220px;
  background-color: #ffffff;
  color: #fff;
  border-radius: 6px;
  padding: 0px 15px 0px 15px;
  position: absolute;
  z-index: 1;
  top: 110%;
  left: 50%;
  margin-left: -30px;
  border: 1px solid #cccccc;
  margin-top:5px;
}

@media screen and (max-width: 768px) {
    .tooltip2 .tooltiptext2 {
        margin-left: -190px;
    }
    .tooltip2 .tooltiptext2::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 85%;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #D3D3D3 transparent;
     }
}

@media screen and (min-width: 768px) {

    .tooltip2 .tooltiptext2::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 12%;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #D3D3D3 transparent;
     }
}

.tooltip2 .tooltiptext2 li{
  border-bottom:1px solid #d9d9d9;
  padding-bottom:5px;
  padding-top:8px;
  text-decoration:none;
}

.tooltip2 .tooltiptext2 ul{
  list-style-type:none;
}

.tooltip2:hover .tooltiptext2 {
  visibility: visible;
}

.tooltip2 a {
 color: #383838;
 font-size: 14px;
 display:flex;
}

.social-icons-circle {
 border: 1px solid rgb(220, 220, 220);
 border-radius: 100%;
 padding: 5px;
 margin-right: 10px;
 width: 30px;
 height: 30px;
}

.share-circle {
 border: 1px solid rgb(220, 220, 220);
 border-radius: 80px;
 padding: 0px 15px 5px 12px;
 margin-right: 10px;
}