html {
  font: 62.5% Arial, Helvetica, sans-serif;
}
body {
  margin: 0;
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote {
  margin: 0;
  font-size: 1em;
}
ul,
ol,
dl,
dt,
dd {
  padding: 0;
  margin: 0;
}
ul,
ol {
  list-style: none;
}
address,
cite {
  font-style: normal;
}
img {
  border: none;
  -ms-interpolation-mode: bicubic;
}
figure {
  margin: 0;
  padding: 0;
}
main,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
td,
th {
  vertical-align: top;
}
caption,
th {
  text-align: left;
}
form {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
iframe {
  border: 0;
}
legend {
  margin: 0;
  padding: 0;
  color: #000;
}
input,
textarea,
select {
  font: 1em Arial, Helvetica, sans-serif;
}
textarea {
  overflow: auto;
}
input[type="text"] {
  margin: 0;
}
a {
  text-decoration: none;
}
/* Mixins */
@media only screen and (max-width: 767px) {
  .u-hidden-mobile {
    display: none;
  }
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM4.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYag.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1Mu51xIIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
/* Faded background */
body {
  color: #444;
  background-color: #F9F9F9;
}
a {
  color: #C00;
}
.blob a:visited {
  color: #900;
}
.blob a:hover {
  color: #f00;
}
.a-blob:visited {
  color: #900;
}
.a-blob:hover {
  color: #f00;
}
.a-text {
  color: #444;
}
.a-text:hover {
  color: #f00;
}
.a-faded {
  color: #a2a2a2;
}
.a-faded:hover {
  color: #f00;
}
.a-colored {
  background-color: #fbeded;
}
.a-colored:hover {
  color: #f00;
  background-color: #ffeded;
}
.a-inverted {
  background-color: #C00;
  color: #fff;
}
.a-inverted:hover {
  background-color: #f00;
}
.cancel-link,
.comment-order a,
.comment-date a {
  color: #a2a2a2;
}
.cancel-link:hover,
.comment-order a:hover,
.comment-date a:hover {
  color: #f00;
}
.btn,
a.btn,
a.btn:visited {
  background-color: #900;
  color: #fff;
}
.btn:hover,
a.btn:hover,
a.btn:visited:hover {
  background-color: #910000;
  color: #fff;
}
.btn.is-opened {
  background-color: #fff;
  color: #900;
}
.btn-primary {
  background-color: #D44040;
  color: #fff;
}
.btn-primary:hover {
  background-color: #c93d3d;
  color: #fff;
}
.btn-primary.is-opened {
  background-color: #fff;
  color: #D44040;
}
.btn-secondary,
.btn-faded {
  background-color: #f3f3f3;
  color: #a2a2a2;
}
.btn-secondary:hover,
.btn-faded:hover {
  background-color: #f4f4f4;
  color: #444;
}
.btn-inverted {
  background-color: #333;
  color: #ccc;
}
.btn-inverted:hover {
  background-color: #444;
  color: #fff;
}
.btn-secondary.is-opened,
.btn-context.is-opened,
.btn-comment-reply.is-opened,
.btn-comment-menu.is-opened,
.btn-comment-subscribe.is-opened {
  background-color: #444;
  color: #f3f3f3;
}
.btn-secondary.is-opened:hover,
.btn-context.is-opened:hover,
.btn-comment-reply.is-opened:hover,
.btn-comment-menu.is-opened:hover,
.btn-comment-subscribe.is-opened:hover {
  background-color: #414141;
  color: #f3f3f3;
}
.btn-comment-vote-up {
  background-color: #72ac26 !important;
}
.btn-comment-vote-up:hover {
  background-color: #72ac26 !important;
}
.btn-comment-vote-down {
  background-color: #E03737 !important;
  color: #fff;
}
.btn-comment-vote-down:hover {
  background-color: #E03737 !important;
  color: #fff;
}
.btn-comment-vote-up.comment-vote-disabled,
.btn-comment-vote-up.comment-vote-disabled:hover .btn-comment-vote-down.comment-vote-disabled,
.btn-comment-vote-down.comment-vote-disabled:hover {
  background-color: #f3f3f3;
  color: #a2a2a2;
  cursor: default;
}
.btn-flipboard {
  background-color: #e02828 !important;
  color: #fff;
}
.btn-flipboard:hover {
  background-color: #d52626 !important;
  color: #fff;
}
.btn-facebook,
.btn-text-facebook {
  background-color: #4472AD !important;
  color: #fff;
}
.btn-facebook:hover,
.btn-text-facebook:hover {
  background-color: #416ca4 !important;
  color: #fff;
}
.link-facebook,
.link-facebook:hover {
  color: #4472AD;
}
.btn-twitter,
.btn-text-twitter {
  background-color: #00ACEE !important;
  color: #fff;
}
.btn-twitter:hover,
.btn-text-twitter:hover {
  background-color: #00a3e2 !important;
  color: #fff;
}
.link-twitter,
.link-twitter:hover {
  color: #00ACEE;
}
.btn-gplus,
.btn-text-gplus {
  background-color: #DB4D25 !important;
  color: #fff;
}
.btn-gplus:hover,
.btn-text-gplus:hover {
  background-color: #d04923 !important;
  color: #fff;
}
.link-gplus,
.link-gplus:hover {
  color: #DB4D25;
}
.btn-whatsapp,
.btn-text-whatsapp {
  background-color: #56A61E !important;
  color: #fff;
}
.btn-whatsapp:hover,
.btn-text-whatsapp:hover {
  background-color: #529e1d !important;
  color: #fff;
}
.link-whatsapp,
.link-whatsapp:hover {
  color: #56A61E;
}
.btn-snapchat,
.btn-text-snapchat {
  background-color: #EFEC00 !important;
  color: #fff;
}
.btn-snapchat:hover,
.btn-text-snapchat:hover {
  background-color: #e3e000 !important;
  color: #fff;
}
.link-snapchat,
.link-snapchat:hover {
  color: #000;
}
.btn-instagram,
.btn-text-instagram {
  background-color: #125688 !important;
  color: #fff;
}
.btn-instagram:hover,
.btn-text-instagram:hover {
  background-color: #115281 !important;
  color: #fff;
}
.link-instagram,
.link-instagram:hover {
  color: #125688;
}
.btn-flickr,
.btn-text-flickr {
  background-color: #128FDC !important;
  color: #fff;
}
.btn-flickr:hover,
.btn-text-flickr:hover {
  background-color: #1188d1 !important;
  color: #fff;
}
.link-flickr,
.link-flickr:hover {
  color: #128FDC;
}
.btn-email,
.btn-text-email {
  background-color: #729e54 !important;
  color: #fff;
}
.btn-email:hover,
.btn-text-email:hover {
  background-color: #6c9650 !important;
  color: #fff;
}
.link-email,
.link-email:hover {
  color: #729e54;
}
.btn-rss,
.btn-text-rss {
  background-color: #ff6600 !important;
  color: #fff;
}
.btn-rss:hover,
.btn-text-rss:hover {
  background-color: #f26100 !important;
  color: #fff;
}
.link-rss,
.link-rss:hover {
  color: #ff6600;
}
.link-youtube,
.link-youtube:hover {
  color: #cc181e;
}
.link-pinterest,
.link-pinterest:hover {
  color: #cc181e;
}
.btn-social-faded {
  color: #a2a2a2 !important;
  background: #444 !important;
}
.btn-social-faded:hover {
  color: #fff;
}
@media only screen and (min-width: 1280px) {
  .comment-actions-share .btn-facebook,
  .comment-actions-share .btn-twitter,
  .comment-actions-share .btn-flipboard,
  .comment-actions-share .btn-email {
    background: transparent !important;
    color: #a2a2a2;
  }
  .comment-actions-share .btn-flipboard:hover {
    color: #e02828;
  }
  .comment-actions-share .btn-facebook:hover {
    color: #4472AD;
  }
  .comment-actions-share .btn-twitter:hover {
    color: #00ACEE;
  }
  .comment-actions-share .btn-email:hover {
    color: #729e54;
  }
}
.head-container,
.head,
.head-with-ad {
  background: #c00;
}
.head-editorspick {
  color: #222;
  color: #fff;
}
.head-editorspick a {
  color: #222;
  color: #fff;
}
.head-editorspick a:hover {
  color: #222;
  color: #fff;
}
.head-editorspick .head-editorspick-type {
  color: #222;
  color: #fff;
  opacity: 0.4;
}
.head-link-secondary {
  background: #222;
  color: #a2a2a2;
}
.head-link-secondary a {
  color: #a2a2a2;
}
.head-link-secondary a:hover {
  color: #F9F9F9;
}
.icon-unread {
  color: #00AADF;
}
.head.m-v5 {
  background: #9F0000;
}
.head.m-v5 .head-link {
  background-color: #ad2626 !important;
  color: #fff;
  border-bottom: 1px solid #bc4d4d !important;
}
.head.m-v5 .head-link:hover {
  background-color: #c93d3d;
  color: #fff;
}
.head-link-new.m-v5::after {
  color: #5BA4D7 !important;
}
.head-menu {
  background: #f6f6f6;
}
.head-menu h2 {
  color: #a2a2a2;
}
.related-item a,
.related-leaving-item a,
.head-new-item,
.head-list-item,
.head-menu-editorspick a {
  color: #444;
}
.related-item a:hover,
.related-leaving-item a:hover,
.head-new-item:hover,
.head-list-item:hover,
.head-menu-editorspick a:hover {
  background: #fff;
  color: #C00;
}
.item-meta,
.head-item-meta {
  color: #a2a2a2;
}
.search-box,
.head-menu-search,
.head-channel-list.is-visible,
.head-list-item.is-visible,
.head-channel-list.is-visible {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.head-search-button:hover {
  background: transparent !important;
  color: #f00 !important;
}
.head-menu-editorspick {
  background: #fff;
}
.head-menu-follow a {
  opacity: 0.8;
}
.head-menu-follow a:hover {
  opacity: 1;
}
.comment-section {
  background-color: #eee;
}
.comment-section h2,
.comment-section h3,
.comment-section h3 a {
  color: #777777;
}
.comment-section h3 a:hover {
  color: #f00;
}
.context-menu-list {
  background-color: #444;
}
.context-menu-list li {
  color: #f3f3f3;
  border-color: #676767;
}
.context-menu-list a {
  color: #f3f3f3;
}
.context-menu-list a:hover {
  background: #363636;
  color: #fff;
}
.context-menu-list .votes {
  color: #fff;
}
.u-article-summary,
.summary,
.sumario,
.sumario_derecha,
.sumario_izquierda {
  color: #6F6361;
}
.article-share .icon-facebook:hover {
  color: #4472AD;
}
.article-share .icon-twitter:hover {
  color: #00ACEE;
}
.article-share .icon-gplus:hover {
  color: #DB4D25;
}
.article-share .icon-email:hover {
  color: #729e54;
}
@media only screen and (min-width: 768px) {
  .comment-order a,
  .comment-order a:visited {
    color: #b3b3b3;
  }
}
.comment-author a {
  color: #444;
}
.comment-author a:hover {
  color: #f00;
}
.comment-thread-caption.is-fixed .comment-thread-caption-wrapper {
  background: #444;
  color: #dadada;
}
.comment-thread-close {
  background-color: #f7f7f7 !important;
  color: #b3b3b3 !important;
}
.comment-thread-caption.is-fixed .comment-thread-close,
.comment-thread-caption.is-fixed .comment-thread-source-more {
  background-color: #a2a2a2 !important;
  color: #fff !important;
  opacity: 0.5;
}
.comment-thread-caption.is-fixed .comment-thread-close:hover,
.comment-thread-caption.is-fixed .comment-thread-source-more:hover {
  opacity: 1;
}
.comment-item {
  background: #fff;
}
.ad-contact a,
.comment-moderated {
  background: transparent;
  color: #b3b3b3;
}
.article-link-related a strong {
  color: #444;
}
.article-link-related a span {
  color: #a2a2a2;
}
.article-link-related a:hover strong,
.article-link-related a:hover span {
  color: #f00;
}
.data-table thead th,
.tabla-datos thead th {
  border-bottom: 2px solid #200;
}
.data-table tbody tr:nth-child(odd),
.tabla-datos tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.data-table tbody tr:nth-child(even),
.tabla-datos tbody tr:nth-child(even) {
  background: #fff;
}
.article-item-title,
.article-item-content {
  color: #444;
}
.article-item-date {
  color: #a2a2a2;
}
.article-metadata {
  color: #a2a2a2;
}
.search-results-section {
  background-color: #eee;
}
.search-results-query {
  background: #DFFAFF;
}
.search-article-item a {
  background: #fff;
}
.foot {
  background-color: #eee;
  color: #a2a2a2;
}
.foot-list-item {
  color: #777;
}
.foot-list-item:hover {
  color: #fff;
  background: #333;
}
.foot-external {
  background: #111;
  color: #777;
}
.foot-external a {
  color: #dadada;
}
body,
.u-type0,
.type0 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  body,
  .u-type0,
  .type0 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  body,
  .u-type0,
  .type0 {
    font-size: 19px;
    line-height: 28px;
  }
}
.u-type1,
.type1 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 31.2px;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .u-type1,
  .type1 {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-type1,
  .type1 {
    font-size: 40px;
    line-height: 44.8px;
  }
}
.u-type2,
.type2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 28.8px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .u-type2,
  .type2 {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-type2,
  .type2 {
    font-size: 28px;
    line-height: 35px;
  }
}
.u-type3,
.type3 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 26.4px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .u-type3,
  .type3 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-type3,
  .type3 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
.u-type4,
.type4 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .u-type4,
  .type4 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-type4,
  .type4 {
    font-size: 19px;
    line-height: 28px;
  }
}
.type-mini,
.u-type-mini {
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .type-mini,
  .u-type-mini {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .type-mini,
  .u-type-mini {
    font-size: 16px;
  }
}
.u-font-mini,
.font-mini {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .u-font-mini,
  .font-mini {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-font-mini,
  .font-mini {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .u-font-mini,
  .font-mini {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-font-mini,
  .font-mini {
    line-height: 21px;
  }
}
.head-link,
.type-micro {
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .head-link,
  .type-micro {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-link,
  .type-micro {
    font-size: 13px;
  }
}
.u-font-micro,
.font-micro {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .u-font-micro,
  .font-micro {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-font-micro,
  .font-micro {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .u-font-micro,
  .font-micro {
    line-height: 16.8px;
  }
}
.u-type-pico,
.font-pico,
.u-font-pico {
  font-size: 11px;
  line-height: 14px;
}
@media only screen and (min-width: 768px) {
  .u-type-pico,
  .font-pico,
  .u-font-pico {
    font-size: 11px;
    line-height: 14.7px;
  }
}
.u-tip-type {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .u-tip-type {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-tip-type {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .u-tip-type {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-tip-type {
    line-height: 21px;
  }
}
.caption,
.caption-text,
.type-caption,
.type-caption-credit {
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .caption,
  .caption-text,
  .type-caption,
  .type-caption-credit {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .caption,
  .caption-text,
  .type-caption,
  .type-caption-credit {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .caption,
  .caption-text,
  .type-caption,
  .type-caption-credit {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .caption,
  .caption-text,
  .type-caption,
  .type-caption-credit {
    line-height: 21px;
  }
}
.u-heading0,
.heading0 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 33px;
  line-height: 36px;
  text-transform: none;
  margin-top: 48px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .u-heading0,
  .heading0 {
    margin-top: 56px;
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 61.6px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading0,
  .heading0 {
    margin-top: 56px;
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 61.6px;
  }
}
.u-heading1,
h1,
.heading1 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 31.2px;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 48px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .u-heading1,
  h1,
  .heading1 {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading1,
  h1,
  .heading1 {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 768px) {
  .u-heading1,
  h1,
  .heading1 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading1,
  h1,
  .heading1 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.u-heading2,
h2,
.heading2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 28.8px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .u-heading2,
  h2,
  .heading2 {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading2,
  h2,
  .heading2 {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .u-heading2,
  h2,
  .heading2 {
    margin-top: 42px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading2,
  h2,
  .heading2 {
    margin-top: 84px;
    margin-bottom: 42px;
  }
}
.u-heading3,
h3,
.heading3 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 26.4px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .u-heading3,
  h3,
  .heading3 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading3,
  h3,
  .heading3 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 768px) {
  .u-heading3,
  h3,
  .heading3 {
    margin-top: 42px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading3,
  h3,
  .heading3 {
    margin-top: 84px;
    margin-bottom: 28px;
  }
}
.u-heading4,
h4,
.heading4 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) {
  .u-heading4,
  h4,
  .heading4 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading4,
  h4,
  .heading4 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .u-heading4,
  h4,
  .heading4 {
    margin-top: 28px;
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading4,
  h4,
  .heading4 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.u-heading5,
h5,
.heading5 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: 100;
}
@media only screen and (min-width: 768px) {
  .u-heading5,
  h5,
  .heading5 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading5,
  h5,
  .heading5 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .u-heading5,
  h5,
  .heading5 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-heading5,
  h5,
  .heading5 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.summary {
  text-align: left;
  font-family: Roboto Condensed, Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 26.4px;
  border-bottom: 2px solid #f2bfbf;
  padding: 1px 16px 18px;
  color: #6F6361;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .summary {
    font-size: 23px;
    line-height: 29.4px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .summary {
    padding-bottom: 21px;
    font-size: 23px;
    line-height: 29.4px;
  }
}
.tag-type {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .tag-type {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .tag-type {
    font-size: 13px;
  }
}
.tag-label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 25px;
  padding: 0 9.6px;
  border-radius: 2px;
}
@media only screen and (min-width: 768px) {
  .tag-label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .tag-label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .tag-label {
    height: 28px;
    line-height: 29px;
  }
}
.tag-box {
  height: 48px;
  line-height: 48px;
}
@media only screen and (min-width: 768px) {
  .tag-box {
    height: 56px;
    line-height: 56px;
  }
}
p,
ul,
ol,
pre,
table,
blockquote {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  p,
  ul,
  ol,
  pre,
  table,
  blockquote {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
a {
  text-decoration: none;
}
strong {
  font-weight: 600;
}
em {
  font-style: italic;
}
.u-type-text,
.home-blob,
.module-type-text,
.blob {
  font-family: serif;
  font-size: 16px;
  line-height: 24px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .u-type-text,
  .home-blob,
  .module-type-text,
  .blob {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-text,
  .home-blob,
  .module-type-text,
  .blob {
    font-size: 18px;
    line-height: 28px;
  }
}
.u-type-text p a,
.home-blob p a,
.module-type-text p a,
.blob p a,
.u-type-text li a,
.home-blob li a,
.module-type-text li a,
.blob li a,
.u-type-text blockquote a,
.home-blob blockquote a,
.module-type-text blockquote a,
.blob blockquote a {
  text-decoration: underline;
}
.u-type-text ul li,
.home-blob ul li,
.module-type-text ul li,
.blob ul li {
  list-style-type: disc;
  list-style-position: outside;
}
.u-type-text ol li,
.home-blob ol li,
.module-type-text ol li,
.blob ol li {
  list-style-type: decimal;
  list-style-position: outside;
}
.u-type-text blockquote,
.home-blob blockquote,
.module-type-text blockquote,
.blob blockquote {
  margin-left: 24px;
  margin-right: 24px;
  font-style: italic;
}
/* Related content within article */
.article-link-related a:hover {
  text-decoration: underline;
}
.article-link-related strong {
  text-transform: uppercase;
}
.cancel-link {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .cancel-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .cancel-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .cancel-link {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .cancel-link {
    line-height: 21px;
  }
}
.u-type-capital {
  color: #6F6361;
  text-align: center;
  font-style: italic;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  margin-top: 48px;
  margin-bottom: 24px;
  font-size: 81px;
  line-height: 62.4px;
}
@media only screen and (min-width: 768px) {
  .u-type-capital {
    font-size: 100px;
    line-height: 89.6px;
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-type-capital {
    font-size: 100px;
    line-height: 89.6px;
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1600px) {
  .u-type-capital {
    font-size: 114px;
    line-height: 92.4px;
  }
}
.module-type-table table,
.data-table,
.tabla-datos {
  display: block;
  min-width: auto;
  width: auto !important;
  overflow: scroll;
  border-collapse: collapse;
  background: #fff;
  font-size: 15px;
  line-height: 20px;
  border-top: 1px solid #e9e9e9;
  max-width: 678px;
}
@media only screen and (min-width: 768px) {
  .module-type-table table,
  .data-table,
  .tabla-datos {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-table table,
  .data-table,
  .tabla-datos {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-table table,
  .data-table,
  .tabla-datos {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-table table,
  .data-table,
  .tabla-datos {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .module-type-table table,
  .data-table,
  .tabla-datos {
    display: table;
    width: auto !important;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
  }
  .module-type-table table:before,
  .data-table:before,
  .tabla-datos:before {
    display: none;
  }
}
.module-type-table table strong,
.data-table strong,
.tabla-datos strong {
  font-weight: 900;
}
.module-type-table table tbody,
.data-table tbody,
.tabla-datos tbody {
  width: 100%;
}
.module-type-table table caption,
.data-table caption,
.tabla-datos caption {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
  font-weight: bold;
  padding: 24px 8px 12px;
}
@media only screen and (min-width: 768px) {
  .module-type-table table caption,
  .data-table caption,
  .tabla-datos caption {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-table table caption,
  .data-table caption,
  .tabla-datos caption {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-table table caption,
  .data-table caption,
  .tabla-datos caption {
    padding: 14px 12px;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-table table caption,
  .data-table caption,
  .tabla-datos caption {
    padding: 14px 12px;
  }
}
.module-type-table table th,
.data-table th,
.tabla-datos th,
.module-type-table table td,
.data-table td,
.tabla-datos td {
  padding: 12px 8px;
}
@media only screen and (min-width: 768px) {
  .module-type-table table th,
  .data-table th,
  .tabla-datos th,
  .module-type-table table td,
  .data-table td,
  .tabla-datos td {
    padding: 14px 12px;
  }
}
.module-type-table table th p,
.data-table th p,
.tabla-datos th p,
.module-type-table table td p,
.data-table td p,
.tabla-datos td p {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .module-type-table table th p,
  .data-table th p,
  .tabla-datos th p,
  .module-type-table table td p,
  .data-table td p,
  .tabla-datos td p {
    margin: 0;
  }
}
.module-type-table table thead,
.data-table thead,
.tabla-datos thead {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0px;
}
.module-type-table table th,
.data-table th,
.tabla-datos th {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .module-type-table table th,
  .data-table th,
  .tabla-datos th {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-table table th,
  .data-table th,
  .tabla-datos th {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-table table th,
  .data-table th,
  .tabla-datos th {
    line-height: 16.8px;
  }
}
.module-type-table table thead th,
.data-table thead th,
.tabla-datos thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e9e9e9;
  background: #fff;
}
.module-type-table table td,
.data-table td,
.tabla-datos td,
.module-type-table table tbody th,
.data-table tbody th,
.tabla-datos tbody th {
  border-bottom: 1px solid #e9e9e9;
}
.module-type-table table tbody th,
.data-table tbody th,
.tabla-datos tbody th,
.module-type-table table tbody th p,
.data-table tbody th p,
.tabla-datos tbody th p,
.module-type-table table tbody th strong,
.data-table tbody th strong,
.tabla-datos tbody th strong {
  line-height: 25px;
}
.article-asset-table .tabla-datos {
  min-width: 100%;
  max-width: 100%;
}
.article-asset-table.article-asset-normal {
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .article-asset-table.article-asset-normal {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-asset-table.article-asset-normal {
    margin-left: calc((100% - 696px)/2);
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .custom .tabla-datos {
    display: block;
  }
}
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
  content: "Desliza a la derecha para ver más »";
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .module-type-table.module-size-big table:before,
  .supertable:before,
  .tabla-datos:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-table.module-size-big table:before,
  .supertable:before,
  .tabla-datos:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-table.module-size-big table:before,
  .supertable:before,
  .tabla-datos:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-table.module-size-big table:before,
  .supertable:before,
  .tabla-datos:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-table.module-size-big table:before,
  .supertable:before,
  .tabla-datos:before {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-table.module-size-big table:before,
  .supertable:before,
  .tabla-datos:before {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-table.module-size-big table:before,
  .supertable:before,
  .tabla-datos:before {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-table.module-size-big table:before,
  .supertable:before,
  .tabla-datos:before {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
  display: inline-block;
  padding: 12px 8px 0;
}
.tip-text {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
  display: block;
}
@media only screen and (min-width: 768px) {
  .tip-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .tip-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .tip-text {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .tip-text {
    line-height: 21px;
  }
}
.td-featured {
  background: #f5f5f5;
}
th.td-featured {
  background: transparent;
}
.td-type-image {
  text-align: center;
}
.td-type-number {
  text-align: right;
}
.data-table .article-asset-small,
.tabla-datos .article-asset-small,
.data-table .article-asset-normal,
.tabla-datos .article-asset-normal,
.data-table .article-asset-big,
.tabla-datos .article-asset-big {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .data-table .article-asset-small,
  .tabla-datos .article-asset-small,
  .data-table .article-asset-normal,
  .tabla-datos .article-asset-normal,
  .data-table .article-asset-big,
  .tabla-datos .article-asset-big {
    margin: 0;
    width: auto;
    max-width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .data-table .article-asset-small,
  .tabla-datos .article-asset-small,
  .data-table .article-asset-normal,
  .tabla-datos .article-asset-normal,
  .data-table .article-asset-big,
  .tabla-datos .article-asset-big {
    margin: 0;
    max-width: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .data-table .article-asset-small,
  .tabla-datos .article-asset-small,
  .data-table .article-asset-normal,
  .tabla-datos .article-asset-normal,
  .data-table .article-asset-big,
  .tabla-datos .article-asset-big {
    max-width: auto;
  }
}
.module-type-table .module-type-image img,
.data-table .article-asset-image img,
.tabla-datos .article-asset-image img {
  width: auto;
  margin: 0;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .module-type-table .module-type-image img,
  .data-table .article-asset-image img,
  .tabla-datos .article-asset-image img {
    width: auto;
  }
}
.module-type-table table thead th {
  vertical-align: top;
}
.module-type-table.module-fg-light td,
.module-type-table.module-fg-light th {
  color: #444;
}
.module-type-table table:before,
.data-table:before,
.tabla-datos:before {
  display: none;
}
.blob .tabla-datos .article-asset-normal img.centro,
.blob .tabla-datos .article-asset-normal img.centro_sinmarco {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .m-equal-cols,
  .article-asset-table.m-equal-cols table td,
  .article-asset-table.m-equal-cols table th,
  .article-asset-table.m-equal-cols table tbody td {
    word-break: break-word;
  }
}
.article-asset-table tr td img,
.article-asset-table tr th img {
  min-width: 60px;
  width: auto;
  max-width: 100%;
  margin: 0;
}
.highlight-cell {
  background: #FDFDA9;
  border-left: 1px dotted #D1D100;
  border-right: 1px dotted #D1D100;
  position: relative;
}
.highlight-cell:before,
.highlight-cell:after {
  content: '';
  height: 0;
  border-top: 1px dotted #D1D100;
  position: absolute;
  left: 0;
  right: 0;
}
.highlight-cell:before {
  top: 0;
}
.highlight-cell:after {
  bottom: 0;
}
.highlight-row,
.tabla-datos thead th.highlight-row {
  background: #FDFDA9;
  position: relative;
}
.highlight-row:before,
.tabla-datos thead th.highlight-row:before,
.highlight-row:after,
.tabla-datos thead th.highlight-row:after {
  content: '';
  height: 0;
  border-top: 1px dotted #D1D100;
  position: absolute;
  left: 0;
  right: 0;
}
.highlight-row:before,
.tabla-datos thead th.highlight-row:before {
  top: 0;
}
.highlight-row:after,
.tabla-datos thead th.highlight-row:after {
  bottom: 0;
}
.highlight-row:first-child,
.tabla-datos thead th.highlight-row:first-child {
  border-left: 1px dotted #D1D100;
}
.highlight-row:last-child,
.tabla-datos thead th.highlight-row:last-child {
  border-right: 1px dotted #D1D100;
}
.highlight-column {
  background: #FDFDA9;
  position: relative;
  border-left: 1px dotted #D1D100;
  border-right: 1px dotted #D1D100;
}
.tabla-datos td.highlight-column-end {
  border-bottom: 1px dotted #D1D100;
}
.tabla-datos thead th.highlight-column {
  background: #FDFDA9;
  border-top: 1px dotted #D1D100;
}
.align-right {
  text-align: right;
}
.tabla-datos th,
.blob .tabla-datos th {
  font-weight: 900;
}
.tabla-datos th p,
.blob .tabla-datos th p {
  font-size: 13px;
  line-height: 16px;
  font-weight: 900;
  line-height: 25px;
}
@media only screen and (min-width: 768px) {
  .tabla-datos th p,
  .blob .tabla-datos th p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .tabla-datos th p,
  .blob .tabla-datos th p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .tabla-datos th p,
  .blob .tabla-datos th p {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .tabla-datos th p,
  .blob .tabla-datos th p {
    line-height: 25px;
  }
}
.article-asset-table ul,
.blob .article-asset-table ul,
.article-asset-table ol,
.blob .article-asset-table ol {
  margin-left: 0;
  margin-right: 0;
}
.quote,
.home-blob blockquote,
.blob blockquote,
.article-asset-text blockquote {
  border-left: 6px solid #e9e9e9;
  padding: 0 0 0 16px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .quote,
  .home-blob blockquote,
  .blob blockquote,
  .article-asset-text blockquote {
    padding: 0 0 0 24px;
  }
}
.quote blockquote,
.home-blob blockquote blockquote,
.blob blockquote blockquote,
.article-asset-text blockquote blockquote {
  border: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .quote blockquote,
  .home-blob blockquote blockquote,
  .blob blockquote blockquote,
  .article-asset-text blockquote blockquote {
    padding: 0 0 0 24px;
  }
}
.quote p,
.home-blob blockquote p,
.blob blockquote p,
.article-asset-text blockquote p {
  font-family: Georgia, Times New Roman, Times, serif;
  font-weight: 400;
  font-style: normal;
}
/* Reviews */
.nota-analisis {
  position: relative;
  padding-top: 1px;
  margin-left: 16px;
  margin-right: 16px;
  overflow: hidden;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .nota-analisis {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .nota-analisis {
    max-width: 1044px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1600px) {
  .nota-analisis {
    max-width: 1368px;
  }
}
@media only screen and (min-width: 1024px) {
  .nota-analisis {
    margin-left: calc((100% - 696px)/2);
  }
}
@media only screen and (min-width: 768px) {
  .nota-analisis {
    margin-bottom: 28px;
  }
}
.nota-analisis br {
  display: block;
  clear: both;
}
.nota-analisis:after {
  content: '';
  display: block;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .nota-analisis.m-with-sidebar {
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1024px) {
  .nota-analisis.m-with-sidebar {
    margin-left: calc((100% - 696px)/2);
  }
}
@media only screen and (min-width: 768px) {
  .nota-analisis.m-with-sidebar .positivo,
  .nota-analisis.m-with-sidebar .negativo {
    width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .nota-analisis.m-with-sidebar .positivo,
  .nota-analisis.m-with-sidebar .negativo {
    width: 48%;
  }
}
.total br,
.positivo br,
.negativo br,
.parcial br {
  display: none;
}
.nota-analisis .total {
  float: left;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 28.8px;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  color: #fff;
  font-weight: bold;
  padding: 0 0 0 16px;
}
@media only screen and (min-width: 768px) {
  .nota-analisis .total {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1360px) {
  .nota-analisis .total {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .nota-analisis .total {
    padding-left: 24px;
  }
}
.nota-analisis .total:after {
  display: inline-block;
  font-weight: 100;
  content: "/10";
  background: #eee;
  color: #bebebe;
  padding: 12px 16px 12px 8px;
  margin-left: 16px;
}
@media only screen and (min-width: 768px) {
  .nota-analisis .total:after {
    padding: 14px 24px 14px 12px;
    margin-left: 24px;
  }
}
.total-9,
.total-10 {
  background-color: #277812;
}
.total-7,
.total-8 {
  background-color: #9CBF2F;
}
.total-5,
.total-6 {
  background-color: #FFB900;
}
.total-3,
.total-4 {
  background-color: #FC6B00;
}
.total-0,
.total-1,
.total-2 {
  background-color: #AF0400;
}
.nota-9 strong,
.nota-10 strong {
  color: #277812;
}
.nota-9 span,
.nota-10 span {
  background-color: #277812;
}
.nota-7 strong,
.nota-8 strong {
  color: #9CBF2F;
}
.nota-7 span,
.nota-8 span {
  background-color: #9CBF2F;
}
.nota-5 strong,
.nota-6 strong {
  color: #FFB900;
}
.nota-5 span,
.nota-6 span {
  background-color: #FFB900;
}
.nota-3 strong,
.nota-4 strong {
  color: #FC6B00;
}
.nota-3 span,
.nota-4 span {
  background-color: #FC6B00;
}
.nota-0 strong,
.nota-1 strong,
.nota-2 strong {
  color: #AF0400;
}
.nota-0 span,
.nota-1 span,
.nota-2 span {
  background-color: #AF0400;
}
.resumen {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .resumen {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .resumen {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
.resumen,
.ficha-tecnica,
.parcial {
  clear: left;
  overflow: hidden;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .resumen,
  .ficha-tecnica,
  .parcial {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .resumen,
  .ficha-tecnica,
  .parcial {
    float: left;
    width: 48%;
  }
}
.resumen blockquote {
  margin-top: 24px;
}
.parcial {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.parcial div {
  position: relative;
  border-bottom: 4px solid #ccc;
  margin: 24px 24px;
}
@media only screen and (min-width: 768px) {
  .parcial div {
    margin: 28px 24px;
  }
}
.parcial div strong {
  float: right;
}
.parcial div span {
  position: absolute;
  bottom: -4px;
  display: block;
  height: 4px;
}
.positivo,
.negativo {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .positivo,
  .negativo {
    margin-bottom: 28px;
  }
}
.positivo h3,
.negativo h3 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  font-weight: lighter;
  background-color: #1C5E0D;
  color: #fff;
  text-indent: 24px;
  padding: 6px 0;
}
@media only screen and (min-width: 768px) {
  .positivo h3,
  .negativo h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .positivo h3,
  .negativo h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .positivo h3,
  .negativo h3 {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.positivo ul,
.negativo ul {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 24px 0 12px;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .positivo ul,
  .negativo ul {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .positivo ul,
  .negativo ul {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .positivo ul,
  .negativo ul {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .positivo ul,
  .negativo ul {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .positivo ul,
  .negativo ul {
    padding-top: 28px 0 14px;
  }
}
.positivo ul li,
.negativo ul li {
  list-style-type: none;
}
.positivo li,
.negativo li {
  margin-left: 42px;
  margin-right: 12px;
  margin-bottom: 12px;
}
.positivo li:before,
.negativo li:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e628";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.positivo li:before:hover,
.negativo li:before:hover {
  text-decoration: none;
}
.positivo li:after,
.negativo li:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .positivo li,
  .negativo li {
    margin-bottom: 14px;
  }
}
.positivo li:before,
.negativo li:before {
  color: #1C5E0D;
  opacity: 0.5;
  margin-left: -20px;
}
@media only screen and (min-width: 768px) {
  .positivo {
    width: 48%;
    float: left;
  }
}
@media only screen and (min-width: 1024px) {
  .positivo {
    float: right;
    margin-left: 3%;
  }
}
@media only screen and (min-width: 768px) {
  .negativo {
    width: 48%;
    float: right;
    clear: right;
  }
}
.negativo h3 {
  background-color: #AC201D;
}
.negativo li:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.negativo li:before:hover {
  text-decoration: none;
}
.negativo li:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.negativo li:before {
  color: #AC201D;
}
.ficha-tecnica .cover {
  float: left;
}
.ficha-tecnica img.cover,
.ficha-tecnica .cover img {
  height: 60px;
  width: auto;
  float: left;
  margin: 0 12px 24px 0;
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica img.cover,
  .ficha-tecnica .cover img {
    margin-bottom: 28px;
  }
}
.ficha-tecnica h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 26.4px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 24px;
  margin: 0;
  display: inline;
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica h2 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-tecnica h2 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica h2 {
    margin-top: 42px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-tecnica h2 {
    margin-top: 84px;
    margin-bottom: 28px;
  }
}
.ficha-tecnica table {
  border: none;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0;
}
.ficha-tecnica th,
.ficha-tecnica td {
  border: none;
  border-bottom: 1px solid #e9e9e9;
  vertical-align: top;
  padding: 12px 8px;
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica th,
  .ficha-tecnica td {
    padding: 14px 12px;
  }
}
.ficha-tecnica {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-tecnica {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-tecnica {
    line-height: 21px;
  }
}
.ficha-tecnica th {
  color: #999;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: normal;
  padding-right: 0;
  padding-left: 64px;
  background-image: url("//img.weblogssl.com/g/xataka4/common/ficha-juego.png?v=36");
  background-position: 16px 16px;
  background-repeat: no-repeat;
}
.ficha-tecnica th.desarrollador {
  background-position: 16px -90px;
}
.ficha-tecnica th.compania {
  background-position: 16px -190px;
}
.ficha-tecnica th.lanzamiento {
  background-position: 16px -286px;
}
.ficha-tecnica th.precio {
  background-position: 16px -384px;
}
.nota-analisis p {
  margin-top: 0;
  margin-bottom: 0;
}
.parcial[style] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: auto !important;
  margin-left: 16px !important;
  margin-right: 16px !important;
}
@media only screen and (min-width: 768px) {
  .parcial[style] {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .parcial[style] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.parcial[style] div span {
  height: 4px !important;
}
.nota-analisis div[style] {
  margin-left: 16px;
  margin-right: 16px;
  width: auto !important;
}
@media only screen and (min-width: 768px) {
  .nota-analisis div[style] {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .nota-analisis div[style] {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
.parcial div[style="margin-left:.5em"] {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.parcial[style="width:300px;margin:10px 0 10px"] {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media only screen and (min-width: 768px) {
  .parcial[style="width:300px;margin:10px 0 10px"] {
    margin-bottom: 28px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .parcial[style="width:300px;margin:10px 0 10px"] {
    float: left;
    width: 48% !important;
  }
}
.parcial[style="width:300px;margin:10px 0 10px"] div span {
  height: 4px !important;
}
.parcial div[style="margin-left:.5em"] {
  margin-left: 24px !important;
}
.parcial div[style="margin:.5em"] {
  margin: 24px 24px !important;
}
@media only screen and (min-width: 768px) {
  .parcial div[style="margin:.5em"] {
    margin: 28px 24px !important;
  }
}
.nota-analisis div[style="width:300px;margin:1.5em auto 0"] {
  width: auto !important;
  max-width: 678px !important;
  margin: 0 auto !important;
  clear: both;
}
.article-asset-review {
  clear: both;
}
@font-face {
  font-family: 'icons-min';
  src: url('https://img.weblogssl.com/g/r/icons/icons.eot?bv10vh7');
  src: url('https://img.weblogssl.com/g/r/icons/icons.eot?bv10vh7#iefix') format('embedded-opentype'), url('https://img.weblogssl.com/g/r/icons/icons.ttf?bv10vh7') format('truetype'), url('https://img.weblogssl.com/g/r/icons/icons.woff2?bv10vh7') format('woff2'), url('https://img.weblogssl.com/g/r/icons/icons.woff?bv10vh7') format('woff'), url('https://img.weblogssl.com/g/r/icons/icons.svg?bv10vh7#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Basic method */
/* Layouts */
.icon-nomargin:before,
.icon-nomargin:after {
  margin: 0;
}
.icon-faded:before,
.icon-faded:after {
  opacity: 0.4;
}
.icon-inline:before,
.icon-inline:after {
  display: inline-block;
}
.icon-block:before,
.icon-block:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.icon-remove:before,
.icon-remove:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
  width: 0;
}
.icon-spin {
  -webkit-animation: i-spin 2s infinite linear;
  animation: i-spin 2s infinite linear;
}
@-webkit-keyframes i-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes i-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Instances */
.btn-search:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.btn-search:after:hover {
  text-decoration: none;
}
.btn-search:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-subscribe:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f0e0";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-subscribe:before:hover {
  text-decoration: none;
}
.btn-subscribe:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-comments:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-comments:before:hover {
  text-decoration: none;
}
.btn-comments:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-comment:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f075";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-comment:before:hover {
  text-decoration: none;
}
.btn-comment:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-comment.is-opened:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.btn-comment.is-opened:after:hover {
  text-decoration: none;
}
.btn-comment.is-opened:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-home:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e615";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-home:before:hover {
  text-decoration: none;
}
.head-link-home:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-menu-login a:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60f";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-menu-login a:before:hover {
  text-decoration: none;
}
.head-menu-login a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-twitter {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-twitter:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-twitter:before:hover {
  text-decoration: none;
}
.icon-twitter:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-twitter:before,
.icon-twitter:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-twitter:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-facebook {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-facebook:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61c";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-facebook:before:hover {
  text-decoration: none;
}
.icon-facebook:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-facebook:before,
.icon-facebook:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-facebook:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-facebook-box {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-facebook-box:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e900";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-facebook-box:before:hover {
  text-decoration: none;
}
.icon-facebook-box:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-facebook-box:before,
.icon-facebook-box:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-facebook-box:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-twitch {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-twitch:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\ea9f";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-twitch:before:hover {
  text-decoration: none;
}
.icon-twitch:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-twitch:before,
.icon-twitch:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-twitch:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-gplus {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-gplus:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e620";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-gplus:before:hover {
  text-decoration: none;
}
.icon-gplus:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-gplus:before,
.icon-gplus:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-gplus:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-youtube {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-youtube:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e621";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-youtube:before:hover {
  text-decoration: none;
}
.icon-youtube:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-youtube:before,
.icon-youtube:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-youtube:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-rss {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-rss:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e622";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-rss:before:hover {
  text-decoration: none;
}
.icon-rss:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-rss:before,
.icon-rss:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-rss:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-email {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-email:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f0e0";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-email:before:hover {
  text-decoration: none;
}
.icon-email:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-email:before,
.icon-email:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-email:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-pinterest {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-pinterest:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61e";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-pinterest:before:hover {
  text-decoration: none;
}
.icon-pinterest:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-pinterest:before,
.icon-pinterest:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-pinterest:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-snapchat {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-snapchat:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e62a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-snapchat:before:hover {
  text-decoration: none;
}
.icon-snapchat:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-snapchat:before,
.icon-snapchat:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-snapchat:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-flickr {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-flickr:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f16e";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-flickr:before:hover {
  text-decoration: none;
}
.icon-flickr:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-flickr:before,
.icon-flickr:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-flickr:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-instagram {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-instagram:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61f";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-instagram:before:hover {
  text-decoration: none;
}
.icon-instagram:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-instagram:before,
.icon-instagram:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-instagram:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-telegram {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-telegram:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e906";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-telegram:before:hover {
  text-decoration: none;
}
.icon-telegram:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-telegram:before,
.icon-telegram:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-telegram:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.section-respuestas:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60c";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-respuestas:before:hover {
  text-decoration: none;
}
.section-respuestas:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-tv:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e621";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-tv:before:hover {
  text-decoration: none;
}
.section-tv:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-lomejor:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e610";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-lomejor:before:hover {
  text-decoration: none;
}
.section-lomejor:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-galleries:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e614";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-galleries:before:hover {
  text-decoration: none;
}
.section-galleries:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-staff:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e629";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-staff:before:hover {
  text-decoration: none;
}
.section-staff:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-contact:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f0e0";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-contact:before:hover {
  text-decoration: none;
}
.section-contact:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-login:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60f";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-login:before:hover {
  text-decoration: none;
}
.section-login:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-settings:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e608";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-settings:before:hover {
  text-decoration: none;
}
.section-settings:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-logout:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-logout:before:hover {
  text-decoration: none;
}
.section-logout:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-new-item:before {
  content: "»";
  position: absolute;
  left: 16px;
  top: 12px;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .head-new-item:before {
    top: 14px;
    left: 24px;
  }
}
.head-new-item.m-crosspost:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f079";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-new-item.m-crosspost:before:hover {
  text-decoration: none;
}
.head-new-item.m-crosspost:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-new-item.m-republish:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f01e";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-new-item.m-republish:before:hover {
  text-decoration: none;
}
.head-new-item.m-republish:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-new-item.m-video:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e613";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-new-item.m-video:before:hover {
  text-decoration: none;
}
.head-new-item.m-video:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-new-item.m-special:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e610";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-new-item.m-special:before:hover {
  text-decoration: none;
}
.head-new-item.m-special:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-new-item.m-crosspost:before,
.head-new-item.m-republish:before,
.head-new-item.m-video:before,
.head-new-item.m-special:before {
  margin-left: -6px;
}
.icon-unread {
  font-size: 13px;
  font-family: icons-min;
  content: "\e600";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
}
.icon-unread:hover {
  text-decoration: none;
}
.head-link-explore-label:after {
  font-size: 16px;
  font-family: icons-min;
  content: "\f074";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.head-link-explore-label:after:hover {
  text-decoration: none;
}
.head-link-explore-label:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-explore-label:after {
  margin-left: 12px;
}
.tweet-this:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.tweet-this:after:hover {
  text-decoration: none;
}
.tweet-this:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
/* Icons - livestreaming */
.tweet-text-link:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.tweet-text-link:after:hover {
  text-decoration: none;
}
.tweet-text-link:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-linkedin {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-linkedin:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61d";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-linkedin:before:hover {
  text-decoration: none;
}
.icon-linkedin:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-linkedin:before,
.icon-linkedin:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-linkedin:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-flipboard {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-flipboard:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e908";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-flipboard:before:hover {
  text-decoration: none;
}
.icon-flipboard:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-flipboard:before,
.icon-flipboard:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-flipboard:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-tiktok {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-tiktok:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e91c";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-tiktok:before:hover {
  text-decoration: none;
}
.icon-tiktok:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-tiktok:before,
.icon-tiktok:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-tiktok:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-discord {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-discord:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e91f";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-discord:before:hover {
  text-decoration: none;
}
.icon-discord:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-discord:before,
.icon-discord:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-discord:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.icon-arrow-down {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.icon-arrow-down:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e624";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.icon-arrow-down:before:hover {
  text-decoration: none;
}
.icon-arrow-down:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.icon-arrow-down:before,
.icon-arrow-down:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.icon-arrow-down:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
/*
 * Buttons
 */
.u-btn-wrap {
  height: auto;
  white-space: normal;
  line-height: 20px;
  font-size: 13px;
  padding: 4px 12px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .u-btn-wrap {
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
  }
}
.btn-primary,
.btn-secondary,
.btn-working,
.btn-disabled,
.btn-mini,
.btn-giant,
.btn-facebook,
.btn-twitter,
.btn-gplus,
.btn-whatsapp,
.btn-snapchat,
.btn-flickr,
.btn-email,
.btn {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-primary:hover,
.btn-secondary:hover,
.btn-working:hover,
.btn-disabled:hover,
.btn-mini:hover,
.btn-giant:hover,
.btn-facebook:hover,
.btn-twitter:hover,
.btn-gplus:hover,
.btn-whatsapp:hover,
.btn-snapchat:hover,
.btn-flickr:hover,
.btn-email:hover,
.btn:hover {
  text-decoration: none;
}
.btn-primary:active,
.btn-secondary:active,
.btn-working:active,
.btn-disabled:active,
.btn-mini:active,
.btn-giant:active,
.btn-facebook:active,
.btn-twitter:active,
.btn-gplus:active,
.btn-whatsapp:active,
.btn-snapchat:active,
.btn-flickr:active,
.btn-email:active,
.btn:active,
.btn-primary:focus,
.btn-secondary:focus,
.btn-working:focus,
.btn-disabled:focus,
.btn-mini:focus,
.btn-giant:focus,
.btn-facebook:focus,
.btn-twitter:focus,
.btn-gplus:focus,
.btn-whatsapp:focus,
.btn-snapchat:focus,
.btn-flickr:focus,
.btn-email:focus,
.btn:focus {
  padding-top: 1px;
}
/* Button statuses */
.btn-disabled {
  opacity: 0.4;
  box-shadow: none;
}
.btn-disabled:link,
.btn-disabled:visited,
.btn-disabled:hover,
.btn-disabled:active {
  cursor: default;
  box-shadow: none;
}
.btn-working {
  background: #fff url("https://img.weblogssl.com/g/xataka4/common/ajax-loader.gif") no-repeat scroll 12px 50%;
  background-size: 16px auto;
  color: #999;
  padding-left: 34px;
}
.btn-working:link,
.btn-working:visited,
.btn-working:hover,
.btn-working:active {
  color: #999 !important;
  background-color: #fff;
  cursor: default;
}
/* Button sizes */
.btn-mini {
  height: 28px;
  line-height: 29px;
  padding-left: 12px;
  padding-right: 12px;
}
.btn-giant {
  height: 56px;
  line-height: 56px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 56px;
  font-size: 120%;
}
.btn-context.is-opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-comment-menu.is-opened {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-settings:before {
  font-size: 20px;
  font-family: icons-min;
  content: "\e608";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-settings:before:hover {
  text-decoration: none;
}
.btn-settings:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-gplus {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-gplus:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e620";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-gplus:before:hover {
  text-decoration: none;
}
.btn-gplus:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-gplus:before,
.btn-gplus:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-gplus:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-gplus:before,
.btn-gplus:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-whatsapp {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-whatsapp:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e616";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-whatsapp:before:hover {
  text-decoration: none;
}
.btn-whatsapp:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-whatsapp:before,
.btn-whatsapp:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-whatsapp:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-whatsapp:before,
.btn-whatsapp:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-email {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-email:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f0e0";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-email:before:hover {
  text-decoration: none;
}
.btn-email:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-email:before,
.btn-email:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-email:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-email:before,
.btn-email:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-rss {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-rss:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e622";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-rss:before:hover {
  text-decoration: none;
}
.btn-rss:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-rss:before,
.btn-rss:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-rss:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-rss:before,
.btn-rss:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-snapchat {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-snapchat:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e62a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-snapchat:before:hover {
  text-decoration: none;
}
.btn-snapchat:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-snapchat:before,
.btn-snapchat:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-snapchat:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-snapchat:before,
.btn-snapchat:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-flickr {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-flickr:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f16e";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-flickr:before:hover {
  text-decoration: none;
}
.btn-flickr:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-flickr:before,
.btn-flickr:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-flickr:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-flickr:before,
.btn-flickr:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-telegram {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-telegram:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e906";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-telegram:before:hover {
  text-decoration: none;
}
.btn-telegram:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-telegram:before,
.btn-telegram:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-telegram:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-telegram:before,
.btn-telegram:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-text-facebook {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-text-facebook:hover {
  background-color: #910000;
  color: #fff;
}
.btn-text-facebook:hover {
  text-decoration: none;
}
.btn-text-facebook:active,
.btn-text-facebook:focus {
  padding-top: 1px;
}
.btn-text-facebook:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e61c";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-text-facebook:before:hover {
  text-decoration: none;
}
.btn-text-facebook:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-text-twitter {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-text-twitter:hover {
  background-color: #910000;
  color: #fff;
}
.btn-text-twitter:hover {
  text-decoration: none;
}
.btn-text-twitter:active,
.btn-text-twitter:focus {
  padding-top: 1px;
}
.btn-text-twitter:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e61b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-text-twitter:before:hover {
  text-decoration: none;
}
.btn-text-twitter:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-ico-facebook,
.btn-ico-twitter,
.btn-ico-gplus {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-ico-facebook:hover,
.btn-ico-twitter:hover,
.btn-ico-gplus:hover {
  background-color: #910000;
  color: #fff;
}
.btn-ico-facebook:hover,
.btn-ico-twitter:hover,
.btn-ico-gplus:hover {
  text-decoration: none;
}
.btn-ico-facebook:active,
.btn-ico-twitter:active,
.btn-ico-gplus:active,
.btn-ico-facebook:focus,
.btn-ico-twitter:focus,
.btn-ico-gplus:focus {
  padding-top: 1px;
}
.btn-ico-facebook {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
}
.btn-ico-facebook:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61c";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-ico-facebook:before:hover {
  text-decoration: none;
}
.btn-ico-facebook:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-ico-facebook:before,
.btn-ico-facebook:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-ico-facebook:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-ico-facebook:before,
.btn-ico-facebook:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.btn-ico-twitter {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
}
.btn-ico-twitter:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-ico-twitter:before:hover {
  text-decoration: none;
}
.btn-ico-twitter:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-ico-twitter:before,
.btn-ico-twitter:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-ico-twitter:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-ico-twitter:before,
.btn-ico-twitter:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.btn-ico-gplus {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
}
.btn-ico-gplus:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e620";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-ico-gplus:before:hover {
  text-decoration: none;
}
.btn-ico-gplus:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-ico-gplus:before,
.btn-ico-gplus:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-ico-gplus:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-ico-gplus:before,
.btn-ico-gplus:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.btn-ico-snapchat {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
}
.btn-ico-snapchat:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e62a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-ico-snapchat:before:hover {
  text-decoration: none;
}
.btn-ico-snapchat:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-ico-snapchat:before,
.btn-ico-snapchat:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-ico-snapchat:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-ico-snapchat:before,
.btn-ico-snapchat:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.btn-ico-flickr {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
}
.btn-ico-flickr:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f16e";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-ico-flickr:before:hover {
  text-decoration: none;
}
.btn-ico-flickr:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-ico-flickr:before,
.btn-ico-flickr:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-ico-flickr:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-ico-flickr:before,
.btn-ico-flickr:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.btn-ico-telegram {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
}
.btn-ico-telegram:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e906";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-ico-telegram:before:hover {
  text-decoration: none;
}
.btn-ico-telegram:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-ico-telegram:before,
.btn-ico-telegram:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-ico-telegram:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-ico-telegram:before,
.btn-ico-telegram:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.btn-facebook-count {
  background-color: #4472AD !important;
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  height: 28px;
  line-height: 29px;
  padding-left: 12px;
  padding-right: 12px;
  padding-right: 15.6px;
  /*
height: 28px;
line-height: 28px;
padding: 0 12px 0 6px;
font-size: 13px;
width: auto;
vertical-align: bottom;

	&:before {
	font-size: 14px;
	margin: 0 2px;
	line-height: 15px;
	vertical-align: text-top;
	}
	*/
}
.btn-facebook-count:hover {
  background-color: #416ca4 !important;
  color: #fff;
}
.btn-facebook-count:hover {
  background-color: #910000;
  color: #fff;
}
.btn-facebook-count:hover {
  text-decoration: none;
}
.btn-facebook-count:active,
.btn-facebook-count:focus {
  padding-top: 1px;
}
.btn-facebook-count:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e61c";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-facebook-count:before:hover {
  text-decoration: none;
}
.btn-facebook-count:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-facebook-count:hover {
  text-decoration: none;
}
.btn-facebook-count:active,
.btn-facebook-count:focus {
  padding-top: 1px;
}
.btn-instagram-follow {
  font-family: "Proxima Nova", Futura, Avenir, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #2588E4;
  padding: 3px 16px;
  border-radius: 6px;
  border: 2px solid #2588E4;
  display: inline-block;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .btn-instagram-follow {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .btn-instagram-follow {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .btn-instagram-follow {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .btn-instagram-follow {
    line-height: 21px;
  }
}
.btn-instagram-follow:hover {
  text-decoration: none;
  background: #2588E4;
  color: #fff;
}
.btn-instagram-follow:active,
.btn-instagram-follow:focus {
  padding-top: 1px;
}
.close,
.btn-ico-close {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.close:hover,
.btn-ico-close:hover {
  background-color: #f4f4f4;
  color: #444;
}
.close:hover,
.btn-ico-close:hover {
  text-decoration: none;
}
.close:active,
.btn-ico-close:active,
.close:focus,
.btn-ico-close:focus {
  padding-top: 1px;
}
.close:before,
.btn-ico-close:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.close:before:hover,
.btn-ico-close:before:hover {
  text-decoration: none;
}
.close:after,
.btn-ico-close:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.close:before,
.btn-ico-close:before,
.close:after,
.btn-ico-close:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.close:before,
.btn-ico-close:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.close:before,
.btn-ico-close:before,
.close:after,
.btn-ico-close:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.close:before,
.btn-ico-close:before {
  margin-left: 6px;
  margin-right: 6px;
}
@media only screen and (min-width: 1280px) {
  .close,
  .btn-ico-close {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .close:before,
  .btn-ico-close:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e60b";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .close:before:hover,
  .btn-ico-close:before:hover {
    text-decoration: none;
  }
  .close:after,
  .btn-ico-close:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .close:before,
  .btn-ico-close:before,
  .close:after,
  .btn-ico-close:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .close:before,
  .btn-ico-close:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .close:before,
  .btn-ico-close:before,
  .close:after,
  .btn-ico-close:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
}
.close-corner {
  float: right;
  margin: 12px 16px 12px;
}
@media only screen and (min-width: 768px) {
  .close-corner {
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
.close-fixed {
  position: fixed;
  top: 12px;
  right: 16px;
}
@media only screen and (min-width: 768px) {
  .close-fixed {
    top: 28px;
    right: 24px;
  }
}
.close-edge {
  margin: 4px;
}
@media only screen and (min-width: 768px) {
  .close-edge {
    margin: 4px;
  }
}
.close-sticky {
  margin: 4px;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .close-sticky {
    margin: 4px;
  }
}
.btn-delete {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #E03737;
}
.btn-delete:hover {
  background-color: #910000;
  color: #fff;
}
.btn-delete:hover {
  text-decoration: none;
}
.btn-delete:active,
.btn-delete:focus {
  padding-top: 1px;
}
.btn-delete:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e9ac";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-delete:before:hover {
  text-decoration: none;
}
.btn-delete:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-edit {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #72ac26;
}
.btn-edit:hover {
  background-color: #910000;
  color: #fff;
}
.btn-edit:hover {
  text-decoration: none;
}
.btn-edit:active,
.btn-edit:focus {
  padding-top: 1px;
}
.btn-edit:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e907";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-edit:before:hover {
  text-decoration: none;
}
.btn-edit:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-load {
  background-color: #D44040;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  height: 56px;
  line-height: 56px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 56px;
  font-size: 120%;
}
.btn-load:hover {
  background-color: #c93d3d;
  color: #fff;
}
.btn-load:hover {
  text-decoration: none;
}
.btn-load:active,
.btn-load:focus {
  padding-top: 1px;
}
.btn-load:hover {
  text-decoration: none;
}
.btn-load:active,
.btn-load:focus {
  padding-top: 1px;
}
.m-btn-light {
  background-color: #fff;
  color: #444;
}
.m-btn-light:hover {
  background-color: #eee;
  color: #111;
}
.btn-remove {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #fff;
  color: #444;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-remove:hover {
  background-color: #f4f4f4;
  color: #444;
}
.btn-remove:hover {
  text-decoration: none;
}
.btn-remove:active,
.btn-remove:focus {
  padding-top: 1px;
}
.btn-remove:hover {
  background-color: #eee;
  color: #111;
}
.btn-remove:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-remove:before:hover {
  text-decoration: none;
}
.btn-remove:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-remove:before,
.btn-remove:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-remove:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-remove:before,
.btn-remove:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-attach-gif {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  margin-right: 16px;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-attach-gif:hover {
  background-color: #f4f4f4;
  color: #444;
}
.btn-attach-gif:hover {
  text-decoration: none;
}
.btn-attach-gif:active,
.btn-attach-gif:focus {
  padding-top: 1px;
}
.btn-attach-gif:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e909";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-attach-gif:before:hover {
  text-decoration: none;
}
.btn-attach-gif:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-attach-gif:before,
.btn-attach-gif:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-attach-gif:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 35.2px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-attach-gif:before,
.btn-attach-gif:after {
  line-height: 28.8px;
  margin: 0 5px;
  vertical-align: middle;
}
.btn-attach-sticker {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  margin-right: 16px;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-attach-sticker:hover {
  background-color: #f4f4f4;
  color: #444;
}
.btn-attach-sticker:hover {
  text-decoration: none;
}
.btn-attach-sticker:active,
.btn-attach-sticker:focus {
  padding-top: 1px;
}
.btn-attach-sticker:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e9e1";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-attach-sticker:before:hover {
  text-decoration: none;
}
.btn-attach-sticker:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-attach-sticker:before,
.btn-attach-sticker:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-attach-sticker:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-attach-sticker:before,
.btn-attach-sticker:after {
  line-height: 14.4px;
  margin: 0 13px;
  vertical-align: middle;
}
.btn-add-attachment {
  background-color: #fff;
  color: #444;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  border: 0;
}
.btn-add-attachment:hover {
  background-color: #eee;
  color: #111;
}
.btn-add-attachment:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e602";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-add-attachment:before:hover {
  text-decoration: none;
}
.btn-add-attachment:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-add-attachment:before,
.btn-add-attachment:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-add-attachment:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-add-attachment:before,
.btn-add-attachment:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.is-working {
  background: #fff url("//img.weblogssl.com/g/xataka4/common/ajax-loader.gif") no-repeat scroll 12px 50%;
  background-repeat: no-repeat;
  background-size: 16px auto;
  text-indent: 24px;
  color: #a2a2a2;
}
.is-working:before,
.is-working:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
  width: 0;
}
.is-working:hover {
  background-color: #fff;
}
.btn-ico-expand,
.btn-ico-collapse {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: 50%;
  background-color: #222;
  color: #eee;
}
.btn-ico-expand:hover,
.btn-ico-collapse:hover {
  background-color: #910000;
  color: #fff;
}
.btn-ico-expand:hover,
.btn-ico-collapse:hover {
  text-decoration: none;
}
.btn-ico-expand:active,
.btn-ico-collapse:active,
.btn-ico-expand:focus,
.btn-ico-collapse:focus {
  padding-top: 1px;
}
.btn-ico-expand {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
}
.btn-ico-expand:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e602";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-ico-expand:before:hover {
  text-decoration: none;
}
.btn-ico-expand:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-ico-expand:before,
.btn-ico-expand:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-ico-expand:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-ico-expand:before,
.btn-ico-expand:after {
  line-height: 21.6px;
  margin: 0 2px;
  vertical-align: middle;
}
.btn-ico-collapse {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
}
.btn-ico-collapse:before {
  font-size: 24px;
  font-family: icons-min;
  content: "-";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-ico-collapse:before:hover {
  text-decoration: none;
}
.btn-ico-collapse:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-ico-collapse:before,
.btn-ico-collapse:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-ico-collapse:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-ico-collapse:before,
.btn-ico-collapse:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.btn-ico-collapse::before,
.btn-ico-collapse::after {
  content: "";
  height: 2px;
  width: 15px;
  background: #fff;
}
.btn-modal-close {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  background-color: #fff;
  color: #444;
}
.btn-modal-close:hover {
  background-color: #f4f4f4;
  color: #444;
}
.btn-modal-close:hover {
  text-decoration: none;
}
.btn-modal-close:active,
.btn-modal-close:focus {
  padding-top: 1px;
}
.btn-modal-close:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-modal-close:before:hover {
  text-decoration: none;
}
.btn-modal-close:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-modal-close:before,
.btn-modal-close:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-modal-close:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-modal-close:before,
.btn-modal-close:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-modal-close:before {
  margin-left: 6px;
  margin-right: 6px;
}
@media only screen and (min-width: 1280px) {
  .btn-modal-close {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .btn-modal-close:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e60b";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-modal-close:before:hover {
    text-decoration: none;
  }
  .btn-modal-close:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-modal-close:before,
  .btn-modal-close:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-modal-close:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-modal-close:before,
  .btn-modal-close:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
}
.btn-modal-close:hover {
  background-color: #eee;
  color: #111;
}
.btn-action-delete {
  background-color: #D44040;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-action-delete:hover {
  background-color: #c93d3d;
  color: #fff;
}
.btn-action-delete:hover {
  text-decoration: none;
}
.btn-action-delete:active,
.btn-action-delete:focus {
  padding-top: 1px;
}
.btn-action-delete:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e9ac";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-action-delete:before:hover {
  text-decoration: none;
}
.btn-action-delete:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.u-btn-mini,
.m-btn-mini {
  height: 28px;
  line-height: 28px;
}
.u-btn-circle-small {
  width: 24px;
  height: 24px;
  line-height: 20px;
  background: #F9F9F9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  border-radius: 100%;
}
/* 
 * Forms
 */
.hint {
  font-size: 13px;
  line-height: 16px;
  color: #a2a2a2;
  margin-left: 0.5em;
}
@media only screen and (min-width: 768px) {
  .hint {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .hint {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .hint {
    line-height: 16.8px;
  }
}
.hint-error {
  color: #c00;
}
input,
select,
textarea,
.input-create {
  background: #fff;
  color: #a2a2a2;
  border-radius: 2px;
  display: inline-block;
  height: 36.4px;
  line-height: 42px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  border: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  vertical-align: baseline;
  text-indent: 8px;
}
input:focus,
select:focus,
textarea:focus,
.input-create:focus,
input:active,
select:active,
textarea:active,
.input-create:active {
  color: #333;
  border-color: rgba(162, 162, 162, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.input-disabled {
  opacity: 0.4;
  cursor: default;
}
.input-error {
  border-color: #c00;
  color: #c00;
  box-shadow: 0 2px 0 1px #c00;
}
input[type=checkbox],
input[type=radio] {
  height: auto;
  line-height: 28px;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}
textarea {
  height: auto;
  line-height: 21px;
  text-indent: 0;
}
select {
  padding-top: 8px;
  text-indent: 8px;
}
label {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  label {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  label {
    line-height: 21px;
  }
}
.label-block {
  display: block;
  margin: 28px 0;
}
.label-block input,
.label-block select,
.label-block textarea {
  display: block;
  width: 99%;
  margin: 7px 0;
}
.label-block input[type=checkbox],
.label-block input[type=radio] {
  display: inline;
  width: auto;
}
.label-in-row {
  display: inline-block;
  margin: 28px 32px 28px 0;
  vertical-align: top;
}
.label-in-row input,
.label-in-row select,
.label-in-row textarea {
  display: block;
  margin: 7px 0;
}
.label-in-row input[type=checkbox],
.label-in-row input[type=radio] {
  display: inline;
}
.help-msg {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .help-msg {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .help-msg {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .help-msg {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .help-msg {
    line-height: 21px;
  }
}
.alert,
.alert-success,
.alert-error,
.alert-info {
  padding: 12px 16px;
  margin: 24px 0;
  background-color: #FFF6CF;
  border: 1px solid #ffe9c0;
  border-radius: 4px;
  color: #6F4E14;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .alert,
  .alert-success,
  .alert-error,
  .alert-info {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .alert,
  .alert-success,
  .alert-error,
  .alert-info {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .alert,
  .alert-success,
  .alert-error,
  .alert-info {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .alert,
  .alert-success,
  .alert-error,
  .alert-info {
    line-height: 21px;
  }
}
.error {
  padding: 14px;
  background: #fbeded;
  color: #a8b19e;
  margin: 28px 24px;
  border-radius: 4px;
}
.error:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60e";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.error:before:hover {
  text-decoration: none;
}
.error:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-block {
  margin: 24px 0;
  padding: 12px 16px;
}
@media only screen and (min-width: 768px) {
  .alert-block {
    margin: 28px 0;
    padding: 14px 12px;
  }
}
.alert-block > p,
.alert-block > ul {
  margin: 0;
}
.alert-block p + p {
  margin: 0;
}
body {
  width: 100%;
}
.page-container {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.content-container {
  text-align: left;
}
.u-layout-reset {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .u-layout-reset {
    margin: 0;
    width: auto;
    max-width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-reset {
    margin: 0;
    max-width: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .u-layout-reset {
    max-width: auto;
  }
}
.u-layout-half-line,
.layout-half-line {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-layout-half-line,
  .layout-half-line {
    width: 372px;
    margin-left: auto;
    margin-right: auto;
  }
}
.u-layout-full-line,
.layout-full-line {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-layout-full-line,
  .layout-full-line {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-full-line,
  .layout-full-line {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .u-layout-full-line-container,
  .layout-full-line-container {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-full-line-container,
  .layout-full-line-container {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .u-layout-medium-line,
  .layout-medium-line {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .u-layout-medium-line,
  .layout-medium-line {
    max-width: 1248px;
  }
}
.u-layout-full-big-line {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-layout-full-big-line {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-full-big-line {
    max-width: 100%;
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-layout-full-big-line {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .u-layout-full-big-line {
    max-width: 1368px;
  }
}
@media only screen and (min-width: 768px) {
  .u-layout-big-line,
  .layout-big-line {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .u-layout-big-line,
  .layout-big-line {
    max-width: 1368px;
  }
}
.u-layout-cozy-big-line {
  margin-left: 16px;
  margin-right: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .u-layout-cozy-big-line {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-layout-cozy-big-line {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
.u-layout-edge-edge,
.layout-edge-edge {
  margin: 0;
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  .u-layout-flex-line {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  .u-layout-flex-line {
    max-width: 1368px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-flex-content {
    float: left;
    width: calc(100% - 348px);
  }
}
@media only screen and (min-width: 768px) {
  .u-layout-flex-aside {
    width: 300px;
    margin-left: 48px;
    margin-right: 24px;
    margin-bottom: 28px;
    float: right;
    clear: right;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-flex-aside {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .u-layout-flex-aside-left {
    float: left;
    clear: left;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-flex-aside-left {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .u-layout-flex-aside-left {
    margin-right: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .u-layout-flex-aside-right {
    float: right;
    clear: right;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-flex-aside-right {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .u-layout-flex-aside-right {
    margin-left: 48px;
  }
}
.u-layout-flex-content-safe {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .u-layout-flex-content-safe {
    margin-left: calc((100% - 696px)/2);
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-flex-content-safe-large {
    margin-left: auto;
  }
}
.u-layout-flex-content-safe-fixed {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .u-layout-flex-content-safe-fixed {
    margin-left: calc((100% - 696px)/2);
    margin-right: calc((100% - 696px)/2);
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-flex-content-safe-fixed-large {
    margin-left: auto;
    margin-right: auto;
  }
}
.u-layout-fullscreen {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.module-size-fullscreen {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.module-type-video.module-size-fullscreen .module-content {
  width: 100%;
}
.u-asset-half-line {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-asset-half-line {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .u-asset-half-line {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1440px) {
  .u-asset-half-line {
    max-width: 1368px;
  }
}
.u-asset-full-line {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-asset-full-line {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-asset-full-line {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .u-asset-big-line {
    max-width: 1044px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1600px) {
  .u-asset-big-line {
    max-width: 1368px;
  }
}
.u-asset-big-line-margin {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-asset-big-line-margin {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .u-asset-big-line-margin {
    max-width: 1044px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1600px) {
  .u-asset-big-line-margin {
    max-width: 1368px;
  }
}
.article-asset-small {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .article-asset-small {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .article-asset-small {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1440px) {
  .article-asset-small {
    max-width: 1368px;
  }
}
.article-asset-normal {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .article-asset-normal {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-asset-normal {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .article-asset-big,
  .article-asset-large {
    max-width: 1044px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1600px) {
  .article-asset-big,
  .article-asset-large {
    max-width: 1368px;
  }
}
.article-asset-cover img,
.article-asset-cover iframe,
.article-asset-cover object {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .article-asset-small .sumario_izquierda,
  .article-asset-small .izquierda,
  .article-asset-small .izquierda_sinmarco {
    width: 372px;
    float: left;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .article-asset-small .sumario_derecha,
  .article-asset-small .derecha,
  .article-asset-small .derecha_sinmarco {
    width: 372px;
    float: right;
    margin-left: 48px;
  }
}
.article-asset-image {
  text-align: center;
}
.article-asset-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto 24px;
}
@media only screen and (min-width: 768px) {
  .article-asset-image img {
    margin-bottom: 28px;
  }
}
.article-asset-image .asset-content {
  overflow: hidden;
}
.article-asset-small .asset-content {
  overflow: visible;
}
.article-header .article-asset-image img {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .article-header .article-asset-image img {
    margin-bottom: 0;
  }
}
.article-asset-video {
  /*
height: 0;
margin-bottom: 10px;
overflow: hidden;
padding-bottom: 67.5%;
padding-top: 25px;
width: 100%;
position: relative;

	embed, iframe, object, video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	}
	*/
}
.head-favicons-container,
.head-editorspick-container,
.head-corners-container,
.ad-top,
.ad-second,
.related-alts-container,
.article-social-share.m-in-featured,
.article-featured-category {
  display: none;
}
@media only screen and (min-width: 768px) {
  .head-favicons-container,
  .head-editorspick-container,
  .head-corners-container,
  .ad-top,
  .ad-second,
  .related-alts-container,
  .article-social-share.m-in-featured,
  .article-featured-category {
    display: block;
  }
}
.u-hint-horizontal-scroll-remove:before,
.u-hint-horizontal-scroll-remove:after {
  content: "";
  margin: 0;
  padding: 0;
  border: none;
}
@media only screen and (min-width: 1024px) {
  .module-alignment-top .module-content {
    display: flex;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .module-alignment-center .module-content {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 1024px) {
  .module-alignment-bottom .module-content {
    display: flex;
    align-items: flex-end;
  }
}
/* LONGFORM  ALIGNMENT CHANGES*/
.alignment-top .column-container {
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 1024px) {
  .alignment-center .column-container,
  .module-bg-fullscreen.module-layout-columns.module-alignment-top > .module-content,
  .module-bg-fullscreen.module-layout-columns.module-alignment-center > .module-content,
  .module-bg-fullscreen.module-layout-columns.module-alignment-bottom > .module-content,
  .module-alignment-center > .module-content {
    display: flex;
    align-items: center;
  }
}
.module-bg-fullscreen.module-layout-columns.module-alignment-bottom > .module-content {
  align-items: flex-end;
}
.module-bg-fullscreen.module-layout-columns.module-alignment-top > .module-content {
  align-items: flex-start;
}
@media only screen and (min-width: 1024px) {
  .alignment-bottom .column-container {
    display: flex;
    align-items: flex-end;
  }
}
.js-video {
  width: 100%;
}
.module-alignment-top .module-type-video .js-video,
.module-alignment-center .module-type-video .js-video,
.module-alignment-bottom .module-type-video .js-video {
  margin-bottom: 0;
}
.module-column .module-content {
  display: block;
}
.module-type-gallery .type-gallery {
  margin-top: 0;
}
.module-alignment-bottom img {
  vertical-align: bottom;
}
.module-type-giphy .module-content,
.module-type-text .module-content,
.module-type-image .module-content {
  display: block;
}
.module-type-ficha .ficha {
  margin-top: 0;
  margin-bottom: 0;
}
.module-alignment-top .module-type-gify .module-content,
.module-alignment-center .module-type-gify .module-content,
.module-alignment-bottom .module-type-gify .module-content {
  display: block;
}
.module-type-caption .module-content {
  display: block;
}
@media only screen and (min-width: 768px) {
  .module-alignment-bottom .module-type-giphy,
  .module-alignment-center .module-type-giphy {
    margin-bottom: 0;
  }
}
.module-alignment-top .module-type-text .module-content p:first-child {
  margin-top: 0;
}
.module-alignment-top .elastislide-wrapper,
.module-alignment-center .elastislide-wrapper,
.module-alignment-bottom .elastislide-wrapper {
  margin: 1px auto;
}
@media only screen and (min-width: 1024px) {
  .module-alignment-top .caption-text,
  .module-alignment-center .caption-text,
  .module-alignment-bottom .caption-text {
    margin-bottom: 0;
  }
}
.article-asset-video .base-asset-video {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
}
.article-asset-video .base-asset-video embed,
.article-asset-video .base-asset-video iframe,
.article-asset-video .base-asset-video object,
.article-asset-video .base-asset-video video,
.article-asset-video .base-asset-video .fb-video {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.u-layout-grid-limit-margin {
  max-width: 1280px;
}
@media only screen and (min-width: 768px) {
  .u-layout-grid-limit-margin {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-layout-grid-limit-margin {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-layout-grid-limit-margin {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .u-layout-grid-limit-margin {
    max-width: 1368px;
  }
}
/* z-index scale */
.ordinal,
.article-featured-title-container,
.article-super-title {
  z-index: 1000;
}
.comment-thread-caption.is-fixed .comment-thread-caption-wrapper,
.brand-article-logo.m-featured .brand-article-inner {
  z-index: 2000;
}
.context-menu-list {
  z-index: 2000;
}
.head,
.article-social-share.m-v1,
.article-social-share.m-v2,
.article-social-share.m-v3,
.related-leaving {
  z-index: 3000;
}
.article-home-figure .slide-next,
.article-home-figure .slide-prev,
.head-favicons-container,
.favicons-expanded-container {
  z-index: 4000;
}
.slideshow,
.slideshow .gallery-item-desc h2 span {
  z-index: 5000;
}
.slide-next,
.slide-prev {
  z-index: 6000;
}
.head-menu-container,
.nav-login,
.nav-register,
.video-light-box-overlay {
  z-index: 7000;
}
.video-light-box,
.cookies-overlay {
  z-index: 8000;
}
.head.is-visible .head-favicons-index {
  z-index: 1000;
}
.head.is-visible {
  z-index: 4000;
}
.head.is-visible .head-favicons-index {
  z-index: 6000;
}
.section-modal-container.is-block {
  z-index: 99999;
}
/* Head */
.head-container {
  height: 64px;
}
.head-container-with-ad {
  height: auto;
}
/* Visible bar */
.head {
  height: 64px;
  line-height: 64px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 1px 0;
}
.head-with-ad {
  height: auto;
  padding: 0;
}
.head-brand {
  height: 64px;
  line-height: 64px;
  padding: 1px 0 0;
  width: 100%;
  position: relative;
}
.brand {
  width: 170px;
  margin: 0 auto;
  text-align: left;
  height: 64px;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 480px) {
  .brand {
    text-align: center;
  }
}
.brand .brand-logo {
  height: 51.2px;
  max-height: 51.2px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -10000px;
  background: url("images/head-brand-logo.svg?v=36");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (min-width: 480px) {
  .brand .brand-logo {
    background-position: center center;
  }
}
.brand svg {
  height: 49.77777778px;
  max-width: 99%;
  width: auto;
  color: #fff;
  fill: #fff;
}
@media only screen and (min-width: 768px) {
}
.brand svg .path-alt {
  color: #fff;
}
.brand path,
.brand rect,
.brand polygon {
  fill: #fff;
}
.brand path.path-alt,
.brand rect.path-alt,
.brand polygon.path-alt {
  color: #fff;
}
.head.is-init {
  position: relative;
}
.head.is-hidden {
  top: -500px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
.head.is-visible {
  top: 0;
  left: 0;
}
@media only screen and (max-height: 480px) and (orientation: landscape) {
  .head.is-visible {
    top: -500px;
  }
}
.head-nav {
  margin: 0;
}
.head-nav li {
  display: inline;
}
.m-header-drift .head.is-hidden,
.m-header-drift .head.is-visible {
  transition: all ease 0.5s;
}
.head-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 57.6px;
  height: 64px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  text-transform: none;
  margin: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .head-link {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-link {
    font-size: 13px;
  }
}
.head-link:hover {
  background-color: #c20000;
}
.head-link:before {
  margin-top: 7.92px;
}
@media only screen and (min-width: 1024px) {
  .head-link {
    position: static;
    float: left;
  }
}
.head-link-sections:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e609";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-sections:before:hover {
  text-decoration: none;
}
.head-link-sections:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-sections:before,
.head-link-sections:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.head-container {
  height: 64px;
}
@media only screen and (min-width: 768px) {
  .head-container {
    height: 189px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-container {
    height: 154px;
  }
}
.head-favicons,
.head-brand,
.head-corners {
  max-width: 1368px;
  margin: 0 auto;
}
.head-favicons-container {
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  background-color: #111;
  color: #777;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .head-favicons-container {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-favicons-container {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-favicons-container {
    line-height: 16.8px;
  }
}
.head-favicons-container a {
  color: #777;
}
.head-favicons-index {
  float: right;
  margin-left: 6px;
  line-height: 42px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  white-space: nowrap;
}
.head-favicons-index:after {
  font-size: 16px;
  font-family: icons-min;
  content: "\e624";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.head-favicons-index:after:hover {
  text-decoration: none;
}
.head-favicons-index:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-index acronym,
.head-favicons-index abbr {
  text-decoration: none;
}
.head-favicons-list {
  margin: 0;
}
.head-favicons-list li {
  display: inline-block;
}
.head-favicons-list a,
.head-favicons-list .favicon {
  white-space: nowrap;
  display: inline-block;
  padding: 0 12px;
  line-height: 42px;
}
.head-favicons-list a:hover,
.head-favicons-list .favicon:hover {
  background: #333;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .head-brand {
    height: 147px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-brand {
    height: 112px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .brand {
    height: 98px;
    line-height: 98px;
    margin: 0 auto;
    width: 300px;
  }
  .brand .brand-logo {
    height: 68.6px;
    max-height: 68.6px;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1024px) {
  .brand {
    height: 112px;
    line-height: 112px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-nav {
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 112px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) {
  .head-editorspick-container {
    clear: both;
    border-top: 1px solid #d42626;
    text-align: left;
    height: 49px;
    line-height: 49px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-editorspick-container {
    position: absolute;
    top: 0;
    right: 0;
    height: 112px;
    line-height: 112px;
    text-align: left;
    border-top: none;
    border-left: 1px solid #d42626;
    border-right: 1px solid #d42626;
    max-width: 340px;
  }
}
@media only screen and (min-width: 1280px) {
  .head-editorspick-container {
    max-width: 360px;
  }
}
@media only screen and (min-width: 1600px) {
  .head-editorspick-container {
    max-width: 400px;
  }
}
.head-editorspick-container:hover {
  background-color: #cf0d0d;
}
.head-editorspick {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 12px;
}
@media only screen and (min-width: 1024px) {
  .head-editorspick {
    display: inline-block;
    vertical-align: middle;
    margin: 0 24px;
    white-space: normal;
  }
}
.head-editorspick-post {
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  display: inline;
}
@media only screen and (min-width: 768px) {
  .head-editorspick-post {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-editorspick-post {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-editorspick-post {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-editorspick-post {
    display: block;
  }
}
.head-editorspick-type {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  margin: 0 12px 0 0;
  display: inline;
  line-height: 28px;
}
@media only screen and (min-width: 768px) {
  .head-editorspick-type {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-editorspick-type {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-editorspick-type {
    display: block;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .head-editorspick-post a {
    font-size: 15px;
    line-height: 20px;
    display: block;
    max-height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 768px) {
  .head-editorspick-post a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 1360px) {
  .head-editorspick-post a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 768px) {
  .head-editorspick-post a {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 1360px) {
  .head-editorspick-post a {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .head-container-with-corner {
    height: 231px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-container-with-corner {
    height: 196px;
  }
}
.head-corners-container {
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  background-color: #fff;
  color: #a2a2a2;
  font-size: 13px;
  line-height: 16px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .head-corners-container {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-corners-container {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-corners-container {
    line-height: 16.8px;
  }
}
.head-corners-list {
  margin: 0;
  display: inline;
}
.head-corners-list li {
  display: inline-block;
}
.head-corners-disclaimer {
  font-size: 13px;
  line-height: 16px;
  font-weight: 100;
  margin: 0;
  display: inline;
}
@media only screen and (min-width: 768px) {
  .head-corners-disclaimer {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-corners-disclaimer {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-corners-disclaimer {
    line-height: 16.8px;
  }
}
.head-corners-link {
  white-space: nowrap;
  display: inline-block;
  padding: 0 9.6px;
  margin: 0 2.4px;
  line-height: 38px;
  font-weight: bold;
  color: #444;
  border-top: 4px solid #ddd;
}
.head-corners-link:hover {
  background-color: #ddd;
}
.head-content-favs {
  position: relative;
}
.head-favicons-container.m-is-later {
  width: 100%;
  position: absolute;
  top: 0;
}
.head-favicons-container.m-is-later.is-visible {
  position: fixed;
  top: 70px;
}
.head-favicons-container.m-is-later.is-visible .head-favicons-index {
  display: none;
}
.favicons-expanded-container {
  width: 100%;
  position: absolute;
  top: 42px;
}
.head-menu-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.head-menu-toggler {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  background: #000;
  opacity: 0;
}
.head-menu {
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 0;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
}
.head-menu:after {
  content: "";
  display: block;
  height: 150px;
}
.head-menu-sections {
  left: -100%;
}
.head-menu-sections.is-visible {
  -webkit-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
}
.head-menu-sections.is-visible .head-menu-toggler {
  opacity: 0.8;
}
.head-menu-sections .head-menu {
  left: 0;
  margin-right: 48px;
}
@media only screen and (min-width: 768px) {
  .head-menu-sections .head-menu {
    max-width: 560px;
    margin-right: auto;
    margin-left: 0;
  }
}
.head-menu-sections.m-v2,
.head-menu-sections.m-v2 .head-menu {
  left: auto;
  margin-right: auto;
}
.head-menu-new,
.head-menu-searchapp,
.head-menu-sections.m-v2 {
  right: -100%;
}
@media only screen and (min-width: 1024px) {
  .head-menu-new,
  .head-menu-searchapp,
  .head-menu-sections.m-v2 {
    right: auto;
    left: -100%;
  }
}
.head-menu-new.is-visible,
.head-menu-searchapp.is-visible,
.head-menu-sections.is-visible.m-v2 {
  -webkit-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
}
@media only screen and (min-width: 1024px) {
  .head-menu-new.is-visible,
  .head-menu-searchapp.is-visible,
  .head-menu-sections.is-visible.m-v2 {
    -webkit-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}
.head-menu-new.is-visible .head-menu-toggler,
.head-menu-searchapp.is-visible .head-menu-toggler,
.head-menu-sections.is-visible.m-v2 .head-menu-toggler {
  opacity: 0.8;
}
.head-menu-new .head-menu,
.head-menu-searchapp .head-menu,
.head-menu-sections.m-v2 .head-menu {
  right: 0;
  margin-left: 48px;
}
@media only screen and (min-width: 768px) {
  .head-menu-new .head-menu,
  .head-menu-searchapp .head-menu,
  .head-menu-sections.m-v2 .head-menu {
    max-width: 640px;
    margin-left: auto;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .head-menu-new .head-menu,
  .head-menu-searchapp .head-menu,
  .head-menu-sections.m-v2 .head-menu {
    width: 640px;
    right: auto;
    left: 0;
    margin-right: auto;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .head-menu-searchapp .head-menu {
    min-width: 560px;
  }
}
body,
html {
  height: 100%;
}
.head-menu-close {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  float: right;
  margin: 14.4px 12px 0 0;
}
.head-menu-close:hover {
  background-color: #f4f4f4;
  color: #444;
}
.head-menu-close:hover {
  text-decoration: none;
}
.head-menu-close:active,
.head-menu-close:focus {
  padding-top: 1px;
}
.head-menu-close:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-menu-close:before:hover {
  text-decoration: none;
}
.head-menu-close:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-menu-close:before,
.head-menu-close:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.head-menu-close:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.head-menu-close:before,
.head-menu-close:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.head-menu-close:before {
  margin-left: 6px;
  margin-right: 6px;
}
@media only screen and (min-width: 1280px) {
  .head-menu-close {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .head-menu-close:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e60b";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .head-menu-close:before:hover {
    text-decoration: none;
  }
  .head-menu-close:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .head-menu-close:before,
  .head-menu-close:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .head-menu-close:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .head-menu-close:before,
  .head-menu-close:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 768px) {
  .head-menu-close {
    margin: 25.2px 28px 0 0;
  }
}
.head-menu ul {
  margin: 0;
}
.head-menu h3,
.nav-heading {
  text-transform: uppercase;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 18px;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .head-menu h3,
  .nav-heading {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-menu h3,
  .nav-heading {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .head-menu h3,
  .nav-heading {
    margin-top: 28px;
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-menu h3,
  .nav-heading {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.head-menu h3,
.head-menu .nav-heading {
  padding: 0 16px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .head-menu h3,
  .head-menu .nav-heading {
    padding: 0 24px;
    margin-bottom: 14px;
  }
}
.head-menu h2 {
  display: none;
}
/*
.head-menu-searchapp h2 {
display: block;
padding: 0 @m-base-gutter @m-line-height;
margin-bottom: 0;


	@media @tablet {
	padding-bottom: @d-line-height;
	}
}
*/
.head-menu-editorspick h3 {
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .head-menu-editorspick h3 {
    margin-bottom: 14px;
  }
}
.list-item,
.menu-follow,
.head-new-item,
.head-list-item,
.head-channel-item,
.head-menu-follow {
  display: block;
  padding: 12px 16px;
  clear: left;
}
@media only screen and (min-width: 768px) {
  .list-item,
  .menu-follow,
  .head-new-item,
  .head-list-item,
  .head-channel-item,
  .head-menu-follow {
    padding: 14px 24px;
  }
}
.head-new-item,
.head-menu-partners,
.head-menu-search,
.head-menu-categories,
.head-menu-follow,
.head-menu-extras,
.head-menu-external,
.head-channel-caption,
.head-menu-links,
.head-menu-editorspick,
.head-menu-video,
.head-channel-item,
.head-menu-follow,
.head-menu-snapchat,
.head-menu-newsletter,
.head-menu h2 {
  border-bottom: 1px solid #e9e9e9;
}
.head-menu-video,
.head-menu-editorspick {
  padding-top: 1px;
}
.head-more-item {
  margin: 24px 16px;
}
@media only screen and (min-width: 768px) {
  .head-more-item {
    margin-top: 14px;
    margin-bottom: 14px;
  }
}
.head-new-item {
  padding-left: 32px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .head-new-item {
    padding-left: 48px;
  }
}
.head-new-item .head-item-meta {
  display: block;
}
.head-menu-editorspick a {
  display: block;
  margin: 0 16px 24px;
}
@media only screen and (min-width: 768px) {
  .head-menu-editorspick a {
    margin: 0 24px 28px;
  }
}
.head-new-video-thumb {
  display: block;
  width: 100%;
  position: relative;
  background: #000;
  margin-bottom: 6px;
}
.head-new-video-thumb:after {
  font-size: 60px;
  font-family: icons-min;
  content: "\e621";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.head-new-video-thumb:after:hover {
  text-decoration: none;
}
.head-new-video-thumb:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-new-video-thumb:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-left: 0;
  color: #fff;
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
  height: 130px;
  line-height: 130px;
}
@media only screen and (min-width: 360px) {
  .head-new-video-thumb:after {
    height: 150px;
    line-height: 150px;
  }
}
@media only screen and (min-width: 480px) {
  .head-new-video-thumb:after {
    height: 180px;
    line-height: 180px;
  }
}
@media only screen and (min-width: 768px) {
  .head-new-video-thumb:after {
    height: 100px;
    line-height: 100px;
  }
}
.head-new-video-thumb:hover:after {
  color: #cc181e;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .head-new-video-thumb {
    width: 180px;
    display: inline-block;
    float: left;
    margin-right: 12px;
    margin-bottom: 0;
  }
}
.head-new-video-thumb img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.7;
}
@media only screen and (min-width: 768px) {
  .head-new-item.m-video .head-item-meta:after {
    display: block;
    content: " ";
    clear: left;
  }
}
.head-menu-video .head-new-item {
  padding-left: 16px;
}
.head-menu-video .head-new-item:before,
.head-menu-video .head-new-item:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
  width: 0;
}
@media only screen and (min-width: 768px) {
  .head-menu-video {
    width: 100%;
    overflow: hidden;
  }
  .head-menu-video li {
    display: inline;
  }
  .head-menu-video .head-new-item {
    padding: 0;
    border: none;
    width: 180px;
    display: inline-block;
    vertical-align: top;
    margin-left: 24px;
  }
  .head-menu-video .head-new-video-thumb {
    float: none;
    margin-right: 0;
  }
  .head-menu-video .head-new-video-desc {
    display: block;
    margin-left: 0;
    padding: 0 6px 7px 6px;
  }
}
.head-menu-video h3 {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .head-menu-video h3 {
    margin-bottom: 14px;
  }
}
.head-menu-partners ul {
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .head-menu-partners ul {
    margin-bottom: 7px;
  }
}
.head-menu-search {
  padding: 7.2px 0 4.8px;
}
@media only screen and (min-width: 768px) {
  .head-menu-search {
    margin-top: 0;
    padding: 15.4px 0 12.6px;
  }
}
.head-search-form {
  position: relative;
}
.head-search-form input {
  border: none;
  border-radius: 48px;
  display: block;
  width: 85%;
  height: 48px;
  padding: 0;
  text-indent: 16px;
  box-shadow: none;
}
.head-search-button {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  background: transparent;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  position: absolute;
  top: 2px;
  right: 2%;
}
.head-search-button:hover {
  background-color: #f4f4f4;
  color: #444;
}
.head-search-button:hover {
  text-decoration: none;
}
.head-search-button:active,
.head-search-button:focus {
  padding-top: 1px;
}
.head-search-button:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-search-button:before:hover {
  text-decoration: none;
}
.head-search-button:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-search-button:before,
.head-search-button:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.head-search-button:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 35.2px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.head-search-button:before,
.head-search-button:after {
  line-height: 28.8px;
  margin: 0 5px;
  vertical-align: middle;
}
.search-results-box {
  height: 0;
  overflow: hidden;
}
.search-results-box.is-visible {
  height: auto;
  overflow: visible;
}
@media only screen and (min-width: 480px) {
  .menu-follow ul,
  .head-menu-follow ul {
    display: inline-block;
    vertical-align: middle;
  }
}
.menu-follow li,
.head-menu-follow li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 9.6px;
}
@media only screen and (min-width: 480px) {
  .menu-follow li,
  .head-menu-follow li {
    margin-left: 24px;
    margin-right: 0;
  }
}
.menu-follow a,
.head-menu-follow a {
  width: 32px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
}
.menu-follow a:before,
.head-menu-follow a:before,
.menu-follow a:after,
.head-menu-follow a:after {
  line-height: 28.8px;
  margin: 0 0px;
  vertical-align: middle;
}
.head-menu-snapchat,
.head-menu-newsletter {
  display: none;
  padding-top: 24px;
}
@media only screen and (min-width: 768px) {
  .head-menu-snapchat,
  .head-menu-newsletter {
    padding-top: 28px;
  }
}
.head-menu-snapchat {
  text-align: center;
}
.head-menu-snapchat-snapuser {
  clear: both;
}
.head-menu-snapchat-snapcode {
  margin-left: 16px;
  margin-right: 16px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .head-menu-snapchat-snapcode {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-menu-snapchat-snapcode {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
.head-menu-snapchat-snapcode img {
  display: block;
  max-width: 200px;
  margin: 0 auto;
}
.head-menu-newsletter .newsletter-heading {
  margin-top: 0;
  padding: 0;
}
.head-menu-newsletter .newsletter-input {
  width: 95%;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .head-menu-newsletter .newsletter-input {
    width: 350px;
    margin-bottom: 0;
  }
}
.menu-categories ul,
.channel-list ul,
.menu-external ul,
.head-channel-list ul,
.head-menu-external ul,
.head-menu-categories ul {
  width: 100%;
  overflow: hidden;
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .menu-categories ul,
  .channel-list ul,
  .menu-external ul,
  .head-channel-list ul,
  .head-menu-external ul,
  .head-menu-categories ul {
    margin-top: 14px;
  }
}
.menu-categories li,
.channel-list li,
.menu-external li,
.head-channel-list li,
.head-menu-external li,
.head-menu-categories li {
  width: 50%;
  float: left;
  margin-top: 6px;
}
@media only screen and (min-width: 768px) {
  .menu-categories li,
  .channel-list li,
  .menu-external li,
  .head-channel-list li,
  .head-menu-external li,
  .head-menu-categories li {
    margin-top: 7px;
  }
}
.menu-categories .list-item,
.channel-list .list-item,
.menu-external .list-item,
.head-channel-list .head-list-item,
.head-menu-external .head-list-item,
.head-menu-categories .head-list-item {
  padding: 6px 16px;
}
@media only screen and (min-width: 768px) {
  .menu-categories .list-item,
  .channel-list .list-item,
  .menu-external .list-item,
  .head-channel-list .head-list-item,
  .head-menu-external .head-list-item,
  .head-menu-categories .head-list-item {
    padding: 7px 24px;
  }
}
.menu-categories li:nth-child(odd),
.channel-list li:nth-child(odd),
.menu-external li:nth-child(odd),
.head-channel-list li:nth-child(odd),
.head-menu-external li:nth-child(odd),
.head-menu-categories li:nth-child(odd) {
  clear: left;
}
.menu-categories li:nth-child(even) .head-list-item,
.channel-list li:nth-child(even) .head-list-item,
.menu-external li:nth-child(even) .head-list-item,
.head-channel-list li:nth-child(even) .head-list-item,
.head-menu-external li:nth-child(even) .head-list-item,
.head-menu-categories li:nth-child(even) .head-list-item {
  margin-left: 0;
}
.section-user {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.section-user:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e627";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-user:before:hover {
  text-decoration: none;
}
.section-user:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-user:before {
  margin-top: 6px;
  float: right;
  width: 24px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
.section-user:before:before,
.section-user:before:after {
  line-height: 28.8px;
  margin: 0 -4px;
  vertical-align: middle;
}
.section-user-avatar {
  display: inline-block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  background-color: #444;
  margin-right: 12px;
  margin-bottom: 24px;
  float: left;
}
.section-user-username {
  display: block;
  margin-bottom: 6px;
}
.channel-caption .item-meta,
.head-channel-caption .item-meta,
.channel-caption .head-item-meta,
.head-channel-caption .head-item-meta {
  display: block;
  margin-right: 48px;
}
.channel-caption.is-visible,
.head-channel-caption.is-visible {
  border: none;
  color: #a2a2a2;
}
.channel-caption.is-visible .item-meta,
.head-channel-caption.is-visible .item-meta,
.channel-caption.is-visible .head-item-meta,
.head-channel-caption.is-visible .head-item-meta {
  display: none;
}
.channel-list,
.head-channel-list {
  height: 0;
  overflow: hidden;
  margin: 0;
  transition: all 0.2s ease-in-out;
}
.channel-list.is-visible,
.head-channel-list.is-visible {
  height: auto;
}
.channel-list li,
.head-channel-list li {
  margin-top: 0;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .channel-list li,
  .head-channel-list li {
    margin-bottom: 7px;
  }
}
.channel-caption:before,
.head-channel-caption:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e602";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.channel-caption:before:hover,
.head-channel-caption:before:hover {
  text-decoration: none;
}
.channel-caption:after,
.head-channel-caption:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.channel-caption:before,
.head-channel-caption:before {
  float: right;
  width: 24px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
.channel-caption:before:before,
.head-channel-caption:before:before,
.channel-caption:before:after,
.head-channel-caption:before:after {
  line-height: 28.8px;
  margin: 0 -4px;
  vertical-align: middle;
}
.channel-caption.is-visible:before,
.head-channel-caption.is-visible:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.channel-caption.is-visible:before:hover,
.head-channel-caption.is-visible:before:hover {
  text-decoration: none;
}
.channel-caption.is-visible:after,
.head-channel-caption.is-visible:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.item-meta.m-desc,
.head-item-meta.m-desc {
  display: block;
}
.head-menu-searchapp .head-menu {
  min-width: 80%;
}
@media only screen and (min-width: 768px) {
  .head-menu-searchapp .head-menu {
    min-width: 480px;
    max-width: 640px;
  }
}
/* Head type */
.head-menu h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) {
  .head-menu h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-menu h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .head-menu h2 {
    margin-top: 28px;
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-menu h2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.head-menu h3 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: 100;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .head-menu h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-menu h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .head-menu h3 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-menu h3 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.head-new-video-subscribe {
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .head-new-video-subscribe {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-new-video-subscribe {
    font-size: 16px;
  }
}
.list-item,
.head-new-item,
.head-list-item,
.head-new-video-item {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .list-item,
  .head-new-item,
  .head-list-item,
  .head-new-video-item {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .list-item,
  .head-new-item,
  .head-list-item,
  .head-new-video-item {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .list-item,
  .head-new-item,
  .head-list-item,
  .head-new-video-item {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .list-item,
  .head-new-item,
  .head-list-item,
  .head-new-video-item {
    line-height: 21px;
  }
}
.head-menu-editorspick a,
.head-new-item,
.head-list-item {
  font-weight: 700;
}
.item-meta,
.head-item-meta {
  display: inline-block;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .item-meta,
  .head-item-meta {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .item-meta,
  .head-item-meta {
    font-size: 16px;
  }
}
.head-link-editorspick a {
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  display: block;
  max-height: 33.6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (min-width: 768px) {
  .head-link-editorspick a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-link-editorspick a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-link-editorspick a {
    line-height: 16.8px;
  }
}
.head-link-editorspick h3 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  margin: 0;
  padding-top: 11.2px;
  padding-bottom: 2.8px;
}
@media only screen and (min-width: 768px) {
  .head-link-editorspick h3 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-link-editorspick h3 {
    font-size: 13px;
  }
}
.head-link-secondary,
.head-link-secondary h3 {
  font-size: 13px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .head-link-secondary,
  .head-link-secondary h3 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-link-secondary,
  .head-link-secondary h3 {
    font-size: 13px;
  }
}
.nav-login,
.nav-register {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: all 0.2s ease-in-out;
  left: -200%;
}
.nav-login.is-visible,
.nav-register.is-visible,
.nav-login.in,
.nav-register.in {
  -webkit-transform: translate(200%, 0px);
  transform: translate(200%, 0px);
}
.nav-login.is-visible .head-menu-toggler,
.nav-register.is-visible .head-menu-toggler,
.nav-login.in .head-menu-toggler,
.nav-register.in .head-menu-toggler {
  opacity: 0.8;
}
.nav-login .head-menu,
.nav-register .head-menu {
  padding-top: 24px;
  left: 0;
  margin-right: 48px;
  min-width: 85%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .nav-login .head-menu,
  .nav-register .head-menu {
    padding-top: 28px;
    width: 560px;
    min-width: 0;
    margin-right: auto;
    margin-left: 0;
  }
}
.head-menu .close {
  background: #fff;
}
.hide {
  display: none;
}
.login-form,
.register-form {
  border-bottom: 1px solid #e9e9e9;
  text-align: left;
  padding: 24px 16px;
}
@media only screen and (min-width: 768px) {
  .login-form,
  .register-form {
    padding: 14px 24px;
  }
}
.login-form p,
.register-form p {
  margin-top: 0;
}
.login-form .submit-area,
.register-form .submit-area {
  margin: 0 auto;
  text-align: center;
}
.login-form p label,
.register-form p label {
  width: 95%;
}
@media only screen and (min-width: 768px) {
  .login-form p label,
  .register-form p label {
    width: 99%;
  }
}
.login-form label,
.register-form label {
  display: block;
  font-weight: bold;
  margin: 0 0 12px;
}
@media only screen and (min-width: 768px) {
  .login-form label,
  .register-form label {
    margin-bottom: 14px;
  }
}
.login-form .text,
.register-form .text {
  display: block;
  width: 100%;
  margin: 6px 0;
}
@media only screen and (min-width: 768px) {
  .login-form .text,
  .register-form .text {
    margin: 7px 0;
  }
}
#wsl_login_button img {
  display: none;
}
.login-3rd-part,
#dont_have_account_text,
#already_acc,
#activation {
  padding: 0;
}
.login-3rd-part {
  display: inline-block;
}
.login-3rd-part p {
  margin-bottom: 0;
}
#already_acc,
#dont_have_account_text {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  #already_acc,
  #dont_have_account_text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  #already_acc,
  #dont_have_account_text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  #already_acc,
  #dont_have_account_text {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  #already_acc,
  #dont_have_account_text {
    line-height: 21px;
  }
}
#already_acc {
  margin-left: 24px;
}
.facebook-login {
  background-color: #4472AD !important;
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.facebook-login:hover {
  background-color: #416ca4 !important;
  color: #fff;
}
.facebook-login:hover {
  background-color: #910000;
  color: #fff;
}
.facebook-login:hover {
  text-decoration: none;
}
.facebook-login:active,
.facebook-login:focus {
  padding-top: 1px;
}
.facebook-login:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e61c";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.facebook-login:before:hover {
  text-decoration: none;
}
.facebook-login:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.twitter-login {
  background-color: #00ACEE !important;
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.twitter-login:hover {
  background-color: #00a3e2 !important;
  color: #fff;
}
.twitter-login:hover {
  background-color: #910000;
  color: #fff;
}
.twitter-login:hover {
  text-decoration: none;
}
.twitter-login:active,
.twitter-login:focus {
  padding-top: 1px;
}
.twitter-login:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e61b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.twitter-login:before:hover {
  text-decoration: none;
}
.twitter-login:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.submit-area,
.remember-password,
.wsl_error,
.status,
#wsl_check_username,
#wsl_check_email,
.exito {
  margin: 24px 0;
}
#open_register,
#already_acc a,
.remember-password a {
  padding: 0;
  background-color: #D44040;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  text-transform: capitalize;
}
#open_register:hover,
#already_acc a:hover,
.remember-password a:hover {
  background-color: #c93d3d;
  color: #fff;
}
#open_register:hover,
#already_acc a:hover,
.remember-password a:hover {
  text-decoration: none;
}
#open_register:active,
#already_acc a:active,
.remember-password a:active,
#open_register:focus,
#already_acc a:focus,
.remember-password a:focus {
  padding-top: 1px;
}
#wsl_check_username {
  display: block;
}
p .exito {
  display: inline-block;
}
.mhelp {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .mhelp {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .mhelp {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .mhelp {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .mhelp {
    line-height: 21px;
  }
}
#wsl_condition_agree {
  display: inline-block !important;
  vertical-align: text-top;
}
body::after {
  content: "wide";
  display: none;
}
html.noscroll body {
  left: 0;
  overflow: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.article-item-title {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  font-weight: bold;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .article-item-title {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-item-title {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .article-item-title {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .blob {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
}
.blob h2,
.blob h3,
.blob h4 {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .blob h2,
  .blob h3,
  .blob h4 {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .blob h2,
  .blob h3,
  .blob h4 {
    margin-left: auto;
    margin-right: auto;
  }
}
.blob p,
.blob ul,
.blob ol,
.blob li,
.blob blockquote {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .blob p,
  .blob ul,
  .blob ol,
  .blob li,
  .blob blockquote {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .blob p,
  .blob ul,
  .blob ol,
  .blob li,
  .blob blockquote {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .blob p,
  .blob ul,
  .blob ol,
  .blob li,
  .blob blockquote {
    margin-top: 0;
  }
}
.blob ul li,
.blob ol li {
  width: auto;
  max-width: 100%;
  margin-left: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .blob ul li,
  .blob ol li {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .blob {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1600px) {
  .blob {
    max-width: 1368px;
  }
}
.article-social-share {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 1px 0;
  line-height: 48px;
  min-height: 48px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .article-social-share {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-social-share {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-social-share {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-social-share {
    line-height: 21px;
  }
}
.article-social-share p {
  margin-top: 14.4px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .article-social-share p {
    margin-top: 14px;
  }
}
.article-social-share p {
  margin-left: 6px;
  margin-right: 204px;
  vertical-align: middle;
  display: inline-block;
}
.article-social-share ul {
  margin-top: 0;
  margin-bottom: 0;
  width: 184px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 48px;
  text-align: right;
}
.article-social-share li {
  display: inline;
  margin-right: 12px;
}
@media only screen and (min-width: 768px) {
  .article-social-share li {
    margin-right: 6px;
  }
}
.article-social-share-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1368px;
}
.article-social-share.m-in-normal {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-normal {
    background: none;
    box-shadow: none;
    width: 184px;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-normal p {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-normal ul {
    position: static;
    text-align: left;
    margin-left: 24px;
    line-height: 28px;
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .article-social-share.m-in-normal ul {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-featured {
    float: right;
    opacity: 0.9;
    width: 184px;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-featured p {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-featured a {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 768px) {
  .article-content .article-social-share,
  .article-social-share.m-in-home {
    max-width: 678px;
    margin: 0 auto;
    border-bottom: 1px solid #e9e9e9;
  }
}
@media only screen and (min-width: 768px) {
  .article-content .article-social-share p,
  .article-social-share.m-in-home p {
    margin-top: 0;
    margin-right: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .article-content .article-social-share ul,
  .article-social-share.m-in-home ul {
    position: static;
    text-align: left;
    line-height: 28px;
    height: auto;
    display: inline-block;
  }
}
.article-social-share.m-in-longform {
  display: none;
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-longform {
    display: block;
    margin: 0 auto;
    text-align: right;
    border-bottom: 1px solid #e9e9e9;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-longform p {
    margin-right: 124px;
  }
}
.article-social-share.m-in-footer {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .article-social-share.m-in-footer {
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .article-social-share.m-in-footer {
    max-width: 1368px;
  }
}
.article-social-share.m-in-footer p {
  margin: 12px 0 12px;
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-footer p {
    margin: 14px 0 14px;
  }
}
.article-social-share.m-in-footer ul {
  text-align: center;
  display: block;
  position: static;
  width: auto;
}
.article-social-share.m-in-footer li {
  margin: 0 4px;
}
.article-social-share.m-in-footer .btn-facebook,
.article-social-share.m-in-footer .btn-twitter,
.article-social-share.m-in-footer .btn-email,
.article-social-share.m-in-footer .btn-whatsapp,
.article-social-share.m-in-footer .btn-flipboard {
  opacity: 0.7;
}
.article-social-share.m-in-footer .btn-facebook:hover,
.article-social-share.m-in-footer .btn-twitter:hover,
.article-social-share.m-in-footer .btn-email:hover,
.article-social-share.m-in-footer .btn-whatsapp:hover,
.article-social-share.m-in-footer .btn-flipboard:hover {
  opacity: 0.9;
}
.article-social-share.m-in-footer .btn-flipboard {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  border-radius: 21px;
}
.article-social-share.m-in-footer .btn-flipboard:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e908";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-social-share.m-in-footer .btn-flipboard:before:hover {
  text-decoration: none;
}
.article-social-share.m-in-footer .btn-flipboard:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-social-share.m-in-footer .btn-flipboard:before,
.article-social-share.m-in-footer .btn-flipboard:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.article-social-share.m-in-footer .btn-flipboard:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.article-social-share.m-in-footer .btn-flipboard:before,
.article-social-share.m-in-footer .btn-flipboard:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.article-social-share.m-in-footer .btn-twitter {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  border-radius: 21px;
}
.article-social-share.m-in-footer .btn-twitter:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-social-share.m-in-footer .btn-twitter:before:hover {
  text-decoration: none;
}
.article-social-share.m-in-footer .btn-twitter:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-social-share.m-in-footer .btn-twitter:before,
.article-social-share.m-in-footer .btn-twitter:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.article-social-share.m-in-footer .btn-twitter:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.article-social-share.m-in-footer .btn-twitter:before,
.article-social-share.m-in-footer .btn-twitter:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.article-social-share.m-in-footer .btn-facebook {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  border-radius: 21px;
}
.article-social-share.m-in-footer .btn-facebook:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61c";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-social-share.m-in-footer .btn-facebook:before:hover {
  text-decoration: none;
}
.article-social-share.m-in-footer .btn-facebook:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-social-share.m-in-footer .btn-facebook:before,
.article-social-share.m-in-footer .btn-facebook:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.article-social-share.m-in-footer .btn-facebook:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.article-social-share.m-in-footer .btn-facebook:before,
.article-social-share.m-in-footer .btn-facebook:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.article-social-share.m-in-footer .btn-email {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  border-radius: 21px;
}
.article-social-share.m-in-footer .btn-email:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f0e0";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-social-share.m-in-footer .btn-email:before:hover {
  text-decoration: none;
}
.article-social-share.m-in-footer .btn-email:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-social-share.m-in-footer .btn-email:before,
.article-social-share.m-in-footer .btn-email:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.article-social-share.m-in-footer .btn-email:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.article-social-share.m-in-footer .btn-email:before,
.article-social-share.m-in-footer .btn-email:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.article-social-share.m-in-footer .btn-whatsapp {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  border-radius: 21px;
}
.article-social-share.m-in-footer .btn-whatsapp:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e616";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-social-share.m-in-footer .btn-whatsapp:before:hover {
  text-decoration: none;
}
.article-social-share.m-in-footer .btn-whatsapp:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-social-share.m-in-footer .btn-whatsapp:before,
.article-social-share.m-in-footer .btn-whatsapp:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.article-social-share.m-in-footer .btn-whatsapp:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.article-social-share.m-in-footer .btn-whatsapp:before,
.article-social-share.m-in-footer .btn-whatsapp:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.article-social-share.is-visible {
  margin: 0;
}
.article-social-share-meta {
  display: none;
}
.article-social-share.m-v1 {
  position: fixed;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
  line-height: 48px;
  min-height: 48px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-v1 {
    margin-left: 0;
    bottom: auto;
    top: 70px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0px, -140px);
    transform: translate(0px, -140px);
    font-size: 13px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .article-social-share.m-v1 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1360px) {
  .article-social-share.m-v1 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .article-social-share.m-v1 {
    line-height: 16.8px;
  }
}
.article-social-share.m-v1 p {
  margin-top: 0;
}
.article-social-share.m-v1 ul {
  height: 48px;
  line-height: 48px;
}
.article-social-share.is-hidden.m-v1 {
  -webkit-transform: translate(0px, 200%);
  transform: translate(0px, 200%);
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-hidden.m-v1 {
    -webkit-transform: translate(0px, -140px);
    transform: translate(0px, -140px);
  }
}
.article-social-share.is-visible.m-v1 {
  line-height: 20px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
@media only screen and (max-height: 320px) and (orientation: landscape) {
  .article-social-share.is-visible.m-v1 {
    -webkit-transform: translate(0px, 200%);
    transform: translate(0px, 200%);
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v1 {
    min-height: 42px;
    padding: 0;
  }
}
.article-social-share.is-visible.m-v1 p {
  margin-top: 12px;
  margin-bottom: 12px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v1 p {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-right: 0;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v1 q {
    color: #444;
    font-weight: 400;
    float: left;
  }
}
.article-social-share.is-visible.m-v1 ul {
  height: 72px;
  line-height: 72px;
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v1 ul {
    height: 42px;
    line-height: 42px;
    position: static;
    display: inline-block;
    width: auto;
    margin-left: 12px;
  }
}
.article-social-share.is-visible.m-v1 .article-social-share-meta {
  display: block;
  width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v1 .article-social-share-meta {
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
  }
}
.article-social-share.is-visible.m-v1 .btn-facebook,
.article-social-share.is-visible.m-v1 .btn-twitter,
.article-social-share.is-visible.m-v1 .btn-email {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.article-social-share.is-visible.m-v1 .btn-facebook:before,
.article-social-share.is-visible.m-v1 .btn-twitter:before,
.article-social-share.is-visible.m-v1 .btn-email:before {
  font-size: 14px;
  margin: 0 2px;
  line-height: 15px;
}
.article-social-share.m-v2 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: auto;
  margin-left: 4px;
  margin-bottom: 4px;
  line-height: 48px;
  min-height: 48px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 28px;
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-v2 {
    display: none;
    top: 64px;
    bottom: auto;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
    line-height: 48px;
    min-height: 48px;
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    margin: 0;
  }
}
.article-social-share.m-v2 p {
  display: none;
}
.article-social-share.m-v2 ul {
  position: static;
  line-height: 38px;
  width: auto;
  margin: 4px 0;
}
.article-social-share.m-v2 li {
  margin: 0;
}
.article-social-share.m-v2 a {
  margin: 0 0 0 8px;
}
@media only screen and (min-width: 1024px) {
  .article-social-share.m-v2 a {
    margin-left: 8px;
  }
}
.article-social-share.m-v2 li:last-child a {
  margin-right: 16px;
}
.article-social-share.is-hidden.m-v2 {
  -webkit-transform: translate(0px, 200%);
  transform: translate(0px, 200%);
}
.article-social-share.is-visible.m-v2 {
  line-height: 20px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
@media only screen and (max-height: 320px) and (orientation: landscape) {
  .article-social-share.is-visible.m-v2 {
    -webkit-transform: translate(0px, 200%);
    transform: translate(0px, 200%);
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v2 {
    display: block;
    min-height: 42px;
    padding: 0;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v2 p {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-right: 0;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v2 q {
    color: #444;
    font-weight: 400;
    float: left;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v2 ul {
    height: 42px;
    line-height: 42px;
    position: static;
    display: inline-block;
    width: auto;
  }
  .article-social-share.is-visible.m-v2 ul:before {
    content: "Compartir";
    font-size: 15px;
    line-height: 20px;
    font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
    color: #a2a2a2;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v2 ul:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1360px) {
  .article-social-share.is-visible.m-v2 ul:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v2 ul:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1360px) {
  .article-social-share.is-visible.m-v2 ul:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v2 .article-social-share-meta {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.is-visible.m-v2 .btn-facebook,
  .article-social-share.is-visible.m-v2 .btn-twitter,
  .article-social-share.is-visible.m-v2 .btn-email {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .article-social-share.is-visible.m-v2 .btn-facebook:before,
  .article-social-share.is-visible.m-v2 .btn-twitter:before,
  .article-social-share.is-visible.m-v2 .btn-email:before {
    font-size: 14px;
    margin: 0 2px;
    line-height: 15px;
  }
}
.article-social-share.m-v3 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: auto;
  margin: auto auto 4px 4px;
  line-height: 48px;
  min-height: 48px;
  border-radius: 24px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
  color: #444;
}
.article-social-share.m-v3 p {
  margin-top: 0;
  margin-left: 12px;
  margin-right: 188px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-v3 p {
    margin-top: 0;
  }
}
.article-social-share.is-hidden.m-v3 {
  -webkit-transform: translate(0px, 200%);
  transform: translate(0px, 200%);
}
.article-social-share.is-visible.m-v3 {
  line-height: 20px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  width: auto;
  max-width: 97%;
}
@media only screen and (max-height: 320px) and (orientation: landscape) {
  .article-social-share.is-visible.m-v3 {
    -webkit-transform: translate(0px, 200%);
    transform: translate(0px, 200%);
  }
}
@media only screen and (min-width: 480px) {
  .article-social-share.is-visible.m-v3 {
    max-width: 99%;
  }
}
.article-social-share.is-visible.m-v3 p {
  line-height: 48px;
  margin-right: 172px;
  display: block;
}
.article-social-share.is-visible.m-v3 span {
  display: none;
}
.article-social-share.is-visible.m-v3 .article-social-share-meta {
  display: block;
  width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-social-share.m-in-links {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-links {
    width: auto;
    float: right;
    border: none;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-links ul {
    width: auto;
  }
}
.article-social-share .btn-facebook {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  vertical-align: middle;
}
.article-social-share .btn-facebook:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61c";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-social-share .btn-facebook:before:hover {
  text-decoration: none;
}
.article-social-share .btn-facebook:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-social-share .btn-facebook:before,
.article-social-share .btn-facebook:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.article-social-share .btn-facebook:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.article-social-share .btn-facebook:before,
.article-social-share .btn-facebook:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.article-social-share .btn-twitter {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  vertical-align: middle;
}
.article-social-share .btn-twitter:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e61b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-social-share .btn-twitter:before:hover {
  text-decoration: none;
}
.article-social-share .btn-twitter:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-social-share .btn-twitter:before,
.article-social-share .btn-twitter:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.article-social-share .btn-twitter:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.article-social-share .btn-twitter:before,
.article-social-share .btn-twitter:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.article-social-share .btn-email {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  vertical-align: middle;
}
.article-social-share .btn-email:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f0e0";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-social-share .btn-email:before:hover {
  text-decoration: none;
}
.article-social-share .btn-email:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-social-share .btn-email:before,
.article-social-share .btn-email:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.article-social-share .btn-email:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.article-social-share .btn-email:before,
.article-social-share .btn-email:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.article-social-share .btn-whatsapp {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  vertical-align: middle;
}
.article-social-share .btn-whatsapp:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e616";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-social-share .btn-whatsapp:before:hover {
  text-decoration: none;
}
.article-social-share .btn-whatsapp:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-social-share .btn-whatsapp:before,
.article-social-share .btn-whatsapp:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.article-social-share .btn-whatsapp:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.article-social-share .btn-whatsapp:before,
.article-social-share .btn-whatsapp:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.article-container {
  padding: 1px 0 0;
  position: relative;
}
.article-content {
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .article-content {
    margin-bottom: 56px;
  }
}
.article-category,
.article-featured-category {
  height: 48px;
  line-height: 48px;
}
@media only screen and (min-width: 768px) {
  .article-category,
  .article-featured-category {
    height: 56px;
    line-height: 56px;
  }
}
.article-category a,
.article-featured-category a {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 25px;
  padding: 0 9.6px;
  border-radius: 2px;
  background-color: #C00;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .article-category a,
  .article-featured-category a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-category a,
  .article-featured-category a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .article-category a,
  .article-featured-category a {
    height: 28px;
    line-height: 29px;
  }
}
.article-category a:hover,
.article-featured-category a:hover {
  background-color: #f00;
}
.article-actions {
  margin: 24px 0 24px 16px;
}
@media only screen and (min-width: 480px) {
  .article-actions {
    float: right;
  }
}
@media only screen and (min-width: 768px) {
  .article-actions {
    float: none;
    white-space: nowrap;
    margin: 28px 0 28px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-actions {
    float: none;
    position: absolute;
    right: 0;
  }
}
.article-actions.m-in-featured {
  margin-top: 0;
}
@media only screen and (min-width: 480px) {
  .article-actions.m-in-featured {
    position: static;
    float: right;
  }
}
@media only screen and (min-width: 768px) {
  .article-actions.m-in-featured {
    float: none;
  }
}
@media only screen and (min-width: 1024px) {
  .article-actions.m-in-featured {
    float: right;
    margin-top: -7px;
  }
}
.article-comments,
.article-save {
  vertical-align: middle;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  background-color: #900;
  color: #fff;
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  height: 28px;
  line-height: 29px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (min-width: 768px) {
  .article-comments,
  .article-save {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-comments,
  .article-save {
    font-size: 13px;
  }
}
.article-comments:hover,
.article-save:hover {
  background-color: #910000;
  color: #fff;
}
.article-comments:hover,
.article-save:hover {
  text-decoration: none;
}
.article-comments:active,
.article-save:active,
.article-comments:focus,
.article-save:focus {
  padding-top: 1px;
}
.article-comments:hover,
.article-save:hover {
  background-color: #f4f4f4;
  color: #444;
}
.article-comments:hover,
.article-save:hover {
  text-decoration: none;
}
.article-comments:active,
.article-save:active,
.article-comments:focus,
.article-save:focus {
  padding-top: 1px;
}
.article-comments:hover,
.article-save:hover {
  text-decoration: none;
}
.article-comments:active,
.article-save:active,
.article-comments:focus,
.article-save:focus {
  padding-top: 1px;
}
.article-comments:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-comments:before:hover {
  text-decoration: none;
}
.article-comments:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-save {
  transition: all 0.2s ease-in-out;
}
.article-save:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f004";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-save:before:hover {
  text-decoration: none;
}
.article-save:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-save.m-saved {
  color: #CF4053;
}
.article-comments a,
.article-save a {
  color: #a2a2a2;
}
.article-metadata-container {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .article-metadata-container {
    clear: left;
    margin-left: 24px;
    margin-right: 372px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-metadata-container {
    margin-left: 48px;
    margin-right: 396px;
  }
}
@media only screen and (min-width: 1440px) {
  .article-metadata-container {
    max-width: 1368px;
    margin-left: auto;
    margin-right: auto;
  }
}
.article-metadata {
  font-size: 15px;
  line-height: 20px;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .article-metadata {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-metadata {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-metadata {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-metadata {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .article-metadata {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .article-metadata {
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1440px) {
  .article-metadata {
    margin-right: 348px;
  }
}
.article-metadata-container.m-in-longform {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .article-metadata-container.m-in-longform {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .article-metadata-container.m-in-longform {
    margin-top: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-metadata-container.m-in-longform {
    margin-top: 28px;
  }
}
.article-metadata-container.m-in-longform .article-metadata {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  margin-top: 24px;
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .article-metadata-container.m-in-longform .article-metadata {
    border: none;
    position: absolute;
    line-height: 48px;
    margin: 0;
  }
}
.article-disclaimer {
  margin-top: 7px;
}
@media only screen and (min-width: 1280px) {
  .article-author {
    position: absolute;
    width: 228px;
    margin-top: 58px;
  }
}
@media only screen and (min-width: 1440px) {
  .article-author {
    width: 300px;
  }
}
.article-author-avatar img {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .article-author-avatar img {
    display: block;
    float: left;
    width: 56px;
    height: auto;
    margin-right: 12px;
    margin-bottom: 28px;
  }
}
.article-author-link {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  font-weight: bold;
  margin-right: 12px;
  margin-top: 7px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .article-author-link {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-author-link {
    font-size: 13px;
  }
}
.article-author-link:visited {
  color: #900;
}
.article-author-link:hover {
  color: #f00;
}
@media only screen and (min-width: 1280px) {
  .article-author-link {
    margin-top: 0;
  }
}
.article-author-twitter {
  color: #a2a2a2;
  display: none;
  margin-right: 12px;
}
.article-author-twitter:hover {
  color: #f00;
}
@media only screen and (min-width: 1024px) {
  .article-author-twitter {
    display: inline;
  }
}
@media only screen and (min-width: 1280px) {
  .article-author-twitter {
    display: block;
    margin-top: 7px;
  }
}
.article-links {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .article-links {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-links {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .article-links {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 14px;
  }
}
.article-topics-tags {
  display: block;
  color: #a2a2a2;
}
.article-topics-tags:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f02b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-topics-tags:before:hover {
  text-decoration: none;
}
.article-topics-tags:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-topics-tags:before,
.article-topics-tags:after {
  margin: 0;
}
.article-topics-tags:before {
  vertical-align: text-bottom;
  margin-left: 4.8px;
}
.article-topics-list ul,
.article-topics-list li {
  display: inline;
}
.article-topic-desc {
  display: block;
  margin-bottom: 12px;
  margin-right: 12px;
  margin-left: 8px;
}
@media only screen and (min-width: 768px) {
  .article-topic-desc {
    float: left;
    margin-bottom: 28px;
    line-height: 28px;
    margin-left: 0;
  }
}
.article-topic-desc:after {
  content: ":";
}
.article-topic-link {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 25px;
  padding: 0 9.6px;
  border-radius: 2px;
  background-color: #C00;
  color: #fff;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .article-topic-link {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-topic-link {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .article-topic-link {
    height: 28px;
    line-height: 29px;
  }
}
.article-topic-link:hover {
  background-color: #f00;
}
@media only screen and (min-width: 768px) {
  .article-topic-link {
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-normal-header {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  .article-normal-header {
    max-width: 1368px;
    margin-left: auto;
    margin-right: auto;
  }
}
.article-normal-header h1 {
  margin-top: 24px;
  margin-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 768px) {
  .article-normal-header h1 {
    margin-top: 56px;
    margin-bottom: 28px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-normal-header h1 {
    padding: 0;
    margin-top: 42px;
    margin-bottom: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .article-normal-header h1 {
    margin-right: 348px;
  }
}
.article-normal-header-content {
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .article-normal-header-content {
    float: left;
    width: calc(100% - 348px);
  }
}
@media only screen and (min-width: 768px) {
  .article-normal-header-content {
    margin-bottom: 28px;
    padding-top: 56px;
    position: relative;
  }
}
@media only screen and (min-width: 1280px) {
  .article-normal-header-content {
    margin-bottom: 42px;
  }
}
@media only screen and (min-width: 768px) {
  .article-aside {
    width: 300px;
    margin-left: 48px;
    margin-right: 24px;
    margin-bottom: 28px;
    float: right;
    clear: right;
  }
}
@media only screen and (min-width: 1024px) {
  .article-aside {
    margin-right: 0;
  }
}
.article-aside-content {
  float: right;
  width: 100%;
  max-width: 300px;
}
@media only screen and (min-width: 768px) {
  .article-aside.m-normal-first-aside {
    margin-top: -70px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-aside.m-normal-first-aside {
    margin-top: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-aside.m-blob-aside {
    margin-right: 24px;
    margin-top: 28px;
  }
}
@media only screen and (min-width: 1440px) {
  .article-aside.m-blob-aside {
    float: none;
    width: auto;
    max-width: 1368px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .article-aside.m-blob-aside .article-aside-content {
    margin-top: -28px;
    margin-left: 48px;
  }
}
.article-featured-header {
  margin: 0;
  max-width: 100%;
  max-height: 67vh;
  position: relative;
  margin-bottom: 24px;
}
@media only screen and (orientation: landscape) {
  .article-featured-header {
    max-height: 125vh;
  }
}
@media only screen and (min-width: 768px) {
  .article-featured-header {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-header {
    max-height: 125vh;
    margin-bottom: 42px;
  }
}
.article-featured-cover {
  text-align: center;
  max-height: 67vh;
  overflow: hidden;
  width: 200%;
  max-width: 200%;
  margin: 0 auto 0 -50%;
}
.article-featured-cover img,
.article-featured-cover iframe,
.article-featured-cover object {
  display: block;
  width: 100%;
  height: auto;
}
.article-featured-cover img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto 24px;
}
@media only screen and (min-width: 768px) {
  .article-featured-cover img {
    margin-bottom: 28px;
  }
}
.article-featured-cover .asset-content {
  overflow: hidden;
}
.article-featured-cover .base-wrapper-image {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.article-featured-cover .base-wrapper-image img,
.article-featured-cover .base-wrapper-image img.centro,
.article-featured-cover .base-wrapper-image img.centro_sinmarco {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (orientation: landscape) {
  .article-featured-cover {
    max-height: 125vh;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .article-featured-cover {
    width: 130%;
    margin: 0 auto 0 -15%;
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-cover {
    max-height: 125vh;
    width: 100%;
    margin: 0 auto;
  }
}
.article-featured-cover img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .article-featured-cover img {
    margin-bottom: 0;
  }
}
.article-featured-cover span {
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (orientation: landscape) {
  .article-featured-cover span {
    height: 60%;
    background-color: rgba(0, 0, 0, 0.8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-cover span {
    height: 60%;
    background-color: rgba(0, 0, 0, 0.8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  }
}
.article-featured-title-container {
  position: absolute;
  bottom: 24px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .article-featured-title-container {
    bottom: auto;
    top: 84px;
  }
}
.article-featured-title {
  margin-left: 16px;
  margin-right: 16px;
  margin: 0 16px;
}
@media only screen and (min-width: 768px) {
  .article-featured-title {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-title {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-title {
    max-width: 1044px;
    margin: 0 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .article-featured-title {
    margin: 0 auto;
  }
}
.article-featured-title h1 {
  clear: both;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 33px;
  line-height: 36px;
  text-transform: none;
  margin-top: 48px;
  margin-bottom: 24px;
  color: #fff;
  margin: 0;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 768px) {
  .article-featured-title h1 {
    margin-top: 56px;
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 61.6px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-featured-title h1 {
    margin-top: 56px;
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 61.6px;
  }
}
.article-featured-category {
  float: left;
  opacity: 0.9;
}
.article-featured-category a {
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
  .article-featured-aside {
    width: 300px;
    margin-left: 48px;
    margin-right: 24px;
    margin-bottom: 28px;
    float: right;
    clear: right;
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-aside {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .article-featured-aside {
    float: right;
    clear: right;
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-aside {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .article-featured-aside {
    margin-left: 48px;
  }
}
.brand-article-logo {
  background: #EFECE0;
  padding: 4px 0 0;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .brand-article-logo {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  .brand-article-logo {
    max-width: 1368px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .brand-article-logo {
    padding-top: 0;
  }
}
.brand-article-inner {
  background: #EFECE0;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .brand-article-inner {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .brand-article-inner {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .brand-article-inner {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .brand-article-inner {
    float: right;
    width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .brand-article-logo.m-normal .brand-article-inner {
    margin-top: 14px;
    margin-bottom: -14px;
  }
}
@media only screen and (min-width: 1024px) {
  .brand-article-logo.m-normal .brand-article-inner {
    margin-top: 56px;
  }
}
@media only screen and (min-width: 1024px) {
  .brand-article-logo.m-featured .brand-article-inner {
    position: absolute;
    top: 0;
    right: 0;
    padding: 28px 0;
  }
}
.brand-logo-disclaimer-text,
.brand-logo-image {
  display: inline-block;
  vertical-align: middle;
}
.brand-logo-disclaimer-text {
  width: 80px;
  text-align: right;
}
@media only screen and (min-width: 360px) {
  .brand-logo-disclaimer-text {
    width: 35%;
  }
}
@media only screen and (min-width: 480px) {
  .brand-logo-disclaimer-text {
    width: auto;
  }
}
.article-header-branded-container {
  background: #EFECE0;
  padding: 1px 0;
}
@media only screen and (min-width: 768px) {
  .article-header-branded-container {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-title-container.m-branded {
    width: calc(100% - 324px);
  }
}
@media only screen and (min-width: 1280px) {
  .article-featured-title-container.m-branded {
    width: calc(100% - 444px);
    margin-left: 48px;
  }
}
/* Added for 404 page styles */
.error-info {
  margin-left: 16px;
  margin-right: 16px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .error-info {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .error-info {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
.error-info .error-id {
  color: #ddd;
  display: inline-block;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: 150px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  position: relative;
}
.error-info .error-id span {
  background: rgba(0, 0, 0, 0) url("//img.weblogssl.com/g/xataka4/common/shame-drop.png?v=40") no-repeat scroll right center;
  display: block;
  height: 60px;
  position: absolute;
  right: -10px;
  top: 30px;
  width: 40px;
  z-index: 1;
}
/* styles to show author */
.article-metadata-static .article-metadata {
  z-index: 9;
}
.article-metadata-static .article-metadata .article-author {
  position: static;
  margin-top: 0;
  width: auto;
}
@media only screen and (min-width: 768px) {
  .article-metadata-static .article-metadata .article-author {
    float: left;
  }
}
.article-metadata-static .article-metadata .article-author .article-author-avatar img {
  width: 48px;
  margin-bottom: 0;
}
.article-social-share {
  padding-bottom: 16px;
}
.blob blockquote {
  border-left: 6px solid #e9e9e9;
  padding: 0 0 0 16px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .blob blockquote {
    padding: 0 0 0 24px;
  }
}
.blob blockquote blockquote {
  border: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .blob blockquote blockquote {
    padding: 0 0 0 24px;
  }
}
.blob blockquote p {
  font-family: Georgia, Times New Roman, Times, serif;
  font-weight: 400;
  font-style: normal;
}
.blob img {
  margin: 24px auto;
  width: auto;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .blob img {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.blob p img {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .blob p img {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.blob img.izquierda,
.blob img.izquierda_sinmarco {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .blob img.izquierda,
  .blob img.izquierda_sinmarco {
    float: left;
    margin-right: 24px;
    max-width: 372px;
  }
}
@media only screen and (min-width: 1024px) {
  .blob img.izquierda,
  .blob img.izquierda_sinmarco {
    margin-bottom: 28px;
    margin-right: 48px;
    margin-top: 0;
  }
}
.blob img.derecha,
.blob img.derecha_sinmarco {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .blob img.derecha,
  .blob img.derecha_sinmarco {
    float: right;
    margin-left: 24px;
    max-width: 372px;
  }
}
@media only screen and (min-width: 1024px) {
  .blob img.derecha,
  .blob img.derecha_sinmarco {
    margin-bottom: 28px;
    margin-left: 48px;
  }
}
.blob img.centro,
.blob img.centro_sinmarco {
  display: block;
  width: calc(100% +  16px*2);
  max-width: calc(100% +  16px*2);
  height: auto;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .blob img.centro,
  .blob img.centro_sinmarco {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
  }
}
.caption-img,
.caption-img span,
.caption-type,
.supercaption caption,
.supercaption .caption {
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .caption-img,
  .caption-img span,
  .caption-type,
  .supercaption caption,
  .supercaption .caption {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .caption-img,
  .caption-img span,
  .caption-type,
  .supercaption caption,
  .supercaption .caption {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .caption-img,
  .caption-img span,
  .caption-type,
  .supercaption caption,
  .supercaption .caption {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .caption-img,
  .caption-img span,
  .caption-type,
  .supercaption caption,
  .supercaption .caption {
    line-height: 21px;
  }
}
.supercaption caption,
.supercaption .caption,
.caption-img span,
.caption-type {
  display: block;
  margin-left: 16px;
  margin-right: 16px;
  border-bottom: 1px solid #e9e9e9;
  padding: 12px 0;
  text-align: left;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .supercaption caption,
  .supercaption .caption,
  .caption-img span,
  .caption-type {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .supercaption caption,
  .supercaption .caption,
  .caption-img span,
  .caption-type {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .supercaption caption,
  .supercaption .caption,
  .caption-img span,
  .caption-type {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 28px;
  }
}
.caption-img,
.supercaption {
  text-align: center;
}
.caption-img img,
.caption-img img.centro,
.caption-img img.centro_sinmarco,
.supercaption img,
.supercaption img.centro,
.supercaption img.centro_sinmarco {
  margin-bottom: 0;
}
.supercaption .derecha,
.supercaption .izquierda {
  float: none;
}
.sumario,
.sumario_derecha,
.sumario_izquierda,
.blob .sumario_derecha,
.blob .sumario_izquierda,
.blob .sumario,
.u-article-summary {
  text-align: left;
  font-family: Roboto Condensed, Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 26.4px;
  border-bottom: 2px solid #f2bfbf;
  padding: 1px 16px 18px;
  color: #6F6361;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .sumario,
  .sumario_derecha,
  .sumario_izquierda,
  .blob .sumario_derecha,
  .blob .sumario_izquierda,
  .blob .sumario,
  .u-article-summary {
    font-size: 23px;
    line-height: 29.4px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .sumario,
  .sumario_derecha,
  .sumario_izquierda,
  .blob .sumario_derecha,
  .blob .sumario_izquierda,
  .blob .sumario,
  .u-article-summary {
    padding-bottom: 21px;
    font-size: 23px;
    line-height: 29.4px;
  }
}
.js-video {
  height: 0;
  padding-bottom: 56.5%;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1280px) {
  .js-video {
    clear: left;
  }
}
.js-video.widescreen {
  padding-bottom: 57.25%;
}
.js-video.p4-3 {
  padding-bottom: 56.25%;
}
.js-video.vimeo {
  padding-top: 0;
}
.js-video embed,
.js-video iframe,
.js-video object,
.js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
@media only screen and (min-width: 1024px) {
  .article-asset-table.article-asset-big table,
  .article-asset-table.article-asset-cover table,
  .supertable {
    width: auto;
  }
}
.data-table,
.tabla-datos {
  display: block;
  min-width: 100%;
  width: auto !important;
  overflow: scroll;
  font-size: 15px;
  line-height: 20px;
  border-collapse: collapse;
}
@media only screen and (min-width: 768px) {
  .data-table,
  .tabla-datos {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .data-table,
  .tabla-datos {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .data-table,
  .tabla-datos {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .data-table,
  .tabla-datos {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .data-table,
  .tabla-datos {
    display: table;
    min-width: 678px;
    width: auto !important;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
  }
}
.data-table th,
.tabla-datos th,
.data-table td,
.tabla-datos td {
  padding: 12px 8px;
}
@media only screen and (min-width: 768px) {
  .data-table th,
  .tabla-datos th,
  .data-table td,
  .tabla-datos td {
    padding: 14px 12px;
  }
}
.data-table thead th,
.tabla-datos thead th {
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .data-table thead th,
  .tabla-datos thead th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .data-table thead th,
  .tabla-datos thead th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .data-table thead th,
  .tabla-datos thead th {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .data-table thead th,
  .tabla-datos thead th {
    line-height: 21px;
  }
}
.data-table tbody th,
.tabla-datos tbody th {
  font-weight: bold;
}
.supertable:before,
.tabla-datos[style="width:1000px"]:before {
  content: "Desliza a la derecha para ver más";
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .supertable:before,
  .tabla-datos[style="width:1000px"]:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .supertable:before,
  .tabla-datos[style="width:1000px"]:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .supertable:before,
  .tabla-datos[style="width:1000px"]:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .supertable:before,
  .tabla-datos[style="width:1000px"]:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .supertable:before,
  .tabla-datos[style="width:1000px"]:before {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.module-type-actualizacion .module-content {
  border: 1px dashed #efd459;
  background: #FFFCEF;
  padding: 1em 1em;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) {
  .module-type-actualizacion .module-content {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.actualizacion {
  margin-left: 16px;
  margin-right: 16px;
  border: 1px dashed #efd459;
  background: #FFFCEF;
  padding: 1em 1em;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) {
  .actualizacion {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .actualizacion {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .actualizacion {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.ficha {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 24px;
  margin-bottom: 24px;
  background: #eee;
  padding: 1px 0 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
  .ficha {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .ficha {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .ficha {
    padding-bottom: 14px;
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.ficha br {
  display: none;
}
.ficha-titulo {
  margin: 3px 4px;
  overflow: hidden;
  background: #fff;
  padding: 1px 0;
}
.ficha-titulo h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 18px;
  margin: 12px 0 6px 24px;
}
@media only screen and (min-width: 768px) {
  .ficha-titulo h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-titulo h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-titulo h2 {
    margin-top: 28px;
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-titulo h2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-titulo h2 {
    margin-top: 14px;
    margin-bottom: 7px;
  }
}
.ficha-titulo h2 span {
  display: block;
  text-transform: none;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .ficha-titulo h2 span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-titulo h2 span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-titulo h2 span {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-titulo h2 span {
    line-height: 21px;
  }
}
.ficha-titulo h2 span.caps {
  text-transform: uppercase;
}
.ficha-titulo img {
  float: left;
  height: 48px;
  width: auto;
  margin: 6px 8px;
  padding: 0;
  border: none;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .ficha-titulo img {
    height: 56px;
    margin: 7px 24px;
  }
}
.ficha-desc {
  margin: 24px 16px 0;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .ficha-desc {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-desc {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-desc {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-desc {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-desc {
    margin: 28px 24px 0;
  }
}
.ficha-desc ul {
  margin-top: 24px;
}
@media only screen and (min-width: 480px) {
  .ficha-desc ul {
    margin-right: 130px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-desc ul {
    margin-top: 0;
  }
}
.ficha-desc li {
  margin-left: 0;
  margin-right: 0;
  list-style-type: disc;
  margin-bottom: 16px;
  margin-left: 12px;
}
@media only screen and (min-width: 768px) {
  .ficha-desc li {
    margin-left: 24px;
  }
}
.ficha-desc p {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .ficha-desc p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-desc p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-desc p {
    line-height: 16.8px;
  }
}
.ficha-desc img {
  display: block;
  width: 120px;
  height: 120px;
  border: 1px solid #e9e9e9;
  padding: 4px;
  margin: 0 auto;
  background: #fff;
}
@media only screen and (min-width: 480px) {
  .ficha-desc img {
    float: right;
  }
}
/* Reviews */
.nota-analisis {
  position: relative;
  padding-top: 1px;
  margin-left: 16px;
  margin-right: 16px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .nota-analisis {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .nota-analisis {
    max-width: 1044px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1600px) {
  .nota-analisis {
    max-width: 1368px;
  }
}
@media only screen and (min-width: 768px) {
  .nota-analisis {
    margin-bottom: 28px;
  }
}
.nota-analisis br {
  display: block;
  clear: both;
}
.total br,
.positivo br,
.negativo br,
.parcial br {
  display: none;
}
.total {
  float: left;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 28.8px;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 0;
  color: #fff;
  font-weight: bold;
  padding: 0 0 0 16px;
}
@media only screen and (min-width: 768px) {
  .total {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1360px) {
  .total {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .total {
    padding-left: 24px;
  }
}
.total:after {
  display: inline-block;
  font-weight: 100;
  content: "/10";
  background: #eee;
  color: #bebebe;
  padding: 12px 16px 12px 8px;
  margin-left: 16px;
}
@media only screen and (min-width: 768px) {
  .total:after {
    padding: 14px 24px 14px 12px;
    margin-left: 24px;
  }
}
.total-9,
.total-10 {
  background-color: #277812;
}
.total-7,
.total-8 {
  background-color: #9CBF2F;
}
.total-5,
.total-6 {
  background-color: #FFB900;
}
.total-3,
.total-4 {
  background-color: #FC6B00;
}
.total-0,
.total-1,
.total-2 {
  background-color: #AF0400;
}
.nota-9 strong,
.nota-10 strong {
  color: #277812;
}
.nota-9 span,
.nota-10 span {
  background-color: #277812;
}
.nota-7 strong,
.nota-8 strong {
  color: #9CBF2F;
}
.nota-7 span,
.nota-8 span {
  background-color: #9CBF2F;
}
.nota-5 strong,
.nota-6 strong {
  color: #FFB900;
}
.nota-5 span,
.nota-6 span {
  background-color: #FFB900;
}
.nota-3 strong,
.nota-4 strong {
  color: #FC6B00;
}
.nota-3 span,
.nota-4 span {
  background-color: #FC6B00;
}
.nota-0 strong,
.nota-1 strong,
.nota-2 strong {
  color: #AF0400;
}
.nota-0 span,
.nota-1 span,
.nota-2 span {
  background-color: #AF0400;
}
.resumen,
.ficha-tecnica,
.parcial {
  clear: left;
  overflow: hidden;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .resumen,
  .ficha-tecnica,
  .parcial {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .resumen,
  .ficha-tecnica,
  .parcial {
    float: left;
    width: 48%;
  }
}
.parcial {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.parcial div {
  position: relative;
  border-bottom: 4px solid #ccc;
  margin: 24px 24px;
}
@media only screen and (min-width: 768px) {
  .parcial div {
    margin: 28px 24px;
  }
}
@media only screen and (min-width: 1024px) {
}
.parcial div strong {
  float: right;
}
.parcial div span {
  position: absolute;
  bottom: -4px;
  display: block;
  height: 4px;
}
.positivo,
.negativo {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .positivo,
  .negativo {
    margin-bottom: 28px;
  }
}
.positivo h3,
.negativo h3 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  font-weight: lighter;
  background-color: #90b986;
  color: #fff;
  text-indent: 24px;
  padding: 6px 0;
}
@media only screen and (min-width: 768px) {
  .positivo h3,
  .negativo h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .positivo h3,
  .negativo h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .positivo h3,
  .negativo h3 {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.positivo ul,
.negativo ul {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 24px 0 12px;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .positivo ul,
  .negativo ul {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .positivo ul,
  .negativo ul {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .positivo ul,
  .negativo ul {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .positivo ul,
  .negativo ul {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .positivo ul,
  .negativo ul {
    padding-top: 28px 0 14px;
  }
}
.positivo ul li,
.negativo ul li {
  list-style-type: none;
}
.positivo li,
.negativo li {
  margin-left: 42px;
  margin-right: 12px;
  margin-bottom: 12px;
}
.positivo li:before,
.negativo li:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e628";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.positivo li:before:hover,
.negativo li:before:hover {
  text-decoration: none;
}
.positivo li:after,
.negativo li:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .positivo li,
  .negativo li {
    margin-bottom: 14px;
  }
}
.positivo li:before,
.negativo li:before {
  color: #277812;
  opacity: 0.5;
  margin-left: -20px;
}
@media only screen and (min-width: 768px) {
  .positivo {
    width: 48%;
    float: left;
  }
}
@media only screen and (min-width: 1024px) {
  .positivo {
    float: right;
  }
}
@media only screen and (min-width: 768px) {
  .negativo {
    width: 48%;
    float: right;
    clear: right;
  }
}
.negativo h3 {
  background-color: #d47f7d;
}
.negativo li:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.negativo li:before:hover {
  text-decoration: none;
}
.negativo li:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.negativo li:before {
  color: #AF0400;
}
.ficha-tecnica .cover {
  float: left;
}
.ficha-tecnica img.cover,
.ficha-tecnica .cover img {
  height: 60px;
  width: auto;
  float: left;
  margin: 0 12px 24px 0;
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica img.cover,
  .ficha-tecnica .cover img {
    margin-bottom: 28px;
  }
}
.ficha-tecnica h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 26.4px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 24px;
  margin: 0;
  display: inline;
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica h2 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-tecnica h2 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica h2 {
    margin-top: 42px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .ficha-tecnica h2 {
    margin-top: 84px;
    margin-bottom: 28px;
  }
}
.ficha-tecnica table {
  border: none;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0;
}
.ficha-tecnica th,
.ficha-tecnica td {
  border: none;
  border-bottom: 1px solid #e9e9e9;
  vertical-align: top;
  padding: 12px 8px;
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica th,
  .ficha-tecnica td {
    padding: 14px 12px;
  }
}
.ficha-tecnica th {
  color: #999;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: normal;
  padding-right: 0;
  padding-left: 64px;
  background-image: url("//img.weblogssl.com/g/xataka4/common/ficha-juego.png?v=36");
  background-position: 16px 16px;
  background-repeat: no-repeat;
}
.ficha-tecnica th.desarrollador {
  background-position: 16px -90px;
}
.ficha-tecnica th.compania {
  background-position: 16px -190px;
}
.ficha-tecnica th.lanzamiento {
  background-position: 16px -286px;
}
.ficha-tecnica th.precio {
  background-position: 16px -384px;
}
.nota-analisis p {
  margin-top: 0;
  margin-bottom: 0;
}
.parcial[style="width:300px;margin:10px 0 10px"] {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media only screen and (min-width: 768px) {
  .parcial[style="width:300px;margin:10px 0 10px"] {
    margin-bottom: 28px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .parcial[style="width:300px;margin:10px 0 10px"] {
    float: left;
    width: 48% !important;
  }
}
.parcial[style="width:300px;margin:10px 0 10px"] div span {
  height: 4px !important;
}
.parcial div[style="margin-left:.5em"] {
  margin-left: 24px !important;
}
.parcial div[style="margin:.5em"] {
  margin: 24px 24px !important;
}
@media only screen and (min-width: 768px) {
  .parcial div[style="margin:.5em"] {
    margin: 28px 24px !important;
  }
}
.nota-analisis div[style="width:300px;margin:1.5em auto 0"] {
  width: auto !important;
  max-width: 678px !important;
  margin: 0 auto !important;
  clear: both;
}
@media only screen and (min-width: 1024px) {
  .resumen.ficha-tecnica > .positivo {
    margin-top: 88px;
  }
}
.nota,
.firmainvitada {
  margin-left: 16px;
  margin-right: 16px;
  border-left: 4px solid #e9e9e9;
  font-size: 15px;
  line-height: 20px;
  font-style: italic;
  padding-left: 16px;
}
@media only screen and (min-width: 768px) {
  .nota,
  .firmainvitada {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .nota,
  .firmainvitada {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .nota,
  .firmainvitada {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .nota,
  .firmainvitada {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .nota,
  .firmainvitada {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .nota,
  .firmainvitada {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .nota,
  .firmainvitada {
    padding-left: 24px;
  }
}
.nota hr,
.firmainvitada hr {
  border: none;
  color: #e9e9e9;
  background: #e9e9e9;
  height: 1px;
}
.nota img,
.nota img.derecha,
.firmainvitada img,
.firmainvitada img.derecha {
  border: 1px solid #e9e9e9;
  background: #fff;
  padding: 4px;
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .nota img,
  .nota img.derecha,
  .firmainvitada img,
  .firmainvitada img.derecha {
    float: right;
  }
}
@media only screen and (min-width: 1024px) {
  .nota img,
  .nota img.derecha,
  .firmainvitada img,
  .firmainvitada img.derecha {
    margin-right: 0;
  }
}
.tweet-this {
  border-bottom: 1px dotted #00ACEE;
  text-decoration: none!important;
  color: #444;
}
.tweet-this:hover {
  background-color: #EFFBFF;
  color: #00ACEE;
  border: none;
}
.tweet-this:after {
  color: #00ACEE;
}
.sumario .tweet-this,
.sumario_derecha .tweet-this,
.sumario_izquierda .tweet-this {
  border-bottom: none;
}
.sumario .tweet-this:after,
.sumario_derecha .tweet-this:after,
.sumario_izquierda .tweet-this:after {
  font-style: normal;
  vertical-align: text-bottom;
}
.ficha-producto {
  margin: 0 0 24px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.ficha-producto h2 {
  display: inline-block;
  background: #C00;
  color: #fff;
  padding: 12px 16px !important;
  margin: 150px 0 0 !important;
  font-size: 18px;
  position: relative;
}
.ficha-producto .datos {
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #C00;
  position: relative;
  margin: 0 0 24px;
  padding: 0 0 8px;
}
.ficha-producto p {
  padding: 16px 24px;
  margin: 0 0 8px;
  border-bottom: 1px solid #eee;
}
.ficha-producto img,
.ficha-producto img.centro,
.ficha-producto img.centro_sinmarco {
  width: auto;
  max-height: 250px;
  display: block;
  position: absolute;
  right: 0;
}
.ficha-producto img.derecha,
.ficha-producto img.derecha_sinmarco {
  right: 48px;
}
.ficha-producto table {
  margin: 0;
  border: none;
  width: auto;
}
.ficha-producto th,
.ficha-producto td {
  padding: 8px 0 8px 24px;
  border: none;
  vertical-align: top;
}
.ficha-producto th {
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
  color: #999;
}
.article-taxonomy a {
  background-color: #C00;
  color: #fff;
  border-radius: 4px;
  padding: 7px 10px 5px;
  line-height: 48px;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .article-taxonomy a {
    line-height: 56px;
  }
}
/* Amazon affiliate widgets */
.af-box {
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 4px;
  border: 4px solid #eee;
  background: #fcfcfc;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .af-box {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .af-box {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .af-box {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.af-box:hover {
  border-color: #ddd;
}
.af-box h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin: 12px 16px;
}
@media only screen and (min-width: 768px) {
  .af-box h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .af-box h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .af-box h2 {
    margin: 14px 24px;
  }
}
.af-box p,
.af-box ul {
  margin: 0;
}
.af-box li {
  margin: 0 0 0 4%;
  width: 44%;
  float: left;
  display: inline;
}
.af-box p {
  width: 80%;
  margin: 0 auto;
}
.af-box a {
  color: #333;
}
.af-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.af-buy a {
  display: block;
  background: #fee260;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  padding: 12px 0;
  margin: 0 auto 12px;
  line-height: 1;
}
.af-box li .af-buy a {
  margin-right: 0;
}
.af-buy a:hover {
  color: #fff !important;
  background: #ff9900;
  text-decoration: none;
}
.af-name {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .af-name {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .af-name {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .af-name {
    line-height: 16.8px;
  }
}
.af-price {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
  font-weight: bold;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .af-price {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .af-price {
    font-size: 19px;
    line-height: 28px;
  }
}
/* Landscape style */
.af-box-landscape {
  width: 95%;
  text-align: left;
}
.af-box-landscape .af-image {
  width: 35%;
  display: inline-block;
  vertical-align: middle;
}
.af-box-landscape .af-data {
  width: 64%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.af-box-landscape .af-price {
  display: block;
}
/* Compact style */
.af-box-compact {
  text-align: left;
  width: 95%;
  max-width: 660px;
}
.af-box-compact .af-image {
  width: 150px;
  float: left;
}
.af-box-compact .af-data {
  margin-left: 160px;
  height: 110px;
  line-height: 110px;
  text-align: left;
  display: block;
  width: auto;
}
.af-box-compact h2 {
  display: inline-block;
  width: 280px;
  padding: 0;
  vertical-align: middle;
}
.af-box-compact p {
  width: 145px;
  display: inline-block;
  vertical-align: middle;
}
.af-box-compact .af-buy a {
  width: auto;
  padding: 12px;
  margin: 0;
  text-transform: capitalize;
  text-align: center;
}
.af-box-compact .af-price {
  display: block;
}
.af-inverted {
  background: #222;
  border-color: #bbb;
}
.af-inverted h2,
.af-inverted h2 a {
  color: #eee;
}
.af-inverted .af-image {
  opacity: 0.8;
}
/* Affiliates Mobile styles */
@media screen and (orientation: portrait) and (max-width: 479px) {
  .af-box .af-image {
    display: inline-block;
    height: 120px;
    overflow: hidden;
  }
}
@media screen and (orientation: landscape) and (max-width: 679px) {
  .af-box {
    width: 95%;
    text-align: left;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .af-box .af-image {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
  }
  .af-box .af-data {
    width: 64%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }
  .af-box .af-price {
    display: block;
  }
}
@media screen and (orientation: portrait) and (min-width: 480px) {
  .af-box {
    width: 95%;
    text-align: left;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .af-box .af-image {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
  }
  .af-box .af-data {
    width: 64%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }
  .af-box .af-price {
    display: block;
  }
}
@media screen and (min-width: 680px) {
  .af-box {
    text-align: left;
    width: 95%;
    max-width: 660px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .af-box .af-image {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
  }
  .af-box .af-data {
    width: 64%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }
  .af-box .af-price {
    display: block;
  }
  .af-box .af-image {
    width: 150px;
    float: left;
  }
  .af-box .af-data {
    margin-left: 160px;
    height: 110px;
    line-height: 110px;
    text-align: left;
    display: block;
    width: auto;
  }
  .af-box h2 {
    display: inline-block;
    width: 280px;
    padding: 0;
    vertical-align: middle;
  }
  .af-box p {
    width: 145px;
    display: inline-block;
    vertical-align: middle;
  }
  .af-box .af-buy a {
    width: auto;
    padding: 12px;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
  }
  .af-box .af-price {
    display: block;
  }
}
.af-box,
.af-box-compact,
.af-box-landscape {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.af-box h2 span {
  display: none;
}
/* added for vida extra */
.af-box-5 {
  padding-bottom: 20px;
}
.af-box-5 h2 {
  width: auto;
}
.af-box-5 .af-buy {
  clear: both;
  margin: 0;
  padding: 0;
}
.af-box-5 .af-buy a {
  text-align: center;
}
.af-box-5 .af-buy li {
  margin-top: 10px;
  width: 28%;
}
.af-box-5 .af-buy li:nth-child(4) {
  margin-left: 20%;
}
.af-box-4 {
  padding-bottom: 10px;
}
.af-box-4 h2 {
  width: auto;
}
.af-box-4 .af-buy {
  clear: both;
  margin: 0;
  padding: 0;
}
.af-box-4 .af-buy a {
  text-align: center;
}
.af-box-4 .af-buy li {
  margin-top: 10px;
}
.af-box-3 {
  padding-bottom: 20px;
}
.af-box-3 h2 {
  width: auto;
}
.af-box-3 .af-buy {
  clear: both;
  margin: 0;
  padding: 0;
}
.af-box-3 .af-buy a {
  text-align: center;
}
.af-box-3 .af-buy li {
  margin-top: 10px;
  width: 28%;
}
.af-box-2 {
  padding-bottom: 10px;
}
.af-box-2 h2 {
  width: auto;
}
.af-box-2 .af-buy {
  clear: both;
  margin: 0;
  padding: 0;
}
.af-box-2 .af-buy a {
  text-align: center;
}
.af-box-2 .af-buy li {
  margin-top: 10px;
}
.af-box-1 {
  padding-bottom: 10px;
}
.af-box-1 .af-data {
  display: inline-block;
  margin: 0;
}
.af-box-1 .af-buy {
  width: 50%;
  margin: 10px auto 0 auto;
}
.af-box-1 .af-buy a {
  text-align: center;
}
.af-box-1 .af-buy li {
  width: 100%;
}
@media all and (orientation: portrait) {
  .af-box-5 .af-buy li,
  .af-box-3 .af-buy li {
    width: 44%;
  }
  .af-box-5 .af-buy li:nth-child(4),
  .af-box-3 .af-buy li:nth-child(4) {
    margin-left: 4%;
  }
  .af-box-5 .af-buy li:last-child,
  .af-box-3 .af-buy li:last-child {
    width: 92%;
  }
  .af-box-5 .af-buy li:last-child a,
  .af-box-3 .af-buy li:last-child a {
    width: 50%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  /* Amazon affiliate widgets */
  .af-box {
    margin-left: 16px;
    margin-right: 16px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border-radius: 4px;
    border: 4px solid #eee;
    background: #fcfcfc;
    text-align: center;
  }
  .af-box:hover {
    border-color: #ddd;
  }
  .af-box h2 {
    font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    line-height: 26.4px;
    text-transform: none;
    letter-spacing: 0;
    margin-top: 36px;
    margin-bottom: 24px;
    margin: 12px;
    padding: 0;
    color: #666;
  }
  .af-box h2 span {
    display: block;
    color: #aaa;
    margin: 6px 0 0;
    font-size: 13px;
    font-weight: normal;
  }
  .af-box p,
  .af-box ul {
    margin: 0;
  }
  .af-box li {
    margin: 0 0 0 4%;
    width: 44%;
    float: left;
    display: inline;
  }
  .af-box p {
    width: 80%;
    margin: 0 auto;
  }
  .af-box a {
    color: #333;
  }
  .af-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  .af-buy a {
    display: block;
    font-size: 0.9em;
    background: #fee260;
    width: 100%;
    overflow: hidden;
    line-height: 1;
    border-radius: 4px;
    padding: 12px 0;
    margin: 0 auto 12px;
  }
  .af-box li .af-buy a {
    margin-right: 0;
  }
  .af-buy a:hover {
    color: #fff !important;
    background: #ff9900;
    text-decoration: none;
  }
  li .af-name {
    font-size: 0.9em;
    white-space: nowrap;
  }
  li .af-price {
    display: block;
    font-size: 1.5em;
    margin-top: 6px;
  }
  /* Landscape style */
  .af-box-landscape {
    width: 95%;
    text-align: left;
  }
  .af-box-landscape .af-image {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
  }
  .af-box-landscape .af-data {
    width: 64%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }
  /* Compact style */
  .af-box-compact {
    text-align: left;
    width: 95%;
    max-width: 660px;
  }
  .af-box-compact .af-image {
    width: 150px;
    float: left;
  }
  .af-box-compact .af-data {
    margin-left: 160px;
    height: 110px;
    line-height: 110px;
    text-align: left;
    display: block;
    width: auto;
  }
  .af-box-compact h2 {
    display: inline-block;
    width: 300px;
    padding: 0;
    vertical-align: middle;
  }
  .af-box-compact p {
    width: 145px;
    display: inline-block;
    vertical-align: middle;
  }
  .af-box-compact .af-buy a {
    width: auto;
    padding: 12px;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
  }
  .af-box-compact .af-name {
    font-size: 15px;
    line-height: 20px;
  }
  .af-box-compact .af-price {
    display: block;
    margin-top: 6px;
    font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    line-height: 26.4px;
    text-transform: none;
    letter-spacing: 0;
  }
  .af-inverted {
    background: #222;
    border-color: #bbb;
  }
  .af-inverted h2,
  .af-inverted h2 a {
    color: #eee;
  }
  .af-inverted .af-image {
    opacity: 0.8;
  }
  /* Affiliates desktop styles */
  .af-box-compact {
    width: 100%;
  }
  .af-box {
    text-align: left;
    width: 95%;
    max-width: 660px;
    width: 100%;
  }
  .af-box .af-image {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
  }
  .af-box .af-data {
    width: 64%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }
  .af-box .af-image {
    width: 150px;
    float: left;
  }
  .af-box .af-data {
    margin-left: 160px;
    height: 110px;
    line-height: 110px;
    text-align: left;
    display: block;
    width: auto;
  }
  .af-box h2 {
    display: inline-block;
    width: 300px;
    padding: 0;
    vertical-align: middle;
  }
  .af-box p {
    width: 145px;
    display: inline-block;
    vertical-align: middle;
  }
  .af-box .af-buy a {
    width: auto;
    padding: 12px;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
  }
  .af-box .af-name {
    font-size: 15px;
    line-height: 20px;
  }
  .af-box .af-price {
    display: block;
    margin-top: 6px;
    font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    line-height: 26.4px;
    text-transform: none;
    letter-spacing: 0;
  }
  /* added for vida extra */
  .af-box-5 h2 {
    width: auto;
  }
  .af-box-5 .af-buy {
    clear: both;
  }
  .af-box-5 .af-buy li {
    width: 17.5%;
    margin: 10px 0 10px 2%;
  }
  .af-box-4 h2 {
    width: auto;
  }
  .af-box-4 .af-buy {
    clear: both;
  }
  .af-box-4 .af-buy li {
    width: 22.5%;
    margin: 10px 0 10px 2%;
  }
  .af-box-3 h2 {
    width: auto;
  }
  .af-box-3 .af-buy {
    clear: both;
  }
  .af-box-3 .af-buy li {
    width: 30%;
    margin: 10px 0 10px 2.5%;
  }
  .af-box-2 {
    padding: 0;
  }
  .af-box-2 h2 {
    width: auto;
  }
  .af-box-2 .af-data {
    display: inline-block;
    margin: 0;
  }
  .af-box-2 .af-buy {
    float: right;
    clear: none;
  }
  .af-box-2 .af-buy li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .af-box-2 .af-name {
    width: 100px;
    display: inline-block;
  }
  .af-box-1 {
    padding: 0;
  }
  .af-box-1 .af-data {
    display: inline-block;
    margin: 0;
  }
  .af-box-1 .af-buy {
    float: right;
    margin: 20px 20px 0 0;
    width: auto;
  }
  .af-box-1 .af-buy li {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .af-box {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1024px) {
  .af-box {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .af-box h2 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1360px) {
  .af-box h2 {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .af-box h2 {
    margin-top: 42px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1360px) {
  .af-box h2 {
    margin-top: 84px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .af-box-compact .af-name {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1360px) {
  .af-box-compact .af-name {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .af-box-compact .af-name {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1360px) {
  .af-box-compact .af-name {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .af-box-compact .af-price {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1360px) {
  .af-box-compact .af-price {
    font-size: 23px;
    line-height: 29.4px;
  }
}
/* added for overlay captions */
.module-type-caption .module-content {
  position: relative;
}
.module-type-caption .module-content .module-image-caption-overlay {
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px 12px;
  /*width: @base-col*0.5;*/
  width: auto;
}
@media only screen and (min-width: 768px) {
  .module-type-caption .module-content .module-image-caption-overlay {
    text-align: left;
    width: 324px;
    padding: 28px 24px;
  }
}
.module-type-caption .module-content .module-image-caption-overlay.caption-overlay-white {
  background: rgba(255, 255, 255, 0.7);
}
.module-type-caption .module-content .module-image-caption-overlay.caption-overlay-black {
  background: rgba(0, 0, 0, 0.7);
}
.module-type-caption .module-content .module-image-caption-overlay.caption-top-left {
  right: auto;
  left: 0;
}
.module-type-caption .module-content .module-image-caption-overlay.caption-bottom-right {
  top: auto;
  bottom: 0;
}
.module-type-caption .module-content .module-image-caption-overlay.caption-bottom-right {
  top: auto;
  bottom: 0;
}
.module-type-caption .module-content .module-image-caption-overlay.caption-bottom-left {
  right: auto;
  left: 0;
  top: auto;
  bottom: 0;
}
.module-type-caption .module-content .module-image-caption-overlay .caption-overlay-text {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .module-type-caption .module-content .module-image-caption-overlay .caption-overlay-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-caption .module-content .module-image-caption-overlay .caption-overlay-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-caption .module-content .module-image-caption-overlay .caption-overlay-text {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-caption .module-content .module-image-caption-overlay .caption-overlay-text {
    line-height: 21px;
  }
}
.module-type-caption .module-content .module-image-caption-overlay.caption-overlay-black .caption-overlay-text {
  color: #fff;
}
.module-size-small.module-type-caption .module-content .module-image-caption-overlay {
  padding: 14px 12px;
  width: 162px;
}
.table-container td .js-video {
  min-width: 162px;
}
.table-container .module-type-image img {
  min-width: 162px;
}
@media only screen and (min-width: 768px) {
  .table-container .module-type-image img {
    min-width: auto;
  }
}
.table-container.table-cell-equal td .js-video {
  min-width: 100%;
}
.table-container.table-cell-equal .module-type-image img {
  min-width: auto;
}
.table-container td .module-type-video .module-content {
  width: 100%;
}
.instagram-media-container,
.twitter-tweet-rendered {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 768px) {
  .instagram-media-container,
  .twitter-tweet-rendered {
    padding-left: 0;
    padding-right: 0;
  }
}
.twitter-tweet,
.instagram-media {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 24px !important;
}
@media only screen and (min-width: 768px) {
  .twitter-tweet,
  .instagram-media {
    margin-bottom: 28px !important;
  }
}
.blob .instagram-media-container {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .blob .instagram-media-container {
    margin-left: calc((100% - 696px)/2);
  }
}
@media only screen and (min-width: 1024px) {
  .instagram-media {
    min-width: initial !important;
    max-width: 600px !important;
  }
}
.fb_iframe_widget {
  display: block !important;
  max-width: 678px;
  margin: 0 auto 24px;
}
#fb-share-button {
  background-color: #ffffff;
  border: 1px solid #ddd;
  padding: 10px;
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 9999;
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
  font-size: 14px;
  border-radius: 4px;
  color: #888;
  cursor: pointer;
}
#fb-share-button .btn-facebook {
  margin-left: 5px;
}
#fb-share-button:hover {
  box-shadow: 0 1px 2px #66afe9;
  color: #222;
}
.pb_feed {
  max-width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .pb_feed {
    max-width: 540px;
    margin: 0 0 0 72px;
  }
}
@media only screen and (min-width: 1280px) {
  .pb_feed {
    max-width: 640px;
    margin: 0 0 0 140px;
  }
}
@media only screen and (min-width: 1600px) {
  .pb_feed {
    margin: 0 auto;
  }
}
.pb_top_content_container,
.pb_feed_anim {
  clear: none !important;
}
.prettyprint {
  max-width: 90%;
  margin: 0 auto 24px;
}
@media only screen and (min-width: 768px) {
  .prettyprint {
    margin-bottom: 28px;
  }
}
.article-asset-embed-giphy {
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .article-asset-embed-giphy {
    margin-bottom: 28px;
  }
}
.article-asset-embed-giphy .asset-content > div:first-child {
  margin: 0 auto;
  width: 100% !important;
}
.article-asset-embed-giphy iframe {
  display: none;
}
.article-asset-embed-giphy img {
  margin: 0;
}
.module-type-giphy {
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .module-type-giphy {
    margin-bottom: 28px;
  }
}
.module-type-giphy .module-content > div:first-child {
  margin: 0 auto;
  width: 100% !important;
  min-width: 300px;
}
.module-type-giphy img {
  margin: 0;
}
.tabla-datos .article-asset-embed-giphy .asset-content > div:first-child,
.module-type-table .module-type-giphy .module-content > div:first-child {
  min-width: 300px;
}
.article-asset-embed-infogram,
.article-asset-table {
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .article-asset-embed-infogram,
  .article-asset-table {
    margin-bottom: 28px;
  }
}
.article-asset-table {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .article-asset-table {
    margin-left: auto;
    margin-right: auto;
  }
}
.tabla-datos {
  text-align: left;
}
.article-asset-table.m-hr-scroll {
  text-align: left;
}
.article-asset-table.m-hr-scroll:after {
  content: "Desliza a la derecha para ver más »";
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .article-asset-table.m-hr-scroll:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-asset-table.m-hr-scroll:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-asset-table.m-hr-scroll:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-asset-table.m-hr-scroll:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .article-asset-table.m-hr-scroll:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-asset-table.m-hr-scroll:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .article-asset-table.m-hr-scroll:after {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .article-asset-table.m-hr-scroll:after {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.article-asset-table.m-hr-scroll::after {
  padding-left: 16px;
}
.article-asset-table.m-hr-scroll .tabla-datos {
  margin-bottom: 4px;
}
@media only screen and (min-width: 1024px) {
  .article-asset-table.m-hr-scroll .tabla-datos {
    margin-bottom: 16px;
  }
}
.custom .article-asset-table .tabla-datos td {
  word-break: break-word;
}
@media only screen and (min-width: 1024px) {
  .custom .tabla-datos {
    display: table;
    min-width: auto;
  }
}
.article-asset-embed-datawrapper,
.article-asset-embed-infogram {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .article-asset-embed-datawrapper,
  .article-asset-embed-infogram {
    margin-left: calc((100% - 696px)/2);
    margin-right: calc((100% - 696px)/2);
  }
}
@media only screen and (min-width: 1024px) {
  .article-asset-embed-datawrapper.article-asset-large,
  .article-asset-embed-infogram.article-asset-large,
  .article-asset-embed-infogram.article-asset-cover,
  .article-asset-embed-infogram.article-asset-edge,
  .article-asset-embed-datawrapper.article-asset-cover,
  .article-asset-embed-datawrapper.article-asset-edge {
    margin-left: auto;
    margin-right: auto;
  }
}
.syntaxhighlighter:before {
  content: "Desliza a la derecha para ver más »";
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .syntaxhighlighter:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .syntaxhighlighter:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .syntaxhighlighter:before {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.base-asset-video .jwplayer {
  position: absolute;
  display: block;
  width: 100%!important;
  height: 100%!important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.article-asset-embed-datawrapper iframe {
  width: 100%;
}
.u-logo-webedia-base {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
}
@media only screen and (min-width: 768px) {
  .u-logo-webedia-base {
    margin-left: 0;
    margin-top: 0;
  }
}
.u-logo-webedia-tech {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-tech.svg?v=36");
}
@media only screen and (min-width: 768px) {
  .u-logo-webedia-tech {
    margin-left: 0;
    margin-top: 0;
  }
}
.u-logo-webedia-food {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-food.svg?v=36");
}
@media only screen and (min-width: 768px) {
  .u-logo-webedia-food {
    margin-left: 0;
    margin-top: 0;
  }
}
.u-logo-webedia-lifestyle {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-lifestyle.svg?v=36");
}
@media only screen and (min-width: 768px) {
  .u-logo-webedia-lifestyle {
    margin-left: 0;
    margin-top: 0;
  }
}
.u-logo-webedia-movies {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-movies.svg?v=36");
}
@media only screen and (min-width: 768px) {
  .u-logo-webedia-movies {
    margin-left: 0;
    margin-top: 0;
  }
}
.u-logo-webedia-pop-culture {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-pop-culture.svg?v=36");
}
@media only screen and (min-width: 768px) {
  .u-logo-webedia-pop-culture {
    margin-left: 0;
    margin-top: 0;
  }
}
.u-logo-webedia-gaming {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-gaming.svg?v=36");
}
@media only screen and (min-width: 768px) {
  .u-logo-webedia-gaming {
    margin-left: 0;
    margin-top: 0;
  }
}
.u-logo-webedia-travel {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-travel.svg?v=36");
}
@media only screen and (min-width: 768px) {
  .u-logo-webedia-travel {
    margin-left: 0;
    margin-top: 0;
  }
}
.u-logo-webedia-inverted {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
}
.u-logo-webedia-tech-inverted {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-tech-dark.svg?v=36");
}
.u-logo-webedia-food-inverted {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-food-dark.svg?v=36");
}
.u-logo-webedia-lifestyle-inverted {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-lifestyle-dark.svg?v=36");
}
.u-logo-webedia-movies-inverted {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-movies-dark.svg?v=36");
}
.u-logo-webedia-pop-culture-inverted {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-pop-culture-dark.svg?v=36");
}
.u-logo-webedia-gaming-inverted {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-gaming-dark.svg?v=36");
}
.u-logo-webedia-travel-inverted {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-travel-dark.svg?v=36");
}
.u-logo-footer {
  height: 50.88px;
  width: 123.84px;
  display: block;
  opacity: 0.6;
  background-position: top center;
}
.head-webedia-logo a {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  margin: 4px 0 !important;
}
@media only screen and (min-width: 768px) {
  .head-webedia-logo a {
    margin-left: 0;
    margin-top: 0;
  }
}
.foot-webedia-brand {
  margin: 0;
}
.webedia-logo {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  height: 50.88px;
  width: 123.84px;
  display: block;
  opacity: 0.6;
  background-position: top center;
}
@media only screen and (min-width: 768px) {
  .webedia-logo {
    margin-left: 0;
    margin-top: 0;
  }
}
.foot {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .foot {
    margin-top: 28px;
  }
}
.foot-wrapper {
  padding: 0 0 1px;
}
@media only screen and (min-width: 768px) {
  .foot-wrapper {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .foot-wrapper {
    max-width: 1368px;
  }
}
.foot h2,
.foot h3 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: 100;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .foot h2,
  .foot h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .foot h2,
  .foot h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .foot h2,
  .foot h3 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .foot h2,
  .foot h3 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.head-new-video-subscribe {
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .head-new-video-subscribe {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-new-video-subscribe {
    font-size: 16px;
  }
}
.head-new-item,
.head-list-item,
.head-new-video-item {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .head-new-item,
  .head-list-item,
  .head-new-video-item {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-new-item,
  .head-list-item,
  .head-new-video-item {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .head-new-item,
  .head-list-item,
  .head-new-video-item {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-new-item,
  .head-list-item,
  .head-new-video-item {
    line-height: 21px;
  }
}
.foot-external {
  padding: 1px 0;
  padding-bottom: 72px;
}
@media only screen and (min-width: 768px) {
  .foot-external {
    padding-bottom: 84px;
  }
}
.foot-head {
  padding: 24px 0 0;
}
@media only screen and (min-width: 768px) {
  .foot-head {
    padding-top: 28px;
  }
}
.backlink {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.backlink:hover {
  background-color: #910000;
  color: #fff;
}
.backlink:hover {
  text-decoration: none;
}
.backlink:active,
.backlink:focus {
  padding-top: 1px;
}
.backlink:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\e625";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.backlink:after:hover {
  text-decoration: none;
}
.backlink:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.foot-backlink {
  float: right;
}
.foot .view-even-more,
.foot-external .view-even-more {
  margin-left: 16px;
}
.foot-menu-external {
  width: 100%;
  overflow: hidden;
  padding-bottom: 72px;
}
@media only screen and (min-width: 768px) {
  .foot-menu-external {
    padding-bottom: 84px;
  }
}
.spain-blogs,
.latam-blogs,
.others-blogs {
  width: 100%;
  clear: both;
  border-top: 1px solid #393939;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .spain-blogs,
  .latam-blogs,
  .others-blogs {
    margin-top: 28px;
  }
}
.spain-blogs .channel-title,
.latam-blogs .channel-title,
.others-blogs .channel-title {
  margin-bottom: 0;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .spain-blogs .channel-title,
  .latam-blogs .channel-title,
  .others-blogs .channel-title {
    margin-top: 28px;
  }
}
.links-category {
  float: left;
  text-align: left;
  width: 20%;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .links-category {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .links-category {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .links-category {
    line-height: 16.8px;
  }
}
.links-category li {
  width: 100%;
  margin: 0;
}
.list-item.foot-list-item {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 2px;
}
@media only screen and (min-width: 768px) {
  .list-item.foot-list-item {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .list-item.foot-list-item {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .list-item.foot-list-item {
    line-height: 16.8px;
  }
}
.wsl-brand path,
.wsl-brand rect,
.wsl-brand polygon {
  fill: #000;
}
.wsl-brand .wsl-brand-w,
.wsl-brand .wsl-brand-weblogs {
  fill: #000;
}
.wsl-brand .wsl-brand-box,
.wsl-brand .wsl-brand-sl-end {
  fill: #77bb2b;
}
.wsl-brand .wsl-brand-sl {
  fill: #fff;
}
.wsl-brand-inverted path,
.wsl-brand-inverted rect,
.wsl-brand-inverted polygon {
  fill: #fff;
}
.wsl-brand-inverted .wsl-brand-w {
  fill: #000;
}
.wsl-brand-inverted .wsl-brand-box,
.wsl-brand-inverted .wsl-brand-sl-end {
  fill: #77bb2b;
}
.wsl-brand-inverted .wsl-brand-sl,
.wsl-brand-inverted .wsl-brand-weblogs {
  fill: #fff;
}
.foot-wsl-brand {
  margin: 0;
}
.foot-wsl-brand svg {
  height: 38.4px;
  max-width: 99%;
  width: auto;
  color: #666;
  fill: #666;
}
.foot-wsl-brand path,
.foot-wsl-brand rect,
.foot-wsl-brand polygon,
.foot-wsl-brand .wsl-brand-box,
.foot-wsl-brand .wsl-brand-weblogs,
.foot-wsl-brand .wsl-brand-sl-end {
  fill: #666;
}
.foot-wsl-brand .wsl-brand-w,
.foot-wsl-brand .wsl-brand-sl {
  fill: #111;
}
.wsl-logo {
  height: 38.4px;
  max-width: 99%;
  width: 153.6px;
  display: inline-block;
  overflow: hidden;
  text-indent: -10000px;
  background: url("//img.weblogssl.com/g/r/svg/foot-wsl-logo.svg?v=36");
  background-size: auto 38.4px;
  background-repeat: no-repeat;
}
.foot-brand {
  margin: 24px auto;
}
@media only screen and (min-width: 768px) {
  .foot-brand {
    margin: 28px auto;
  }
}
.foot-brand .brand-logo {
  opacity: 0.3;
  transition: all 0.2s ease-in-out;
  background-image: url("images/logo-light.svg?v=36");
}
.foot-brand .brand-logo:hover {
  opacity: 0.9;
}
.backlink {
  background-color: #222;
  color: #999;
}
.foot .close {
  background-color: #333;
  color: #ccc;
}
.foot .close:hover {
  background-color: #444;
  color: #fff;
}
.credits {
  margin-left: 16px;
  margin-right: 16px;
  text-align: center;
  margin: 72px auto;
}
@media only screen and (min-width: 768px) {
  .credits {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .credits {
    margin-bottom: 84px auto;
  }
}
.credits-index {
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .credits-index {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .credits-index {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .credits-index {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .credits-index {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .credits-index {
    margin-top: 28px;
    margin-bottom: 14px;
  }
}
.credits-item {
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .credits-item {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .credits-item {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .credits-item {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .credits-item {
    line-height: 21px;
  }
}
.foot-head,
.foot-menu-categories h2 {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .foot-head,
  .foot-menu-categories h2 {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.cookies-overlay {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
  font-size: 13px;
  line-height: 16px;
  width: 100%;
  position: fixed;
  bottom: -1px;
  background: rgba(7, 7, 7, 0.9);
  color: #ccc;
  opacity: 0.9;
}
@media only screen and (min-width: 768px) {
  .cookies-overlay {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .cookies-overlay {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .cookies-overlay {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .cookies-overlay {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .cookies-overlay {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .cookies-overlay {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .cookies-overlay {
    line-height: 16.8px;
  }
}
.cookies-overlay .close {
  float: right;
  margin: 7.2px 0 0 7.2px;
  background-color: #333;
  color: #ccc;
}
.cookies-overlay .close:hover {
  background-color: #444;
  color: #fff;
}
.cookies-overlay p {
  margin: 12px 0;
}
@media only screen and (min-width: 768px) {
  .cookies-overlay p {
    margin: 14px 0;
  }
}
.cookies-wrapper {
  margin-left: 16px;
  margin-right: 16px;
  padding: 1px 0;
}
@media only screen and (min-width: 768px) {
  .cookies-wrapper {
    max-width: 678px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .cookies-wrapper {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .cookies-wrapper {
    max-width: 756px;
  }
}
.cookies-overlay-head {
  position: static;
}
.web-version {
  clear: both;
}
.web-version #web-version-link {
  text-align: left;
  padding-left: 15px;
  font-size: 15px;
}
.web-version #web-version-link:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e606";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.web-version #web-version-link:before:hover {
  text-decoration: none;
}
.web-version #web-version-link:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .web-version #web-version-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .web-version #web-version-link {
    font-size: 16px;
  }
}
.foot-webedia-brand {
  margin: 0;
}
.head-container-longform {
  height: 64px;
}
@media only screen and (min-width: 768px) {
  .head-container-longform .head-brand {
    height: 64px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) {
  .head-container-longform .brand {
    height: 64px;
    line-height: 64px;
    display: flex;
    align-items: center;
  }
}
.head-container-longform .brand-logo {
  max-height: 80%;
}
.ad-longform-sponsor {
  width: 80px;
  position: absolute;
  top: 0;
  right: 8px;
}
@media only screen and (min-width: 768px) {
  .ad-longform-sponsor {
    width: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .ad-longform-sponsor iframe {
    width: 200px !important;
    border: none;
  }
}
.longform-sponsor {
  width: 80px;
  text-align: center;
  line-height: 0;
}
@media only screen and (min-width: 768px) {
  .longform-sponsor {
    width: 200px;
    text-align: right;
    line-height: 64px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
.longform-sponsor-disclaimer {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  color: #222;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  margin: 2px 0;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .longform-sponsor-disclaimer {
    font-size: 11px;
    line-height: 14.7px;
  }
}
@media only screen and (min-width: 768px) {
  .longform-sponsor-disclaimer {
    text-align: left;
    margin: 0 0 0 12px;
  }
}
.longform-sponsor-disclaimer {
  height: 12px;
  overflow: hidden;
  font-weight: normal;
}
.longform-sponsor-disclaimer:before {
  content: "Ofrecido por";
  display: block;
}
@media only screen and (min-width: 768px) {
  .longform-sponsor-disclaimer {
    height: auto;
  }
  .longform-sponsor-disclaimer:before {
    content: "";
  }
}
.longform-sponsor-logo {
  display: block;
}
.longform-sponsor-logo img {
  max-height: 48px;
}
@media only screen and (min-width: 768px) {
  .longform-sponsor-logo {
    display: inline-block;
    vertical-align: middle;
  }
  .longform-sponsor-logo img {
    vertical-align: middle;
    max-width: 70px;
    max-height: 48px;
    height: auto;
  }
}
.article-longform-header h1 {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .article-longform-header h1 {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.module {
  width: 100%;
}
.module-content {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .module-content {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}
.article-longform-header .module-content {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .article-longform-header .module-content {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.u-c1-half-line {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-c1-half-line {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .u-c1-half-line {
    width: 306px;
    margin-left: auto;
    margin-right: auto;
  }
}
.u-c1-full-line {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-c1-full-line {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .u-c1-big-line {
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .u-c1-big-line {
    max-width: 1368px;
  }
}
.module-layout-columns .module-content {
  overflow: hidden;
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .module-layout-columns .module-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .module-layout-columns .module-content {
    max-width: 100%;
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .module-layout-columns .module-content {
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .module-layout-columns .module-content {
    max-width: 1368px;
  }
}
.module-layout-columns .module-content .module-content {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .module-layout-columns .module-content .module-content {
    margin-left: 0;
    margin-right: 0;
  }
}
.module-layout-columns .module-content .module-bg-color .module-content {
  margin: 24px 16px;
}
.module-layout-columns .module-content .module-bg-image .module-content {
  margin: 24px 16px;
}
.module-column {
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .module-column {
    float: left;
    margin-left: 0;
    margin-right: 24px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .module-column {
    margin-right: 48px;
  }
}
.module-column:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .module-column:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .module-c2-normal {
    width: calc(50% - 24px);
  }
}
@media only screen and (min-width: 1024px) {
  .module-c2-small {
    width: calc(33% - 24px);
  }
}
@media only screen and (min-width: 1024px) {
  .module-c2-big {
    width: calc(67% - 24px);
  }
}
@media only screen and (min-width: 1024px) {
  .module-c3-normal {
    width: calc(33% - 32px);
  }
}
@media only screen and (min-width: 1024px) {
  .module-c3-small {
    width: calc(25% - 32px);
  }
}
@media only screen and (min-width: 1024px) {
  .module-c3-big {
    width: calc(50% - 32px);
  }
}
@media only screen and (min-width: 1024px) {
  .module-c4-normal {
    width: calc(25% - 36px);
  }
}
.module-column h2:first-child,
.module-column h2:first-child,
.module-column h3:first-child,
.module-column h3:first-child {
  margin-top: 0;
}
.module-size-small .module-content {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .module-size-small .module-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .module-size-small .module-content {
    width: 306px;
    margin-left: auto;
    margin-right: auto;
  }
}
.module-size-normal .module-content {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .module-size-normal .module-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .module-size-big .module-content {
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .module-size-big .module-content {
    max-width: 1368px;
  }
}
.module-layout-single.module-size-small .module-content {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .module-layout-single.module-size-small .module-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .module-layout-single.module-size-small .module-content {
    width: 306px;
    margin-left: auto;
    margin-right: auto;
  }
}
.module-layout-single.module-size-normal .module-content {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .module-layout-single.module-size-normal .module-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .module-layout-single.module-size-big .module-content {
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .module-layout-single.module-size-big .module-content {
    max-width: 1368px;
  }
}
.module-layout-single.module-size-cover .module-content {
  width: 100%;
}
.module-layout-single.module-size-fullscreen .module-content {
  width: 100%;
}
.module-type-table.module-size-cover table {
  width: 100%!important;
}
.module-bg-color,
.module-bg-image {
  padding: 1px 0;
}
.background-white,
.module-bg-color-neutral-light {
  background-color: #f9f9f9;
}
.module-bg-color-neutral-dark {
  background-color: #121212;
}
.module-bg-color-branded-light {
  background-color: #f2dfdf;
}
.module-bg-color-branded-dark {
  background-color: #6b0101;
}
.module-bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.module-bg-repeat {
  background-repeat: repeat;
  background-size: auto;
}
/*
.module-bg-image {
position: relative;
overflow: hidden;
height: auto;

	.module-bg-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

		img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		}
	}
	.module-content {
	position: relative;
	z-index: 2;
	}
}
*/
.module-bg-fade {
  position: relative;
  overflow: hidden;
}
.module-bg-fade:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.module-bg-fade .module-content {
  position: relative;
  z-index: 2;
}
.module-fg-light.module-bg-fade:before {
  background-color: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 1024px) {
  .module-bg-parallax {
    background-attachment: fixed;
  }
}
/* fullscreen background */
.module-bg-fullscreen {
  min-height: 95vh;
  text-align: center;
  background-position: center center;
  display: flex;
  align-items: center;
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .module-bg-fullscreen {
    min-height: 456px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .module-bg-fullscreen {
    min-height: 539.6px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .module-bg-fullscreen {
    min-height: 972.8px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .module-bg-fullscreen {
    min-height: 304px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .module-bg-fullscreen {
    min-height: 304px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .module-bg-fullscreen {
    min-height: 729.6px;
  }
}
.module-bg-fullscreen .module-content {
  text-align: left;
  width: 100%;
}
.module-type-video.module-bg-fullscreen .module-content {
  display: block;
}
.module-bg-fullscreen.module-layout-columns .module-content {
  display: block;
}
.article-longform-header .module-bg-fullscreen h1 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 33px;
  line-height: 36px;
  text-transform: none;
  margin-top: 48px;
  margin-bottom: 24px;
  text-shadow: 1px 1px 12px rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 768px) {
  .article-longform-header .module-bg-fullscreen h1 {
    margin-top: 56px;
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 61.6px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-longform-header .module-bg-fullscreen h1 {
    margin-top: 56px;
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 61.6px;
  }
}
.article-longform-header .module-bg-fullscreen.module-fg-light h1 {
  text-shadow: none;
  text-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
}
.module-fg-light {
  color: #eee;
}
.module-fg-light a,
.module-fg-light a:visited,
.module-fg-light a:hover {
  color: #f2dfdf;
}
.module-type-text .module-content {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .module-type-text .module-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
.module-type-text {
  font-family: serif;
  font-size: 16px;
  line-height: 24px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .module-type-text {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1150px) {
  .module-type-text {
    font-size: 18px;
    line-height: 28px;
  }
}
.module-type-text p a,
.module-type-text li a,
.module-type-text blockquote a {
  text-decoration: underline;
}
.module-type-text ul li {
  list-style-type: disc;
  list-style-position: outside;
}
.module-type-text ol li {
  list-style-type: decimal;
  list-style-position: outside;
}
.module-type-text blockquote {
  margin-left: 24px;
  margin-right: 24px;
  font-style: italic;
}
.module-type-text li {
  width: auto;
  max-width: 100%;
  margin-left: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .module-type-text li {
    margin-bottom: 14px;
  }
}
.module-type-text ul li {
  list-style-type: square;
}
.module-type-text ol li {
  list-style-type: decimal;
}
.module-type-text blockquote {
  border-left: 6px solid #e9e9e9;
  padding: 0 0 0 16px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .module-type-text blockquote {
    padding: 0 0 0 24px;
  }
}
.module-type-text blockquote blockquote {
  border: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .module-type-text blockquote blockquote {
    padding: 0 0 0 24px;
  }
}
.module-type-text blockquote p {
  font-family: Georgia, Times New Roman, Times, serif;
  font-weight: 400;
  font-style: normal;
}
.module-type-text pre {
  white-space: normal;
}
.module-type-text a {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .module-column.module-type-text .module-content {
    padding: 0 24px;
  }
}
.module-column.module-type-review .module-content {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .module-column.module-type-review .module-content {
    padding: 0 24px;
  }
}
.module-type-review.module-fg-light .parcial,
.module-type-review.module-fg-light .negativo,
.module-type-review.module-fg-light .positivo {
  color: #444;
}
.module-layout-columns.module-type-text h1:first-child,
.module-layout-columns.module-type-text h2:first-child,
.module-layout-columns.module-type-text h3:first-child {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .module-layout-columns.module-type-text h1:first-child,
  .module-layout-columns.module-type-text h2:first-child,
  .module-layout-columns.module-type-text h3:first-child {
    margin-top: 28px;
  }
}
.module-type-summary .module-content {
  margin-left: 16px;
  margin-right: 16px;
  text-align: left;
  font-family: Roboto Condensed, Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 26.4px;
  border-bottom: 2px solid #f2bfbf;
  padding: 1px 16px 18px;
  color: #6F6361;
  background: #fff;
  background: transparent;
}
@media only screen and (min-width: 768px) {
  .module-type-summary .module-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .module-type-summary .module-content {
    font-size: 23px;
    line-height: 29.4px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .module-type-summary .module-content {
    padding-bottom: 21px;
    font-size: 23px;
    line-height: 29.4px;
  }
}
.module-type-summary .module-content a {
  text-decoration: underline;
}
.module-type-summary.module-bg-color .module-content,
.module-type-summary.module-bg-image .module-content {
  border: none;
  padding-bottom: 0;
}
.module-type-summary.module-fg-light .module-content,
.module-type-summary.module-bg-color-neutral-dark .module-content,
.module-type-summary.module-bg-color-branded-dark .module-content {
  color: #eee;
}
.module-type-summary.module-fg-dark .module-content {
  color: #444;
}
.module-type-summary .article-social-share {
  border: none;
  padding: 16px 0 0 0;
  min-height: auto;
}
/*
.module-layout-single.module-type-summary.module-bg-color .module-content,
.module-layout-single.module-type-summary.module-bg-image .module-content {
padding: 0;
}
*/
.module-type-image {
  text-align: center;
}
.module-type-image .module-content {
  overflow: hidden;
}
.module-type-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.module-type-image.module-size-small img {
  width: auto;
}
.module-image-caption {
  margin-left: 16px;
  margin-right: 16px;
  text-align: left;
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  .module-image-caption {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
.js-video {
  height: 0;
  padding-bottom: 56.5%;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1280px) {
  .js-video {
    clear: left;
  }
}
.js-video.widescreen {
  padding-bottom: 57.25%;
}
.js-video.p4-3 {
  padding-bottom: 56.25%;
}
.js-video.vimeo {
  padding-top: 0;
}
.js-video embed,
.js-video iframe,
.js-video object,
.js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.module-content .module-content {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .module-content .module-content {
    margin: 0;
    width: auto;
    max-width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .module-content .module-content {
    margin: 0;
    max-width: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .module-content .module-content {
    max-width: auto;
  }
}
.module-column.module-layout-single.module-size-normal .module-content {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .module-column.module-layout-single.module-size-normal .module-content {
    margin: 0;
    width: auto;
    max-width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .module-column.module-layout-single.module-size-normal .module-content {
    margin: 0;
    max-width: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .module-column.module-layout-single.module-size-normal .module-content {
    max-width: auto;
  }
}
.blob-explanation {
  margin-left: 16px;
  margin-right: 16px;
  padding: 1px 16px 24px;
}
@media only screen and (min-width: 768px) {
  .blob-explanation {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .blob-explanation {
    padding: 1px 24px 28px;
  }
}
.blob-explanation-title {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) {
  .blob-explanation-title {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-explanation-title {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .blob-explanation-title {
    margin-top: 28px;
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-explanation-title {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .blob-explanation-title {
    margin-top: 0;
  }
}
.blob-explanation-content {
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .blob-explanation-content {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-explanation-content {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .blob-explanation-content {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-explanation-content {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .blob-box {
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .blob-box {
    max-width: 1368px;
  }
}
@media only screen and (min-width: 1024px) {
  .blob-box {
    margin-top: -28px;
  }
}
.blob-content {
  max-width: 306px;
  margin: 0 auto 24px;
}
@media only screen and (min-width: 1024px) {
  .blob-content {
    float: left;
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  .blob-content {
    margin-left: 0;
  }
}
.blob-guest-image img {
  display: block;
  margin: 0 auto;
}
.blob-guest-info {
  background: #6b0101;
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  color: #fff;
  padding: 1px 0;
}
@media only screen and (min-width: 768px) {
  .blob-guest-info {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-guest-info {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .blob-guest-info {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-guest-info {
    line-height: 21px;
  }
}
.blob-guest-info p {
  margin: 12px 16px;
}
@media only screen and (min-width: 768px) {
  .blob-guest-info p {
    margin-top: 14px;
    margin-bottom: 14px;
  }
}
.blob-guest-info strong {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  color: #fff;
  font-weight: 900;
}
@media only screen and (min-width: 768px) {
  .blob-guest-info strong {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-guest-info strong {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .blob-guest-info strong {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-guest-info strong {
    line-height: 21px;
  }
}
.blob-separator {
  height: 10%;
  height: 10vh;
}
@media only screen and (orientation: portrait) {
  .blob-separator {
    height: 15%;
    height: 15vh;
  }
}
.blob-graph object,
.blob-graph img {
  display: block;
  width: 320px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .blob-graph object,
  .blob-graph img {
    width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .blob-graph object,
  .blob-graph img {
    width: 650px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .blob-graph-big object,
  .blob-graph-big img {
    width: 650px;
  }
}
@media only screen and (min-width: 1024px) {
  .blob-graph-big object,
  .blob-graph-big img {
    width: 1024px;
  }
}
.blob-graph h4,
.blob-graph-source {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .blob-graph h4,
  .blob-graph-source {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
.blob-graph-source {
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  display: inline-block;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .blob-graph-source {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-graph-source {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .blob-graph-source {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .blob-graph-source {
    line-height: 21px;
  }
}
.blob-graph-share {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 16px 12px;
}
@media only screen and (min-width: 768px) {
  .blob-graph-share {
    padding: 0 0 14px;
  }
}
.blob-graph-share a {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.blob-graph-share a:hover {
  background-color: #f4f4f4;
  color: #444;
}
.blob-graph-share a:hover {
  text-decoration: none;
}
.blob-graph-share a:active,
.blob-graph-share a:focus {
  padding-top: 1px;
}
.u-module-floating-left .module-content {
  max-width: 300px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .u-module-floating-left .module-content {
    float: left;
    margin: 0 24px 28px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-module-floating-left {
    width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
  .u-module-floating-left .module-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1360px) {
  .u-module-floating-left {
    width: 1248px;
  }
}
@media only screen and (min-width: 1440px) {
  .u-module-floating-left {
    width: 1368px;
  }
}
.u-module-floating-right .module-content {
  max-width: 300px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .u-module-floating-right .module-content {
    float: right;
    margin: 0 24px 28px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-module-floating-right {
    width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
  .u-module-floating-right .module-content {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1360px) {
  .u-module-floating-right {
    width: 1248px;
  }
}
@media only screen and (min-width: 1440px) {
  .u-module-floating-right {
    width: 1368px;
  }
}
.elastislide-list {
  list-style-type: none;
}
.elastislide-wrapper {
  position: relative;
  margin: 0 auto;
  min-height: 60px;
}
.elastislide-wrapper.elastislide-loading {
  /*background-image: url(../images/loading.gif);*/
  background-repeat: no-repeat;
  background-position: center center;
}
.elastislide-carousel {
  overflow: hidden;
  position: relative;
}
.slider-caption,
.gallery-caption {
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
  font-style: italic;
}
@media only screen and (min-width: 768px) {
  .slider-caption,
  .gallery-caption {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .slider-caption,
  .gallery-caption {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .slider-caption,
  .gallery-caption {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .slider-caption,
  .gallery-caption {
    line-height: 21px;
  }
}
.elastislide-carousel ul {
  position: relative;
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.elastislide-carousel li {
  margin: 0 2px;
  -webkit-backface-visibility: hidden;
}
.type-gallery li {
  min-width: 20px;
  width: 60%!important;
}
@media only screen and (min-width: 768px) {
  .type-gallery li {
    width: 40%!important;
  }
}
@media only screen and (min-width: 1600px) {
}
.type-slider li {
  width: 95%!important;
}
.elastislide-horizontal ul {
  white-space: nowrap;
}
.elastislide-horizontal li {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.elastislide-vertical li {
  display: block;
}
.elastislide-carousel li a {
  display: inline-block;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.elastislide-carousel ul li a img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
}
/* Captions 
.slider-img-caption,
.gallery-img-caption {
display: none;
}*/
.module-type-slider .elastislide-carousel li,
.module-type-gallery .elastislide-carousel li {
  position: relative;
}
.slider-img-caption,
.gallery-img-caption {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 96%;
  padding: 2%;
  background-color: rgba(255, 255, 255, 0.85);
  white-space: normal;
  color: #444;
  height: auto;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  font-style: italic /*@font-caption-style*/;
  text-transform: none /*@font-caption-transform*/;
  z-index: 999;
  word-wrap: break-word;
}
@media only screen and (min-width: 768px) {
  .slider-img-caption,
  .gallery-img-caption {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .slider-img-caption,
  .gallery-img-caption {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .slider-img-caption,
  .gallery-img-caption {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .slider-img-caption,
  .gallery-img-caption {
    line-height: 21px;
  }
}
.elastislide-carousel ul li a img {
  display: block;
  max-width: 100%;
}
.elastislide-carousel ul.slider li a img {
  max-height: 100%;
}
.elastislide-wrapper nav span {
  font-size: 36px;
  height: 48px;
  left: 4px;
  line-height: 19.2px;
  margin: -24px 0 0 0;
  padding: 0 18px 0 13px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 48px;
  border-radius: 48px;
  text-align: left;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  opacity: 0.5;
}
.elastislide-wrapper nav span:hover {
  opacity: 0.9;
}
.elastislide-horizontal nav span.elastislide-next {
  left: auto;
  right: 4px;
}
.right-grad,
.left-grad {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
}
.right-grad {
  left: auto;
  right: 0;
}
.elastislide-horizontal nav span.elastislide-next {
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.elastislide-horizontal nav span.elastislide-next:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e627";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.elastislide-horizontal nav span.elastislide-next:before:hover {
  text-decoration: none;
}
.elastislide-horizontal nav span.elastislide-next:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.elastislide-horizontal nav span.elastislide-next:before,
.elastislide-horizontal nav span.elastislide-next:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.elastislide-horizontal nav span.elastislide-next:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 35.2px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.elastislide-horizontal nav span.elastislide-next:before,
.elastislide-horizontal nav span.elastislide-next:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .elastislide-horizontal nav span.elastislide-next {
    display: inline-block;
    text-align: center;
    width: 72px;
    height: 72px;
    line-height: 72px;
    padding: 0;
    overflow: hidden;
    white-space: normal;
  }
  .elastislide-horizontal nav span.elastislide-next:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e627";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .elastislide-horizontal nav span.elastislide-next:before:hover {
    text-decoration: none;
  }
  .elastislide-horizontal nav span.elastislide-next:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .elastislide-horizontal nav span.elastislide-next:before,
  .elastislide-horizontal nav span.elastislide-next:after {
    font-size: 48px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .elastislide-horizontal nav span.elastislide-next:before {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 48px;
    line-height: 52.8px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .elastislide-horizontal nav span.elastislide-next:before,
  .elastislide-horizontal nav span.elastislide-next:after {
    line-height: 43.2px;
    margin: 0 12px;
    vertical-align: middle;
  }
}
.elastislide-horizontal nav span.elastislide-next:before {
  margin-right: 6px;
}
.elastislide-horizontal nav span.elastislide-prev {
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.elastislide-horizontal nav span.elastislide-prev:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e626";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.elastislide-horizontal nav span.elastislide-prev:before:hover {
  text-decoration: none;
}
.elastislide-horizontal nav span.elastislide-prev:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.elastislide-horizontal nav span.elastislide-prev:before,
.elastislide-horizontal nav span.elastislide-prev:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.elastislide-horizontal nav span.elastislide-prev:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 35.2px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.elastislide-horizontal nav span.elastislide-prev:before,
.elastislide-horizontal nav span.elastislide-prev:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .elastislide-horizontal nav span.elastislide-prev {
    display: inline-block;
    text-align: center;
    width: 72px;
    height: 72px;
    line-height: 72px;
    padding: 0;
    overflow: hidden;
    white-space: normal;
  }
  .elastislide-horizontal nav span.elastislide-prev:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e626";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .elastislide-horizontal nav span.elastislide-prev:before:hover {
    text-decoration: none;
  }
  .elastislide-horizontal nav span.elastislide-prev:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .elastislide-horizontal nav span.elastislide-prev:before,
  .elastislide-horizontal nav span.elastislide-prev:after {
    font-size: 48px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .elastislide-horizontal nav span.elastislide-prev:before {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 48px;
    line-height: 52.8px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .elastislide-horizontal nav span.elastislide-prev:before,
  .elastislide-horizontal nav span.elastislide-prev:after {
    line-height: 43.2px;
    margin: 0 12px;
    vertical-align: middle;
  }
}
.elastislide-horizontal nav span.elastislide-prev:before {
  margin-left: 6px;
}
.container {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
}
article time {
  margin-right: 10px;
}
article .article-comments {
  margin-bottom: 10px;
  margin-right: 20px;
}
article .social-sharing {
  padding-bottom: 0;
  padding-left: 16px;
}
article .social-sharing a {
  border-radius: 4px;
}
article .article-summary {
  padding-top: 0;
}
article .article-taxonomy {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  article .article-taxonomy {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  article .article-taxonomy {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-taxonomy {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  article .article-taxonomy {
    line-height: 21px;
  }
}
.related-content {
  padding-left: 16px;
  padding-right: 16px;
}
.pager {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  overflow: hidden;
}
.pager li a {
  margin-right: 8px;
  margin-left: 8px;
}
.btn-gplus {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-gplus:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e620";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-gplus:before:hover {
  text-decoration: none;
}
.btn-gplus:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-gplus:before,
.btn-gplus:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-gplus:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 35.2px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-gplus:before,
.btn-gplus:after {
  line-height: 28.8px;
  margin: 0 5px;
  vertical-align: middle;
}
.email-share-button {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  background-color: #729e54 !important;
  color: #fff;
}
.email-share-button:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f0e0";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.email-share-button:before:hover {
  text-decoration: none;
}
.email-share-button:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.email-share-button:before,
.email-share-button:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.email-share-button:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 35.2px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.email-share-button:before,
.email-share-button:after {
  line-height: 28.8px;
  margin: 0 5px;
  vertical-align: middle;
}
.email-share-button:hover {
  background-color: #6c9650 !important;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .post-related-posts {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .post-related-posts {
    max-width: 1368px;
  }
}
.navbar {
  margin: 0;
}
.navbar h1 {
  margin: 0;
}
.navbar-inner {
  border-radius: 0;
  padding: 0;
  border: none;
}
.home .article-question {
  text-align: center;
}
.home .article-question .article-header,
.home .article-question .article-metadata {
  margin-left: auto;
  margin-right: auto;
}
.article-question .article-read-more a {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.article-question .article-read-more a:hover {
  background-color: #910000;
  color: #fff;
}
.article-question .article-read-more a:hover {
  text-decoration: none;
}
.article-question .article-read-more a:active,
.article-question .article-read-more a:focus {
  padding-top: 1px;
}
.footer-media li:last-child {
  display: block;
}
/* @group Untitled Group */
.btn-up {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  background-color: #333;
  color: #ccc;
  float: right;
}
.btn-up:hover {
  background-color: #910000;
  color: #fff;
}
.btn-up:hover {
  text-decoration: none;
}
.btn-up:active,
.btn-up:focus {
  padding-top: 1px;
}
.btn-up:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e625";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-up:before:hover {
  text-decoration: none;
}
.btn-up:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-up:before,
.btn-up:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-up:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-up:before,
.btn-up:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-up:hover {
  background-color: #444;
  color: #fff;
}
/* @end */
.footer-media {
  margin: 24px 0;
  line-height: 60px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .footer-media {
    margin: 28px 0;
    line-height: 70px;
  }
}
.footer-media li {
  display: inline;
  padding: 0 16px;
}
.footer-media a {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #333;
  color: #ccc;
}
.footer-media a:hover {
  background-color: #910000;
  color: #fff;
}
.footer-media a:hover {
  text-decoration: none;
}
.footer-media a:active,
.footer-media a:focus {
  padding-top: 1px;
}
.footer-media a:hover {
  background-color: #444;
  color: #fff;
}
#web-version-link {
  background: #c00;
  text-align: center;
  display: block;
  height: 48px;
  line-height: 48px;
  color: #fff;
}
#web-version-link:hover {
  background-color: #333;
}
@media only screen and (min-width: 768px) {
  .u-list-flex-switch {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
}
@media only screen and (min-width: 768px) {
  .u-list-flex-switch-item {
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
  }
}
.u-list-inline-scroll {
  white-space: nowrap;
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 0;
}
.u-list-inline-scroll:after {
  content: "Desliza para ver más »";
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .u-list-inline-scroll:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-list-inline-scroll:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .u-list-inline-scroll:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-list-inline-scroll:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .u-list-inline-scroll:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .u-list-inline-scroll:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .u-list-inline-scroll:after {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .u-list-inline-scroll:after {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.u-list-inline-scroll:after {
  display: block;
  margin-left: 16px;
  margin-bottom: 12px;
}
.u-list-inline-scroll-item {
  display: inline-block;
  white-space: normal;
}
.u-list-inline-scroll-item-loose {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  margin: 12px 0 6px 16px;
}
.u-list-inline-scroll-item-loose:last-child {
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-list-inline-scroll-item-loose {
    margin: 14px 0 14px 24px;
  }
  .u-list-inline-scroll-item-loose:last-child {
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-list-inline-scroll-item-loose {
    margin: 14px 0 14px 24px;
  }
}
@media only screen and (min-width: 768px) {
  .u-layout-cozy-edge-line {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-cozy-edge-line {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  .u-layout-cozy-edge-line {
    margin-left: auto;
    margin-right: auto;
    max-width: 1368px;
  }
}
.section-header {
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #a2a2a2;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .section-header {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-header {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .section-header {
    font-weight: 100;
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-header {
    margin-bottom: 14px;
  }
}
/* neww css for lightbox */
.video-light-box-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  outline: none!important;
}
.ui-dialog-titlebar-close {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  position: absolute;
  background-color: #888;
  color: #eee;
}
.ui-dialog-titlebar-close:hover {
  background-color: #f4f4f4;
  color: #444;
}
.ui-dialog-titlebar-close:hover {
  text-decoration: none;
}
.ui-dialog-titlebar-close:active,
.ui-dialog-titlebar-close:focus {
  padding-top: 1px;
}
.ui-dialog-titlebar-close:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.ui-dialog-titlebar-close:before:hover {
  text-decoration: none;
}
.ui-dialog-titlebar-close:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.ui-dialog-titlebar-close:before,
.ui-dialog-titlebar-close:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.ui-dialog-titlebar-close:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.ui-dialog-titlebar-close:before,
.ui-dialog-titlebar-close:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.ui-dialog-titlebar-close:before {
  margin-left: 6px;
  margin-right: 6px;
}
@media only screen and (min-width: 1280px) {
  .ui-dialog-titlebar-close {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .ui-dialog-titlebar-close:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e60b";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .ui-dialog-titlebar-close:before:hover {
    text-decoration: none;
  }
  .ui-dialog-titlebar-close:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .ui-dialog-titlebar-close:before,
  .ui-dialog-titlebar-close:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .ui-dialog-titlebar-close:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .ui-dialog-titlebar-close:before,
  .ui-dialog-titlebar-close:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
}
.video-light-box {
  border-radius: 5px;
  padding: 0;
  width: 100%!important;
  outline: none!important;
}
.video-light-box #lightbox {
  width: 100%!important;
  height: 90vh!important;
  line-height: 90vh;
}
.video-light-box .ui-widget-header {
  background: none;
  border: none;
  color: #777;
}
.video-light-box .ui-widget-content {
  text-align: center;
}
.video-light-box .ui-widget-content img {
  max-width: 90%;
  max-height: 100%!important;
  border: 1px solid #666;
  vertical-align: middle;
}
.video-light-box .ui-resizable-handle {
  display: none!important;
}
.video-light-box .ui-icon-closethick {
  display: none;
}
.video-light-box .ui-dialog-titlebar-close {
  top: -10px;
  outline: none;
  boder: none;
  right: 10px;
}
.video-light-box .ui-dialog-titlebar-close .ui-button-text {
  display: block;
  font-size: 15px;
  color: #333;
  line-height: 15px;
  float: right;
  margin-right: 2px;
  text-transform: capitalize;
}
.video-light-box .ui-dialog-titlebar-close .ui-button-text:after {
  content: '\d7';
  padding-left: 5px;
  font-weight: bold;
  font-size: 22px;
  vertical-align: middle;
}
.video-light-box .ui-dialog-titlebar-close .ui-button-text:hover {
  text-decoration: none!important;
}
.video-light-box .ui-button:hover .ui-button-text {
  color: #f00;
  text-decoration: none!important;
}
/* Styles added for next and previous links in lightbox */
.video-light-box .lightbox-controls {
  position: relative;
  top: 90%;
  margin: -24px 0 0 0;
}
@media only screen and (min-width: 768px) {
  .video-light-box .lightbox-controls {
    top: 43%;
  }
}
.video-light-box .lightbox-controls a {
  font-size: 36px;
  height: 48px;
  left: 0;
  line-height: 19.2px;
  padding: 0 18px 0 13px;
  position: absolute;
  text-align: center;
  width: 48px;
  border-radius: 48px;
  text-align: left;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  opacity: 0.5;
}
.video-light-box .lightbox-controls a:hover {
  opacity: 0.9;
}
.video-light-box .lightbox-controls a.lightbox-button-next {
  left: auto;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.video-light-box .lightbox-controls a.lightbox-button-next:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e627";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.video-light-box .lightbox-controls a.lightbox-button-next:before:hover {
  text-decoration: none;
}
.video-light-box .lightbox-controls a.lightbox-button-next:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.video-light-box .lightbox-controls a.lightbox-button-next:before,
.video-light-box .lightbox-controls a.lightbox-button-next:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.video-light-box .lightbox-controls a.lightbox-button-next:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 35.2px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.video-light-box .lightbox-controls a.lightbox-button-next:before,
.video-light-box .lightbox-controls a.lightbox-button-next:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .video-light-box .lightbox-controls a.lightbox-button-next {
    display: inline-block;
    text-align: center;
    width: 72px;
    height: 72px;
    line-height: 72px;
    padding: 0;
    overflow: hidden;
    white-space: normal;
  }
  .video-light-box .lightbox-controls a.lightbox-button-next:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e627";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .video-light-box .lightbox-controls a.lightbox-button-next:before:hover {
    text-decoration: none;
  }
  .video-light-box .lightbox-controls a.lightbox-button-next:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .video-light-box .lightbox-controls a.lightbox-button-next:before,
  .video-light-box .lightbox-controls a.lightbox-button-next:after {
    font-size: 48px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .video-light-box .lightbox-controls a.lightbox-button-next:before {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 48px;
    line-height: 52.8px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .video-light-box .lightbox-controls a.lightbox-button-next:before,
  .video-light-box .lightbox-controls a.lightbox-button-next:after {
    line-height: 43.2px;
    margin: 0 12px;
    vertical-align: middle;
  }
}
.video-light-box .lightbox-controls a.lightbox-button-previous {
  left: 0;
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.video-light-box .lightbox-controls a.lightbox-button-previous:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e626";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.video-light-box .lightbox-controls a.lightbox-button-previous:before:hover {
  text-decoration: none;
}
.video-light-box .lightbox-controls a.lightbox-button-previous:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.video-light-box .lightbox-controls a.lightbox-button-previous:before,
.video-light-box .lightbox-controls a.lightbox-button-previous:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.video-light-box .lightbox-controls a.lightbox-button-previous:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 35.2px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.video-light-box .lightbox-controls a.lightbox-button-previous:before,
.video-light-box .lightbox-controls a.lightbox-button-previous:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .video-light-box .lightbox-controls a.lightbox-button-previous {
    display: inline-block;
    text-align: center;
    width: 72px;
    height: 72px;
    line-height: 72px;
    padding: 0;
    overflow: hidden;
    white-space: normal;
  }
  .video-light-box .lightbox-controls a.lightbox-button-previous:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e626";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .video-light-box .lightbox-controls a.lightbox-button-previous:before:hover {
    text-decoration: none;
  }
  .video-light-box .lightbox-controls a.lightbox-button-previous:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .video-light-box .lightbox-controls a.lightbox-button-previous:before,
  .video-light-box .lightbox-controls a.lightbox-button-previous:after {
    font-size: 48px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .video-light-box .lightbox-controls a.lightbox-button-previous:before {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 48px;
    line-height: 52.8px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .video-light-box .lightbox-controls a.lightbox-button-previous:before,
  .video-light-box .lightbox-controls a.lightbox-button-previous:after {
    line-height: 43.2px;
    margin: 0 12px;
    vertical-align: middle;
  }
}
.context-menu {
  display: inline-block;
  position: relative;
  width: 56px;
  overflow: visible;
  margin-left: 12px;
}
@media only screen and (min-width: 768px) {
  .context-menu {
    float: left;
    margin-right: 6px;
  }
}
.context-menu-list {
  display: none;
  margin: 0;
  position: absolute;
  top: 39.2px;
  left: 0;
  width: 300px;
  font-size: 13px;
  line-height: 16px;
  border-radius: 4px 4px 4px 0;
}
@media only screen and (min-width: 768px) {
  .context-menu-list {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .context-menu-list {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .context-menu-list {
    line-height: 16.8px;
  }
}
.context-menu-list li {
  border-top-width: 1px;
  border-top-style: solid;
  text-align: left;
}
.context-menu-list li:first-child {
  border: none;
}
.comment-actions-sort a,
.context-menu-item {
  padding: 14px 18px;
  display: block;
}
/* Comments styles */
.comment-section {
  margin: 0;
  max-width: 100%;
  padding: 24px 0;
  margin: 48px 0;
}
.comment-section h2 {
  margin-left: 12px;
}
@media only screen and (min-width: 768px) {
  .comment-section {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 28px;
    margin: 56px auto;
  }
  .comment-section h2,
  .comment-section .article-comments-write {
    margin-left: 0;
    margin-right: 0;
  }
}
.comment-section .comment-section {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .comment-section .comment-section {
    margin: 0;
    padding: 0;
  }
}
.comment-wrapper {
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .comment-wrapper {
    max-width: 1044px;
    margin: 0 auto;
    position: relative;
  }
}
/*
.comment-wrapper-aside {

	@media @desktop-l {
	max-width:(@max-line + @base-col + @base-gutter)
	}
}
*/
@media only screen and (min-width: 768px) {
  .comments-list {
    max-width: 1044px;
    position: relative;
  }
}
@media only screen and (min-width: 1280px) {
  .comments-ad {
    width: 300px;
    position: absolute;
    left: 1056px;
    margin: -18.2px 0 0 !important;
  }
  .comments-ad .ad-contact {
    text-align: right;
  }
}
@media only screen and (min-width: 1280px) {
  .comments-ad-first {
    top: 63px;
  }
}
.comments-article-related {
  margin: 0 12px;
}
.comments-article-related h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin: 14px 0 7px;
}
@media only screen and (min-width: 768px) {
  .comments-article-related h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .comments-article-related h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 480px) {
  .comments-article-related {
    margin: 0 24px;
  }
  .comments-article-related h2 {
    margin-left: 1%;
  }
}
@media only screen and (min-width: 768px) {
  .comments-article-related {
    margin-left: 64px;
    margin-right: 0;
  }
  .comments-article-related h2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .comments-article-related {
    width: 324px;
    position: absolute;
    left: 1056px;
    margin: 0;
  }
  .comments-article-related h2 {
    margin: 0 0 7px;
  }
}
@media only screen and (min-width: 1280px) {
  .comment-thread-container .comments-article-related {
    left: 992px;
  }
  .comment-thread-container .comment-thread-container .comments-article-related {
    left: 928px;
  }
  .comment-thread-container .comment-thread-container .comment-thread-container .comments-article-related {
    left: 864px;
  }
}
@media only screen and (min-width: 1280px) {
  .comments-article-related .article-item {
    width: 100%;
    margin-left: 0;
  }
}
.article-comments-write {
  display: inline-block;
}
.article-comments-write-again {
  float: right;
  margin: 0 12px 14px 0;
}
@media only screen and (min-width: 768px) {
  .article-comments-write-again {
    margin-right: 0;
  }
}
.comments-settings {
  display: inline-block;
  width: auto;
}
.comments-common-actions {
  margin-bottom: 12px;
  margin-left: -8px;
}
@media only screen and (min-width: 768px) {
  .comments-common-actions {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    margin-bottom: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .comments-settings-closed .context-menu-list {
    left: auto;
    right: 0;
  }
}
.comment-content {
  font-family: serif;
  font-size: 16px;
  line-height: 24px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .comment-content {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-content {
    font-size: 18px;
    line-height: 28px;
  }
}
.comment-content p a,
.comment-content li a,
.comment-content blockquote a {
  text-decoration: underline;
}
.comment-content ul li {
  list-style-type: disc;
  list-style-position: outside;
}
.comment-content ol li {
  list-style-type: decimal;
  list-style-position: outside;
}
.comment-content blockquote {
  margin-left: 24px;
  margin-right: 24px;
  font-style: italic;
}
.comment-content.blob p,
.comment-content.blob ul,
.comment-content.blob ol,
.comment-content.blob blockquote,
.comment-content.blob h2,
.comment-content.blob h3,
.comment-content.blob h4 {
  margin-left: 0;
  margin-right: 0;
}
.comment-item {
  padding: 18px 18px 9px;
  margin: 0 4px 12px;
  position: relative;
  border-radius: 24px;
}
@media only screen and (min-width: 768px) {
  .comment-item {
    margin-left: 56px;
    margin-bottom: 14px;
    border-radius: 8px;
    padding-bottom: 18px;
  }
}
/* Some contents are hidden in mobile */
.comment-author-stars,
.comment-author-url {
  display: none;
}
@media only screen and (min-width: 768px) {
  .comment-author-stars {
    display: block;
  }
}
@media only screen and (min-width: 1280px) {
  .comment-author-url {
    display: block;
  }
}
.comment-order a {
  cursor: default;
}
.comment-order a:before {
  content: "#";
}
.comment-order a:hover {
  cursor: default;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .comment-order {
    float: none;
    width: 48px;
    position: absolute;
    left: -56px;
    top: 0;
    text-align: right;
  }
  .comment-order a {
    display: inline-block;
    padding: 27px 0;
    min-width: 42px;
    font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    line-height: 26.4px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: lighter;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .comment-order a {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1360px) {
  .comment-order a {
    font-size: 23px;
    line-height: 29.4px;
  }
}
.comment-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  text-align: center;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 3px;
}
.comment-badge em {
  display: block;
  width: 120px;
  height: 80px;
  margin: -42px -60px 0 0;
  background-color: #fff7e6;
  -webkit-transform: rotate(45deg);
  /* Chrome, Opera 15+, Safari 3.1+  */
  -ms-transform: rotate(45deg);
  /* IE 9 */
  transform: rotate(45deg);
  /* Firefox 16+, IE 10+, Opera */
}
.comment-badge span,
.comment-badge strong {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  color: #fa0;
}
.comment-badge span:before,
.comment-badge strong:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e611";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-badge span:before:hover,
.comment-badge strong:before:hover {
  text-decoration: none;
}
.comment-badge span:after,
.comment-badge strong:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-badge span:before,
.comment-badge strong:before,
.comment-badge span:after,
.comment-badge strong:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.comment-badge span:before,
.comment-badge strong:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.comment-badge span:before,
.comment-badge strong:before,
.comment-badge span:after,
.comment-badge strong:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
  .comment-author {
    width: 240px;
    float: left;
  }
}
.comment-author-name {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  display: block;
  white-space: normal;
}
@media only screen and (min-width: 768px) {
  .comment-author-name {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-author-name {
    font-size: 19px;
    line-height: 28px;
  }
}
.user-avatar {
  display: inline-block;
  vertical-align: bottom;
  width: 48px;
  height: auto;
}
.comment-author-avatar {
  float: left;
  width: 48px;
  height: 72px;
  overflow: hidden;
  margin-right: 18px;
  display: inline;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .comment-author-avatar {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-author-avatar {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-author-avatar {
    line-height: 16.8px;
  }
}
.comment-author-avatar img {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .comment-author-avatar {
    margin-right: 12px;
  }
}
.comment-staff .comment-author-avatar {
  height: 72px;
}
.comment-author-staff {
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  background: #f6f6f6;
  color: #a2a2a2;
  display: block;
  padding: 1px 0;
  margin-top: 1px;
}
@media only screen and (min-width: 768px) {
  .comment-author-staff {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-author-staff {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-author-staff {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-author-stars {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  .comment-author-stars {
    display: block;
  }
}
.comment-author-stars span {
  display: inline-block;
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  line-height: 12px;
  color: #d0d0d0;
}
.comment-author-stars span:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e610";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-author-stars span:before:hover {
  text-decoration: none;
}
.comment-author-stars span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-author-stars span:before,
.comment-author-stars span:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.comment-author-stars span:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.comment-author-stars span:before,
.comment-author-stars span:after {
  line-height: 14.4px;
  margin: 0 0px;
  vertical-align: middle;
}
.comment-author-stars span:before {
  vertical-align: text-bottom;
}
.comment-author-url a {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .comment-author-url a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-author-url a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-author-url a {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-author-url a {
    line-height: 21px;
  }
}
.comment-date {
  float: left;
  white-space: nowrap;
  margin-right: 12px;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .comment-date {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-date {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-date {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-date {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-date {
    float: none;
  }
}
@media only screen and (min-width: 1024px) {
  .comment-date {
    margin-left: 248px;
    margin-top: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .comment-date a:before {
    font-size: 16px;
    font-family: icons-min;
    content: "\f0c1";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .comment-date a:before:hover {
    text-decoration: none;
  }
  .comment-date a:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
}
.comment-content {
  clear: left;
  margin-bottom: 28px;
  min-height: 45px;
}
@media only screen and (min-width: 768px) {
  .comment-content {
    margin-left: 56px;
  }
}
@media only screen and (min-width: 1024px) {
  .comment-content {
    clear: none;
    margin-left: 248px;
  }
}
.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content blockquote {
  margin-top: 14px;
  margin-bottom: 14px;
}
/* Comment write form */
.comment-write-form {
  display: none;
  clear: both;
  margin: 24px 0 12px 0;
  position: relative;
  padding: 18px;
  background: #fff;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) {
  .comment-write-input {
    margin-right: 324px;
  }
}
.comment-write-input textarea {
  display: block;
  height: 10em;
  min-height: 180px;
  width: 99%;
  margin: 14px auto;
  background: #f9f9f9;
}
.comment-write-input textarea:focus {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .comment-write-input textarea {
    min-height: 10em;
    margin: 7px 0 14px;
  }
}
.comment-write-author img {
  vertical-align: middle;
  width: 28px;
}
.comment-write-terms {
  float: right;
  text-align: right;
}
.comment-write-terms a {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .comment-write-terms a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-write-terms a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-write-terms a {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-write-terms a {
    line-height: 21px;
  }
}
.comment-write-terms a:hover {
  color: #f00;
}
.comment-write-terms span {
  display: none;
}
@media only screen and (min-width: 768px) {
  .comment-write-terms span {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .comment-write-terms {
    margin-right: 324px;
  }
}
.comment-subscribe-actions {
  float: right;
}
@media only screen and (min-width: 1024px) {
  .comment-subscribe-actions {
    display: none;
  }
}
.comment-write-notify {
  border: 1px dashed #ccc;
  padding: 7px 0;
  margin-bottom: 14px;
}
@media only screen and (min-width: 768px) {
  .comment-write-notify {
    width: 300px;
    position: absolute;
    top: 46.2px;
    right: 24px;
  }
}
.comment-write-notify legend {
  font-size: 13px;
  line-height: 16px;
  color: #a2a2a2;
  margin: 0 24px;
}
@media only screen and (min-width: 768px) {
  .comment-write-notify legend {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-write-notify legend {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-write-notify legend {
    line-height: 16.8px;
  }
}
.comment-write-notify p {
  margin: 7px 24px;
}
@media only screen and (min-width: 1024px) {
  .comment-write-notify p {
    margin-top: 14px;
    margin-bottom: 14px;
  }
}
.comment-submit {
  display: flex;
}
.upload-image input {
  height: 28px;
  line-height: 21px;
  border: none;
  max-width: 100%;
  margin: 4.8px;
}
.comment-reply-form {
  display: none;
  position: relative;
  padding: 18px 0;
}
.comment-reply-form .comment-write-notify {
  right: 0;
}
.btn-comment-show-replies,
.btn-comment-reply,
.btn-comment-menu,
.btn-comment-subscribe,
.comment-thread-close {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-comment-show-replies:hover,
.btn-comment-reply:hover,
.btn-comment-menu:hover,
.btn-comment-subscribe:hover,
.comment-thread-close:hover {
  background-color: #f4f4f4;
  color: #444;
}
.btn-comment-show-replies:hover,
.btn-comment-reply:hover,
.btn-comment-menu:hover,
.btn-comment-subscribe:hover,
.comment-thread-close:hover {
  text-decoration: none;
}
.btn-comment-show-replies:active,
.btn-comment-reply:active,
.btn-comment-menu:active,
.btn-comment-subscribe:active,
.comment-thread-close:active,
.btn-comment-show-replies:focus,
.btn-comment-reply:focus,
.btn-comment-menu:focus,
.btn-comment-subscribe:focus,
.comment-thread-close:focus {
  padding-top: 1px;
}
.btn-comment-reply {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  vertical-align: middle;
}
.btn-comment-reply:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e623";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-comment-reply:before:hover {
  text-decoration: none;
}
.btn-comment-reply:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-comment-reply:before,
.btn-comment-reply:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-comment-reply:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-comment-reply:before,
.btn-comment-reply:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-comment-reply.is-opened {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-comment-reply.is-opened:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-comment-reply.is-opened:before:hover {
  text-decoration: none;
}
.btn-comment-reply.is-opened:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-comment-reply.is-opened:before,
.btn-comment-reply.is-opened:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-comment-reply.is-opened:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-comment-reply.is-opened:before,
.btn-comment-reply.is-opened:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-comment-menu {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-comment-menu:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e609";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-comment-menu:before:hover {
  text-decoration: none;
}
.btn-comment-menu:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-comment-menu:before,
.btn-comment-menu:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-comment-menu:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-comment-menu:before,
.btn-comment-menu:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.comment-thread-close:after {
  font-size: 16px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.comment-thread-close:after:hover {
  text-decoration: none;
}
.comment-thread-close:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-comment-subscribe {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.btn-comment-subscribe:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f0e0";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-comment-subscribe:before:hover {
  text-decoration: none;
}
.btn-comment-subscribe:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-comment-subscribe:before,
.btn-comment-subscribe:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-comment-subscribe:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-comment-subscribe:before,
.btn-comment-subscribe:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.btn-comment-vote-down {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-comment-vote-down:hover {
  background-color: #910000;
  color: #fff;
}
.btn-comment-vote-down:hover {
  text-decoration: none;
}
.btn-comment-vote-down:active,
.btn-comment-vote-down:focus {
  padding-top: 1px;
}
.btn-comment-vote-down:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f165";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-comment-vote-down:before:hover {
  text-decoration: none;
}
.btn-comment-vote-down:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-comment-vote-up {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-comment-vote-up:hover {
  background-color: #910000;
  color: #fff;
}
.btn-comment-vote-up:hover {
  text-decoration: none;
}
.btn-comment-vote-up:active,
.btn-comment-vote-up:focus {
  padding-top: 1px;
}
.btn-comment-vote-up:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f162";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-comment-vote-up:before:hover {
  text-decoration: none;
}
.btn-comment-vote-up:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-item .btn-comment-show-replies:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\e624";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.comment-item .btn-comment-show-replies:after:hover {
  text-decoration: none;
}
.comment-item .btn-comment-show-replies:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-item.is-opened .btn-comment-show-replies {
  background: none;
  display: none;
}
.comment-item.is-opened .btn-comment-show-replies:before,
.comment-item.is-opened .btn-comment-show-replies:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
  width: 0;
}
/* Comment actions */
.comment-reply-actions {
  float: right;
  transition: all 0.2s ease-in-out;
}
.comment-actions {
  position: relative;
  width: 56px;
  overflow: visible;
  margin: 0 200px 0 0;
}
@media only screen and (min-width: 768px) {
  .comment-actions {
    width: auto;
  }
}
.comment-actions-menu {
  position: absolute;
  top: auto;
  bottom: 42px;
  left: auto;
  text-align: left;
  width: 280px;
}
@media only screen and (min-width: 768px) {
  .comment-actions-menu {
    min-height: 28px;
  }
}
.comment-actions-menu li:first-child {
  border: none;
}
.comment-actions-menu li.comment-actions-vote,
.comment-actions-menu li.comment-actions-share {
  padding: 14px 0;
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  .comment-actions-menu li.comment-actions-vote,
  .comment-actions-menu li.comment-actions-share {
    padding: 0;
    text-align: left;
  }
}
.comment-actions-abuse a {
  padding: 14px 18px;
  display: block;
}
.comment-actions-abuse a:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e60d";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-actions-abuse a:before:hover {
  text-decoration: none;
}
.comment-actions-abuse a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-actions-abuse .report-abuse {
  display: none;
}
@media only screen and (min-width: 768px) {
  .comment-actions-abuse .report-abuse {
    vertical-align: top;
    display: inline-block;
    margin: 0 0 0 5px;
    line-height: 28px;
  }
}
.comment-actions-permanlink a {
  padding: 14px 18px;
  display: block;
}
.comment-actions-permanlink a:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f0c1";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-actions-permanlink a:before:hover {
  text-decoration: none;
}
.comment-actions-permanlink a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-actions-vote .karma {
  display: block;
  margin-bottom: 14px;
}
.comment-actions-share span {
  display: block;
  margin-bottom: 14px;
}
.comment-actions-share em {
  font-style: normal;
}
.comment-actions-share a {
  margin: 0 4px;
  vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
  .comment-reply-l2 .comment-actions-share span,
  .comment-reply-l3 .comment-actions-share span {
    display: none;
  }
}
/* Desktop different behaviour */
@media only screen and (min-width: 1280px) {
  .btn-comment-show-replies,
  .btn-comment-reply {
    font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 0 14px;
    border-radius: 21px;
    border: none;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    vertical-align: baseline;
    white-space: nowrap;
    height: 28px;
    line-height: 29px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .btn-comment-show-replies:hover,
  .btn-comment-reply:hover {
    text-decoration: none;
  }
  .btn-comment-show-replies:active,
  .btn-comment-reply:active,
  .btn-comment-show-replies:focus,
  .btn-comment-reply:focus {
    padding-top: 1px;
  }
  .btn-comment-reply.is-opened {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .btn-comment-reply.is-opened:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e60b";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-comment-reply.is-opened:before:hover {
    text-decoration: none;
  }
  .btn-comment-reply.is-opened:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-comment-reply.is-opened:before,
  .btn-comment-reply.is-opened:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-comment-reply.is-opened:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-comment-reply.is-opened:before,
  .btn-comment-reply.is-opened:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .btn-comment-vote-down {
    float: left;
    margin: 0 4px 0 0;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
    vertical-align: middle;
  }
  .btn-comment-vote-down:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\f165";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-comment-vote-down:before:hover {
    text-decoration: none;
  }
  .btn-comment-vote-down:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-comment-vote-down:before,
  .btn-comment-vote-down:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-comment-vote-down:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-comment-vote-down:before,
  .btn-comment-vote-down:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .btn-comment-vote-up {
    float: left;
    margin: 0 4px 0 0;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
    vertical-align: middle;
  }
  .btn-comment-vote-up:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\f162";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-comment-vote-up:before:hover {
    text-decoration: none;
  }
  .btn-comment-vote-up:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-comment-vote-up:before,
  .btn-comment-vote-up:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-comment-vote-up:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-comment-vote-up:before,
  .btn-comment-vote-up:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .btn-comment-reply {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .btn-comment-reply:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e623";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-comment-reply:before:hover {
    text-decoration: none;
  }
  .btn-comment-reply:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-comment-reply:before,
  .btn-comment-reply:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-comment-reply:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-comment-reply:before,
  .btn-comment-reply:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .comment-actions-menu {
    display: block;
    position: static;
    background: none;
    width: auto;
    min-width: 678px;
  }
  .comment-actions-menu li {
    color: #a2a2a2;
    border: none;
    padding: 0;
  }
  .btn-comment-menu,
  .comment-actions-permanlink {
    display: none;
  }
  .comment-actions-abuse {
    float: left;
    width: 248px;
  }
  .comment-actions-abuse a {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
    color: #fff;
    background: #f90;
    border-radius: 24px;
  }
  .comment-actions-abuse a:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e60d";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .comment-actions-abuse a:before:hover {
    text-decoration: none;
  }
  .comment-actions-abuse a:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .comment-actions-abuse a:before,
  .comment-actions-abuse a:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .comment-actions-abuse a:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .comment-actions-abuse a:before,
  .comment-actions-abuse a:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .comment-actions-abuse a:before,
  .comment-actions-abuse a:after {
    line-height: 12px;
  }
  .comment-actions-vote {
    position: static;
    text-align: left;
    float: left;
    margin-right: 24px;
  }
  .comment-actions-vote .karma {
    display: inline-block;
    margin: 7px 0 0;
  }
  .comment-actions-share {
    display: inline-block;
  }
  .comment-actions-share span {
    display: inline-block;
    margin: 0 0 3px;
  }
  .comment-actions-share em {
    display: none;
  }
  .comment-actions-share .btn-facebook,
  .comment-actions-share .btn-twitter,
  .comment-actions-share .btn-gplus,
  .comment-actions-share .btn-email,
  .comment-actions-share .btn-flipboard {
    margin: 0;
  }
  .btn-facebook {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .btn-facebook:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e61c";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-facebook:before:hover {
    text-decoration: none;
  }
  .btn-facebook:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-facebook:before,
  .btn-facebook:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-facebook:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-facebook:before,
  .btn-facebook:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .btn-flipboard {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .btn-flipboard:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e908";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-flipboard:before:hover {
    text-decoration: none;
  }
  .btn-flipboard:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-flipboard:before,
  .btn-flipboard:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-flipboard:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-flipboard:before,
  .btn-flipboard:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .btn-twitter {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .btn-twitter:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e61b";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-twitter:before:hover {
    text-decoration: none;
  }
  .btn-twitter:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-twitter:before,
  .btn-twitter:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-twitter:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-twitter:before,
  .btn-twitter:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .btn-gplus {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .btn-gplus:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e620";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-gplus:before:hover {
    text-decoration: none;
  }
  .btn-gplus:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-gplus:before,
  .btn-gplus:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-gplus:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-gplus:before,
  .btn-gplus:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .btn-email {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    overflow: hidden;
    vertical-align: bottom;
    white-space: normal;
  }
  .btn-email:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\f0e0";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .btn-email:before:hover {
    text-decoration: none;
  }
  .btn-email:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .btn-email:before,
  .btn-email:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .btn-email:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 17.6px;
    vertical-align: text-bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-email:before,
  .btn-email:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .btn-whatsapp {
    display: none;
  }
  /* Hovering */
  .comment-actions-abuse,
  .comment-actions-vote,
  .comment-actions-share {
    visibility: hidden;
  }
  .comment-item:hover .comment-actions-abuse,
  .comment-item:hover .comment-actions-vote,
  .comment-item:hover .comment-actions-share {
    visibility: visible;
  }
  .comment-item:hover .comment-author-stars span {
    color: #fa0;
  }
  .comment-actions-abuse.comment-actions-abuse-reported {
    visibility: visible;
  }
  .comment-actions-abuse.comment-actions-abuse-reported a {
    width: auto;
  }
}
.report-abuse-message {
  padding: 12px 16px;
  margin: 24px 0;
  background-color: #FFF6CF;
  border: 1px solid #ffe9c0;
  border-radius: 4px;
  color: #6F4E14;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  position: relative;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .report-abuse-message {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .report-abuse-message {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .report-abuse-message {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .report-abuse-message {
    line-height: 21px;
  }
}
/* Replies */
.comment-thread-container {
  position: relative;
}
.comment-thread-container:after {
  display: block;
  content: "--";
  color: #a2a2a2;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .comment-thread-container:after {
    margin-bottom: 14px;
  }
}
.comment-thread-caption {
  height: 54px;
  margin: 14px 0 7px;
}
.comment-thread-caption-wrapper {
  padding: 7px 0;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
.comment-thread-caption.is-fixed .comment-thread-caption-wrapper {
  position: fixed;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1280px) {
  .comment-thread-caption-container-wrapper {
    max-width: 1392px;
    margin: 0 auto;
  }
}
.comment-thread-caption-container {
  max-width: 1044px;
  margin: 0 4px;
}
@media only screen and (min-width: 1024px) {
  .comment-thread-caption-container {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1280px) {
  .comment-thread-caption-container {
    max-width: 1020px;
    margin: 0 auto 0 24px;
  }
}
.comment-thread-close {
  float: right;
  transition: all 0.2s ease-in-out;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  height: 28px;
  line-height: 29px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 4px;
}
.comment-thread-close:hover {
  text-decoration: none;
}
.comment-thread-close:active,
.comment-thread-close:focus {
  padding-top: 1px;
}
.comment-thread-caption.is-fixed .comment-thread-close {
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  margin-top: 4px;
}
.comment-thread-caption.is-fixed .comment-thread-close:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-thread-caption.is-fixed .comment-thread-close:before:hover {
  text-decoration: none;
}
.comment-thread-caption.is-fixed .comment-thread-close:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-thread-caption.is-fixed .comment-thread-close:before,
.comment-thread-caption.is-fixed .comment-thread-close:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.comment-thread-caption.is-fixed .comment-thread-close:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.comment-thread-caption.is-fixed .comment-thread-close:before,
.comment-thread-caption.is-fixed .comment-thread-close:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.comment-thread-source {
  margin-right: 56px;
  overflow: hidden;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .comment-thread-source {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-thread-source {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-thread-source {
    line-height: 16.8px;
  }
}
.comment-thread-source blockquote {
  display: none;
  width: 80%;
  height: 21px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}
.comment-thread-source blockquote:before {
  content: "\"";
}
@media only screen and (min-width: 768px) {
  .comment-thread-source blockquote {
    width: 90%;
  }
}
.comment-thread-source blockquote p {
  display: inline;
  margin-top: 0;
  margin-bottom: 14px;
}
.comment-thread-source .user-avatar {
  float: left;
  width: 36px;
  height: auto;
  margin-right: 8px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .comment-thread-source .user-avatar {
    width: 28px;
  }
}
.comment-thread-caption.is-fixed .comment-thread-source cite {
  display: none;
}
.comment-thread-caption.is-fixed .comment-thread-source blockquote {
  display: inline-block;
}
.comment-thread-caption.is-fixed .comment-thread-source .user-avatar {
  opacity: 0.5;
}
.comment-thread-caption.is-expanded .comment-thread-source blockquote {
  height: auto;
  overflow: scroll;
  text-overflow: unset;
  white-space: normal;
  max-height: 60vh;
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .comment-thread-caption.is-expanded .comment-thread-source blockquote {
    max-height: 288px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .comment-thread-caption.is-expanded .comment-thread-source blockquote {
    max-height: 340.8px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .comment-thread-caption.is-expanded .comment-thread-source blockquote {
    max-height: 614.4px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .comment-thread-caption.is-expanded .comment-thread-source blockquote {
    max-height: 192px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .comment-thread-caption.is-expanded .comment-thread-source blockquote {
    max-height: 192px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .comment-thread-caption.is-expanded .comment-thread-source blockquote {
    max-height: 460.8px;
  }
}
.comment-thread-caption.is-expanded .comment-thread-source blockquote:before {
  content: "";
}
.comment-thread-caption.is-expanded .comment-thread-source blockquote p {
  display: block;
}
.comment-thread-source-more {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  height: 28px;
  line-height: 29px;
  padding-left: 12px;
  padding-right: 12px;
  display: none;
}
.comment-thread-source-more:hover {
  text-decoration: none;
}
.comment-thread-source-more:active,
.comment-thread-source-more:focus {
  padding-top: 1px;
}
.comment-thread-source-more:after {
  font-size: 16px;
  font-family: icons-min;
  content: "\e602";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.comment-thread-source-more:after:hover {
  text-decoration: none;
}
.comment-thread-source-more:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-thread-caption.is-expanded .comment-thread-source-more {
  margin-left: 44px;
}
.comment-thread-caption.is-expanded .comment-thread-source-more:after {
  font-size: 16px;
  font-family: icons-min;
  content: "\e601";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.comment-thread-caption.is-expanded .comment-thread-source-more:after:hover {
  text-decoration: none;
}
.comment-thread-caption.is-expanded .comment-thread-source-more:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-thread-caption.is-fixed .comment-thread-source-more {
  display: inline-block;
}
.comment-thread-relation {
  height: auto;
  margin: 14px 0 7px;
}
.comment-thread-relation .user-avatar {
  width: 24px;
}
@media only screen and (min-width: 768px) {
  .comment-thread-container {
    margin-left: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-thread-container .comment-thread-container .comment-thread-source q {
    width: 80%;
  }
}
@media only screen and (min-width: 1280px) {
  .comment-thread-container .comment-thread-container .comment-thread-source q {
    width: 90%;
  }
}
.comment-thread-hidden-caption {
  margin: 0 0 28px 56px;
}
.comment-thread-hidden-caption a.is-opened:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.comment-thread-hidden-caption a.is-opened:after:hover {
  text-decoration: none;
}
.comment-thread-hidden-caption a.is-opened:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-reply-1,
.comment-reply-2,
.comment-reply-3,
.comment-reply-4,
.comment-reply-5 {
  margin-top: 54px;
}
@media only screen and (min-width: 768px) {
  .comment-reply-1,
  .comment-reply-2,
  .comment-reply-3,
  .comment-reply-4,
  .comment-reply-5 {
    margin-top: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-reply-1 {
    margin-left: 112px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-reply-2 {
    margin-left: 168px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-reply-3,
  .comment-reply-4,
  .comment-reply-5 {
    margin-left: 224px;
  }
}
.comment-reply-relation {
  font-size: 13px;
  line-height: 16px;
  width: 50%;
  position: absolute;
  top: -42px;
  left: 8px;
}
@media only screen and (min-width: 768px) {
  .comment-reply-relation {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-reply-relation {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-reply-relation {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-reply-relation {
    width: 70%;
    top: -35px;
  }
}
.comment-reply-relation .user-avatar {
  width: 36px;
  height: 36px;
  overflow: hidden;
  background: #fff;
  margin-right: 8px;
  vertical-align: text-bottom;
  float: left;
}
@media only screen and (min-width: 768px) {
  .comment-reply-relation .user-avatar {
    width: 21px;
    height: 21px;
    float: none;
  }
}
.comment-reply-relation a {
  display: block;
}
@media only screen and (min-width: 768px) {
  .comment-reply-relation a {
    display: inline;
  }
}
.view-replies a:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.view-replies a:before:hover {
  text-decoration: none;
}
.view-replies a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.view-more {
  text-align: center;
  margin: 24px auto;
}
@media only screen and (min-width: 768px) {
  .view-more {
    margin: 28px auto;
  }
}
.view-more p {
  margin: 0;
}
.view-even-more {
  margin: 0 0 24px 12px;
  float: left;
}
@media only screen and (min-width: 768px) {
  .view-even-more {
    margin: 0 0 28px;
  }
}
.view-comments {
  padding-top: 28px;
}
.comment-brillante .comment-badge span,
.comment-brillante .comment-badge strong {
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
}
.comment-brillante .comment-badge span:before,
.comment-brillante .comment-badge strong:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e612";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-brillante .comment-badge span:before:hover,
.comment-brillante .comment-badge strong:before:hover {
  text-decoration: none;
}
.comment-brillante .comment-badge span:after,
.comment-brillante .comment-badge strong:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-brillante .comment-badge span:before,
.comment-brillante .comment-badge strong:before,
.comment-brillante .comment-badge span:after,
.comment-brillante .comment-badge strong:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.comment-brillante .comment-badge span:before,
.comment-brillante .comment-badge strong:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.comment-brillante .comment-badge span:before,
.comment-brillante .comment-badge strong:before,
.comment-brillante .comment-badge span:after,
.comment-brillante .comment-badge strong:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
.comment-moderated {
  font-size: 15px;
  line-height: 20px;
  margin-top: 0;
  padding: 18px 0;
}
@media only screen and (min-width: 768px) {
  .comment-moderated {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-moderated {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-moderated {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-moderated {
    line-height: 21px;
  }
}
.comment-moderated .comment-order {
  display: inline-block;
}
.comment-moderated .comment-order a {
  font-size: 15px;
  line-height: 20px;
  padding: 18px 0;
}
@media only screen and (min-width: 768px) {
  .comment-moderated .comment-order a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-moderated .comment-order a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-moderated .comment-order a {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-moderated .comment-order a {
    line-height: 21px;
  }
}
.comment-status-moderated {
  display: inline-block;
}
.comment-irrelevant {
  background: #fbeded;
  color: #a2a2a2;
  padding-bottom: 18px;
}
@media only screen and (min-width: 768px) {
  .comment-irrelevant-status {
    line-height: 36px;
  }
}
.comment-irrelevant-content {
  display: none;
}
.comment-irrelevant.is-opened {
  background: #fff;
}
.comment-irrelevant.is-opened .comment-irrelevant-status {
  display: none;
}
.comment-irrelevant.is-opened .comment-irrelevant-content {
  display: block;
}
.comment-irrelevant.is-opened .comment-author a {
  color: #a2a2a2;
}
.comment-brillante,
.comment-interesante {
  border-top-right-radius: 4px;
}
.alert-message {
  padding: 14px;
  background: #fbeded;
  color: #a8b19e;
  margin: 28px 24px;
  border-radius: 4px;
}
.alert-message:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60e";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.alert-message:before:hover {
  text-decoration: none;
}
.alert-message:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
/* Delete comments */
.comment-actions-delete {
  padding: 14px 18px;
  display: block;
  background-color: #E03737;
  padding: 0;
}
@media only screen and (min-width: 1280px) {
  .comment-actions-delete {
    position: absolute;
    left: 115px;
    top: 0;
    background-color: transparent;
    visibility: hidden;
  }
}
.comment-actions-delete .btn-delete {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .comment-actions-delete .btn-delete {
    font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 0 14px;
    border-radius: 21px;
    border: none;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    vertical-align: baseline;
    white-space: nowrap;
    height: 28px;
    line-height: 29px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .comment-actions-delete .btn-delete:hover {
    text-decoration: none;
  }
  .comment-actions-delete .btn-delete:active,
  .comment-actions-delete .btn-delete:focus {
    padding-top: 1px;
  }
}
/* hover visibility */
@media only screen and (min-width: 1280px) {
  .comment-item:hover .comment-actions-delete {
    visibility: visible;
  }
}
.section-comments-respuestas .comment-reply-1 .comment-actions-delete,
.section-comments-respuestas .comment-reply-2 .comment-actions-delete,
.section-comments-respuestas .comment-reply-3 .comment-actions-delete,
.section-comments-respuestas .comment-reply-4 .comment-actions-delete,
.section-comments-respuestas .comment-reply-5 .comment-actions-delete {
  top: 0;
}
.comment-write-actions {
  display: flex;
  align-items: center;
}
.comment-write-attachments {
  white-space: nowrap;
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 0;
  margin-bottom: 12px;
}
.comment-write-attachments:after {
  content: "Desliza para ver más »";
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .comment-write-attachments:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-write-attachments:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-write-attachments:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-write-attachments:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-write-attachments:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-write-attachments:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-write-attachments:after {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-write-attachments:after {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.comment-write-attachments:after {
  display: block;
  margin-left: 16px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .comment-write-attachments {
    margin-bottom: 0;
  }
}
.comment-attachments-list {
  width: 100%;
  padding-top: 12px;
  display: flex;
}
.comment-attachments-list-item {
  margin: 0 16px 16px 0;
  width: 144px;
  height: 126px;
  background-color: #eee;
  display: flex;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
}
.comment-add-attachment {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 39.6px;
  box-sizing: border-box;
  width: 100%;
  white-space: normal;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .comment-add-attachment {
    font-size: 11px;
    line-height: 14.7px;
  }
}
.comment-add-attachment .btn-add-attachment {
  margin: 0 auto 10px;
}
.comment-attachments-list-image {
  width: 100%;
  position: absolute;
  min-height: 100%;
  left: 0;
  right: 0;
}
.btn-remove-attachment {
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #fff;
  color: #444;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  position: absolute;
  right: 10px;
  top: 10px;
}
.btn-remove-attachment:hover {
  background-color: #f4f4f4;
  color: #444;
}
.btn-remove-attachment:hover {
  text-decoration: none;
}
.btn-remove-attachment:active,
.btn-remove-attachment:focus {
  padding-top: 1px;
}
.btn-remove-attachment:hover {
  background-color: #eee;
  color: #111;
}
.btn-remove-attachment:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-remove-attachment:before:hover {
  text-decoration: none;
}
.btn-remove-attachment:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-remove-attachment:before,
.btn-remove-attachment:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.btn-remove-attachment:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.btn-remove-attachment:before,
.btn-remove-attachment:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.comment-attachment-figure {
  display: block;
  max-width: 240px;
  max-height: 240px;
  position: relative;
  margin-bottom: 12px;
  overflow: hidden;
}
.comment-attachment-figure img {
  max-width: 100%;
  margin: 0;
  max-height: 240px;
}
@media only screen and (min-width: 768px) {
  .comment-attachment-figure img {
    max-height: 359.8px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-attachment-figure {
    max-width: 360px;
    max-height: 359.8px;
    margin-bottom: 24px;
  }
}
.comment-input textarea {
  max-width: 100%;
}
.comment-badge-list {
  display: flex;
  margin-top: 12px;
}
@media only screen and (min-width: 1024px) {
  .comment-badge-list {
    display: inline-flex;
    float: right;
  }
}
.comment-badge-brillantes,
.comment-badge-interesante {
  font-size: 11px;
}
.comment-badge-brillantes {
  margin-right: 16px;
}
.comment-badge-brillantes:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e612";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-badge-brillantes:before:hover {
  text-decoration: none;
}
.comment-badge-brillantes:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 1024px) {
  .comment-badge-brillantes {
    margin-right: 24px;
  }
}
.comment-badge-interesante:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e611";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-badge-interesante:before:hover {
  text-decoration: none;
}
.comment-badge-interesante:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-post-description {
  font-size: 13px;
  color: #C00;
  line-height: normal;
  margin: 24px 0 12px;
}
.comment-list-title {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 31.2px;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .comment-list-title {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-list-title {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .comment-list-title {
    font-size: 28px;
    line-height: 1.25;
    display: inline-block;
  }
}
.comment-item-post-numbers {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  color: #a2a2a2;
}
.comment-item-post-numbers:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-item-post-numbers:before:hover {
  text-decoration: none;
}
.comment-item-post-numbers:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .comment-item-post-numbers {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-item-post-numbers {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-item-post-numbers {
    line-height: 16.8px;
  }
}
.comment-item-post-numbers:hover {
  color: #f00;
}
@media only screen and (min-width: 1024px) {
  .comment-item-post-numbers {
    float: left;
  }
}
.comment-item-post-comments {
  color: #a2a2a2;
}
.comment-item-post-comments:hover {
  color: #f00;
}
.comment-item-new-comments {
  font-size: 13px;
  line-height: 16px;
  color: #f00;
  margin: 6px 0 0 16px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .comment-item-new-comments {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-item-new-comments {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-item-new-comments {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .comment-item-new-comments {
    float: left;
    clear: left;
  }
}
.comment-time {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
  margin-top: 12px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .comment-time {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-time {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-time {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-time {
    line-height: 21px;
  }
}
.comment-time:hover {
  color: #f00;
}
@media only screen and (min-width: 1024px) {
  .comment-time {
    margin-top: 0;
  }
}
.comment-footer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  align-items: flex-end;
}
.comment-footer-anchor {
  color: #a2a2a2;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  display: inline-block;
}
.comment-footer-anchor:hover {
  color: #f00;
}
@media only screen and (min-width: 768px) {
  .comment-footer-anchor {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .comment-footer-anchor {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-footer-anchor {
    line-height: 16.8px;
  }
}
.comment-footer-anchor:after {
  font-size: 9px;
  font-family: icons-min;
  content: "\e901";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.comment-footer-anchor:after:hover {
  text-decoration: none;
}
.comment-footer-anchor:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .comment-footer-anchor {
    display: flex;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-footer-anchor {
    display: inline-block;
  }
}
.comment-footer-anchor:after {
  vertical-align: middle;
}
.comment-action-expand {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: 50%;
  background-color: #222;
  color: #eee;
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  outline: none;
}
.comment-action-expand:hover {
  background-color: #910000;
  color: #fff;
}
.comment-action-expand:hover {
  text-decoration: none;
}
.comment-action-expand:active,
.comment-action-expand:focus {
  padding-top: 1px;
}
.comment-action-expand:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e602";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-action-expand:before:hover {
  text-decoration: none;
}
.comment-action-expand:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-action-expand:before,
.comment-action-expand:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.comment-action-expand:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.comment-action-expand:before,
.comment-action-expand:after {
  line-height: 21.6px;
  margin: 0 2px;
  vertical-align: middle;
}
.comment-action-collapse {
  background-color: #900;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: 50%;
  background-color: #222;
  color: #eee;
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: bottom;
  white-space: normal;
  outline: none;
}
.comment-action-collapse:hover {
  background-color: #910000;
  color: #fff;
}
.comment-action-collapse:hover {
  text-decoration: none;
}
.comment-action-collapse:active,
.comment-action-collapse:focus {
  padding-top: 1px;
}
.comment-action-collapse:before {
  font-size: 24px;
  font-family: icons-min;
  content: "-";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.comment-action-collapse:before:hover {
  text-decoration: none;
}
.comment-action-collapse:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.comment-action-collapse:before,
.comment-action-collapse:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.comment-action-collapse:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 17.6px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.comment-action-collapse:before,
.comment-action-collapse:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.comment-action-collapse::before,
.comment-action-collapse::after {
  content: "";
  height: 2px;
  width: 15px;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .comment-item.m-compact {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .comment-item.m-compact .comment-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .comment-item.m-compact .comment-content {
    margin-left: 248px;
  }
}
@media only screen and (min-width: 1024px) {
  .comment-item.m-compact .comment-content,
  .comment-item.m-compact .comment-content p {
    margin-bottom: 0;
  }
}
.comment-content.is-collapsed {
  max-height: 228px;
  overflow: hidden;
  position: relative;
}
@media only screen and (orientation: landscape) {
  .comment-content.is-collapsed {
    max-height: 84px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-content.is-collapsed {
    max-height: 89.6px;
  }
}
@media only screen and (min-width: 1024px) {
  .comment-content.is-collapsed {
    max-height: 92.4px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-content.is-collapsed {
    max-height: 100.8px;
  }
}
.comment-content.is-collapsed:before {
  content: '...';
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  font-weight: bold;
  box-sizing: border-box;
  margin-right: 6px;
}
.comment-content.is-collapsed:after {
  content: '';
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  height: 100%;
  float: right;
  z-index: 2;
  box-sizing: border-box;
}
.comment-content.is-collapsed p {
  display: inline;
}
@media only screen and (min-width: 1024px) {
  .comment-content.is-collapsed p {
    margin-top: 0;
  }
}
.comment-content.is-collapsed .more-text:before {
  content: '...';
  white-space: nowrap;
  background-color: #ffffff;
  z-index: 2;
  position: relative;
  color: #222222;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .comment-reply-1 .comment-item,
  .m-is-answers .comment-reply-2 .comment-item,
  .m-is-answers .comment-reply-3 .comment-item,
  .m-is-answers .comment-reply-4 .comment-item,
  .m-is-answers .comment-reply-5 .comment-item {
    padding-bottom: 40px;
  }
}
.article-comments {
  float: left;
  background-color: transparent;
  height: auto;
  margin-bottom: 0;
  letter-spacing: 0;
  padding: 0;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .article-comments {
    padding: 0;
  }
}
.article-comments a {
  color: #C00;
  font-weight: 900;
}
.article-comments a:before {
  font-size: 17px;
}
@media only screen and (min-width: 360px) {
  .article-comments a:before {
    font-size: 27px;
  }
}
.u-logo-webedia {
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  text-indent: -100000px;
  height: 30px;
  width: 109px;
  display: inline-block;
  opacity: 0.6;
  float: right;
}
@media only screen and (min-width: 768px) {
  .u-logo-webedia {
    margin-top: 4px;
    margin-left: 16px;
    float: none;
  }
}
.comscore-logo-webedia-travel {
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  text-indent: -100000px;
  height: 30px;
  width: 109px;
  display: inline-block;
  opacity: 0.6;
  float: right;
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_TRAVEL_ALLWHITE.png");
}
@media only screen and (min-width: 768px) {
  .comscore-logo-webedia-travel {
    margin-top: 4px;
    margin-left: 16px;
    float: none;
  }
}
.comscore-logo-webedia-gaming {
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  text-indent: -100000px;
  height: 30px;
  width: 109px;
  display: inline-block;
  opacity: 0.6;
  float: right;
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_GAMING_ALLWHITE.png");
}
@media only screen and (min-width: 768px) {
  .comscore-logo-webedia-gaming {
    margin-top: 4px;
    margin-left: 16px;
    float: none;
  }
}
.comscore-logo-webedia-glam {
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  text-indent: -100000px;
  height: 30px;
  width: 109px;
  display: inline-block;
  opacity: 0.6;
  float: right;
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_GLAM_ALLWHITE.png");
}
@media only screen and (min-width: 768px) {
  .comscore-logo-webedia-glam {
    margin-top: 4px;
    margin-left: 16px;
    float: none;
  }
}
.comscore-logo-webedia-food {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  text-indent: -100000px;
  height: 30px;
  width: 109px;
  display: inline-block;
  opacity: 0.6;
  float: right;
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png");
}
@media only screen and (min-width: 768px) {
  .comscore-logo-webedia-food {
    margin-top: 4px;
    margin-left: 16px;
    float: none;
  }
}
.comscore-logo-webedia-movies {
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  text-indent: -100000px;
  height: 30px;
  width: 109px;
  display: inline-block;
  opacity: 0.6;
  float: right;
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_MOVIES_ALLWHITE.png");
}
@media only screen and (min-width: 768px) {
  .comscore-logo-webedia-movies {
    margin-top: 4px;
    margin-left: 16px;
    float: none;
  }
}
.comscore-logo-webedia-tech {
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  text-indent: -100000px;
  height: 30px;
  width: 109px;
  display: inline-block;
  opacity: 0.6;
  float: right;
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_TECH_VERTICALS_ALLWHITE.png");
}
@media only screen and (min-width: 768px) {
  .comscore-logo-webedia-tech {
    margin-top: 4px;
    margin-left: 16px;
    float: none;
  }
}
.comscore-logo-webedia-lifestyle {
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  text-indent: -100000px;
  height: 30px;
  width: 109px;
  display: inline-block;
  opacity: 0.6;
  float: right;
  background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_LIFESTYLE_ALLWHITE.png");
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .comscore-logo-webedia-lifestyle {
    margin-top: 4px;
    margin-left: 16px;
    float: none;
  }
}
.base-asset-vine {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 100% 0 0 0;
  overflow: hidden;
}
.base-asset-vine embed,
.base-asset-vine iframe,
.base-asset-vine object,
.base-asset-vine video,
.base-asset-vine .fb-video {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.article-asset-image {
  overflow: hidden;
}
.article-asset-image .base-wrapper-image {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.article-asset-image .base-wrapper-image img,
.article-asset-image .base-wrapper-image img.centro,
.article-asset-image .base-wrapper-image img.centro_sinmarco {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.section-pinned-container {
  margin: 0;
  background: #eee;
  padding: 1px 0;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .section-pinned-container {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-pinned-container {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.section-pinned {
  max-width: 1280px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-pinned {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .section-pinned {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .section-pinned {
    max-width: 1368px;
  }
}
.section-pinned-header {
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #a2a2a2;
  margin-bottom: 12px;
  margin-top: 24px;
  margin-left: 16px;
}
@media only screen and (min-width: 768px) {
  .section-pinned-header {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned-header {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-header {
    font-weight: 100;
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-pinned-header {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-header {
    margin-top: 28px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section-pinned-header {
    margin-top: 28px;
  }
}
.section-pinned-header a {
  color: #444;
}
.section-pinned-header a:hover {
  color: #f00;
}
.section-nav {
  margin-bottom: 24px;
}
.section-pinned-nav {
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 20px;
  display: block;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .section-pinned-nav {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned-nav {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-nav {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned-nav {
    line-height: 21px;
  }
}
.section-pinned-nav-more {
  background-color: #D44040;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  margin: 0;
  color: #fff;
}
.section-pinned-nav-more:hover {
  background-color: #c93d3d;
  color: #fff;
}
.section-pinned-nav-more:hover {
  text-decoration: none;
}
.section-pinned-nav-more:active,
.section-pinned-nav-more:focus {
  padding-top: 1px;
}
.section-pinned-list {
  margin: 0 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .section-pinned-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
}
@media only screen and (min-width: 640px) {
  .section-pinned-list {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.section-pinned-list .shortcut img,
.section-pinned-list .shortcut-article img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.section-pinned-header.m-category-basics a,
.section-pinned-header.m-category-xataka-basics a,
.section-pinned-header.m-category-xatakaesports-basics a {
  background-image: url("//img.weblogssl.com/g/r/svg/icon-xataka-basics.svg?v=36");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px;
  padding-left: 40px;
}
.section-pinned-header.m-category-vidaextra-basics a {
  background-image: url("//img.weblogssl.com/g/r/svg/icon-vidaextra-basics.svg?v=36");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding-left: 32px;
  color: #c00;
}
.section-pinned-header.m-category-motorpasion-basics a,
.section-pinned-header.m-category-motorpasionmexico-basics a {
  background-image: url("//img.weblogssl.com/g/r/svg/icon-motorpasion-basics.svg?v=36");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding-left: 32px;
  color: #f00;
}
.section-pinned-container.m-category-vidaextra-basics .section-pinned-list,
.section-pinned-container.m-category-xatakaesports-basics .section-pinned-list,
.section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list,
.section-pinned-container.m-hr-scroll .section-pinned-list {
  white-space: nowrap;
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 0;
  padding-right: 16px;
  box-sizing: border-box;
}
.section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
.section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
.section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
.section-pinned-container.m-hr-scroll .section-pinned-list:after {
  content: "Desliza para ver más »";
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
  .section-pinned-container.m-hr-scroll .section-pinned-list:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
  .section-pinned-container.m-hr-scroll .section-pinned-list:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
  .section-pinned-container.m-hr-scroll .section-pinned-list:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
  .section-pinned-container.m-hr-scroll .section-pinned-list:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
  .section-pinned-container.m-hr-scroll .section-pinned-list:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
  .section-pinned-container.m-hr-scroll .section-pinned-list:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
  .section-pinned-container.m-hr-scroll .section-pinned-list:after {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
  .section-pinned-container.m-hr-scroll .section-pinned-list:after {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.section-pinned-container.m-category-vidaextra-basics .section-pinned-list:after,
.section-pinned-container.m-category-xatakaesports-basics .section-pinned-list:after,
.section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list:after,
.section-pinned-container.m-hr-scroll .section-pinned-list:after {
  display: block;
  margin-left: 16px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1024px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list,
  .section-pinned-container.m-hr-scroll .section-pinned-list {
    white-space: normal;
    overflow: visible;
  }
}
.section-pinned-container.m-category-vidaextra-basics .section-pinned-list::after,
.section-pinned-container.m-category-xatakaesports-basics .section-pinned-list::after,
.section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list::after,
.section-pinned-container.m-hr-scroll .section-pinned-list::after {
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-list,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-list,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-list,
  .section-pinned-container.m-hr-scroll .section-pinned-list {
    padding-right: 0;
  }
}
.section-pinned-container.m-category-vidaextra-basics .section-pinned-nav,
.section-pinned-container.m-category-xatakaesports-basics .section-pinned-nav,
.section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-nav,
.section-pinned-container.m-hr-scroll .section-pinned-nav {
  margin-bottom: 12px;
  margin-left: 16px;
  margin-right: 16px;
  text-align: left;
}
@media only screen and (min-width: 480px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-nav,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-nav,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-nav,
  .section-pinned-container.m-hr-scroll .section-pinned-nav {
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-vidaextra-basics .section-pinned-nav,
  .section-pinned-container.m-category-xatakaesports-basics .section-pinned-nav,
  .section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-nav,
  .section-pinned-container.m-hr-scroll .section-pinned-nav {
    margin-right: 0;
  }
}
.section-pinned-container.m-category-vidaextra-basics .section-pinned-nav a,
.section-pinned-container.m-category-xatakaesports-basics .section-pinned-nav a,
.section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-nav a,
.section-pinned-container.m-hr-scroll .section-pinned-nav a {
  color: #444;
}
.section-pinned-container.m-category-vidaextra-basics .section-pinned-nav a:hover,
.section-pinned-container.m-category-xatakaesports-basics .section-pinned-nav a:hover,
.section-pinned-container.m-category-motorpasionmexico-basics .section-pinned-nav a:hover,
.section-pinned-container.m-hr-scroll .section-pinned-nav a:hover {
  color: #f00;
}
.section-pinned-container.m-category-xataka-basics .section-pinned-nav,
.section-pinned-container.m-category-motorpasion-basics .section-pinned-nav {
  margin-bottom: 12px;
  margin-left: 16px;
  margin-right: 16px;
  text-align: left;
}
@media only screen and (min-width: 480px) {
  .section-pinned-container.m-category-xataka-basics .section-pinned-nav,
  .section-pinned-container.m-category-motorpasion-basics .section-pinned-nav {
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-xataka-basics .section-pinned-nav,
  .section-pinned-container.m-category-motorpasion-basics .section-pinned-nav {
    margin-right: 0;
  }
}
.section-pinned-container.m-category-xataka-basics .section-pinned-nav a,
.section-pinned-container.m-category-motorpasion-basics .section-pinned-nav a {
  color: #444;
}
.section-pinned-container.m-category-xataka-basics .section-pinned-nav a:hover,
.section-pinned-container.m-category-motorpasion-basics .section-pinned-nav a:hover {
  color: #f00;
}
.section-pinned-container.m-category-genbeta-basics {
  background: #94C6EB;
}
.section-pinned-container.m-category-genbeta-basics .shortcut-title a:hover {
  color: #444;
  text-decoration: underline!important;
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-header {
  margin: 4px 0 0 16px;
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-header a {
  font-size: 0;
  line-height: 0;
  width: 162px;
  height: 53.76px;
  display: block;
  background: url("images/section-title-logo.svg") no-repeat left center;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-header a {
    width: 216px;
    height: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-header {
    margin: 4px 0 0 0;
  }
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-nav {
  right: 0;
  top: 0;
  position: relative;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0 24px 16px;
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-nav a {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #444;
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-nav a:hover {
  color: #f00;
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-nav a:after {
  font-size: 12px;
  font-family: icons-min;
  content: "\e901";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-nav a:after:hover {
  text-decoration: none;
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-nav a:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-nav a:before {
  content: '';
  width: 16px;
  height: 16.08px;
  margin-right: 4px;
  background: url("images/nanocategoria.svg") no-repeat left center;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-nav a:before {
    width: 24px;
    height: 24px;
  }
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-nav a:hover {
  color: #444;
  text-decoration: underline!important;
}
@media only screen and (min-width: 480px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-nav {
    position: absolute;
    right: 16px;
    top: 18.04511278px;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-nav {
    top: 27.84px;
  }
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-list {
  white-space: nowrap;
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 0;
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
  content: "Desliza para ver más »";
  font-size: 15px;
  line-height: 20px;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #a2a2a2;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.section-pinned-container.m-category-genbeta-basics .section-pinned-list:after {
  display: block;
  margin-left: 16px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1024px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list {
    white-space: normal;
    overflow: visible;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .section-pinned-list {
    margin-right: 0;
  }
}
.section-pinned-container.m-category-genbeta-basics .pinned-shortcut {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  margin-right: 24px;
  width: 60%;
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .pinned-shortcut {
    margin: 0 24px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section-pinned-container.m-category-genbeta-basics .pinned-shortcut {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .pinned-shortcut:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section-pinned-container.m-category-genbeta-basics .pinned-shortcut:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .section-pinned-container.m-category-genbeta-basics .pinned-shortcut {
    width: 17.5%;
  }
}
.module-bg-image .section-pinned-container,
.module-bg-color .section-pinned-container {
  background: transparent;
}
.module-fg-light .section-pinned-header a {
  color: #eee;
}
.module-fg-light .section-pinned-header a:hover {
  color: #f2dfdf;
}
.m-section-module header {
  margin-bottom: 28px;
}
.m-section-module .section-pinned-header {
  line-height: 28px;
}
@media only screen and (min-width: 768px) {
  .m-section-module .section-pinned-nav-container {
    position: absolute;
    right: 16px;
    top: 0;
  }
}
.section-pinned-container.m-inverted {
  background: none;
}
@media only screen and (min-width: 1024px) {
  .custom .section-pinned-container .section-pinned {
    margin: 0 24px;
  }
}
.section-pinned-container.m-section-module-home.m-taxonomy-inverted .section-pinned-header a {
  display: flex;
  align-items: flex-end;
}
.pinned-shortcut {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  margin-right: 24px;
  width: 100%;
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .pinned-shortcut {
    margin: 0 24px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .pinned-shortcut {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .pinned-shortcut:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .pinned-shortcut:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 640px) {
  .pinned-shortcut {
    width: 17.5%;
    margin-right: 24px;
  }
  .pinned-shortcut:first-child {
    margin-left: 0 !important;
  }
  .pinned-shortcut:last-child {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 768px) {
  .pinned-shortcut {
    width: 18.5%;
  }
  .pinned-shortcut:first-child {
    margin-left: 0 !important;
  }
  .pinned-shortcut:last-child {
    margin-right: 0 !important;
  }
}
.shortcut .shortcut-figure,
.shortcut-article .shortcut-figure {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 46.66666667% 0 0 0;
  overflow: hidden;
}
.shortcut .shortcut-figure img,
.shortcut-article .shortcut-figure img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  .shortcut .shortcut-figure,
  .shortcut-article .shortcut-figure {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 100% 0 0 0;
    overflow: hidden;
  }
  .shortcut .shortcut-figure img,
  .shortcut-article .shortcut-figure img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .shortcut .shortcut-figure,
  .shortcut-article .shortcut-figure {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
  }
  .shortcut .shortcut-figure img,
  .shortcut-article .shortcut-figure img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media only screen and (min-width: 1360px) {
  .shortcut .shortcut-figure,
  .shortcut-article .shortcut-figure {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 66.25% 0 0 0;
    overflow: hidden;
  }
  .shortcut .shortcut-figure img,
  .shortcut-article .shortcut-figure img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media only screen and (min-width: 1440px) {
  .shortcut .shortcut-figure,
  .shortcut-article .shortcut-figure {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 0 0 0;
    overflow: hidden;
  }
  .shortcut .shortcut-figure img,
  .shortcut-article .shortcut-figure img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.shortcut img,
.shortcut-article img {
  display: block;
  width: 100%;
  object-fit: cover;
  opacity: 0.9;
  height: 168px;
  overflow: hidden;
}
.shortcut:hover img,
.shortcut-article:hover img {
  opacity: 1;
}
.shortcut-title {
  font-size: 15px;
  line-height: 20px;
  margin-top: 12px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .shortcut-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .shortcut-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .shortcut-title {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .shortcut-title {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .shortcut-title {
    margin-top: 14px;
  }
}
.shortcut-title a {
  color: #444;
}
.shortcut-title a:hover {
  color: #f00;
}
.module-fg-light .shortcut-title a {
  color: #eee;
}
.module-fg-light .shortcut-title a:hover {
  color: #f2dfdf;
}
.user-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 24px;
}
@media only screen and (min-width: 1024px) {
  .user-card {
    padding-top: 28px;
  }
}
.user-card-info,
.user-card-actions {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .user-card-info,
  .user-card-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
}
@media only screen and (min-width: 768px) {
  .user-card-info,
  .user-card-actions {
    justify-content: flex-start;
  }
}
.user-card-actions,
.head-menu .user-card-actions {
  margin-top: 7.2px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .user-card-actions,
  .head-menu .user-card-actions {
    margin-bottom: 28px;
  }
}
.user-card-info,
.user-card-actions,
.user-deactivate {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 1024px) {
  .user-card-info,
  .user-card-actions,
  .user-deactivate {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.user-card-avatar {
  width: 48px;
  height: 48px;
}
.user-card-name {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 28.8px;
  text-transform: none;
  letter-spacing: 0;
  margin: 6px 0 0 0;
  text-align: center;
  color: #a2a2a2;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .user-card-name {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1360px) {
  .user-card-name {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .user-card-name {
    text-align: left;
  }
}
.user-card-star {
  color: #fa0;
}
.user-card-karma,
.user-card-since {
  font-size: 13px;
  line-height: 16px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .user-card-karma,
  .user-card-since {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .user-card-karma,
  .user-card-since {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .user-card-karma,
  .user-card-since {
    line-height: 16.8px;
  }
}
.user-card-rating,
.user-card-since {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .user-card-rating,
  .user-card-since {
    text-align: left;
  }
}
.user-card-actions-item {
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .user-card-actions-item {
    margin-right: 16.8px;
  }
  .user-card-actions-item:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .user-card-summary {
    margin-left: 16.8px;
  }
}
.user-card.m-compact {
  padding-top: 0;
}
.user-card.m-compact .user-card-link {
  float: left;
  margin-right: 12px;
}
@media only screen and (min-width: 768px) {
  .user-card.m-compact .user-card-link {
    margin-right: 18px;
  }
}
.user-card.m-compact .user-card-info {
  padding-left: 0;
  padding-right: 0;
}
.user-card.m-compact .user-card-avatar {
  width: 36px;
  height: 36px;
}
@media only screen and (min-width: 768px) {
  .user-card.m-compact .user-card-avatar {
    width: 48px;
    height: 48px;
  }
}
.user-card.m-compact .user-card-star {
  font-size: 22px;
}
.user-card.m-compact .user-card-name {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  line-height: 26.4px;
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 2px;
}
@media only screen and (min-width: 768px) {
  .user-card.m-compact .user-card-name {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 1360px) {
  .user-card.m-compact .user-card-name {
    font-size: 23px;
    line-height: 29.4px;
  }
}
@media only screen and (min-width: 1024px) {
  .user-card.m-compact .user-card-name {
    display: inline-block;
  }
}
.user-card.m-compact .user-card-since {
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .user-card.m-compact .user-card-since {
    display: inline-block;
    margin-left: 12px;
  }
}
.user-card.m-compact .user-card-rating {
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .user-card.m-compact .user-card-rating {
    display: inline-block;
    margin-left: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .user-card.m-compact .user-card-summary {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .user-card.m-compact .user-card-summary {
    text-align: left;
  }
}
.user-card-description {
  font-size: 15px;
  line-height: 20px;
  margin-top: 6px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .user-card-description {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .user-card-description {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .user-card-description {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .user-card-description {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .user-card-description {
    max-width: 678px;
  }
}
.m-is-user .form-box {
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .m-is-user .form-box {
    margin-bottom: 56px;
  }
}
.m-is-user .form-input {
  margin-left: 1px;
  width: 99%;
}
.m-is-user .section-heading {
  color: #444;
}
@media only screen and (min-width: 768px) {
  .m-is-user .section-heading {
    margin-top: 0;
  }
}
.has-tooltip {
  position: relative;
}
.tooltip {
  left: 8.4px;
  top: 100%;
  padding: 5.6px 12px;
  line-height: 16.8px;
  margin-top: 4.8px;
  background: #000 !important;
  color: #fff;
  height: auto;
  position: absolute;
  font-size: 13px;
  line-height: 16px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .tooltip {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .tooltip {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .tooltip {
    line-height: 16.8px;
  }
}
.user-card-rating {
  position: relative;
}
.user-card-rating:hover .tooltip {
  display: inline-block;
}
.alert-success.alert-compact,
.alert-error.alert-compact,
.alert-info.alert-compact {
  margin-bottom: 0;
}
.user-deactivate {
  border-top: 1px solid #e9e9e9;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .user-deactivate {
    text-align: left;
  }
}
.user-deactivate-link {
  color: #a2a2a2;
  font-size: 15px;
}
.user-deactivate-link:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e9ac";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.user-deactivate-link:before:hover {
  text-decoration: none;
}
.user-deactivate-link:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.user-deactivate-link:hover {
  color: #f00;
}
@media only screen and (min-width: 768px) {
  .user-deactivate-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .user-deactivate-link {
    font-size: 16px;
  }
}
.user-deactivate-link::before {
  margin-right: 8px;
}
.user-recover-password {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .user-recover-password {
    flex-grow: 1;
    padding-left: 24px;
    margin-top: -14px;
    max-width: 492px;
  }
}
.user-recover-password .form-label {
  font-weight: 900;
  margin-bottom: 6px;
}
.user-recover-password .alert-success {
  margin-top: 12px;
  margin-bottom: 0;
}
.user-recover-password .form-row {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .user-recover-password .form-row {
    flex-direction: row;
  }
}
.user-recover-password .form-row .btn-action-delete {
  align-self: baseline;
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .user-recover-password .form-row .btn-action-delete {
    margin-top: 0;
    margin-left: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .user-recover-password .form-inpunt-inline {
    flex-grow: 1;
  }
}
.user-recover-password-link {
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .user-recover-password-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .user-recover-password-link {
    font-size: 16px;
  }
}
.form-box {
  width: 100%;
}
.form-hint {
  font-size: 13px;
  line-height: 16px;
  color: #a2a2a2;
  margin-top: 6px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .form-hint {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .form-hint {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .form-hint {
    line-height: 16.8px;
  }
}
.form-label,
.form-label-checkbox {
  margin-bottom: 20.4px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-label:last-child,
.form-label-checkbox:last-child {
  margin-bottom: 0;
}
.form-label-checkbox {
  display: block;
}
.form-label-text {
  font-weight: 700;
}
.form-input,
input.form-input,
.form-textarea {
  font-size: 13px;
  line-height: 16px;
  width: 100%;
  margin-top: 6px;
  box-sizing: border-box;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
  max-width: 372px;
}
@media only screen and (min-width: 768px) {
  .form-input,
  input.form-input,
  .form-textarea {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1360px) {
  .form-input,
  input.form-input,
  .form-textarea {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .form-input,
  input.form-input,
  .form-textarea {
    line-height: 16.8px;
  }
}
.form-textarea {
  padding: 6px 8px;
  height: 120px;
  max-width: none;
}
@media only screen and (min-width: 1024px) {
  .form-textarea {
    height: 72px;
  }
}
.form-user-image {
  display: flex;
  padding-top: 12px;
  margin-bottom: 24px;
}
.form-user-image-avatar {
  width: 48px;
  height: 48px;
}
.form-user-image-actions {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  margin-left: 16px;
}
.form-max-character {
  position: absolute;
  right: 0;
  top: 0;
  color: #a2a2a2;
}
@media only screen and (min-width: 1024px) {
  .form-fieldset .form-hint {
    margin-left: 18px;
    display: inline-block;
  }
}
.form-search-basic {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
input.form-input-search {
  max-width: 100%;
  margin: 0 8px 0 0;
}
.form-search-button {
  background-color: #D44040;
  color: #fff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 21px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  white-space: normal;
  padding: 0;
  width: 46px;
  height: 40px;
}
.form-search-button:hover {
  background-color: #c93d3d;
  color: #fff;
}
.form-search-button:hover {
  text-decoration: none;
}
.form-search-button:active,
.form-search-button:focus {
  padding-top: 1px;
}
.form-search-button:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.form-search-button:before:hover {
  text-decoration: none;
}
.form-search-button:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.form-search-button:before,
.form-search-button:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.form-search-button:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 26.4px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.form-search-button:before,
.form-search-button:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .form-search-button {
    padding: 0;
    height: 44px;
  }
}
.form-input-file {
  display: none;
}
.m-header-drift {
  position: absolute;
  width: 100%;
  background: transparent;
}
.m-is-drift {
  overflow: hidden;
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.module-nav-drift {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  padding-top: 64px;
  box-sizing: border-box;
  text-align: center;
  overflow: auto;
}
.module-nav-drift:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: -5px;
}
.module-nav-drift .module-content {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.animating.module-nav-drift,
.is-drift-current {
  z-index: 1;
  opacity: 1;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*----------------------------------------------*/
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
/*----------------------------------------------*/
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
/*----------------------------------------------*/
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
/*----------------------------------------------*/
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
/*----------------------------------------------*/
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
/*----------------------------------------------*/
.animated {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
.section-modal-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
}
.section-modal-container {
  position: fixed;
  box-sizing: border-box;
  overflow: auto;
}
.section-modal-container.is-block {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}
.section-modal-container {
  top: 0;
  width: 0;
  height: 0;
  z-index: -1;
  left: 0;
  right: 0;
}
.section-modal {
  opacity: 0;
  transition: opacity 1s ease-in;
  position: relative;
}
.section-modal-container.is-block .section-modal {
  opacity: 1;
}
.section-modal-disclaimer-logo {
  position: relative;
  display: block;
  padding-top: 12px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .section-modal-disclaimer-logo {
    position: absolute;
    right: 72px;
    top: 36px;
    display: inline-block;
    padding-top: 0;
  }
}
.section-modal {
  background: #f9f9f9;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .section-modal {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    margin-bottom: 2%;
  }
}
.section-modal-header {
  padding: 24px 16px 18px;
}
@media only screen and (min-width: 1024px) {
  .section-modal-header {
    padding: 28px 24px;
  }
}
.section-modal-content {
  padding: 24px 16px 24px;
  border-top: 1px solid #e9e9e9;
}
@media only screen and (min-width: 1024px) {
  .section-modal-content {
    padding: 28px 24px;
  }
}
.m-vertical-edges {
  padding: 0 24px;
}
.section-modal-actions {
  padding: 24px 16px 24px;
  border-top: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) {
  .section-modal-actions {
    padding: 28px 24px;
  }
}
.section-modal-header {
  display: flex;
  justify-content: space-between;
}
.section-modal-heading {
  margin-top: 0;
  margin-bottom: 0;
  align-self: center;
  color: #a2a2a2;
  margin-right: 8px;
}
.m-title-giphy {
  width: auto;
}
@media only screen and (min-width: 768px) {
  .m-title-giphy {
    width: 62%;
  }
}
@media only screen and (min-width: 1024px) {
  .section-modal.m-modal-user-comments {
    max-width: 1044px;
  }
}
.section-modal.m-modal-user-comments .section-modal-actions {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 480px) {
  .section-modal.m-modal-user-comments .section-modal-actions {
    flex-direction: row;
  }
}
.modal-actions-primary {
  margin-bottom: 0;
}
.modal-actions-primary .btn-prev {
  margin-right: 12px;
}
.modal-actions-secondary {
  margin-top: 24px;
}
@media only screen and (min-width: 480px) {
  .modal-actions-secondary {
    margin-top: 0;
  }
}
.form-hint {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .section-modal.m-modal-user-deactivate {
    max-width: 900px;
  }
}
.section-modal.m-modal-user-deactivate .section-modal-heading {
  max-width: 75%;
  word-wrap: break-word;
}
@media only screen and (min-width: 768px) {
  .section-modal.m-modal-user-deactivate .section-modal-heading {
    max-width: 80%;
  }
}
.section-modal.m-modal-user-deactivate .btn-action-delete,
.section-modal.m-modal-user-deactivate .btn-primary {
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .section-modal.m-modal-user-deactivate .btn-action-delete,
  .section-modal.m-modal-user-deactivate .btn-primary {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section-modal.m-modal-user-deactivate-message {
    max-width: 900px;
    margin-top: 15%;
  }
}
.section-modal.m-modal-user-deactivate-message .btn-action-delete,
.section-modal.m-modal-user-deactivate-message .btn-primary {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .section-modal.m-modal-user-deactivate-message .btn-action-delete,
  .section-modal.m-modal-user-deactivate-message .btn-primary {
    margin-top: 0;
  }
}
.section-modal.m-modal-user-deactivate-message .section-modal-heading {
  max-width: 75%;
  word-wrap: break-word;
}
@media only screen and (min-width: 768px) {
  .section-modal.m-modal-user-deactivate-message .section-modal-heading {
    max-width: 80%;
  }
}
.section-modal.m-modal-user-deactivate-message .section-modal-actions {
  justify-content: flex-end;
}
.section-modal-content.m-faded {
  background: #eee;
  color: #a2a2a2;
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .section-modal-content.m-faded {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .section-modal-content.m-faded {
    font-size: 16px;
  }
}
.cancel-deactive-link {
  color: #a2a2a2;
  font-size: 15px;
  line-height: 20px;
}
.cancel-deactive-link:hover {
  color: #f00;
}
@media only screen and (min-width: 768px) {
  .cancel-deactive-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1360px) {
  .cancel-deactive-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .cancel-deactive-link {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1360px) {
  .cancel-deactive-link {
    line-height: 21px;
  }
}
.cancel-deactive-link:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e626";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.cancel-deactive-link:before:hover {
  text-decoration: none;
}
.cancel-deactive-link:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.cancel-deactive-link::before {
  content: "\2039";
  vertical-align: inherit;
}
.floating-box-container {
  background: #253241;
  padding-top: 16px;
  padding-bottom: 16px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .floating-box-container {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.floating-box-container .close {
  background-color: transparent;
  color: #fff;
  margin: 0;
  top: 16px;
  right: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .floating-box-container .close {
    right: 32px;
    top: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
}
.floating-box-container .close::before {
  font-size: 16px;
  margin: 0;
  line-height: 16px;
  width: 16px;
  height: 16px;
}
@media only screen and (min-width: 768px) {
  .floating-box-container .close::before {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
}
.floating-box-container .close::after {
  display: none;
}
.floating-box {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-start;
  padding-left: 8px;
  font-size: 14px;
  line-height: 20px;
  padding-right: 40px;
}
@media only screen and (min-width: 768px) {
  .floating-box {
    justify-content: center;
    align-items: center;
    font-size: 17px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
.floating-box img {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 8px;
}
@media only screen and (min-width: 768px) {
  .floating-box img {
    width: 48px;
    height: 48px;
    margin-right: 24px;
  }
}
.floating-box a {
  font-weight: 900;
  display: block;
  color: #72da38;
}
@media only screen and (min-width: 1150px) {
  .floating-box a {
    margin-left: 24px;
    display: inline;
  }
}
.floating-box p {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}
.floating-box-container.m-floating-box-directoalpaladar {
  background: #000;
}
.floating-box-container.m-floating-box-directoalpaladar .floating-box {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  padding-right: 24px;
  padding-left: 24px;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .floating-box-container.m-floating-box-directoalpaladar .floating-box {
    font-size: 18px;
    line-height: 24px;
  }
}
.floating-box-container.m-floating-box-directoalpaladar .floating-box a {
  color: #fff;
}
/*
 *
 */
@media only screen and (min-width: 1024px) {
  .module-layout-columns .instagram-media {
    min-width: auto;
    width: 100%!important;
  }
}
@media only screen and (min-width: 1024px) {
  .section-modal {
    margin-top: 6%;
  }
}
.user-card-name {
  font-weight: normal;
}
.user-card-since {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .user-card-since {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.modal-actions-primary li {
  display: inline;
}
.user-card-description {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .user-card-description {
    margin-bottom: 0;
  }
}
.m-modal-user-comments .comment-list-title {
  margin: 0;
}
.m-modal-user-comments .comment-footer {
  margin-top: 0;
}
/* Extra code */
.webedia-logo {
  background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=36");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-indent: -100000px;
  height: 24px;
  width: 93.6px;
  background-size: contain;
  float: none;
  width: 153px;
  height: 38px;
}
@media only screen and (min-width: 768px) {
  .webedia-logo {
    margin-left: 0;
    margin-top: 0;
  }
}
.foot-head {
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot-wsl-brand {
  display: none;
}