@font-face {
  font-family: DINNeuzeitGrotesk;
  src: url(../fonts/DIN-30640-td-Neuzeit-Grotesk-Bold-Cond.otf);
}
.no-padding-lr {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.txt-center {
  text-align: center;
}
.header-content {
  z-index: 1;
}
#div_1 {
  /*background: #ffffff;*/
  /*background: #c9ccd3;
  background-image: linear-gradient(
    to top,
    #d5d4d0 0%,
    #d5d4d0 1%,
    #eeeeec 31%,
    #efeeec 75%,
    #e9e9e7 100%
  );
  */
  background: rgb(238,238,238,1);
  background-size: cover;
}
.p-top7 {
  padding-top: 7%;
}
.p-top2 {
  padding-top: 2%;
}
.img-container {
  width: 100%;
  height: 322px;
  position: relative;
}

.img {
  width: 100%;

  object-fit: cover;
}

.img-container p {
  margin: auto;
  color: #000;
  text-align: center;
  line-height: 322px; /* igual height de la imagen */
  background: #fff;
  transition: opacity 0.4s linear;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.img-container:hover p {
  opacity: 0.75;
}
.subtitulo {
  font: normal normal normal 16px/1.4em raleway, sans-serif;
}

/******************************************************/
.principal {
  /*box-shadow: 0 .15rem 1.75rem 0 rgba(33,37,41,.15)!important;*/
  /*
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  */
  box-shadow: 0 .15rem 1.75rem 0 rgba(33,37,41,.15)!important;
  border-radius: .5rem !important;
  margin-bottom: 4%;
}
.link {
  color: #3B5CAD;font:DINNeuzeitGrotesk,sans-serif;
  font-size: 1.2em;
}
.secundario {
  text-align:left !important;
}
.title-comments {
  color: black;
  font:DINNeuzeitGrotesk,sans-serif;
  font-size: 1.4em;
}
.bg-secundario {
  /*background: rgba(189, 219, 175, 1);*/
  background: #ffffff;
  border-bottom-left-radius: .5rem !important;
  border-bottom-right-radius: .5rem !important;
}
.fecha {
  text-align:left;
}
.contenido {
  text-align:left !important;
  margin-top:3%;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align:left;
}
.pd-bottom2 {
  padding-bottom:2%;
}
.title-search, .title-recent, .title-tags, .title-suscribe {
  color: black;
  font:DINNeuzeitGrotesk,sans-serif;
  font-size: 1.4em;
}
.div-searchpost {
  text-align:left;
  color: #3B5CAD;
}
.fecha-small {
  text-align:left;
  font-size:12px;
}
.btn-outline-dark {
  font-size:14px !important;
  margin-bottom:1% !important;
}
.fa-tag {
  font-size:11px !important;
}
.div-suscribe {
  text-align:left;
  color: black;
}
.form-suscribe {
  margin-top:4%;
  color: #3B5CAD;
}
.c-green {
  color: green;
}
.boton-enviar {
  padding: 8px 25px;font-size: 18px;
}

.btn-primary {
  background: #ffffff !important;
  color: #3B5CAD !important;
  border: #3B5CAD solid 2px !important;
  border-radius: 0px !important;
  font-weight: bold;
}
.txt-left {
  text-align:left;
}
.txt-right {
  text-align: right;
}
.categorias {
  color:#3B5CAD;
  /*font-family: 'Oswald', sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.cantidad_categorias {
  color:#ccc;
  text-decoration: none;
}
.cantidad_categorias:hover {
  color: black;
  text-decoration: none;
}
.left1 {
  margin-left: 1%;
}
.content-style {
  text-align:left;
  margin-top:3%;
}
.div-redes {
  text-align:left !important;
  overflow: hidden;
}
.share-f:hover {
  color: #ffffff !important;
  background-color: #2E406E !important;
  border-color: #2E406E !important;
  transition: all 0.5s ease-out;
}

.share-t:hover {
  color: #ffffff !important;
  background-color: #339DC5 !important;
  border-color: #339DC5 !important;
  transition: all 0.5s ease-out;
}
.share-l:hover {
  color: #ffffff !important;
  background-color: #2678E1 !important;
  border-color: #2678E1 !important;
  transition: all 0.5s ease-out;
}
.div100 {
  widows: 100%;
}
.div-search {
  text-align:left;
  color: #3B5CAD;
}
.form {
  margin-top:4%;
  color: #3B5CAD;
}
.c-green {
  color: green;
}
.suscribe {
  padding: 8px 25px;
  font-size: 18px;
}
.style-radius {
  border-radius: .5rem !important;
}
.bl-color {
  border-left: #3B5CAD solid 5px !important;
}
/******************************************************/

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .logo {
    width: 82px;
    height: 33px;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 575.98px) {
  .logo {
    width: 82px;
    height: 33px;
  }
  .p-top7 {
    padding-top: 15%;
  }
}