@font-face {
  font-family: 'lato-regular';
  src: url("fonts/lato/lato-regular-webfont.eot");
  src: url("fonts/lato/lato-regular-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/lato/lato-regular-webfont.woff2") format('woff2'), url("fonts/lato/lato-regular-webfont.woff") format('woff'), url("fonts/lato/lato-regular-webfont.ttf") format('truetype'), url("fonts/lato/lato-regular-webfont.svg#latoregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lato-light';
  src: url("fonts/lato/lato-light-webfont.eot");
  src: url("fonts/lato/lato-light-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/lato/lato-light-webfont.woff2") format('woff2'), url("fonts/lato/lato-light-webfont.woff") format('woff'), url("fonts/lato/lato-light-webfont.ttf") format('truetype'), url("fonts/lato/lato-light-webfont.svg#latolight") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lato-bold';
  src: url("fonts/lato/lato-bold-webfont.eot");
  src: url("fonts/lato/lato-bold-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/lato/lato-bold-webfont.woff2") format('woff2'), url("fonts/lato/lato-bold-webfont.woff") format('woff'), url("fonts/lato/lato-bold-webfont.ttf") format('truetype'), url("fonts/lato/lato-bold-webfont.svg#latobold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'crimson-semibold';
  src: url("fonts/crimson/crimsontext-semibold-webfont.eot");
  src: url("fonts/crimson/crimsontext-semibold-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/crimson/crimsontext-semibold-webfont.woff2") format('woff2'), url("fonts/crimson/crimsontext-semibold-webfont.woff") format('woff'), url("fonts/crimson/crimsontext-semibold-webfont.ttf") format('truetype'), url("fonts/crimson/crimsontext-semibold-webfont.svg#crimson_textsemibold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'crimson-light';
  src: url("fonts/crimson/crimson-light-webfont.eot");
  src: url("fonts/crimson/crimson-light-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/crimson/crimson-light-webfont.woff2") format('woff2'), url("fonts/crimson/crimson-light-webfont.woff") format('woff'), url("fonts/crimson/crimson-light-webfont.ttf") format('truetype'), url("fonts/crimson/crimson-light-webfont.svg#crimson-light") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'crimson-regular';
  src: url("fonts/crimson/crimsontext-regular-webfont.eot");
  src: url("fonts/crimson/crimsontext-regular-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/crimson/crimsontext-regular-webfont.woff2") format('woff2'), url("fonts/crimson/crimsontext-regular-webfont.woff") format('woff'), url("fonts/crimson/crimsontext-regular-webfont.ttf") format('truetype'), url("fonts/crimson/crimsontext-regular-webfont.svg#crimson_textroman") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'crimson-italic';
  src: url("fonts/crimson/crimson-italic-webfont.eot");
  src: url("fonts/crimson/crimson-italic-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/crimson/crimson-italic-webfont.woff2") format('woff2'), url("fonts/crimson/crimson-italic-webfont.woff") format('woff'), url("fonts/crimson/crimson-italic-webfont.ttf") format('truetype'), url("fonts/crimson/crimson-italic-webfont.svg#crimson_textitalic") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'crimson-bold';
  src: url("fonts/crimson/crimsontext-bold-webfont.eot");
  src: url("fonts/crimson/crimsontext-bold-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/crimson/crimsontext-bold-webfont.woff2") format('woff2'), url("fonts/crimson/crimsontext-bold-webfont.woff") format('woff'), url("fonts/crimson/crimsontext-bold-webfont.ttf") format('truetype'), url("fonts/crimson/crimsontext-bold-webfont.svg#crimson_textbold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "flaticon";
  src: url("fonts/flaticon/flaticon.eot");
  src: url("fonts/flaticon/flaticon.eot#iefix") format("embedded-opentype"), url("fonts/flaticon/flaticon.woff") format("woff"), url("fonts/flaticon/flaticon.ttf") format("truetype"), url("fonts/flaticon/flaticon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="flat-"]:before,
[class*=" flat-"]:before,
[class^="flat-"]:after,
[class*=" flat-"]:after {
  font-family: flaticon;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}
.flat-right:before {
  content: "\e000";
}
.flat-play-podcast:before {
  content: "\e001";
}
.flat-volumen:before {
  content: "\e002";
}
.flat-Indignante:before {
  content: "\e003";
}
.flat-x:before {
  content: "\e004";
}
.flat-articulos:before {
  content: "\e005";
}
.flat-facebook:before {
  content: "\e006";
}
.flat-recomendado:before {
  content: "\e007";
}
.flat-forward:before {
  content: "\e008";
}
.flat-gplus:before {
  content: "\e009";
}
.flat-trending:before {
  content: "\e00a";
}
.flat-left:before {
  content: "\e00b";
}
.flat-search:before {
  content: "\e00c";
}
.flat-play-video:before {
  content: "\e00d";
}
.flat-share:before {
  content: "\e00e";
}
.flat-Increible:before {
  content: "\e00f";
}
.flat-twitter:before {
  content: "\e010";
}
.flat-profile:before {
  content: "\e011";
}
.flat-util:before {
  content: "\e012";
}
.flat-youtube:before {
  content: "\e013";
}
.flat-social-youtube:before {
  content: "\e014";
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.rows {
  letter-spacing: -0.2em;
}
.columns {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  padding: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mirror-rows {
  letter-spacing: -0.2em;
  direction: rtl;
}
.mirror-columns {
  direction: ltr;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  padding: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.grid-1 {
  width: 8.33333%;
}
.grid-2 {
  width: 16.66667%;
}
.grid-3 {
  width: 25%;
}
.grid-4 {
  width: 33.33333%;
}
.grid-5 {
  width: 41.66667%;
}
.grid-6 {
  width: 50%;
}
.grid-7 {
  width: 58.33333%;
}
.grid-8 {
  width: 66.66667%;
}
.grid-9 {
  width: 75%;
}
.grid-10 {
  width: 83.33333%;
}
.grid-11 {
  width: 91.66667%;
}
.grid-12 {
  width: 100%;
}
.center {
  text-align: center;
}
@media screen and (max-width: 830px) {
  .columns {
    width: 100%;
  }
  .mirror-columns {
    letter-spacing: 0em;
    width: 100%;
  }
}
.button {
  display: inline-block;
  background: transparent;
  border: 0px;
  text-decoration: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.button-x-lg {
  font-size: 2.5em;
}
.button-lg {
  font-size: 2em;
}
.button-md {
  font-size: 1.5em;
}
.button-sm {
  font-size: 1em;
}
.button:focus {
  outline: 0px;
}
.button-default {
  background: #fff;
  font-size: 1.3em;
  width: 100%;
  padding: 1em;
  border: 1px solid #ddd;
  border-bottom: 3px solid #ddd;
}
.button-submit {
  background: #1abc9c;
  color: #fff;
  padding: 7px 12px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.button-submit:hover {
  -webkit-box-shadow: 0px 0px 10px #1abc9c;
  -moz-box-shadow: 0px 0px 10px #1abc9c;
  -ms-box-shadow: 0px 0px 10px #1abc9c;
  -o-box-shadow: 0px 0px 10px #1abc9c;
  box-shadow: 0px 0px 10px #1abc9c;
}
.button-fb {
  margin-top: 10px;
  background: #3b5998;
  color: #fff;
  padding: 7px 12px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.button-fb:hover {
  -webkit-box-shadow: 0px 0px 10px #3b5998;
  -moz-box-shadow: 0px 0px 10px #3b5998;
  -ms-box-shadow: 0px 0px 10px #3b5998;
  -o-box-shadow: 0px 0px 10px #3b5998;
  box-shadow: 0px 0px 10px #3b5998;
}
.button-tw {
  margin-top: 10px;
  background: #3cf;
  color: #fff;
  padding: 7px 12px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.button-tw:hover {
  -webkit-box-shadow: 0px 0px 10px #3cf;
  -moz-box-shadow: 0px 0px 10px #3cf;
  -ms-box-shadow: 0px 0px 10px #3cf;
  -o-box-shadow: 0px 0px 10px #3cf;
  box-shadow: 0px 0px 10px #3cf;
}
.button-sidebar {
  cursor: pointer;
  width: 100%;
  color: #fff;
  font-size: 1.3em;
  padding: 7px 10px;
}
.button-sidebar-active {
  background: #00a4ed;
}
.field {
  width: 100%;
  font-family: 'latolight', sans-serif, helvetica, arial;
  background: #f8f9fa;
  border: 1px solid #ddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px 10px;
  display: inline-block;
  color: blackFont;
  letter-spacing: normal;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.field:focus {
  outline: 0px;
  -webkit-box-shadow: 0px 0px 10px #ddd;
  -moz-box-shadow: 0px 0px 10px #ddd;
  -ms-box-shadow: 0px 0px 10px #ddd;
  -o-box-shadow: 0px 0px 10px #ddd;
  box-shadow: 0px 0px 10px #ddd;
}
.field-x-lg {
  font-size: 2.5em;
}
.field-lg {
  font-size: 2em;
}
.field-md {
  font-size: 1.5em;
}
.field-sm {
  font-size: 1em;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.75);
  z-index: 4040;
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.md-wrapper-modal {
  width: 100% !important;
  margin: 0px auto !important;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -ms-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}
.wrapper-modal {
  background: #f5f5f7;
  width: 70%;
  height: auto;
  margin: 4% auto;
  min-width: 287px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -ms-border-radius: 6px 6px 6px 6px;
  -o-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
}
.wrapper-modal .md-head {
  letter-spacing: normal;
  line-height: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0px 20px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -ms-border-radius: 6px 6px 0px 0px;
  -o-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  height: 60px;
  font-size: 1.2em;
  background: #ededee;
  width: 100%;
  white-space: nowrap;
  position: relative;
  border-bottom: 1px solid #d3d3d4;
  -webkit-box-shadow: 0px 3px 3px rgba(255,255,255,0.4);
  -moz-box-shadow: 0px 3px 3px rgba(255,255,255,0.4);
  -ms-box-shadow: 0px 3px 3px rgba(255,255,255,0.4);
  -o-box-shadow: 0px 3px 3px rgba(255,255,255,0.4);
  box-shadow: 0px 3px 3px rgba(255,255,255,0.4);
}
.wrapper-modal .md-head .close-modal {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.2);
  -o-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.2);
  box-shadow: inset 0px 1px 0px rgba(0,0,0,0.2);
  position: absolute;
  top: 15px;
  right: 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  background: #c9c9cd;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
}
.wrapper-modal .md-body {
  padding: 0px 20px 20px 20px;
}
.wrapper-modal .md-foot {
  border-top: 1px solid grisBorde;
  text-align: center;
  padding: 20px;
}
.modal-search {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255,255,255,0.95);
  z-index: 4040;
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-search-top {
  height: 56px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
  line-height: 56px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 2px;
}
.modal-search-top .flat-search {
  color: #999;
  position: absolute;
  font-size: 30px;
  top: -3px;
  margin-left: 10px;
}
.modal-search-top .input-search {
  color: #999;
  font-family: 'lato-light';
  padding: 0px 40px 7px 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 3em;
  background: transparent;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  border: 0px;
}
.modal-search-top .input-search:focus {
  outline: 0px;
}
.modal-search-top .flat-x {
  cursor: pointer;
  color: #999;
  position: absolute;
  font-size: 20px;
  top: 0px;
  right: 0px;
  padding-right: 10px;
  padding-left: 10px;
}
.modal-search-wrapper {
  color: #999;
  margin: 20px;
}
.modal-search-wrapper .msg {
  font-size: 2em;
  font-family: lato-light;
}
body {
  background: #ecf0f1;
  font-size: 12px;
  overflow-x: hidden;
  font-family: 'lato-regular';
}
@media screen and (max-width: 900px) {
  body {
    background: #ecf0f1;
    font-size: 11px;
  }
}
@media screen and (max-width: 800px) {
  body {
    background: #ecf0f1;
    font-size: 10px;
  }
}
@media screen and (max-width: 500px) {
  body {
    background: #ecf0f1;
    font-size: 9px;
  }
}
.inline {
  display: inline-block;
}
footer {
  font-family: 'lato-light';
  font-size: 1.4em;
  color: #666;
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 20px;
  text-align: center;
}
a {
  text-decoration: none;
}
.wrapper-social {
  font-size: 2.3em;
  margin-bottom: 5px;
}
.wrapper-social a {
  color: #666;
  margin-left: 14px;
  text-decoration: none;
}
.wrapper-social .twitter:hover {
  color: #3cf;
}
.wrapper-social .facebook:hover {
  color: #3b5998;
}
.wrapper-social .gplus:hover {
  color: #dd4b39;
}
.wrapper-social .youtube:hover {
  color: #f1222e;
}
.ad {
  text-align: center;
  background: #c0c3c4;
  padding: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
}
.ad * {
  display: inline-block;
  max-width: 800px;
  width: 100%;
}
.ad:before {
  content: 'Anuncio';
  font-size: 10px;
  top: 2px;
  left: 50%;
  position: absolute;
  color: #4c4c4c;
}
.ad-white {
  text-align: center;
  background: rgba(255,255,255,0.19);
  padding: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
}
.ad-white * {
  display: inline-block;
  max-width: 800px;
  width: 100%;
}
.ad-white:before {
  content: 'Anuncio';
  font-size: 10px;
  top: 2px;
  left: 50%;
  position: absolute;
  color: #999;
}
/*
	Estilo de la barra superior de la pagina web
*/
.top-bar {
  background: #fff;
  height: 56px;
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  position: fixed;
  z-index: 3000;
  top: 0px;
}
.top-bar .wrapper {
  white-space: nowrap;
  position: relative;
  max-width: 1148px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 56px;
  padding: 0px 13px;
  margin: 0px auto;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.top-bar .wrapper .logo {
  background: url("../images/apple5x1-logo.jpg");
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: top;
  margin: 8px 0px;
  padding: 0px;
  font-size: 0px;
  width: 161px;
  height: 37px;
}
.top-bar .wrapper .menu {
  display: inline-block;
  vertical-align: top;
  margin: 0px 0px;
}
.top-bar .wrapper .menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.top-bar .wrapper .menu ul li {
  cursor: pointer;
  display: inline-block;
  margin: 0px 10px;
  height: 56px;
  line-height: 56px;
}
.top-bar .wrapper .menu ul li a {
  display: block;
  color: #00a4ed;
  text-decoration: none;
  text-transform: uppercase;
}
.top-bar .wrapper .button {
  position: absolute;
  background: #fff;
  width: 56px;
  height: 56px;
  display: inline-block;
  border-left: 1px solid #ddd;
  text-align: center;
  font-size: 2em;
  line-height: 56px;
}
.top-bar .wrapper .button:hover {
  background: #00a4ed;
  color: #fff;
  cursor: pointer;
}
.top-bar .wrapper .button-search {
  right: 0px;
}
.top-bar .wrapper .button-profile {
  right: 56px;
}
.top-bar .wrapper .button-menu {
  display: none;
  right: 0px;
  text-align: left;
}
.top-bar .wrapper .button-menu:hover .menu-lines {
  background: #fff;
}
.top-bar .wrapper .button-menu:hover .menu-lines:before {
  background: #fff;
}
.top-bar .wrapper .button-menu:hover .menu-lines:after {
  background: #fff;
}
.top-bar .wrapper .button-menu:hover .menu-x:before {
  background: #fff;
}
.top-bar .wrapper .button-menu:hover .menu-x:after {
  background: #fff;
}
.top-bar .wrapper .button-menu .menu-lines {
  position: relative;
  top: 40%;
  display: block;
  width: 60%;
  margin: 3px auto;
  height: 7%;
  background: #000;
  -webkit-transition: all 0.3s ease;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-bar .wrapper .button-menu .menu-lines:before {
  content: '';
  position: absolute;
  top: -240%;
  height: 100%;
  width: 100%;
  background: #000;
  -webkit-transition: all 0.3s ease;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-bar .wrapper .button-menu .menu-lines:after {
  content: '';
  position: absolute;
  top: 240%;
  height: 100%;
  width: 100%;
  background: #000;
  -webkit-transition: all 0.3s ease;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-bar .wrapper .button-menu .menu-x {
  position: relative;
  top: 40%;
  display: block;
  width: 60%;
  margin: 3px auto;
  height: 7%;
}
.top-bar .wrapper .button-menu .menu-x:before {
  content: '';
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  -webkit-transform: rotate(43deg);
  transform: rotate(43deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: all 0.3s ease;
}
.top-bar .wrapper .button-menu .menu-x:after {
  content: '';
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  -webkit-transform: rotate(-43deg);
  transform: rotate(-43deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: all 0.3s ease;
}
@media screen and (max-width: 890px) {
  .top-bar .wrapper .button-search {
    display: none;
    position: absolute;
    top: 57px;
    z-index: 301;
  }
  .top-bar .wrapper .button-profile {
    display: none;
    position: absolute;
    top: 57px;
    z-index: 301;
  }
  .top-bar .wrapper .button-menu {
    display: inline-block;
  }
  .top-bar .wrapper .oculto {
    right: 5000px !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s ease;
  }
  .top-bar .wrapper .visible {
    right: 0px !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s ease;
  }
  .top-bar .wrapper .menu {
    background: #fff;
    border: 1px solid #ddd;
    vertical-align: top;
    padding-top: 56px;
    margin: 56px 0px;
    position: absolute;
    z-index: 300;
    right: 0px;
  }
  .top-bar .wrapper .menu ul li {
    font-size: 1.5em;
    display: block;
    margin: 0px;
    padding: 0px 20px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-top: 1px solid #ddd;
  }
  .top-bar .wrapper .menu ul li:hover {
    background: #00a4ed;
  }
  .top-bar .wrapper .menu ul li:hover a {
    color: #fff;
  }
}
@media screen and (max-width: 490px) {
  .top-bar .wrapper .menu {
    background: #fff;
    border: 1px solid #ddd;
    vertical-align: top;
    width: 100%;
    position: absolute;
    right: 0px;
  }
}
/*
	Termina estilo de la barra superior de la pagina web
*/
/*
	Comienza estilo del cuerpo de la web
*/
.container-body {
  max-width: 1148px;
  margin: 71px auto 20px auto;
  padding: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/*
	Termina estilo del cuerpo de la web
*/
/*
	Comienza estilo de los articulos principales
*/
.wrapper-main-articles {
  margin: 15px auto;
  height: 387px;
  background-size: 100%;
  background-color: #a53179;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, #a53179), color-stop(40%, #391f60), color-stop(57%, #422e60), color-stop(84%, #9e568d));
  background-image: -webkit-linear-gradient(left top, #a53179 0, #391f60 40%, #422e60 57%, #9e568d 84%);
  background-image: -moz-linear-gradient(left top, #a53179 0, #391f60 40%, #422e60 57%, #9e568d 84%);
  background-image: -o-linear-gradient(left top, #a53179 0, #391f60 40%, #422e60 57%, #9e568d 84%);
  background-image: linear-gradient(left top, #a53179 0, #391f60 40%, #422e60 57%, #9e568d 84%);
  background: #7fa2b5;
  background: -moz-linear-gradient(top, #7fa2b5 0%, #82a3b6 1%, #84a1b3 4%, #84a0ae 6%, #889eab 12%, #879da8 12%, #8b9da9 14%, #8a9ba3 17%, #8d9ba4 17%, #9099a0 22%, #8f989d 22%, #92959a 25%, #93979a 26%, #9b908e 34%, #9a8f8b 35%, #9f8d89 37%, #9e8b85 39%, #a18c87 39%, #9f8b84 40%, #a4867e 45%, #a7867d 45%, #a6847a 47%, #a9847b 48%, #a88478 48%, #ac8075 52%, #ab7f72 52%, #b17c6e 57%, #b07b6b 58%, #b3796b 59%, #b47564 63%, #b77664 64%, #ba6b5a 71%, #bd6a58 74%, #bd6854 75%, #c16250 81%, #c1604d 81%, #c05f4e 82%, #c3604d 83%, #c15c4a 85%, #c55645 91%, #c55240 94%, #c65243 94%, #c65140 95%, #c65042 96%, #c5503f 96%, #c74f41 96%, #c64c3d 98%, #c74d40 99%, #c64a3e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fa2b5), color-stop(1%, #82a3b6), color-stop(4%, #84a1b3), color-stop(6%, #84a0ae), color-stop(12%, #889eab), color-stop(12%, #879da8), color-stop(14%, #8b9da9), color-stop(17%, #8a9ba3), color-stop(17%, #8d9ba4), color-stop(22%, #9099a0), color-stop(22%, #8f989d), color-stop(25%, #92959a), color-stop(26%, #93979a), color-stop(34%, #9b908e), color-stop(35%, #9a8f8b), color-stop(37%, #9f8d89), color-stop(39%, #9e8b85), color-stop(39%, #a18c87), color-stop(40%, #9f8b84), color-stop(45%, #a4867e), color-stop(45%, #a7867d), color-stop(47%, #a6847a), color-stop(48%, #a9847b), color-stop(48%, #a88478), color-stop(52%, #ac8075), color-stop(52%, #ab7f72), color-stop(57%, #b17c6e), color-stop(58%, #b07b6b), color-stop(59%, #b3796b), color-stop(63%, #b47564), color-stop(64%, #b77664), color-stop(71%, #ba6b5a), color-stop(74%, #bd6a58), color-stop(75%, #bd6854), color-stop(81%, #c16250), color-stop(81%, #c1604d), color-stop(82%, #c05f4e), color-stop(83%, #c3604d), color-stop(85%, #c15c4a), color-stop(91%, #c55645), color-stop(94%, #c55240), color-stop(94%, #c65243), color-stop(95%, #c65140), color-stop(96%, #c65042), color-stop(96%, #c5503f), color-stop(96%, #c74f41), color-stop(98%, #c64c3d), color-stop(99%, #c74d40), color-stop(100%, #c64a3e));
  background: -webkit-linear-gradient(top, #7fa2b5 0%, #82a3b6 1%, #84a1b3 4%, #84a0ae 6%, #889eab 12%, #879da8 12%, #8b9da9 14%, #8a9ba3 17%, #8d9ba4 17%, #9099a0 22%, #8f989d 22%, #92959a 25%, #93979a 26%, #9b908e 34%, #9a8f8b 35%, #9f8d89 37%, #9e8b85 39%, #a18c87 39%, #9f8b84 40%, #a4867e 45%, #a7867d 45%, #a6847a 47%, #a9847b 48%, #a88478 48%, #ac8075 52%, #ab7f72 52%, #b17c6e 57%, #b07b6b 58%, #b3796b 59%, #b47564 63%, #b77664 64%, #ba6b5a 71%, #bd6a58 74%, #bd6854 75%, #c16250 81%, #c1604d 81%, #c05f4e 82%, #c3604d 83%, #c15c4a 85%, #c55645 91%, #c55240 94%, #c65243 94%, #c65140 95%, #c65042 96%, #c5503f 96%, #c74f41 96%, #c64c3d 98%, #c74d40 99%, #c64a3e 100%);
  background: -o-linear-gradient(top, #7fa2b5 0%, #82a3b6 1%, #84a1b3 4%, #84a0ae 6%, #889eab 12%, #879da8 12%, #8b9da9 14%, #8a9ba3 17%, #8d9ba4 17%, #9099a0 22%, #8f989d 22%, #92959a 25%, #93979a 26%, #9b908e 34%, #9a8f8b 35%, #9f8d89 37%, #9e8b85 39%, #a18c87 39%, #9f8b84 40%, #a4867e 45%, #a7867d 45%, #a6847a 47%, #a9847b 48%, #a88478 48%, #ac8075 52%, #ab7f72 52%, #b17c6e 57%, #b07b6b 58%, #b3796b 59%, #b47564 63%, #b77664 64%, #ba6b5a 71%, #bd6a58 74%, #bd6854 75%, #c16250 81%, #c1604d 81%, #c05f4e 82%, #c3604d 83%, #c15c4a 85%, #c55645 91%, #c55240 94%, #c65243 94%, #c65140 95%, #c65042 96%, #c5503f 96%, #c74f41 96%, #c64c3d 98%, #c74d40 99%, #c64a3e 100%);
  background: -ms-linear-gradient(top, #7fa2b5 0%, #82a3b6 1%, #84a1b3 4%, #84a0ae 6%, #889eab 12%, #879da8 12%, #8b9da9 14%, #8a9ba3 17%, #8d9ba4 17%, #9099a0 22%, #8f989d 22%, #92959a 25%, #93979a 26%, #9b908e 34%, #9a8f8b 35%, #9f8d89 37%, #9e8b85 39%, #a18c87 39%, #9f8b84 40%, #a4867e 45%, #a7867d 45%, #a6847a 47%, #a9847b 48%, #a88478 48%, #ac8075 52%, #ab7f72 52%, #b17c6e 57%, #b07b6b 58%, #b3796b 59%, #b47564 63%, #b77664 64%, #ba6b5a 71%, #bd6a58 74%, #bd6854 75%, #c16250 81%, #c1604d 81%, #c05f4e 82%, #c3604d 83%, #c15c4a 85%, #c55645 91%, #c55240 94%, #c65243 94%, #c65140 95%, #c65042 96%, #c5503f 96%, #c74f41 96%, #c64c3d 98%, #c74d40 99%, #c64a3e 100%);
  background: linear-gradient(to bottom, #7fa2b5 0%, #82a3b6 1%, #84a1b3 4%, #84a0ae 6%, #889eab 12%, #879da8 12%, #8b9da9 14%, #8a9ba3 17%, #8d9ba4 17%, #9099a0 22%, #8f989d 22%, #92959a 25%, #93979a 26%, #9b908e 34%, #9a8f8b 35%, #9f8d89 37%, #9e8b85 39%, #a18c87 39%, #9f8b84 40%, #a4867e 45%, #a7867d 45%, #a6847a 47%, #a9847b 48%, #a88478 48%, #ac8075 52%, #ab7f72 52%, #b17c6e 57%, #b07b6b 58%, #b3796b 59%, #b47564 63%, #b77664 64%, #ba6b5a 71%, #bd6a58 74%, #bd6854 75%, #c16250 81%, #c1604d 81%, #c05f4e 82%, #c3604d 83%, #c15c4a 85%, #c55645 91%, #c55240 94%, #c65243 94%, #c65140 95%, #c65042 96%, #c5503f 96%, #c74f41 96%, #c64c3d 98%, #c74d40 99%, #c64a3e 100%);
}
.wrapper-main-articles .article-main:nth-child(1) {
  height: 100%;
}
.wrapper-main-articles .article-main:nth-child(1) img {
  opacity: 0.3;
  width: auto;
}
.wrapper-main-articles .article-main:nth-child(1) .container-title .title {
  font-size: 2em;
  line-height: 0px;
  line-height: 1.2;
}
.wrapper-main-articles .article-main:nth-child(1) .container-title .date {
  font-size: 1.3em;
}
.wrapper-main-articles .article-main {
  text-align: center;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.4);
  width: 33.33%;
  float: left;
  height: 50%;
}
.wrapper-main-articles .article-main:hover .container-title .title {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: 'lato-regular';
  color: #fff;
  text-shadow: 0px 2px 24px rgba(0,0,0,0.75);
}
.wrapper-main-articles .article-main:hover .container-title .date {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  text-shadow: 0px 2px 24px rgba(0,0,0,0.75);
}
.wrapper-main-articles .article-main:hover img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.05;
}
.wrapper-main-articles .article-main img {
  opacity: 0.3;
  width: 100%;
}
.wrapper-main-articles .article-main .container-title {
  text-decoration: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  text-align: left;
  padding: 10px;
  color: #fff;
  display: block;
}
.wrapper-main-articles .article-main .container-title .title {
  font-family: 'lato-regular';
  font-size: 1.7em;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
.wrapper-main-articles .article-main .container-title .date {
  letter-spacing: 0.1em;
  font-family: 'lato-light';
  font-size: 1em;
}
.wrapper-main-articles .article-main .container-share {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  text-align: right;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 4px 10px;
}
.wrapper-main-articles .article-main .container-share .icon {
  color: #fff;
  text-decoration: none;
  font-size: 2em;
}
@media screen and (max-width: 830px) {
  .container-body .wrapper-main-articles .article-main:nth-child(1) img {
    width: auto;
    height: auto;
  }
  .container-body .wrapper-main-articles .article-main:nth-child(1) .container-title .title {
    max-height: 300px;
    overflow: hidden;
  }
  .container-body .wrapper-main-articles .article-main img {
    width: auto;
    height: 100%;
  }
  .container-body .wrapper-main-articles .article-main .container-title .title {
    max-height: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 500px) {
  .container-body .wrapper-main-articles {
    height: 700px;
    background-size: cover;
  }
  .container-body .wrapper-main-articles .article-main:nth-child(1) {
    height: 200px;
  }
  .container-body .wrapper-main-articles .article-main:nth-child(1) img {
    width: auto;
    height: auto;
  }
  .container-body .wrapper-main-articles .article-main:nth-child(1) .container-title .title {
    margin-bottom: 5px;
    line-height: 1.2;
    max-height: 110px;
    overflow: hidden;
  }
  .container-body .wrapper-main-articles .article-main {
    width: 100%;
    height: 125px;
  }
  .container-body .wrapper-main-articles .article-main img {
    width: 100%;
    height: auto;
  }
  .container-body .wrapper-main-articles .article-main .container-title .title {
    margin-bottom: 5px;
    line-height: 1.2;
  }
}
/*
	Termina estilo de los articulos principales
*/
/*
	Comienza estilo de los articulos secundarios
*/
.container-secondary-articles,
.container-trending {
  padding: 0px 5px;
  margin: 0px;
  overflow: hidden;
}
.container-secondary-articles .article-secondary,
.container-trending .article-secondary,
.container-secondary-articles .articles-trending,
.container-trending .articles-trending {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #ddd;
  border-bottom: 3px solid #ddd;
  margin-bottom: 15px;
  width: 100%;
  background: #fff;
  height: 159px;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.container-secondary-articles .article-secondary:hover,
.container-trending .article-secondary:hover,
.container-secondary-articles .articles-trending:hover,
.container-trending .articles-trending:hover {
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0 1px 8px #5c6b82;
  -moz-box-shadow: 0 1px 8px #5c6b82;
  -ms-box-shadow: 0 1px 8px #5c6b82;
  -o-box-shadow: 0 1px 8px #5c6b82;
  box-shadow: 0 1px 8px #5c6b82;
  border-bottom: 0px solid #ddd;
}
.container-secondary-articles .article-secondary .image-container,
.container-trending .article-secondary .image-container,
.container-secondary-articles .articles-trending .image-container,
.container-trending .articles-trending .image-container {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  background: #ddd;
  width: 30%;
  overflow: hidden;
}
.container-secondary-articles .article-secondary .descrip-container,
.container-trending .article-secondary .descrip-container,
.container-secondary-articles .articles-trending .descrip-container,
.container-trending .articles-trending .descrip-container {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 19px;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 69%;
}
.container-secondary-articles .article-secondary .descrip-container .category-container,
.container-trending .article-secondary .descrip-container .category-container,
.container-secondary-articles .articles-trending .descrip-container .category-container,
.container-trending .articles-trending .descrip-container .category-container {
  width: 100%;
  height: 15px;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px;
}
.container-secondary-articles .article-secondary .descrip-container .category-container ul,
.container-trending .article-secondary .descrip-container .category-container ul,
.container-secondary-articles .articles-trending .descrip-container .category-container ul,
.container-trending .articles-trending .descrip-container .category-container ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.container-secondary-articles .article-secondary .descrip-container .category-container ul li,
.container-trending .article-secondary .descrip-container .category-container ul li,
.container-secondary-articles .articles-trending .descrip-container .category-container ul li,
.container-trending .articles-trending .descrip-container .category-container ul li {
  margin: 0px 0px;
  padding: 3px 10px;
  float: right;
  color: #fff;
}
.container-secondary-articles .article-secondary .descrip-container .date,
.container-trending .article-secondary .descrip-container .date,
.container-secondary-articles .articles-trending .descrip-container .date,
.container-trending .articles-trending .descrip-container .date {
  font-size: 1.2em;
  color: #999;
  font-family: 'lato-light';
}
.container-secondary-articles .article-secondary .descrip-container .title,
.container-trending .article-secondary .descrip-container .title,
.container-secondary-articles .articles-trending .descrip-container .title,
.container-trending .articles-trending .descrip-container .title {
  font-size: 1.5em;
  color: #00a4ed;
  line-height: 1.3;
  font-family: 'lato-regular';
  margin: 0px;
  padding: 0px;
}
.container-secondary-articles .article-secondary .descrip-container .overview,
.container-trending .article-secondary .descrip-container .overview,
.container-secondary-articles .articles-trending .descrip-container .overview,
.container-trending .articles-trending .descrip-container .overview {
  font-size: 1.2em;
  text-align: justify;
  color: #999;
  line-height: 1.4;
  margin: 2px 0px;
  padding: 0px;
  font-family: 'lato-light';
}
.container-secondary-articles .article-secondary .descrip-container .bar-bottom,
.container-trending .article-secondary .descrip-container .bar-bottom,
.container-secondary-articles .articles-trending .descrip-container .bar-bottom,
.container-trending .articles-trending .descrip-container .bar-bottom {
  height: 40px;
  line-height: 40px;
  width: 100%;
  overflow: hidden;
  display: block;
  background: #fff;
  position: absolute;
  left: 0px;
  padding: 0px 19px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-shadow: 0px -10px 10px #fff;
  -moz-box-shadow: 0px -10px 10px #fff;
  -ms-box-shadow: 0px -10px 10px #fff;
  -o-box-shadow: 0px -10px 10px #fff;
  box-shadow: 0px -10px 10px #fff;
  bottom: 0px;
}
.container-secondary-articles .article-secondary .descrip-container .bar-bottom .author-img,
.container-trending .article-secondary .descrip-container .bar-bottom .author-img,
.container-secondary-articles .articles-trending .descrip-container .bar-bottom .author-img,
.container-trending .articles-trending .descrip-container .bar-bottom .author-img {
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
.container-secondary-articles .article-secondary .descrip-container .bar-bottom .author-info,
.container-trending .article-secondary .descrip-container .bar-bottom .author-info,
.container-secondary-articles .articles-trending .descrip-container .bar-bottom .author-info,
.container-trending .articles-trending .descrip-container .bar-bottom .author-info {
  display: inline-block;
  vertical-align: middle;
}
.container-secondary-articles .article-secondary .descrip-container .bar-bottom .author-info span,
.container-trending .article-secondary .descrip-container .bar-bottom .author-info span,
.container-secondary-articles .articles-trending .descrip-container .bar-bottom .author-info span,
.container-trending .articles-trending .descrip-container .bar-bottom .author-info span {
  color: #999;
  display: block;
  line-height: 1;
  margin: 0px;
  padding: 0px;
}
.container-secondary-articles .article-secondary .descrip-container .bar-bottom .author-info .author-name,
.container-trending .article-secondary .descrip-container .bar-bottom .author-info .author-name,
.container-secondary-articles .articles-trending .descrip-container .bar-bottom .author-info .author-name,
.container-trending .articles-trending .descrip-container .bar-bottom .author-info .author-name {
  color: #00a4ed;
}
.container-secondary-articles .article-secondary .descrip-container .bar-bottom .share,
.container-trending .article-secondary .descrip-container .bar-bottom .share,
.container-secondary-articles .articles-trending .descrip-container .bar-bottom .share,
.container-trending .articles-trending .descrip-container .bar-bottom .share {
  background: none;
  border: 0px;
  position: absolute;
  right: 0px;
  font-size: 1.5em;
  color: #999;
}
.aside-secondary-articles,
.aside-articles {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0px 0px 0px 15px;
}
.aside-secondary-articles .item-aside,
.aside-articles .item-aside {
  margin-bottom: 15px;
}
.play-podcast {
  width: 100%;
  height: 57px;
  background: #25282a;
  padding: 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.play-podcast:hover {
  height: 80px;
}
.play-podcast .ilustracion {
  display: inline-block;
  vertical-align: middle;
  height: 55px;
  width: 55px;
  background: url("../images/logo-square.png");
  background-size: cover;
}
.play-podcast .button-play,
.play-podcast .button-forward,
.play-podcast .button-volume {
  vertical-align: middle;
  color: #fff;
  font-size: 2em;
  text-align: center;
  line-height: 55px;
  -webkit-box-shadow: 0px 0px 3px #000;
  -moz-box-shadow: 0px 0px 3px #000;
  -ms-box-shadow: 0px 0px 3px #000;
  -o-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  background: #25282a;
  display: inline-block;
  height: 55px;
  width: 55px;
}
.play-podcast .button-play:hover,
.play-podcast .button-forward:hover,
.play-podcast .button-volume:hover {
  -webkit-box-shadow: 0px 0px 20px #000;
  -moz-box-shadow: 0px 0px 20px #000;
  -ms-box-shadow: 0px 0px 20px #000;
  -o-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
  cursor: pointer;
}
.play-podcast .description {
  color: #fff;
  font-size: 1.4em;
  display: inline-block;
  vertical-align: middle;
  width: 90%;
}
.play-podcast .more {
  position: relative;
  z-index: 2;
  display: block;
  text-decoration: none;
  width: 100%;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-shadow: inset 0px 0px 3px #000;
  -moz-box-shadow: inset 0px 0px 3px #000;
  -ms-box-shadow: inset 0px 0px 3px #000;
  -o-box-shadow: inset 0px 0px 3px #000;
  box-shadow: inset 0px 0px 3px #000;
  background: #232323;
  height: 23px;
  line-height: 23px;
}
.play-podcast .more:hover {
  border-top: 1px solid #000;
  background: #00a4ed;
  -webkit-box-shadow: inset 0px 0px 0px #000;
  -moz-box-shadow: inset 0px 0px 0px #000;
  -ms-box-shadow: inset 0px 0px 0px #000;
  -o-box-shadow: inset 0px 0px 0px #000;
  box-shadow: inset 0px 0px 0px #000;
}
.play-podcast .close-podcast {
  right: 10px;
  top: -25px;
  position: absolute;
  color: #fff;
  text-decoration: none;
  background: #25282a;
  height: 30px;
  width: 30px;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -ms-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
@media screen and (max-width: 830px) {
  .aside-secondary-articles {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 15px;
    text-align: center;
  }
  .aside-secondary-articles .item-aside {
    margin-bottom: 15px;
  }
  .aside-secondary-articles .item-aside:nth-child(2) {
    margin-bottom: 15px;
    width: 48%;
    display: inline-block;
    vertical-align: middle;
  }
  .aside-secondary-articles .item-aside:nth-child(3) {
    margin-left: 10px;
    margin-bottom: 15px;
    width: 48%;
    display: inline-block;
    vertical-align: middle;
  }
  .aside-articles {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 15px;
    text-align: left !important;
  }
  .aside-articles .item-aside {
    margin-bottom: 15px;
  }
  .aside-articles .item-aside:nth-child(1) {
    margin-top: 15px;
  }
  .aside-articles .item-aside:nth-child(2) {
    display: none;
  }
  .aside-articles .item-aside:nth-child(3) {
    margin-left: 0px;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .container-secondary-articles,
  .container-trending {
    padding: 0px;
  }
  .container-secondary-articles .article-secondary,
  .container-trending .article-secondary,
  .container-secondary-articles .articles-trending,
  .container-trending .articles-trending {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 500px) {
  .aside-secondary-articles,
  .aside-articles {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 15px;
    text-align: center;
  }
  .aside-secondary-articles .item-aside,
  .aside-articles .item-aside {
    margin-bottom: 15px;
  }
  .aside-secondary-articles .item-aside:nth-child(2),
  .aside-articles .item-aside:nth-child(2) {
    display: none;
    margin-bottom: 15px;
    width: auto;
    vertical-align: middle;
  }
  .aside-secondary-articles .item-aside:nth-child(3),
  .aside-articles .item-aside:nth-child(3) {
    margin-left: 0px;
    margin-bottom: 15px;
    width: auto;
    display: block;
    vertical-align: top;
  }
}
/*
 Termina estilo de los articulos secundarios
*/
/*
 comienza el estilo de los articulos cargados por ajax
*/
.container-loaded-articles,
.container-type-feed,
.modal-search-wrapper,
.container-articles {
  padding: 2px;
  margin: 0px;
  text-align: center;
}
.container-loaded-articles .article-loaded:nth-child(even),
.container-type-feed .article-loaded:nth-child(even),
.modal-search-wrapper .article-loaded:nth-child(even),
.container-articles .article-loaded:nth-child(even) {
  margin-right: 0px;
}
.container-loaded-articles .article-loaded,
.container-type-feed .article-loaded,
.modal-search-wrapper .article-loaded,
.container-articles .article-loaded {
  text-align: left !important;
  width: 49%;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #ddd;
  border-bottom: 3px solid #ddd;
  margin-bottom: 15px;
  margin-right: 1%;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 159px;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.container-loaded-articles .article-loaded:hover,
.container-type-feed .article-loaded:hover,
.modal-search-wrapper .article-loaded:hover,
.container-articles .article-loaded:hover {
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0 1px 8px #5c6b82;
  -moz-box-shadow: 0 1px 8px #5c6b82;
  -ms-box-shadow: 0 1px 8px #5c6b82;
  -o-box-shadow: 0 1px 8px #5c6b82;
  box-shadow: 0 1px 8px #5c6b82;
  border-bottom: 0px solid #ddd;
}
.container-loaded-articles .article-loaded .image-container,
.container-type-feed .article-loaded .image-container,
.modal-search-wrapper .article-loaded .image-container,
.container-articles .article-loaded .image-container {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  background: #ddd;
  width: 30%;
  overflow: hidden;
}
.container-loaded-articles .article-loaded .descrip-container,
.container-type-feed .article-loaded .descrip-container,
.modal-search-wrapper .article-loaded .descrip-container,
.container-articles .article-loaded .descrip-container {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 19px;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 69%;
}
.container-loaded-articles .article-loaded .descrip-container .category-container,
.container-type-feed .article-loaded .descrip-container .category-container,
.modal-search-wrapper .article-loaded .descrip-container .category-container,
.container-articles .article-loaded .descrip-container .category-container {
  width: 100%;
  height: 15px;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px;
}
.container-loaded-articles .article-loaded .descrip-container .category-container ul,
.container-type-feed .article-loaded .descrip-container .category-container ul,
.modal-search-wrapper .article-loaded .descrip-container .category-container ul,
.container-articles .article-loaded .descrip-container .category-container ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.container-loaded-articles .article-loaded .descrip-container .category-container ul li,
.container-type-feed .article-loaded .descrip-container .category-container ul li,
.modal-search-wrapper .article-loaded .descrip-container .category-container ul li,
.container-articles .article-loaded .descrip-container .category-container ul li {
  margin: 0px 0px;
  padding: 3px 10px;
  float: right;
  color: #fff;
}
.container-loaded-articles .article-loaded .descrip-container .date,
.container-type-feed .article-loaded .descrip-container .date,
.modal-search-wrapper .article-loaded .descrip-container .date,
.container-articles .article-loaded .descrip-container .date {
  font-size: 1.2em;
  color: #999;
  font-family: 'lato-light';
}
.container-loaded-articles .article-loaded .descrip-container .title,
.container-type-feed .article-loaded .descrip-container .title,
.modal-search-wrapper .article-loaded .descrip-container .title,
.container-articles .article-loaded .descrip-container .title {
  font-size: 1.5em;
  color: #00a4ed;
  line-height: 1.3;
  font-family: 'lato-regular';
  margin: 0px;
  padding: 0px;
}
.container-loaded-articles .article-loaded .descrip-container .overview,
.container-type-feed .article-loaded .descrip-container .overview,
.modal-search-wrapper .article-loaded .descrip-container .overview,
.container-articles .article-loaded .descrip-container .overview {
  font-size: 1.2em;
  text-align: justify;
  color: #999;
  line-height: 1.4;
  margin: 2px 0px;
  padding: 0px;
  font-family: 'lato-light';
}
.container-loaded-articles .article-loaded .descrip-container .bar-bottom,
.container-type-feed .article-loaded .descrip-container .bar-bottom,
.modal-search-wrapper .article-loaded .descrip-container .bar-bottom,
.container-articles .article-loaded .descrip-container .bar-bottom {
  height: 40px;
  line-height: 40px;
  width: 100%;
  overflow: hidden;
  display: block;
  background: #fff;
  position: absolute;
  left: 0px;
  padding: 0px 19px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-shadow: 0px -10px 10px #fff;
  -moz-box-shadow: 0px -10px 10px #fff;
  -ms-box-shadow: 0px -10px 10px #fff;
  -o-box-shadow: 0px -10px 10px #fff;
  box-shadow: 0px -10px 10px #fff;
  bottom: 0px;
}
.container-loaded-articles .article-loaded .descrip-container .bar-bottom .author-img,
.container-type-feed .article-loaded .descrip-container .bar-bottom .author-img,
.modal-search-wrapper .article-loaded .descrip-container .bar-bottom .author-img,
.container-articles .article-loaded .descrip-container .bar-bottom .author-img {
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
.container-loaded-articles .article-loaded .descrip-container .bar-bottom .author-info,
.container-type-feed .article-loaded .descrip-container .bar-bottom .author-info,
.modal-search-wrapper .article-loaded .descrip-container .bar-bottom .author-info,
.container-articles .article-loaded .descrip-container .bar-bottom .author-info {
  display: inline-block;
  vertical-align: middle;
}
.container-loaded-articles .article-loaded .descrip-container .bar-bottom .author-info span,
.container-type-feed .article-loaded .descrip-container .bar-bottom .author-info span,
.modal-search-wrapper .article-loaded .descrip-container .bar-bottom .author-info span,
.container-articles .article-loaded .descrip-container .bar-bottom .author-info span {
  color: #999;
  display: block;
  line-height: 1;
  margin: 0px;
  padding: 0px;
}
.container-loaded-articles .article-loaded .descrip-container .bar-bottom .author-info .author-name,
.container-type-feed .article-loaded .descrip-container .bar-bottom .author-info .author-name,
.modal-search-wrapper .article-loaded .descrip-container .bar-bottom .author-info .author-name,
.container-articles .article-loaded .descrip-container .bar-bottom .author-info .author-name {
  color: #00a4ed;
}
.container-loaded-articles .article-loaded .descrip-container .bar-bottom .share,
.container-type-feed .article-loaded .descrip-container .bar-bottom .share,
.modal-search-wrapper .article-loaded .descrip-container .bar-bottom .share,
.container-articles .article-loaded .descrip-container .bar-bottom .share {
  background: none;
  border: 0px;
  position: absolute;
  right: 0px;
  font-size: 1.5em;
  color: #999;
}
@media screen and (max-width: 830px) {
  .container-loaded-articles,
  .container-type-feed,
  .modal-search-wrapper,
  .container-articles {
    padding: 0px;
    margin: 0px;
    text-align: left;
  }
  .container-loaded-articles .article-loaded:nth-child(even),
  .container-type-feed .article-loaded:nth-child(even),
  .modal-search-wrapper .article-loaded:nth-child(even),
  .container-articles .article-loaded:nth-child(even) {
    margin-right: 0px;
  }
  .container-loaded-articles .article-loaded,
  .container-type-feed .article-loaded,
  .modal-search-wrapper .article-loaded,
  .container-articles .article-loaded {
    text-align: left !important;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #ddd;
    border-bottom: 3px solid #ddd;
    margin-right: 0px;
  }
}
/*
 termina el estilo de los articulos cargados por ajax
*/
/*
  estilo del widget de los videos de youtube
*/
.wrapper-videos-youtube {
  margin: 15px auto;
}
.wrapper-videos-youtube .tab {
  cursor: pointer;
  display: block;
  text-decoration: none;
  height: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  position: relative;
}
.wrapper-videos-youtube .tab .indicator {
  left: 0px;
  position: absolute;
  top: 11px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 0px solid #fff;
  border-bottom: 15px solid transparent;
}
.wrapper-videos-youtube .tab .indicator:before {
  position: absolute;
}
.wrapper-videos-youtube .active .indicator {
  left: 0px;
  position: absolute;
  top: 11px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #fff;
  border-bottom: 15px solid transparent;
}
.wrapper-videos-youtube .active .indicator:before {
  position: absolute;
}
.wrapper-videos-youtube .title {
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-size: 2em;
  height: 50px;
  line-height: 50px;
}
.wrapper-videos-youtube .title .flat-youtube {
  color: #b11a01;
}
.wrapper-videos-youtube .apple5x1-button-videos {
  background: #00a4ed;
  padding: 10px 0px;
}
.wrapper-videos-youtube .android5x1-button-videos {
  background: #50d850;
  padding: 5px 0px;
}
.wrapper-videos-youtube .wrapper {
  position: relative;
  height: 300px;
  overflow: hidden;
}
.wrapper-videos-youtube .wrapper .side {
  color: #fff;
  font-size: 4em;
  text-align: center;
  line-height: 300px;
  z-index: 2;
  position: absolute;
  width: 56px;
  height: 300px;
  background: rgba(0,0,0,0.43);
}
.wrapper-videos-youtube .wrapper .left {
  top: 0px;
  left: 0px;
}
.wrapper-videos-youtube .wrapper .right {
  top: 0px;
  right: 0px;
}
.wrapper-videos-youtube .wrapper .container-videos {
  height: 320px;
  width: 99.99%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #606060;
  line-height: 300px;
  padding-left: 56px;
  padding-right: 79px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}
.wrapper-videos-youtube .wrapper .container-videos .video-item {
  cursor: pointer;
  overflow: hidden;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -ms-border-radius: 8px 8px 8px 8px;
  -o-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  margin-left: 23px;
  width: 223px;
  height: 254px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
}
.wrapper-videos-youtube .wrapper .container-videos .video-item .container-thumbnail {
  -webkit-border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  -ms-border-radius: 8px 8px 0px 0px;
  -o-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  background: #000;
  width: 100%;
  height: 169px;
  overflow: hidden;
  position: relative;
}
.wrapper-videos-youtube .wrapper .container-videos .video-item .container-thumbnail img {
  width: 100%;
}
.wrapper-videos-youtube .wrapper .container-videos .video-item .container-thumbnail .opacity-container {
  width: 100%;
  background: rgba(0,0,0,0.7);
  -webkit-border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  -ms-border-radius: 8px 8px 0px 0px;
  -o-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  color: #fff;
  position: absolute;
  height: 169px;
  line-height: 169px;
  text-align: center;
}
.wrapper-videos-youtube .wrapper .container-videos .video-item .container-thumbnail .opacity-container .flat-play-video {
  font-size: 4em;
}
.wrapper-videos-youtube .wrapper .container-videos .video-item .container-thumbnail .opacity-container .date {
  position: absolute;
  bottom: -70px;
  left: 6px;
}
.wrapper-videos-youtube .wrapper .container-videos .video-item .container-title {
  text-transform: uppercase;
  width: 100%;
  height: 85px;
  padding: 0px 10px;
  line-height: 75px;
  white-space: normal;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.wrapper-videos-youtube .wrapper .container-videos .video-item .container-title span {
  color: #4c4c4c;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em;
  overflow: hidden;
  max-height: 65px;
}
@media screen and (max-width: 500px) {
  .wrapper-videos-youtube .wrapper .side {
    display: none;
    font-size: 3em;
  }
  .wrapper-videos-youtube .wrapper .container-videos {
    padding: 0px;
    padding-right: 23px;
  }
}
/*
  termina estilo del widget de los videos de youtube
*/
.wrapper-type-feed {
  overflow: hidden;
  margin: 15px auto;
}
.wrapper-type-feed .tabs-container {
  display: flex;
  display: -webkit-flex;
  background: #34495e;
}
.wrapper-type-feed .tab {
  cursor: pointer;
  color: #fff;
  letter-spacing: normal;
  font-size: 1.5em;
  line-height: 50px;
  display: inline-block;
width
  cursor: pointer;
  width: 20%;
  text-decoration: none;
  height: 50px;
  text-align: center;
  position: relative;
}
.wrapper-type-feed .active:before {
  content: '';
  background-color: #fff;
  position: absolute;
  width: 10px;
  height: 5px;
  bottom: 0px;
  width: 100%;
  left: 0px;
}
.wrapper-type-feed .trending {
  background: #e74c3c;
}
.wrapper-type-feed .recomendado {
  background: #1abc9c;
}
.wrapper-type-feed .util {
  background: #3498db;
}
.wrapper-type-feed .increible {
  background: #e67e22;
}
.wrapper-type-feed .indignante {
  background: #34495e;
}
.wrapper-type-feed .title-section {
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-size: 2em;
  height: 50px;
  line-height: 50px;
}
.wrapper-type-feed .title-section .flat-youtube {
  color: #b11a01;
}
.wrapper-type-feed .container-type-feed {
  background: #c0c3c4;
  padding-top: 15px;
}
@media screen and (max-width: 740px) {
  .wrapper-type-feed .tab span {
    font-size: 0px;
  }
  .wrapper-type-feed .tab span:before {
    font-size: 2em !important;
  }
}
/*Estilo del Login*/
#login-form {
  overflow: hidden;
  font-size: 1.3em;
}
#login-form .legend {
  margin: 10px 0px;
  font-family: 'lato-bold';
  font-size: 1.5em;
}
#login-form .fieldset-group {
  text-align: center;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #ddd;
  background: #fff;
}
#login-form .fieldset-group .fieldset-login .control-group {
  margin: 10px;
}
#login-form .fieldset-group .fieldset-login .control-group .option-login {
  height: 15px;
}
#login-form .fieldset-group .fieldset-login .control-group .option-login a {
  color: #999;
  text-decoration: none;
}
#login-form .fieldset-group .fieldset-login .control-group .option-login a:hover {
  text-decoration: underline;
}
#login-form .fieldset-group .fieldset-login .control-group .option-login .register {
  float: left;
}
#login-form .fieldset-group .fieldset-login .control-group .option-login .forgot {
  float: right;
}
#login-form .fieldset-highlight {
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -ms-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding: 20px;
  background: #f8f9fa;
}
.wrapper-modal-login {
  max-width: 600px !important;
}
.md-login {
  position: relative;
  z-index: 2000;
  padding: 0px !important;
  display: flex;
}
.md-login #login-sidebar {
  width: 30%;
  -webkit-border-radius: 0px 0px 0px 5px;
  -moz-border-radius: 0px 0px 0px 5px;
  -ms-border-radius: 0px 0px 0px 5px;
  -o-border-radius: 0px 0px 0px 5px;
  border-radius: 0px 0px 0px 5px;
  background: #25282a;
}
.md-login #login-sidebar .button-sidebar {
  border-bottom: 1px solid rgba(0,0,0,0.22);
  -webkit-box-shadow: 1px 0px 0px rgba(255,255,255,0.75);
  -moz-box-shadow: 1px 0px 0px rgba(255,255,255,0.75);
  -ms-box-shadow: 1px 0px 0px rgba(255,255,255,0.75);
  -o-box-shadow: 1px 0px 0px rgba(255,255,255,0.75);
  box-shadow: 1px 0px 0px rgba(255,255,255,0.75);
}
.md-login #login-body {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
  width: 70%;
}
@media screen and (max-width: 600px) {
  .md-login {
    display: block;
  }
  .md-login #login-sidebar {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    width: 100%;
  }
  .md-login #login-body {
    width: 100%;
  }
}
/*Termina estilo del Login*/
/*Comienza Estilo de Form de Busqueda*/
.modal-search-wrapper {
  margin: 10px;
}
/*Termina Estilo de Form de Busqueda*/
/*estilo de reproductor flotante*/
.floating-player {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 200000;
}
/*termina estilo reproductor flotante*/
/*estilo de pagina de categoria*/
.description-category {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  padding: 0px 5px;
}
.description-category .title {
  text-transform: uppercase;
  font-size: 3em;
  margin: 10px 0px;
  color: #4c4c4c;
}
.description-category .description {
  color: #4c4c4c;
  font-size: 1.5em;
}
.container-trending {
  overflow: hidden;
}
.container-trending .trending-title {
  background: #e74c3c;
  padding: 7px;
  color: #fff;
  font-size: 1.7em;
  margin: 0px;
  margin-bottom: 15px;
}
/* termina estilo de pagina de categoria*/
.article-detail-container {
  background: #fff;
  padding-bottom: 50px;
}
.article-detail-container-image {
  position: relative;
  overflow: hidden;
  background: #96999f;
  height: 630px;
}
.article-detail-container-image:before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(47,52,64,0.6);
  position: absolute;
}
.article-detail-container-image .container-back {
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: rgba(47,52,64,0.8);
  height: 40px;
  width: 40px;
  position: absolute;
  top: 65px;
  left: 8px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.article-detail-container-image .container-back:hover {
  -webkit-box-shadow: 0px 0px 26px #2f3440;
  -moz-box-shadow: 0px 0px 26px #2f3440;
  -ms-box-shadow: 0px 0px 26px #2f3440;
  -o-box-shadow: 0px 0px 26px #2f3440;
  box-shadow: 0px 0px 26px #2f3440;
}
.article-detail-container-image .container-image-fig {
  width: 100%;
}
.article-detail-container-image .container-image-inner {
  position: absolute;
  width: 100%;
  height: 300px;
  bottom: 50%;
  margin-bottom: -180px;
}
.article-detail-container-image .container-image-inner .article-title {
  font-size: 3.5em;
  letter-spacing: 0.1em;
  font-family: 'lato-bold';
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  margin: 0px 16%;
}
.article-detail-container-image .container-image-inner .article-date {
  color: #fff;
  font-family: 'lato-regular';
  font-size: 1.5em;
  margin: 20px 16%;
  text-align: center;
  display: flex;
  display: webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.article-detail-container-image .container-image-inner .article-date .splash-line {
  width: 25%;
  border-bottom: 1px solid #fff;
  height: 0px;
}
.article-detail-container-image .container-image-inner .article-date-middle {
  width: 50%;
}
.article-detail-container-image .container-image-inner .article-author {
  margin: 20px 16%;
  text-align: center;
}
.article-detail-container-image .container-image-inner .article-author-name {
  font-family: 'crimson-italic', serif;
  color: #fff;
  display: block;
  font-size: 2em;
}
.article-detail-container-image .container-image-inner .article-author-avatar {
  margin: 20px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  width: 75px;
  height: 75px;
  overflow: hidden;
}
.article-detail-container-body {
  display: block;
  position: relative;
}
.article-detail-container-body .article-share-container {
  position: absolute;
  top: 0px;
  left: 20px;
  z-index: 1000;
  width: 50px;
}
.article-detail-container-body .article-share-container .descrip {
  display: none;
}
.article-detail-container-body .article-share-container ul {
  padding: 0px;
  list-style: none;
}
.article-detail-container-body .article-share-container ul li {
  font-size: 35px;
  text-align: center;
}
.article-detail-container-body .article-share-container ul li a {
  color: rgba(0,0,0,0.4);
}
.article-detail-container-body .article-share-container ul li .twitter:hover {
  color: #3cf;
}
.article-detail-container-body .article-share-container ul li .facebook:hover {
  color: #3b5998;
}
.article-detail-container-body .article-share-container ul li .gplus:hover {
  color: #dd4b39;
}
.article-detail-container-body .article-text-container {
  margin: 0px 16%;
  max-width: 1200;
  font-size: 1.7em;
  line-height: 1.9;
}
.article-detail-container-body .article-text-container p {
  margin: 0px 0px 2em 0px;
  font-family: 'crimson-regular', serif;
  font-weight: normal;
  color: #4c4c4c;
}
.article-detail-container-body .article-text-container i,
.article-detail-container-body .article-text-container em {
  font-family: 'crimson-italic', serif;
}
.article-detail-container-body .article-text-container strong {
  font-family: 'crimson-bold', serif;
}
.article-detail-container-body .article-text-container a {
  text-decoration: underline;
  color: #00a4ed;
}
.article-detail-container-body .article-text-container blockquote {
  color: #4c4c4c;
  margin: 0px;
  padding: 0px;
  margin: 0px 0px 2em 5%;
  padding-left: 10px;
  border-left: 4px solid #ddd;
  font-family: 'crimson-italic';
  font-style: italic;
}
.article-detail-container-body .article-text-container img {
  max-width: 100%;
}
.article-detail-container-body .article-text-container .image-left {
  float: left;
  margin-right: 10px;
}
.article-detail-container-body .article-text-container .image-right {
  float: right;
  margin-left: 10px;
}
.article-detail-container-body .article-text-container .image-full {
  float: left;
  margin: 10px 0px !important;
  width: 100% !important;
}
.article-detail-container-body .tagged-as {
  text-align: center;
  margin: 0px 16%;
  max-width: 1200;
}
.article-detail-container-body .tagged-as .resume {
  color: #4c4c4c;
  text-align: center;
  font-size: 2em;
}
.article-detail-container-body .tagged-as ul {
  font-size: 1.2em;
  list-style: none;
  padding: 0px;
}
.article-detail-container-body .tagged-as ul li {
  display: inline-block;
  margin: 15px 5px;
}
.article-detail-container-body .tagged-as ul li a {
  color: #999;
  padding: 7px 10px;
  border: 1px solid #999;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.article-detail-container-body .tagged-as ul li a:hover {
  color: #00a4ed;
  border: 1px solid #00a4ed;
}
.article-detail-container-body .opinion {
  padding: 40px 0px;
  text-align: center;
  margin: 10px 16%;
}
.article-detail-container-body .opinion .resume {
  color: #4c4c4c;
  font-size: 2em;
}
.article-detail-container-body .opinion .container-opinion-button .recomendado {
  COLOR: #1abc9c;
}
.article-detail-container-body .opinion .container-opinion-button .recomendado:hover {
  background: #1abc9c;
  color: #fff;
}
.article-detail-container-body .opinion .container-opinion-button .util {
  COLOR: #3498db;
}
.article-detail-container-body .opinion .container-opinion-button .util:hover {
  background: #3498db;
  color: #fff;
}
.article-detail-container-body .opinion .container-opinion-button .increible {
  COLOR: #e67e22;
}
.article-detail-container-body .opinion .container-opinion-button .increible:hover {
  background: #e67e22;
  color: #fff;
}
.article-detail-container-body .opinion .container-opinion-button .indignante {
  COLOR: #34495e;
}
.article-detail-container-body .opinion .container-opinion-button .indignante:hover {
  background: #34495e;
  color: #fff;
}
.article-detail-container-body .opinion .container-opinion-button .opinion-button {
  display: inline-block;
  text-align: center;
  margin: 4px;
  padding: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: auto;
}
.article-detail-container-body .opinion .container-opinion-button .opinion-button .icon {
  font-size: 2.6em;
  margin: 0px auto;
  display: block;
  line-height: 40px;
  width: 40px;
  height: 40px;
}
.article-detail-container-body .opinion .container-opinion-button .opinion-button .name {
  font-size: 1.5em;
}
.info-author {
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #f8f9fa;
  margin: 10px 16%;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #ddd;
}
.info-author-image {
  display: inline-block;
  height: 80px;
  width: 80px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
.info-author-description {
  padding-left: 10px;
  display: inline-block;
}
.info-author-description .author-name {
  font-family: 'lato-bold';
  font-size: 1.7em;
}
.info-author-description .author-resume {
  font-size: 1.2em;
}
.newsletter {
  padding: 40px 0px;
  text-align: center;
  background: #f8f9fa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.newsletter-title {
  color: #4c4c4c;
  margin: 0px;
  margin-bottom: 15px;
  font-size: 2em;
}
.newsletter-form {
  display: inline-block;
  width: 400px;
  max-width: 90%;
  position: relative;
  font-size: 1.4em;
  height: 40px;
  border: 1px solid #ddd;
  overflow: hidden;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.newsletter-form:hover {
  border: 1px solid #00a4ed;
}
.newsletter-form-input {
  padding-left: 10px;
  padding-right: 110px;
  height: 100%;
  border: 0px;
  background: #fff;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.newsletter-form-input:focus {
  outline: none;
}
.newsletter-form-button {
  height: 100%;
  color: #fff;
  width: 100px;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px;
  border: 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  background: #00a4ed;
  display: inline-block;
}
.related-articles {
  width: 100%;
}
.related-articles-title {
  color: #4c4c4c;
  margin: 0px;
  margin: 15px 0px;
  font-size: 2em;
}
@media screen and (max-width: 960px) {
  .article-detail-container-image .container-image-fig {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 800px) {
  .article-detail-container-image .container-image-fig {
    margin-left: -75.5px;
  }
}
@media screen and (max-width: 700px) {
  .article-detail-container-image .container-image-fig {
    margin-left: -122.5px;
  }
  .article-detail-container-image .container-image-inner .article-title {
    font-size: 3em;
    margin: 0px 15px;
  }
  .article-detail-container-image .container-image-inner .article-date {
    font-size: 1.4em;
    margin: 20px 15px;
  }
  .article-detail-container-image .container-image-inner .article-author {
    margin: 20px 15px;
  }
  .article-detail-container-image .container-image-inner .article-author-name {
    color: #fff;
    display: block;
    font-size: 1.8em;
  }
}
@media screen and (max-width: 600px) {
  .article-detail-container-image {
    height: 500px;
  }
  .article-detail-container-image .container-image-fig {
    margin-left: -75px;
  }
  .article-detail-container-body .tagged-as {
    margin: 0px 20px;
  }
  .article-detail-container-body .tagged-as .resume {
    font-size: 1.5em;
  }
  .article-detail-container-body .opinion {
    margin: 0px 20px;
  }
  .article-detail-container-body .article-text-container {
    font-size: 2em;
    line-height: 1.8;
    margin: 0px 20px;
  }
  .article-detail-container-body .article-text-container p {
    margin: 0px 0px 1.7em 0px;
  }
  .article-detail-container-body .article-text-container img {
    max-width: 100%;
    height: auto !important;
    margin: 10px 0px;
  }
  .article-detail-container-body .article-share-container {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 100%;
    text-align: center;
  }
  .article-detail-container-body .article-share-container .descrip {
    display: block;
    font-size: 1.3em;
    font-family: 'lato-regular';
    color: #4c4c4c;
  }
  .article-detail-container-body .article-share-container ul {
    padding: 0px;
    list-style: none;
  }
  .article-detail-container-body .article-share-container ul li:last-child {
    margin-right: 0px;
  }
  .article-detail-container-body .article-share-container ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 35px;
    text-align: center;
  }
  .article-detail-container-body .article-share-container ul li a {
    color: #ddd;
  }
  .info-author {
    text-align: center;
    margin: 0px 20px;
  }
}
@media screen and (max-width: 500px) {
  .article-detail-container-image .container-image-fig {
    margin-left: -125px;
  }
}
@media screen and (max-width: 400px) {
  .article-detail-container-image .container-image-fig {
    margin-left: -175px;
  }
}
@media screen and (max-width: 300px) {
  .article-detail-container-image .container-image-fig {
    margin-left: -225px;
  }
}