/*
Template Name:  News & Magazine Template
Author: yaminncco

Colors:
	Body 		: #2C2C2C
	Headers 	: #07090C
	Primary 	: #EF233C
	Dark 		: #07090C #222
	Grey 		: #DDD

Fonts: Open Sans Lato

Table OF Contents
------------------------------------
1 > General
2 > Header
3 > Section
4 > Article
5 > Widget
6 > Article Post
7 > Footer
8 > Owl Theme
9 > Responsive
10 > Back to Top
------------------------------------*/

.subtitulo_galeria_contenedor {
  text-align: center;
  height: 130px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.subtitulo_galeria {
  color: #fff;
  margin-top: 3%;
  font-size: 24px;
}

.subtitulo_galeria_negro {
  color: #000;
  margin-top: 3%;
  font-size: 24px;
}

.titulo_articulos{
  color:rgb(20, 111, 156)
}

.card-180px{
  min-height: 180px;
}

.bottom-btns{
  position: absolute;
  left:    20px;
  bottom:   10px;
}

/*=========================================================
	GENERAL
===========================================================*/
/*----------------------------*\
	typography
\*----------------------------*/
html,
body {
  font-family: "Lato", sans-serif;
  width: 100%;
  /* height: 100%; */
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

.popup_overlay,
.popup_content,
.popup_popup {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  color: #07090c;
  font-weight: 700;
}

h1 {
  font-size: 31.104px;
}

h2 {
  font-size: 25.92px;
}

#galerias_app h3 {
  font-size: 19.6px;
}

h3 {
  font-size: 21.6px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 15px;
}

a {
  font-weight: 400;
  color: #07090c;
  cursor: pointer !important;
}

a:hover,
a:focus {
  color: #ef233c;
  text-decoration: none;
  outline: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*----------------------------*\
	input
\*----------------------------*/
.input {
  width: 100%;
  height: 40px;
  padding: 0px 15px;
  border: 1px solid #ddd;
  background-color: transparent;
}

textarea.input {
  padding: 15px;
}

.input-btn {
  display: inline-block;
  padding: 12px 30px;
  color: #fff;
  background-color: #386bab;
  border: none;
  text-transform: uppercase;
  opacity: 1;
  font-size: 12.5px;
  font-weight: 400;
}

.input-btn:hover {
  opacity: 0.8;
}

/*=========================================================
	HEADER
===========================================================*/
/*----------------------------*\
	Top Header
\*----------------------------*/
#header #top-header {
  border-bottom: 1px solid #ddd;
}

.header-links {
  float: left;
}

.header-links ul li {
  display: inline-block;
  border-left: 1px solid #ddd;
}

.header-links ul li:last-child {
  border-right: 1px solid #ddd;
}

.header-links ul li a {
  display: block;
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  color: #222;
  font-size: 12.5px;
  text-align: center;
  text-transform: uppercase;
}

.header-links ul li a:hover {
  color: #ef233c;
}

.header-social {
  float: right;
}

.header-social ul li {
  display: inline-block;
  border-left: 1px solid #ddd;
}

.header-social ul li:last-child {
  border-right: 1px solid #ddd;
}

.header-social ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #222;
  text-align: center;
}

.header-social ul li a:hover {
  color: #ef233c;
}

/*----------------------------*\
	Center Header
\*----------------------------*/
#header #center-header {
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-logo {
  float: left;
}

.header-logo .logo {
  display: inline-block;
}

.header-logo .logo > img {
  width: 125%;
  height: auto;
  padding: 10px;
}

.header-ads {
  float: right;
}

/*----------------------------*\
	Nav Header
\*----------------------------*/
#header #nav-header {
  background: #07090c;
}

#nav-header .nav-logo {
  display: none;
  float: left;
}

#nav-header .nav-logo .logo {
  display: inline-block;
}

#nav-header .nav-logo .logo > img {
  width: 100%;
  max-height: 90px;
}

#nav-header.fixed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
}

/* .main-nav li {
	border-left:1px solid #222;
} */

.main-nav li:last-child {
  border-right: 1px solid #222;
}

.main-nav li a {
  padding: 25px 15px;
  color: #fff;
  font-size: 10pt;
  text-transform: uppercase;
}

.main-nav li.active a {
  background-color: #386bab !important;
}

.main-nav li a:hover,
.main-nav li a:focus {
  background-color: #222;
}

.button-nav {
  position: relative;
  float: right;
}

.button-nav > button {
  padding: 25px 25px;
  border: none;
  line-height: 20px;
  background: transparent;
  color: #fff;
}

.button-nav .search-collapse-btn.active {
  background: #ef233c;
}

.search-form {
  position: absolute;
  width: 250px;
  background: #07090c;
  padding: 20px;
  right: 0;
  border-top: 2px solid #ef233c;
  -webkit-box-shadow: 0px 5px 6px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 6px -5px rgba(0, 0, 0, 0.4);
  z-index: 22;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.search-form form .input {
  border: none;
  background-color: #fff;
}

.search-form.search-collapse {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.button-nav .nav-collapse-btn {
  display: none;
}

#archivo_app.article .article-body.article-title h2 {
  color: #000 !important;
}

/*----------------------------*\
	Responsive Header
\*----------------------------*/

@media only screen and (min-width: 1291px) {
  .white-escudo {
    display: none;
  }
}

@media only screen and (max-width: 1201px) {
  #header #center-header .header-logo,
  #header #center-header .header-ads {
    float: none;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  #header #top-header {
    text-align: center;
  }

  .header-links,
  .header-social {
    float: none;
  }

  .header-links ul li {
    margin-right: -4px;
    border-bottom: 1px solid #ddd;
  }

  .header-social {
    margin-top: -1px;
  }

  .header-social ul li {
    margin-right: -4px;
    border-top: 1px solid #ddd;
  }

  #header #center-header {
    padding: 0px;
  }

  .header-ads {
    display: none;
  }

  #nav-header .button-nav .nav-collapse-btn {
    display: inline-block;
  }

  #nav-header .nav-logo {
    display: block;
    float: none;
    text-align: center;
    margin-bottom: 30px;
  }

  #main-nav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    max-width: 300px;
    width: 0%;
    padding-top: 30px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #07090c;
    -webkit-box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.4);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    z-index: 99;
  }

  #main-nav.nav-collapse {
    width: 100%;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  .main-nav {
    margin: 0px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}

/*=========================================================
	SECTION
===========================================================*/
.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-title {
  position: relative;
  margin-bottom: 30px;
}

.section-title:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ddd;
  z-index: -1;
}

.section-title .title {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 45px;
  font-size: 15px;
  color: #fff;
  background-color: #9c0d1f;
  padding: 0px 15px;
}

.section-title .title:after {
  content: "";
  position: absolute;
  right: -15px;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 0 15px;
  border-color: transparent transparent transparent #ddd;
  z-index: 0;
}

/*------------------------------------*\
	Tab Nav
\*------------------------------------*/
.tab-nav li {
  position: relative;
  display: inline-block;
  height: 45px;
  line-height: 43px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: none;
  margin-right: -4px;
  z-index: 2;
}

.tab-nav li:last-child {
  border-right: 1px solid #ddd;
  margin-right: 0px;
}

.tab-nav li a {
  display: block;
  padding: 0 15px;
  background: #fff;
  font-size: 12.5px;
  text-transform: uppercase;
}

.tab-nav li.active {
  border-color: #386bab;
}

.tab-nav li.active a {
  background-color: #386bab;
  color: #fff;
}

.tab-nav li.active:after {
  content: "";
  position: absolute;
  bottom: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 15px 0 15px;
  border-color: #386bab transparent transparent;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
}

/*=========================================================
	ARTICLE
===========================================================*/
/*------------------------------------*\
	Default Article
\*------------------------------------*/
.article {
  position: relative;
  margin-bottom: 30px;
}

.article .article-img > a {
  display: block;
}

.article .article-img > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #222;
  opacity: 0;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.article:hover .article-img > a:after {
  opacity: 0.3;
}

.article .article-img {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.article .article-img img {
  width: 100%;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}

.article:hover .article-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.article .article-img .article-info {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 22;
}

.article .article-body .article-info {
  margin-bottom: 15px;
}

.article .article-info li {
  display: inline-block;
  margin-right: -2px;
}

.article .article-info .article-type {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #222;
  color: #fff;
  font-size: 12.5px;
}

.article .article-info .article-category > a {
  display: block;
  padding: 0px 15px;
  height: 30px;
  line-height: 30px;
  background: #386bab;
  color: #fff;
  text-transform: uppercase;
  font-size: 12.5px;
}

.article .article-info .article-category > a:hover {
  opacity: 0.8;
}

.article .article-title {
  text-transform: uppercase;
  margin-top: 0px;
}

.article .article-title > a {
  font-weight: 700;
}

.article .article-meta {
  margin-bottom: 10px;
  margin-top: 10px;
}

.article .article-meta li {
  color: #fff;
  font-size: 12pt;
}

.article .article-meta li + li {
  margin-left: 10px;
}

/*------------------------------------*\
	Thumb Article
\*------------------------------------*/
.article.thumb-article {
  margin-bottom: 0px;
}

.article.thumb-article .article-img {
  margin-bottom: 0px;
}

.article.thumb-article .article-img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#222),
    to(transparent)
  );
  background: linear-gradient(to top, #222 0%, transparent 100%);
  opacity: 0.5;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.article.thumb-article:hover .article-img:after {
  opacity: 1;
}

.article.thumb-article .article-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 5%;
  z-index: 20;
}

.article.thumb-article .article-body .article-title > a {
  color: #fff;
}

.article.thumb-article .article-body .article-title > a:hover {
  color: #ddd;
}

/*------------------------------------*\
	Widget Article
\*------------------------------------*/
.article.widget-article:after {
  content: "";
  display: block;
  clear: both;
}

.article.widget-article .article-img {
  float: left;
  width: 80px;
  margin-right: 15px;
  margin-bottom: 0px;
}

.article.widget-article .article-title {
  font-size: 15px;
}

/*------------------------------------*\
	Row Article
\*------------------------------------*/
.article.row-article:after {
  content: "";
  display: block;
  clear: both;
}

.article.row-article .article-img {
  width: 50%;
  float: left;
  margin-right: 30px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .article.row-article .article-img {
    width: 180px;
  }

  .article.row-article .article-body p {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .article.row-article .article-img {
    float: none;
    margin-bottom: 15px;
  }
}

/*-- article pagination --*/
.article-pagination {
  margin-top: 30px;
  margin-bottom: 30px;
}

.article-pagination ul li {
  display: inline-block;
}

.article-pagination ul li a {
  display: block;
  padding: 6px 15px;
  color: #ddd;
  border: 1px solid #ddd;
  font-size: 12.5px;
}
.article-pagination ul li a:hover {
  color: #ef233c;
  border-color: #ef233c;
}

.article-pagination ul li.active a {
  background-color: #ef233c;
  border-color: #ef233c;
  color: #fff;
}

/*=========================================================
	WIDGET
===========================================================*/
.widget + .widget {
  margin-top: 30px;
}

.widget .widget-title {
  margin-bottom: 15px;
  text-align: center;
}

.widget .widget-title .title {
  font-size: 15px;
  text-transform: uppercase;
  color: #9c9696;
  margin-top: 0px;
}

/*------------------------------------*\
	Social Widget
\*------------------------------------*/
.social-widget ul li {
  display: inline-block;
}

.social-widget ul li a {
  display: block;
  padding: 6px 15px;
  font-size: 12.5px;
  text-transform: uppercase;
  text-align: center;
}

.widget.social-widget ul li {
  width: 33.33%;
  padding: 3px;
  margin-right: -4px;
}

.social-widget ul li a.facebook {
  color: #fff !important;
  background-color: #3b5999;
}

.social-widget ul li a.rss {
  color: #fff !important;
  background-color: #e2961e;
}

.social-widget ul li a.twitter {
  color: #fff !important;
  background-color: #00aced;
}

.social-widget ul li a.google {
  color: #fff !important;
  background-color: #d44332;
}

.social-widget ul li a.instagram {
  color: #fff !important;
  background-color: #8a3ab9;
}

.social-widget ul li a.youtube {
  color: #fff !important;
  background-color: #e31010;
}

.social-widget ul li a.rss {
  color: #fff !important;
  background-color: #fe7e00;
  height: 34px;
}

.social-widget ul li a.mail {
  color: #fff !important;
  background-color: #e31010;
}

.social-widget ul li a.share {
  color: #fff !important;
  background-color: #82c91e;
}

.social-widget ul li a:hover {
  opacity: 0.8;
}

/*------------------------------------*\
	Subscribe Widget
\*------------------------------------*/
.widget.subscribe-widget {
  padding: 30px;
  background-color: #222;
}

.widget.subscribe-widget form input.input {
  background: #fff;
  border: none;
}

.subscribe-widget form button.input-btn {
  margin-top: 15px;
}

.widget.subscribe-widget form button.input-btn {
  display: block;
  width: 100%;
}

.footer-widget.subscribe-widget form input.input {
  color: #ddd;
}

/*------------------------------------*\
	Galery Widget
\*------------------------------------*/
.galery-widget ul li {
  display: inline-block;
  width: 25%;
  padding: 3px;
  margin-right: -4px;
  margin-top: -4px;
}

.galery-widget ul li a {
  display: block;
  position: relative;
  overflow: hidden;
}

.galery-widget ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #222;
  opacity: 0;
  z-index: 1;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.galery-widget ul li a:after {
  content: "\f030";
  font-family: FontAwesome;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0;
  z-index: 2;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.galery-widget ul li a img {
  width: 100%;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}

.galery-widget ul li a:hover:before {
  opacity: 0.5;
}

.galery-widget ul li a:hover:after {
  opacity: 1;
}

.galery-widget ul li a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*------------------------------------*\
	Tweets Widget
\*------------------------------------*/
.tweets-widget .tweet + .tweet {
  margin-top: 30px;
}

.tweets-widget .tweet {
  min-height: 45px;
}

.tweets-widget .tweet i {
  float: left;
  margin-right: 10px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #ddd;
  color: #fff;
  border-radius: 50%;
}

.tweets-widget .tweet .tweet-body a {
  text-decoration: underline;
}

/*------------------------------------*\
	tags Widget
\*------------------------------------*/
.widget-tags ul li {
  display: inline-block;
  margin-top: 3px;
}

.widget-tags ul li a {
  display: block;
  padding: 6px 15px;
  color: #ddd;
  border: 1px solid #ddd;
  font-size: 12.5px;
}

.widget-tags ul li a:hover {
  color: #ef233c;
  border-color: #ef233c;
}

/*=========================================================
	ARTICLE POST
===========================================================*/
.article-post .article-main-img {
  margin-bottom: 15px;
}

.article-post .article-main-img img {
  width: 100%;
}

/*------------------------------------*\
	Breadcrumb
\*------------------------------------*/
.article-breadcrumb {
  margin-bottom: 15px;
}

.article-breadcrumb > li {
  display: inline-block;
  font-size: 12.5px;
  text-transform: uppercase;
  color: #ddd;
}

.article-breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0px 3px;
  color: #ddd;
}

/*------------------------------------*\
	Article Share
\*------------------------------------*/
.article-share {
  position: absolute;
  left: -45px;
  top: 0;
}

.article-share > a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 12.5px;
  text-align: center;
  background-color: #222;
  color: #fff;
}

.article-share > a.facebook {
  color: #fff;
  background-color: #3b5999;
}

.article-share > a.twitter {
  color: #fff;
  background-color: #00aced;
}

.article-share > a.google {
  color: #fff;
  background-color: #d44332;
}

.article-share > a:hover {
  opacity: 0.8;
}

/*------------------------------------*\
	Article Comments
\*------------------------------------*/
.article-comments {
  margin-top: 30px;
  margin-bottom: 30px;
}

.article-comments .media {
  position: relative;
}

.article-comments .media:after {
  content: "";
  position: absolute;
  left: 22.5px;
  top: 60px;
  bottom: 15px;
  width: 1px;
  background-color: #ddd;
}

.article-comments > .media {
  margin-top: 30px;
  margin-bottom: 30px;
}

.article-comments > .media .media {
  margin-top: 30px;
  margin-left: 45px;
}

.article-comments .media .media-left {
  padding-right: 30px;
}

.article-comments .media .media-left img {
  border-radius: 50%;
  width: 45px;
}

.article-comments .media .media-body .media-heading h5 {
  margin-top: 0px;
}

.article-comments .media .media-body .reply-time {
  color: #ddd;
  font-size: 12.5px;
  font-weight: 400;
  margin-left: 10px;
}

.article-comments .media .media-body .reply-btn {
  font-size: 12.5px;
  text-transform: uppercase;
}

/*------------------------------------*\
	Reply Form
\*------------------------------------*/
.article-reply-form {
  margin-top: 30px;
  margin-bottom: 30px;
}

.article-reply-form form input.input {
  width: calc(33.33% - 10px);
}

.article-reply-form form input.input + input.input {
  margin-left: 12px;
}

.article-reply-form form textarea.input {
  height: 90px;
  margin-top: 15px;
}

.article-reply-form form button.input-btn {
  margin-top: 15px;
}

/*=========================================================
	FOOTER
===========================================================*/
#footer {
  background-color: #07090c;
}

#footer p {
  color: #ddd !important;
}

#footer a {
  color: #ddd;
}

#footer a:hover {
  color: #ef233c;
}

#footer li {
  list-style: none;
}

/*------------------------------------*\
	Top Footer
\*------------------------------------*/
.footer-widget {
  margin-top: 30px;
  margin-bottom: 30px;
}

.footer-widget .widget-title {
  margin-bottom: 30px;
}

.footer-widget .widget-title .title {
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 10px;
}

.footer-widget .footer-logo .logo {
  display: inline-block;
  margin-bottom: 15px;
}

.footer-widget .footer-logo .logo > img {
  width: 100%;
  max-height: 90px;
}

/*------------------------------------*\
	Bottom Footer
\*------------------------------------*/
.footer-links {
  text-align: right;
}

.footer-links li {
  display: inline-block;
}

.footer-links li a {
  display: block;
  padding: 0px 10px;
  color: #ddd;
  font-size: 12.5px;
  text-align: center;
  text-transform: uppercase;
}

.footer-copyright {
  color: #ddd;
}

/*=========================================================
	OWL THEME
===========================================================*/
/*------------------------------------*\
	Owl Custom nav
\*------------------------------------*/
.custom-owl-nav > div {
  position: relative;
  height: 45px;
  width: 45px;
  line-height: 45px;
  display: inline-block;
  border: 1px solid #ddd;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}

.custom-owl-nav > div:not(.disabled):hover {
  background-color: #ef233c;
  border-color: #ef233c;
  color: #fff;
}

.custom-owl-nav > div.disabled {
  border-color: rgba(221, 221, 221, 0.5);
  color: rgba(221, 221, 221, 0.5);
  cursor: not-allowed;
}

.custom-owl-nav .owl-prev {
  border-right: none;
}

/*------------------------------------*\
	Owl Center nav
\*------------------------------------*/
.owl-theme.center-owl-nav .owl-nav [class*="owl-"] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background: #222;
  color: #fff;
  padding: 0px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 0;
  margin: 0;
}

.owl-theme.center-owl-nav .owl-prev {
  left: 0px;
}

.owl-theme.center-owl-nav .owl-next {
  right: 0px;
}

.owl-theme.center-owl-nav .owl-nav [class*="owl-"]:hover {
  opacity: 0.8;
  background: #ef233c;
}

/*------------------------------------*\
	Owl Dots
\*------------------------------------*/
.owl-theme .owl-dots .owl-dot span {
  border: none;
  background: #ddd;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background: #ef233c;
}
.owl-theme .owl-dots .owl-dot.active span {
  background: #ef233c;
}

/*=========================================================
	RESPONSIVE
===========================================================*/
@media only screen and (max-width: 1201px) {
}

@media only screen and (max-width: 991px) {
  .section-title .tab-nav {
    float: none !important;
  }

  .section-title .custom-owl-nav {
    float: none !important;
  }

  #bottom-footer .footer-links {
    text-align: center;
  }

  #bottom-footer .footer-copyright {
    text-align: center;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .article-share {
    top: 15px;
    left: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .article-comments .media:after {
    display: none;
  }

  .article-comments > .media .media {
    margin-left: 15px;
  }

  .article-reply-form form input.input {
    width: 100%;
  }

  .article-reply-form form input.input + input.input {
    margin-left: 0px;
    margin-top: 15px;
  }
}

/*=========================================================
	Back to Top
===========================================================*/
#back-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #222;
  color: #fff;
  z-index: 20;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

#back-to-top:after {
  content: "\f106";
  font-family: FontAwesome;
}

#back-to-top:hover {
  background-color: #ef233c;
}

#back-to-top.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

div.col-xs-12 {
  display: block;
  position: relative;
}

div.col-xs-12::after {
  content: "";
  /*background: url('../img/constellations.jpg');*/
  /* background-color: #1b357b; */
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

/* Header Parallax Element Style*/
.paral {
  min-height: 300px;
  width: 100%;
  height: auto;
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 10px !important;
}

#quote_app .jumbotron h1 {
  color: #fff;
}

#quote_app .jumbotron h2 {
  color: #fff;
}

#quote_app .jumbotron h3 {
  color: #fff;
}

#quote_app .jumbotron h4 {
  color: #fff;
}

#quote_app .jumbotron h5 {
  color: #fff;
}

#quote_app .jumbotron h6 {
  color: #fff;
}

/* Image for Parallax Section */
.paralsec {
  background-image: url("../img/constellations.jpg");
}

.paralsec-gallery {
  background-image: url("../img/galerias_elementos.jpg");
}

.paralsec-nums-ant {
  background-image: url("../img/numeros_anteriores.jpg");
  /* background-image: url("../img/galerias_elementos.jpg"); */
}

.paralsec-lab {
  background-image: url("../img/laboratorio_multimedia.jpg");
  /* background-image: url("../img/galerias_elementos.jpg"); */
}

/* Remove Bottom Margin from Jumbotron */
.jumbotron {
  margin-bottom: 0;
}

.au-logos {
  margin-top: 21px;
}

.m-header img {
  width: 100%;
  height: 300px;
  /* object-fit: none; */
  opacity: 0.3;
}

.middle-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.middle-2 {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.middle-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.m-header h1 {
  font-size: 52px;
}

/*Custom*/
p {
  color: #000;
}

#galerias-single a {
  color: #fff;
}

#galerias-single a:hover {
  color: #fff;
}

@media only screen and (max-width: 1290px) {
  .section-desk {
    display: none;
  }

  .section-res {
    display: initial;
  }

  .paral {
    font-size: 32px;
    color: #f5f5f5;
  }

  #galerias-single .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: auto;
    max-height: 500px;
    height: auto;
    margin: 0 auto;
  }

  #m_lab_app .s-video {
    background-color: #f1f3f4;
    margin-left: -11%;
    padding-left: 0px;
    padding-bottom: 10px;
    width: 100%;
  }

  #m_lab_app .s-audio {
    background-color: #f1f3f4;
    margin-left: 8%;
    width: 84%;
  }

  a.rss {
    margin-left: 10px;
  }

  .social-widget ul li a.rss {
    color: #fff !important;
    background-color: #fe7e00;
    width: 109px;
  }

  .social-widget ul li a.rss.code {
    margin-left: 100px;
  }

  #cuadernos_app {
    margin-top: 10px;
  }

  #header {
    display: none;
  }

  #r-header {
    display: initial;
  }

  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }

  #main-carousel .carousel-control .fa-2x {
    padding-top: 172%;
  }

  div.paralsec {
    text-align: center;
    min-height: 150px;
    padding: 2%;
  }

  .col-md-6-first {
    margin-left: -8%;
  }

  .col-md-6-second {
    padding: 2%;
  }

  .num-act-res {
    display: initial;
  }

  .num-act {
    display: none;
  }

  .subtitulo_galeria_contenedor {
    width: 104%;
  }

  #to-authors .tab-pane,
  #directory .tab-pane {
    margin-top: 3%;
  }

  .payments-info {
    padding-left: 13%;
  }

  #comic .m-lab-row .col-md-3 {
    margin-top: 2%;
  }

  .video-youtube-row {
    padding-left: 17%;
  }

  #galerias .col-sm-6.col-md-4 {
    margin-bottom: 16%;
  }

  .thumbs-description {
    margin-left: 0px;
    padding: 5%;
    width: 420px;
  }

  #galerias-single .hide-bullets {
    list-style: none;
    margin-left: -25px;
    margin-top: 20px;
  }

  #galerias-single .hide-bullets a.thumbnail > img {
    height: 100px !important;
  }

  #footer .sponsors {
    background-color: #146f9c;
    color: #fff;
  }

  #footer .img-conacyt {
    width: 64%;
    margin-left: 19%;
    margin-top: 6%;
  }

  #footer .sponsors p {
    font-weight: bold;
  }

  .latindex {
    padding-top: 5%;
  }

  .oa-cc-col {
    margin-bottom: 4%;
  }
}

@media only screen and (min-width: 1291px) {
  .section-desk {
    display: initial;
  }

  .section-res {
    display: none;
  }

  .paral {
    font-size: 54px;
    color: #f5f5f5;
  }

  #galerias-single .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: auto;
    height: 500px;
    margin: 0 auto;
  }

  #m_lab_app .s-video {
    margin-left: 1%;
    width: 23.6%;
  }

  #m_lab_app .s-audio {
    background-color: #f1f3f4;
    margin-left: 1%;
    width: 23.6%;
  }

  #m_lab_app .s-comic {
    background-color: #979797;
    margin-left: 1%;
    width: 23.6%;
  }

  #m_lab_app .s-comic h3 {
    color: #fff !important;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  #header {
    display: initial;
  }

  #r-header {
    display: none;
  }

  #main-carousel .carousel-control .fa-2x {
    padding-top: 113%;
  }

  div.paralsec {
    text-align: center;
    min-height: 194px;
    padding: 2%;
  }

  .num-act-res {
    display: none;
  }

  .num-act {
    display: initial;
  }

  .subtitulo_galeria_contenedor {
    width: 101%;
  }

  .cuadernos .col-md-4 {
    margin-left: 22px;
  }

  #comic .m-lab-row .col-md-3 {
    width: 301px;
  }

  .thumbs-description {
    margin-left: -15px;
    width: 430px;
  }

  #galerias-single .hide-bullets {
    list-style: none;
    margin-left: -25px;
    margin-top: 20px;
  }

  #galerias-single .hide-bullets a.thumbnail > img {
    height: 100px !important;
  }

  .footer-img-portada {
    width: 300px;
  }

  #footer .sponsors {
    background-color: #146f9c;
    color: #fff;
    width: 115.7%;
    margin-left: -8%;
  }

  #footer .img-conacyt {
    width: 50%;
    margin-left: 35%;
    margin-top: 6%;
  }

  #footer .sponsors p {
    font-weight: bold;
  }

  .oa-cc-col {
    margin-left: -2%;
    padding: 4%;
  }

  .latindex {
    padding: 5%;
  }

  #top-footer {
    padding-bottom: 0px;
  }
}

.navbar-default {
  background-color: #000;
  border-color: #e7e7e7;
  margin-bottom: 0px;
}

#r-header .navbar-header {
  height: 100px;
}

#r-header .navbar-toggle {
  margin-top: 30px;
}

#r-header .navbar-nav > .active > a {
  background-color: #386bab !important;
  color: #fff;
}

.article h3.article-title {
  font-size: 14pt !important;
}

.section-title > h2.title {
  background-color: #9c0d1f;
}

#header #nav-header {
  background: #146f9c;
}

.main-nav li:last-child {
  border-right: none !important;
}

.btn-danger {
  background-color: #9c0d1f;
}

.btn-info {
  background-color: #146f9c;
}
.btn-primary {
  background-color: #146f9c;
}

b.author {
  color: #9c0d1f;
}

a:hover {
  color: #9c0d1f;
}

.pt-75 {
  padding-top: 75px;
}

.main-nav li.active a {
  background-color: #084e7b !important;
  border: 1px #f5f5f5 solid;
}

.footer-conacyt {
  width: 304px;
  margin-top: 33px;
}

.cuadernos {
  padding-top: 33px;
  padding-bottom: 33px;
}

.btn:hover {
  color: #fff !important;
  text-decoration: none;
}

.btn-danger:hover {
  background-color: #9c0d1f;
}

.btn-info:hover {
  background-color: #146f9c;
}
.btn-primary:hover {
  background-color: #146f9c;
}

.navbar-default {
  background-color: #146f9c;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

#r-header .navbar-nav > .active > a {
  border: 1px #fff solid;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.owl-theme .owl-nav {
  display: none;
}

#owl-carousel-4 .article-img > img {
  object-fit: cover;
  height: 205px;
}

#carousel-au,
#carousel-ere {
  margin-left: 7%;
}

#carousel-au img,
#carousel-ere img {
  height: 420px;
  width: 300px;
}

.wave-playlist {
  height: 429px;
  overflow-x: hidden;
  padding-left: 6px;
  width: 365px;
}

.wave-playlist > ul > li {
  margin-bottom: 10px;
}

.wd-371 {
  width: 371px !important;
}

.wave-controls {
  color: #fff !important;
  background-color: #1b357b;
  padding: 5%;
  padding-left: 11%;
}

.wave-controls > h3 {
  color: #fff;
}

.wave-controls .fa-lg {
  padding-right: 7%;
}

#main-carousel .carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  max-height: 500px;
  line-height: 1;
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1000px) {
  #main-carousel .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 400px;
  }
}

#main-carousel .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding-bottom: 43px;
  color: #fff;
  text-align: center;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.25),
    rgb(0, 0, -1.8)
  );
}

/* .carousel-inner .item:hover > .carousel-caption{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding-bottom: 43px;
	color: #fff;
	text-align: center;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22), rgb(0, 0, 0));
} */

/* .carousel-inner>.item:before {
    content:'';
    position: absolute;
    width:100%; 
    height:100%;
    top:0; 
    left:0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.644));
} */

.cuadernos .col-md-4 {
  background-color: #000;
  width: 368px;
  margin-bottom: 3%;
}

.cuadernos .col-md-4 img {
  /* width: 263px;
	height: 368px;
	margin:0 auto; */
  width: 100%;
  height: auto;
  margin: 0 auto;
  min-height: 235px;
}

#main-carousel .carousel-control .icon-next,
#main-carousel .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  top: 26%;
  font-family: serif;
  font-size: 40pt;
  line-height: 1;
  color: #ef233c;
  padding-top: 10%;
}

#main-carousel .carousel-control {
  position: absolute;
  top: 25%;
  height: 31%;
  width: 8%;
}

#main-carousel .carousel-indicators li {
  border: 1px solid #1b357b;
}

#main-carousel .carousel-indicators .active {
  background-color: #1b357b;
}

.m-lab-title > a {
  float: left;
  padding-top: 3%;
  padding-left: 62%;
}

#comic .carousel-control .icon-next,
#comic .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  top: 20%;
  font-family: serif;
  font-size: 72px;
  line-height: 1;
  color: #ef233c;
}

#comic .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#comic .carousel-control .icon-next,
#comic .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  top: 20%;
  font-family: serif;
  font-size: 72px;
  line-height: 1;
  color: #ef233c;
}

#audio .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#audio .carousel-control .icon-next,
#audio .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  top: 20%;
  font-family: serif;
  font-size: 72px;
  line-height: 1;
  color: #ef233c;
}

#comic .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#comic .m-lab-row .col-md-3 {
  background-color: rgb(85, 81, 81);
}

#comic .m-lab-row .col-md-3 img {
  width: 213px;
  height: auto;
  margin: 0 auto;
}

.pager {
  padding-left: 20px;
  margin: 20px 0;
  text-align: initial;
  list-style: none;
  padding-right: 20px;
}

#nav-header .container {
  padding: 2% 0px 2% 92px;
  width: 1350px;
}

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

.bar-search {
  margin-top: 18px;
  margin-left: 21px;
}

.white-escudo {
  margin-top: -8px;
  margin-left: -30px;
}

.white-escudo img {
  width: 90px;
}

.all-authors {
  margin-top: 4%;
  margin-bottom: 4%;
}

body#audio {
  background: #0a1a24;
}

#audio #pp {
  padding-left: 21px;
  padding-right: 21px;
}

#audio .background {
  width: 100%;
  height: 56.25vw;
  /* background: url(../img/constellations.jpg) center/cover; */
  box-shadow: inset 0px -17vw 20vw 1vw #0a1a24;
  position: absolute;
  top: 0;
  z-index: -1;
}

#audio .background img {
  max-width: 100%;
  max-height: 100vh;
  box-shadow: inset 0px -17vw 30vw 1vw #131313;
}

#audio .background + section {
  /* margin-top: 60vmin; */
  background: transparent;
  --dark: rgba(white, 0.5);
  --dark: rgba(white, 0.6);
  --darker: rgba(white, 0.8);
}

#audio .background + section .bookmark {
  border-color: rgba(255, 255, 255, 0.2);
}

#audio .background + section .bookmark svg {
  fill: #fff;
}

#audio .background + section .album-tracks {
  background: rgba(255, 255, 255, 0.1);
  border: none;
}

#audio section {
  background: #fafafa;
  margin: 100px 56px;
  padding: 20px 56px;
  color: #303030;
  color: rgba(255, 255, 255, 0.8);
}

#audio section .album-info:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

#audio section .album-art {
  float: left;
  width: 220px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#audio section .album-art * {
  border-radius: 3px;
}

#audio section .album-art img {
  width: 100%;
  margin-bottom: 10px;
  margin-top: -80px;
  box-shadow: 0 5px 60px -3px rgba(0, 0, 0, 0.18);
}

#audio section .play {
  display: flex;
  flex-wrap: initial;
  justify-content: center;
  align-items: center;
  align-content: initial;
  color: white;
  background: #faa700;
  padding: 10px;
  text-transform: uppercase;
  flex: 1 0 50%;
}

#audio section .bookmark {
  display: flex;
  flex-wrap: initial;
  justify-content: center;
  align-items: center;
  align-content: initial;
  width: 48px;
  height: 48px;
  border: 3px solid #f5ede1;
  margin-left: 10px;
}

#audio section .album-details > * {
  padding: 10px 0;
}

#audio section h2 {
  display: flex;
  flex-wrap: initial;
  justify-content: initial;
  align-items: center;
  align-content: initial;
  color: #8a8a8a;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

#audio section h2 img {
  width: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
#audio section h1 {
  font-size: 30pt;
  font-weight: 300;
  word-wrap: break-word;
}

#audio section h1 + span {
  color: #8a8a8a;
}

#audio section h1 + span span:first-child {
  padding-right: 20px;
}

#audio section p {
  margin-top: 15px;
}

#audio section .album-tracks {
  background: #f8f8f8;
  border: 1px solid #efefef;
  margin-top: 20px;
}

#audio section .album-tracks ol > li.active {
  background-color: #faa700;
}

@media (max-width: 800px) {
  #audio section {
    margin: 100px 36px 36px 36px;
  }
}

@media (max-width: 700px) {
  #audio section .album-art {
    width: 100%;
  }

  #audio section .album-art img {
    width: auto;
    max-width: 100%;
    margin: -100px auto 10px auto;
    display: block;
  }

  #audio section .album-details {
    float: left;
    max-width: 100%;
  }
}
@media (max-width: 550px) {
  #audio section {
    margin: 100px 20px 20px 20px;
    padding: 20px 16px;
  }

  #audio section ol {
    padding: 16px;
  }
}

#audio ol {
  list-style-type: none;
  padding: 20px 36px;
  font-weight: 500;
}

#audio ol li {
  counter-increment: number;
  display: flex;
  flex-wrap: initial;
  justify-content: space-between;
  align-items: center;
  align-content: initial;
  height: 45px;
  color: #8a8a8a;
}

#audio ol li span:not(:last-child) {
  margin-right: 2em;
}

@media (max-width: 700px) {
  #audio ol li span:not(:last-child) {
    margin-right: 1em;
  }
}

#audio ol li span:first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #f8f8f8;
}

#audio ol li span:first-child:before {
  content: counter(number);
  margin-right: 2em;
  color: var(--dark);
  display: inline-block;
  text-align: end;
  width: 20px;
}

#audio .actions {
  display: flex;
  flex-wrap: initial;
  justify-content: initial;
  align-items: initial;
  align-content: initial;
  flex: 1 1 100%;
}

#audio .album-img {
  border: 3px solid #fff;
  width: 100%;
  height: 200px;
  margin-bottom: 13px;
  background-repeat: no-repeat;
  background-position: center;
}

/* #audio .album-details h1,
p {
  color: #fff;
} */

.album-details p {
  color: white;
}

#author-single h3,
h4 {
  font-size: 12pt;
}

#author-single .author {
  color: #ef233c;
}

.author-container {
  padding: 3%;
}

.author-container button {
  color: #fff;
}

.author-container .one {
  margin-left: -15px;
}

.author-container .two p {
  text-align: justify;
  color: #000;
}

.author-container .two .social-widget {
  margin-top: 6px;
}

#num-single .share {
  width: 108px;
  margin-left: 114px !important;
}

#author-single .share {
  width: 108px;
  margin-left: 114px !important;
}

.contact-form {
  margin-top: 13px;
  margin-bottom: 13px;
}

#directory p {
  text-align: justify;
  font-size: 18pt;
  width: 87%;
  color: #000;
}

#directory #footer p {
  text-align: initial;
  color: #fff;
}

#directory p,
li {
  font-size: 12pt;
}

#directory .main-text {
  padding-top: 50px;
}

#directory .nav-link.active {
  background-color: #337ab7;
  color: #fff;
}

#galerias-single .thumbnail {
  padding: 0;
  background-color: #000;
}

#gallery_single_app.row {
  margin-right: 0px !important;
}

/* ::-webkit-scrollbar {
    width: 0px;
    background: transparent
} */

@media only screen and (max-width: 767px) {
  #galerias-single .hide-bullets {
    display: none;
  }

  #galerias-single #slider-thumbs {
    height: 55vh;
    overflow-y: scroll;
  }
}

@media only screen and (min-width: 768px) {
  #galerias-single #slider-thumbs {
    height: 74vh;
    overflow-y: scroll;
  }
}

#galerias-single ul.icons {
  min-width: 696px;
  list-style: none;
  padding-top: 20px;
}

#galerias-single ul.icons li {
  display: inline;
  margin-left: 10px;
}

#galerias-single .carousel-caption h2 {
  color: #fff;
}

#galerias-single .carousel-control {
  margin-top: 25%;
  padding: 1%;
  height: 76px;
}

#galerias-single .social-widget {
  margin-top: 6px !important;
}

#galerias-single p {
  color: #fff !important;
}

#galerias-single h1 {
  color: #fff;
}

#galerias-single {
  background-color: #000;
}

#galerias .bs-flipper {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}

#galerias .bs-flipper:hover .flipper,
#galerias .bs-flipper.hover .flipper {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#galerias .bs-flipper,
.front,
.back {
  width: 100%;
  min-height: 206px;
  height: auto;
}

#galerias .flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;

  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;

  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;

  transition: 0.6s;
  transform-style: preserve-3d;

  position: relative;
}

#galerias .front,
#galerias .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  position: absolute;
  top: 0;
  left: 0;
}

#galerias .front {
  z-index: 2;
}

#galerias .back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);

  background: #f8f8f8;
}

#galerias .front .name {
  font-size: 2em;
  display: inline-block;
  background: rgba(33, 33, 33, 0.9);
  color: #f8f8f8;
  font-family: Courier;
  padding: 5px 10px;
  border-radius: 5px;
  bottom: 60px;
  left: 25%;
  position: absolute;
  text-shadow: 0.1em 0.1em 0.05em #333;

  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

#galerias .col-sm-6.col-md-4 {
  margin-top: 3%;
}

#galerias p {
  color: #000;
}

body#galerias {
  background-color: #000;
}

body#m-lab {
  background-color: #000;
}

#m-lab .col-md-6 h1 {
  color: #fff;
}

#m-lab .player {
  box-shadow: 0px 1px 10px rgb(255, 255, 255) !important;
}

#m-lab .player {
  width: 100%;
  max-width: 340px;
  /* padding: 20px; */
  margin: 10px auto;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  background-color: #fff;
}

#m-lab .player .album-cover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.35);
}

#m-lab .player .album-cover img {
  display: block;
  max-width: 100%;
}

#m-lab .player .song-progress-bar {
  width: 100%;
  height: 3px;
  background: #ddd;
  margin: 10px 0;
}

#m-lab .player .song-progress-bar .inner-bar {
  height: 3px;
  background: #ef233c;
  width: 25%;
}

#m-lab .player .song-info .song-title {
  margin-bottom: 0;
}

#m-lab .player .player-buttons {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin: 20px 0;
}

#m-lab .player .player-buttons .playerbtn i {
  font-size: 25px;
  cursor: pointer;
  transition: 0.15s ease-in-out;
}

#m-lab .player .player-buttons .playerbtn i:hover {
  color: #ef233c;
}

#m-lab #audio .col-md-4 {
  margin-left: 6%;
}

#num-single h3,
h4 {
  font-size: 12pt;
}

#num-single .author {
  color: #ef233c;
}

#num-single .img-portada {
  padding-top: 23px;
}

.num-single-container {
  padding: 3%;
}

.num-single-container .one {
  margin-left: -15px;
}

.num-single-container button {
  color: #fff;
}

.num-single-container .two p {
  /* text-align: center; */
  color: #000 !important;
}

.num-single-container .two .social-widget {
  margin-top: 6px !important;
}

.see-article {
  margin-left: 5px;
}

#contact p {
  color: #000;
}

#contact #footer p {
  color: #fff !important;
}

/*Footer*/
#footer p {
  color: #fff !important;
}

#footer ul {
  color: #fff !important;
  list-style-type: disc;
}

.article-post .share {
  color: #fff !important;
  background-color: #82c91e;
}

.article-post p {
  color: #000;
}

.mt-4-r {
  margin-top: 4%;
}

.container-num-ant {
  margin-top: 4%;
  margin-bottom: 4%;
}

.quiz img {
  margin-left: -15px;
}

.quiz {
  margin-bottom: 15px;
}

.container-quiz {
  margin-top: 4%;
  margin-bottom: 4%;
}

.payments {
  margin-top: 13px;
  margin-bottom: 13px;
}

/* COMMON PRICING STYLES */
.panel.price,
.panel.price > .panel-heading {
  border-radius: 0px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.panel.price:hover {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.panel.price:hover > .panel-heading {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2) inset;
}

/* .panel.price>.panel-heading{
	box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
	text-shadow:0px 3px 0px rgba(50,50,50, .6);
} */

.price .list-group-item {
  border-bottom-: 1px solid rgba(250, 250, 250, 0.5);
}

.panel.price .list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.price .panel-footer {
  color: #fff;
  border-bottom: 0px;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
}

.panel.price .btn {
  box-shadow: 0 -1px 0px rgba(50, 50, 50, 0.2) inset;
  border: 0px;
}

/* green panel */

.price.panel-green > .panel-heading {
  color: #fff;
  background-color: #57ac57;
  border-color: #71df71;
  border-bottom: 1px solid #71df71;
}

.price.panel-green > .panel-body {
  color: #fff;
  background-color: #007248;
}

#suscription .btn-success {
  background-color: #007248;
}

.price.panel-green > .panel-body .lead {
  text-shadow: 0px 3px 0px rgba(50, 50, 50, 0.3);
}

.price.panel-green .list-group-item {
  color: #333;
  background-color: rgba(50, 50, 50, 0.01);
  font-weight: 600;
  text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);
}

/* blue panel */

.price.panel-blue > .panel-heading {
  color: #fff;
  background-color: #608bb4;
  border-color: #78aee1;
  border-bottom: 1px solid #78aee1;
}

.price.panel-blue > .panel-body {
  color: #fff;
  background-color: #73a3d4;
}

.price.panel-blue > .panel-body .lead {
  text-shadow: 0px 3px 0px rgba(50, 50, 50, 0.3);
}

.price.panel-blue .list-group-item {
  color: #333;
  background-color: rgba(50, 50, 50, 0.01);
  font-weight: 600;
  text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);
}

/* red price */

.price.panel-red > .panel-heading {
  color: #fff;
  background-color: #d04e50;
  border-color: #ff6062;
  border-bottom: 1px solid #ff6062;
}

.price.panel-red > .panel-body {
  color: #fff;
  background-color: #ef5a5c;
}

.price.panel-red > .panel-body .lead {
  text-shadow: 0px 3px 0px rgba(50, 50, 50, 0.3);
}

.price.panel-red .list-group-item {
  color: #333;
  background-color: rgba(50, 50, 50, 0.01);
  font-weight: 600;
  text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);
}

/* grey price */

.price.panel-grey > .panel-heading {
  color: #fff;
  background-color: #6d6d6d;
  border-color: #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
}

.price.panel-grey > .panel-body {
  color: #fff;
  background-color: #808080;
}

.price.panel-grey > .panel-body .lead {
  text-shadow: 0px 3px 0px rgba(50, 50, 50, 0.3);
}

.price.panel-grey .list-group-item {
  color: #333;
  background-color: rgba(50, 50, 50, 0.01);
  font-weight: 600;
  text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);
}

/* white price */

.price.panel-white > .panel-heading {
  color: #333;
  background-color: #f9f9f9;
  border-color: #ccc;
  border-bottom: 1px solid #ccc;
  text-shadow: 0px 2px 0px rgba(250, 250, 250, 0.7);
}

.panel.panel-white.price:hover > .panel-heading {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05) inset;
}

.price.panel-white > .panel-body {
  color: #fff;
  background-color: #dfdfdf;
}

.price.panel-white > .panel-body .lead {
  text-shadow: 0px 2px 0px rgba(250, 250, 250, 0.8);
  color: #666;
}

.price:hover.panel-white > .panel-body .lead {
  text-shadow: 0px 2px 0px rgba(250, 250, 250, 0.9);
  color: #333;
}

.price.panel-white .list-group-item {
  color: #333;
  background-color: rgba(50, 50, 50, 0.01);
  font-weight: 600;
  text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);
}

#to-authors ul {
  list-style: initial !important;
}

#to-authors p {
  text-align: justify;
  font-size: 12pt;
  width: 87%;
  color: #000;
}

#to-authors .nav-link.active {
  background-color: #337ab7;
  color: #fff;
}

#to-authors #footer p {
  color: #fff;
  text-align: initial;
}

.wave-playlist p {
  color: #000;
}

.m-lab-row div:not(:first-child) select {
  margin-left: 12px;
}

.m-lab-row h1.song-title {
  font-size: 15pt;
}

#audio-ec .carousel-control .icon-next,
#audio-pe .carousel-control .icon-next,
#ciencia-libros .carousel-control .icon-next,
#audio-cap .carousel-control .icon-next,
#audio-ot .carousel-control .icon-next,
#audio-fx .carousel-control .icon-next,
#video-au .carousel-control .icon-next,
#new-comic .carousel-control .icon-next,
#audio-ec .carousel-control .icon-prev,
#audio-pe .carousel-control .icon-prev,
#ciencia-libros .carousel-control .icon-prev,
#audio-cap .carousel-control .icon-prev,
#audio-ot .carousel-control .icon-prev,
#audio-fx .carousel-control .icon-prev,
#video-au .carousel-control .icon-prev,
#new-comic .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  top: 20%;
  font-family: serif;
  font-size: 34pt;
  line-height: 1;
  color: #ef233c;
}

#audio-ec .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#audio-pe .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#ciencia-libros .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#audio-cap .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#audio-ot .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#audio-fx .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#video-au .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

#new-comic .carousel-control {
  position: absolute;
  top: 33%;
  height: 31%;
  width: 3%;
}

.article p {
  color: #000;
}

#suscription p.lead {
  font-size: 40px;
}

#suscription p {
  text-align: justify;
  font-size: 12pt;
  color: #000;
}

#suscription #footer p {
  color: #fff;
  text-align: initial;
}

#slider-thumbs p {
  color: #000;
}

#last-news {
  cursor: pointer;
}

#most-readed {
  cursor: pointer;
}

#anuncios {
  cursor: pointer;
}

#convocatorias {
  cursor: pointer;
}

#quiz-app p {
  color: #000;
}

.wave-controls {
  height: 172px;
  width: 103%;
}

.wave-img {
  width: 103%;
  height: 258px;
  object-fit: cover;
}

#to-authors .tab-pane.active,
#directory .tab-pane.active {
  width: 101%;
}

.img-100 {
  width: 100%;
  padding-top: 23px;
}

.ciencia-corto-row {
  padding-top: 3%;
}

.ciencia-corto-row .col-md-4 {
  padding-bottom: 3%;
}

.charge-more {
  padding-bottom: 3%;
}

.ciencia_a_tiempo_row .col-md-4 {
  margin-top: 2%;
}

.ciencia_a_tiempo_row .col-md-8 {
  padding-bottom: 3%;
}

.ciencia_a_tiempo_row .col-md-4 p {
  text-align: center;
}

.btn {
  white-space: normal;
}

.archivo-row .col-md-4 img {
  border: #000 1px solid;
  width: 360px !important;
  height: 207.19px !important;
}

.archivo-row .col-md-4 {
  margin-top: 2%;
}

.archivo-row {
  padding-bottom: 2%;
}

#audio .audio-soundcloud {
  color: #fff;
}

#convocatorias-body .article-meta li {
  color: #000;
}

#post_app .contenido {
  padding-top: 35px;
}

#cec li {
  text-align: justify !important;
}

.contenido > p {
  color: #000 !important;
}

.seb-img-full {
  padding-left: inherit;
  padding-right: inherit;
}

.seb-img-full > img.img-responsive {
  padding: 0% !important;
  height: 200px;
  width: 100%;
}

.seb-img-full > a img.img-responsive {
  padding: 0% !important;
  height: 200px;
  width: 100%;
}

#num_act_app {
  margin-bottom: 10%;
}

#num_act_app > .img-responsive {
  width: 61% !important;
  margin-left: 18% !important;
}

#cat_app .article.widget-article .article-img {
  width: 125px !important;
}

.footer-logo {
  margin-top: 38px;
}

.img-friends {
  margin-bottom: 10px;
  margin: 0 auto;
  display: block;
  width: 60%;
}

.oModal {
  cursor: pointer;
}

.btn {
  border-radius: 0px !important;
}

.img-cat {
  width: 100% !important;
}

div#num_act_res_app {
  padding-bottom: 15px;
}

#m_lab_app {
  margin-left: -1px;
}

#archivo_app .author a {
  font-size: 13pt;
}

#galerias_app > .col-xs-12 {
  background-color: #1b357b;
  margin-left: 15px;
  margin-right: 15px;
  padding-right: 1px;
  padding-left: 1px;
  width: 96%;
}

#pagina_app_res {
  display: none;
}

@media only screen and (max-width: 992px) {
  #pagina_app {
    display: none;
  }

  #pagina_app_res {
    display: block;
  }
}

.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #146f9c !important;
  width: 249px !important;
  border: 1px solid #146f9c !important;
}

button.gsc-search-button {
  padding: 10px !important;
  background-color: #000 !important;
  border-radius: 3px !important;
}

.gallery-index-img {
  width: 215px;
  height: auto;
}

.gallery-site-img {
  width: 360px;
  height: auto;
}

#footer .container.final {
  width: 100%;
  background-color: #146f9c;
}

.footer-icons {
  padding-left: 35%;
  padding-bottom: 5%;
}

.card {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	border-radius: 5px; /* 5px rounded corners */
	padding: 1em;
  }

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* Add some padding inside the card container */
.container {
  padding: 2px 16px;
}


.card_material_adicional{
  cursor:pointer; 
  height:220px;
}

.caption_material_adicional{
  overflow: hidden; 
  /* white-space: nowrap;  */
  text-overflow: ellipsis; 
  height:60px;
}

.aceptados_no_publicados_zone{
  /* max-height: 400px; */
}

.link_rojo{
  color: #9c0d1f !important;
  font-weight: bold;
}

.titulo_slider p{
  color:#fff;
}


#main-carousel h1,
#main-carousel h2,
#main-carousel h3,
#main-carousel h4,
#main-carousel h5,
#main-carousel h6 {
  color: #fff;
}

h3.article-title {
  font-size: 14pt !important;
}

#archivo_app .article .article-img img {
  height: 225px !important;
}


#cat_app .article.widget-article .article-img,
#quiz_app .article.widget-article .article-img {
  width: 200px !important;
  height: 113px !important;
}

#interes_app .col-md-4.col-sm-6 .article-img img {
  width: 100% !important;
  height: 130px;
  min-width: 225px;
}