@import url("//fonts.googleapis.com/css?family=Roboto+Condensed:400,300");
@import url("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");
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;
}
legend {
  margin: 0;
  padding: 0;
  color: #000;
}
input,
textarea,
select {
  font: 1em Arial, Helvetica, sans-serif;
}
textarea {
  overflow: auto;
}
input[type="text"] {
  margin: 0;
}
/* Mixins */
/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.
 *
 * As an example, replace:
 *
 *   height: 50vh;
 *
 * with:
 *
 *   .safe-vh(height, 50vh);
 *
 **/
/*  
 * Vars for LESS - Xataka - r
 * -----------------------------------------------
 */
.border-custom {
  border-top: 1px solid #ddd;
}
.pager {
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager a,
.pager span {
  display: inline-block;
}
.pager .next a,
.pager .next span {
  float: right;
}
.pager .previous a {
  float: left;
}
/* Forums */
.section-forum-index h1 {
  margin-left: 12px;
}
.section-forum-index h2 {
  clear: both;
  border-top: 1px solid #e9e9e9;
  margin: 28px 0 0;
  padding: 14px 12px 0;
}
.section-forum-index ul {
  margin: 0;
  padding: 0;
}
.forum-nav {
  clear: left;
}
.btn-forum-new-message {
  margin-bottom: 14px;
  float: right;
  margin-right: 12px;
}
.forum-message-counter {
  display: inline-block;
  margin: 14px 12px 0;
  color: #666;
}
.forum-category-item {
  list-style-type: none;
  margin: 14px 12px;
  background: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.forum-category-item h3 {
  margin: 0;
  padding: 14px 12px;
  border-radius: 4px 4px 0 0;
}
.forum-category-messages {
  font-size: 0.8em;
  color: #333;
  white-space: nowrap;
}
.forum-category-preview {
  background: #f0f0f0;
  border-radius: 0  0 4px 4px;
}
.forum-category-preview a {
  color: #333;
  display: block;
  padding: 14px 12px;
}
.forum-category-preview cite {
  color: #999;
}
.forum-category-preview img {
  float: left;
  margin: 0 24px 56px 0;
}
.forum-new-message-form {
  background: #eee;
  border-radius: 4px;
  margin: 28px 12px;
  padding: 14px 24px 14px;
}
.forum-new-message-form textarea {
  width: 94%;
}
.forum-new-message-form .upload-image {
  border-radius: 5px;
  margin-bottom: 20px;
}
.forum-new-message-form .upload-image:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e614";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.forum-new-message-form .upload-image:before:hover {
  text-decoration: none;
}
.forum-new-message-form .upload-image:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.forum-new-message-form .upload-image:before {
  opacity: 0.5;
  vertical-align: middle;
  margin-right: 5px;
}
.forum-new-message-form .upload-image label {
  background: #fff;
  padding: 10px 6px;
  width: 94%;
  border: 1px solid #cccccc;
  border-radius: 3px;
  margin: 5px 0;
}
.forum-new-message-form .upload-image .input-file {
  height: 40px;
}
/* For respuestas question detail from */
.section-respuestas-home label .input-file {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 2px 5px;
  border-radius: 3px;
}
.section-respuestas-home .image-icon:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e614";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-respuestas-home .image-icon:before:hover {
  text-decoration: none;
}
.section-respuestas-home .image-icon:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-respuestas-home .image-icon:before {
  opacity: 0.5;
  vertical-align: middle;
  margin-right: 10px;
}
/* Forum message page */
.forum-breadcrumb {
  margin: 28px 0;
  padding: 0;
}
.forum-breadcrumb li {
  margin: 14px 0 0 12px;
  display: inline-block;
}
.forum-breadcrumb a {
  display: inline-block;
  padding: 7px 12px;
  background: #f0f0f0;
  border-radius: 4px;
  white-space: nowrap;
}
.forum-message-header {
  margin-left: 12px;
  margin-bottom: 28px;
  line-height: 1.3;
}
.forum-first-message {
  clear: both;
}
.section-forum-message .comment-vote-count {
  text-align: left;
}
.nav-backlink {
  margin: 28px 0 0 0;
  text-align: center;
}
/* Forum category page */
.section-forum-category h1 {
  margin-left: 12px;
}
.section-forum-category ul {
  margin: 0;
  padding: 0;
}
.forum-message-item {
  clear: both;
  list-style-type: none;
  margin: 14px 12px;
  background: #f3f3f3;
  border-radius: 4px;
  border: 1px solid #eee;
}
.forum-message-item h2 {
  padding: 14px 12px;
  line-height: 1.3;
}
.forum-message-item h2 a,
.forum-message-item h2 a:visited {
  color: #333;
}
.forum-message-author {
  margin: 0 24px 28px;
}
.forum-message-author cite {
  font-style: normal;
}
.forum-message-author img {
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
}
.forum-message-author .time {
  display: block;
  color: #999;
  font-style: italic;
}
.btn-message-comments {
  float: right;
  margin: 0 24px 0 0;
  display: inline;
}
.btn-message-comments a:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.btn-message-comments a:after:hover {
  text-decoration: none;
}
.btn-message-comments a:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.btn-message-comments a:after {
  margin-left: 0;
}
.btn-message-comments span {
  display: none;
}
/* Only for mobile */
.section-forum-message .social-sharing {
  width: 230px;
  float: left;
  margin-left: 12px;
  margin-top: 0;
}
.section-forum-message .social-sharing li {
  display: inline;
}
.section-forum-message .social-sharing .btn-facebook {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.section-forum-message .social-sharing .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;
}
.section-forum-message .social-sharing .btn-facebook:before:hover {
  text-decoration: none;
}
.section-forum-message .social-sharing .btn-facebook:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-forum-message .social-sharing .btn-facebook:before,
.section-forum-message .social-sharing .btn-facebook:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.section-forum-message .social-sharing .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;
}
.section-forum-message .social-sharing .btn-favorite {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.section-forum-message .social-sharing .btn-favorite:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e610";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-forum-message .social-sharing .btn-favorite:before:hover {
  text-decoration: none;
}
.section-forum-message .social-sharing .btn-favorite:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-forum-message .social-sharing .btn-favorite:before,
.section-forum-message .social-sharing .btn-favorite:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.section-forum-message .social-sharing .btn-favorite: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-forum-message .social-sharing .btn-twitter {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.section-forum-message .social-sharing .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;
}
.section-forum-message .social-sharing .btn-twitter:before:hover {
  text-decoration: none;
}
.section-forum-message .social-sharing .btn-twitter:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-forum-message .social-sharing .btn-twitter:before,
.section-forum-message .social-sharing .btn-twitter:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.section-forum-message .social-sharing .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;
}
.section-forum-message .social-sharing .btn-gplus {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.section-forum-message .social-sharing .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;
}
.section-forum-message .social-sharing .btn-gplus:before:hover {
  text-decoration: none;
}
.section-forum-message .social-sharing .btn-gplus:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-forum-message .social-sharing .btn-gplus:before,
.section-forum-message .social-sharing .btn-gplus:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.section-forum-message .social-sharing .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;
}
.section-forum-message .social-sharing .email-share-button {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.section-forum-message .social-sharing .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;
}
.section-forum-message .social-sharing .email-share-button:before:hover {
  text-decoration: none;
}
.section-forum-message .social-sharing .email-share-button:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-forum-message .social-sharing .email-share-button:before,
.section-forum-message .social-sharing .email-share-button:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.section-forum-message .social-sharing .email-share-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;
}
.section-forum-message .social-sharing .btn-whatsapp {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.section-forum-message .social-sharing .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;
}
.section-forum-message .social-sharing .btn-whatsapp:before:hover {
  text-decoration: none;
}
.section-forum-message .social-sharing .btn-whatsapp:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-forum-message .social-sharing .btn-whatsapp:before,
.section-forum-message .social-sharing .btn-whatsapp:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.section-forum-message .social-sharing .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;
}
.section-forum-message .social-sharing .btn-favorite,
.section-forum-message .social-sharing .btn-facebook,
.section-forum-message .social-sharing .btn-twitter,
.section-forum-message .social-sharing .btn-gplus,
.section-forum-message .social-sharing .btn-whatsapp,
.section-forum-message .social-sharing .email-share-button {
  width: 40px;
  height: 40px;
  padding: 0;
}
.section-forum-message .social-sharing .btn-favorite:before,
.section-forum-message .social-sharing .btn-facebook:before,
.section-forum-message .social-sharing .btn-twitter:before,
.section-forum-message .social-sharing .btn-gplus:before,
.section-forum-message .social-sharing .btn-whatsapp:before,
.section-forum-message .social-sharing .email-share-button:before {
  margin: 12px 8px;
}
.section-forum-message .forum-nav {
  clear: none;
  float: right;
}
.section-forum-message .btn-forum-new-message {
  padding: 0 12px;
}
.section-forum-message .btn-forum-new-message:before {
  font-size: 32px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.section-forum-message .btn-forum-new-message:before:hover {
  text-decoration: none;
}
.section-forum-message .btn-forum-new-message:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-forum-message .btn-forum-new-message:before {
  margin-right: 0.1em;
}
.section-forum-message .btn-forum-new-message span {
  display: none;
}
body {
  color: #444444;
  background-color: #fbfbfb;
}
a {
  color: #5c9124;
}
.blob a:visited {
  color: #5c7c36;
}
.blob a:hover {
  color: #e03737;
}
.a-blob:visited {
  color: #5c7c36;
}
.a-blob:hover {
  color: #e03737;
}
.a-text {
  color: #444444;
}
.a-text:hover {
  color: #e03737;
}
.a-faded {
  color: #a2a2a2;
}
.a-faded:hover {
  color: #e03737;
}
.a-colored {
  background-color: #f4f7f0;
}
.a-colored:hover {
  color: #e03737;
  background-color: #fdf1f1;
}
.a-light {
  color: #fff;
}
.a-light:hover {
  text-decoration: underline;
}
.a-inverted {
  background-color: #5c9124;
  color: #fff;
}
.a-inverted:hover {
  background-color: #e03737;
}
.cancel-link,
.comment-order a,
.comment-date a {
  color: #a2a2a2;
}
.cancel-link:hover,
.comment-order a:hover,
.comment-date a:hover {
  color: #e03737;
}
.btn,
a.btn,
a.btn:visited {
  background-color: #557b5b;
  color: #ffffff;
}
.btn:hover,
a.btn:hover,
a.btn:visited:hover {
  background-color: #517556;
  color: #ffffff;
}
.btn.is-opened {
  background-color: #ffffff;
  color: #557b5b;
}
.btn-primary {
  background-color: #e03737;
  color: #ffffff;
}
.btn-primary:hover {
  background-color: #d53434;
  color: #ffffff;
}
.btn-primary.is-opened {
  background-color: #ffffff;
  color: #e03737;
}
.btn-secondary,
.btn-faded {
  background-color: #f3f3f3;
  color: #a2a2a2;
}
.btn-secondary:hover,
.btn-faded:hover {
  background-color: #f4f4f4;
  color: #444444;
}
.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: #444444;
  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-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-telegram,
.btn-text-telegram {
  background-color: #2e87ca !important;
  color: #fff;
}
.btn-telegram:hover,
.btn-text-telegram:hover {
  background-color: #2c80c0 !important;
  color: #fff;
}
.link-telegram,
.link-telegram:hover {
  color: #2e87ca;
}
.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;
}
.link-twitch,
.link-twitch:hover {
  color: #6441a4;
}
@media only screen and (min-width: 1280px) {
  .comment-actions-share .btn-facebook,
  .comment-actions-share .btn-twitter,
  .comment-actions-share .btn-email {
    background: transparent !important;
    color: #a2a2a2;
  }
  .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: #508315;
}
.head-link {
  background-color: #66982d;
  color: #ffffff;
  border-bottom: 1px solid #487613;
}
.head-link:hover {
  background-color: #75a242;
  color: #ffffff;
}
.head-editorspick,
.head-sponsor {
  color: #222;
  color: #fff;
}
.head-editorspick a,
.head-sponsor a {
  color: #222;
  color: #fff;
}
.head-editorspick a:hover,
.head-sponsor a:hover {
  color: #222;
  color: #fff;
}
.head-editorspick-type,
.head-sponsor-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: #fbfbfb;
}
.icon-unread {
  color: #d34d4d;
}
.head.m-v5 {
  background: #9F0000;
}
.head.m-v5 .head-link {
  background-color: #ad2626 !important;
  color: #ffffff;
  border-bottom: 1px solid #bc4d4d !important;
}
.head.m-v5 .head-link:hover {
  background-color: #61902b;
  color: #ffffff;
}
.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: #444444;
}
.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: #5c9124;
}
.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: #e03737 !important;
}
.head-menu-editorspick {
  background: #fff;
}
.head-menu-follow a {
  opacity: 0.8;
}
.head-menu-follow a:hover {
  opacity: 1;
}
.comment-section {
  background-color: #ececec;
}
.comment-section h2,
.comment-section h3,
.comment-section h3 a {
  color: #767676;
}
.comment-section h3 a:hover {
  color: #e03737;
}
.context-menu-list {
  background-color: #444444;
}
.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,
.sumario,
.sumario_derecha,
.sumario_izquierda {
  color: #819f87;
}
.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: #b1b1b1;
  }
}
.comment-author a {
  color: #444444;
}
.comment-author a:hover {
  color: #e03737;
}
.comment-thread-caption.is-fixed .comment-thread-caption-wrapper {
  background: #444444;
  color: #dadada;
}
.comment-thread-close {
  background-color: #f6f6f6 !important;
  color: #b1b1b1 !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: #b1b1b1;
}
.article-link-related a strong {
  color: #444444;
}
.article-link-related a span {
  color: #a2a2a2;
}
.article-link-related a:hover strong,
.article-link-related a:hover span {
  color: #e03737;
}
.article-item-title,
.article-item-content {
  color: #444444;
}
.article-item-date {
  color: #a2a2a2;
}
.article-metadata {
  color: #a2a2a2;
}
.search-results-section {
  background-color: #ececec;
}
.search-results-query {
  background: #DFFAFF;
}
.search-article-item a {
  background: #ffffff;
}
.foot {
  background-color: #ececec;
  color: #a2a2a2;
}
.foot-list-item {
  color: #777777;
}
.foot-list-item:hover {
  color: #fff;
  background: #333;
}
body,
.u-type0,
.type0 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  body,
  .u-type0,
  .type0 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  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: 26px;
  line-height: 28.8px;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .u-type1,
  .type1 {
    font-size: 34px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .u-type2,
  .type2 {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type2,
  .type2 {
    font-size: 34px;
    line-height: 39.2px;
  }
}
.u-type3,
.type3 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .u-type3,
  .type3 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type3,
  .type3 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.u-type4,
.type4 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .u-type4,
  .type4 {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type4,
  .type4 {
    font-size: 24px;
    line-height: 28px;
  }
}
.u-type-mini,
.type-mini {
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .u-type-mini,
  .type-mini {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-mini,
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-font-mini,
  .font-mini {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .u-font-mini,
  .font-mini {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-font-mini,
  .font-mini {
    line-height: 21px;
  }
}
.head-link,
.u-type-micro,
.type-micro {
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .head-link,
  .u-type-micro,
  .type-micro {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-link,
  .u-type-micro,
  .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: 1150px) {
  .u-font-micro,
  .font-micro {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .u-font-micro,
  .font-micro {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-font-micro,
  .font-micro {
    line-height: 16.8px;
  }
}
.u-font-micro-elastic {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .u-font-micro-elastic {
    font-size: 13px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-font-micro-elastic {
    font-size: 16px;
    line-height: 21px;
  }
}
.u-font-pico,
.font-pico {
  font-size: 11px;
}
.u-caption-mini,
.caption-mini {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 21.6px;
}
@media only screen and (min-width: 768px) {
  .u-caption-mini,
  .caption-mini {
    font-size: 18px;
    line-height: 19.2px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-caption-mini,
  .caption-mini {
    font-size: 19px;
    line-height: 25.2px;
  }
}
.u-type-giant,
.u-font-giant {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 31.2px;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .u-type-giant,
  .u-font-giant {
    font-size: 34px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-giant,
  .u-font-giant {
    font-size: 40px;
    line-height: 44.8px;
  }
}
.u-type-nav {
  font-size: 15px;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .u-type-nav {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-nav {
    font-size: 16px;
  }
}
.u-heading0,
.heading0 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 30px;
  line-height: 31.2px;
  margin-top: 48px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .u-heading0,
  .heading0 {
    margin-top: 48px;
    margin-bottom: 24px;
    font-size: 42px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-heading0,
  .heading0 {
    margin-top: 56px;
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 63px;
  }
}
h1,
.u-heading1,
.heading1 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 28.8px;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 48px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  h1,
  .u-heading1,
  .heading1 {
    font-size: 34px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1150px) {
  h1,
  .u-heading1,
  .heading1 {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 768px) {
  h1,
  .u-heading1,
  .heading1 {
    margin-top: 48px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  h1,
  .u-heading1,
  .heading1 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
h2,
.u-heading2,
.heading2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  h2,
  .u-heading2,
  .heading2 {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  h2,
  .u-heading2,
  .heading2 {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 768px) {
  h2,
  .u-heading2,
  .heading2 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  h2,
  .u-heading2,
  .heading2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
h3,
.u-heading3,
.heading3 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  h3,
  .u-heading3,
  .heading3 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  h3,
  .u-heading3,
  .heading3 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  h3,
  .u-heading3,
  .heading3 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  h3,
  .u-heading3,
  .heading3 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
h4,
.u-heading4,
.heading4 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  h4,
  .u-heading4,
  .heading4 {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  h4,
  .u-heading4,
  .heading4 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  h4,
  .u-heading4,
  .heading4 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  h4,
  .u-heading4,
  .heading4 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
h5,
.u-heading5,
.heading5 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  h5,
  .u-heading5,
  .heading5 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  h5,
  .u-heading5,
  .heading5 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  h5,
  .u-heading5,
  .heading5 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  h5,
  .u-heading5,
  .heading5 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.u-type-nav {
  font-size: 15px;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .u-type-nav {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-nav {
    font-size: 16px;
  }
}
.u-tag-type,
.tag-type {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .u-tag-type,
  .tag-type {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-tag-type,
  .tag-type {
    font-size: 13px;
  }
}
.u-type-taxonomy {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .u-type-taxonomy {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-taxonomy {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .u-type-taxonomy {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-type-taxonomy {
    line-height: 16.8px;
  }
}
.u-tag-label,
.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) {
  .u-tag-label,
  .tag-label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-tag-label,
  .tag-label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .u-tag-label,
  .tag-label {
    height: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-tag-label,
  .tag-label {
    height: 28px;
    line-height: 29px;
  }
}
.u-tag-box,
.tag-box {
  height: 48px;
  line-height: 48px;
}
@media only screen and (min-width: 768px) {
  .u-tag-box,
  .tag-box {
    height: 48px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-tag-box,
  .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: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  p,
  ul,
  ol,
  pre,
  table,
  blockquote {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
a {
  text-decoration: none;
}
strong {
  font-weight: 900;
}
em {
  font-style: italic;
}
.u-type-text p a,
.home-blob p a,
.blob p a,
.u-type-text li a,
.home-blob li a,
.blob li a,
.u-type-text blockquote a,
.home-blob blockquote a,
.blob blockquote a {
  text-decoration: underline;
}
.u-type-text ul li,
.home-blob ul li,
.blob ul li {
  list-style-type: disc;
  list-style-position: outside;
}
.u-type-text ol li,
.home-blob ol li,
.blob ol li {
  list-style-type: decimal;
  list-style-position: outside;
}
.u-type-text blockquote,
.home-blob blockquote,
.blob blockquote {
  margin-left: 24px;
  margin-right: 24px;
  font-style: italic;
}
.u-article-summary,
.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: 23px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 24px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 24px 0;
}
@media only screen and (min-width: 768px) {
  .u-article-summary,
  .summary {
    font-size: 24px;
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-article-summary,
  .summary {
    font-size: 28px;
    line-height: 33.6px;
    padding-top: 28px;
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
}
.u-article-summary p,
.summary p {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .u-article-summary p,
  .summary p {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .u-article-summary p,
  .summary p {
    margin: 0;
  }
}
.u-tip-type {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .u-tip-type {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-tip-type {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .u-tip-type {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-tip-type {
    line-height: 21px;
  }
}
.u-caption-type,
.caption,
.caption-type,
.type-caption,
.type-caption-mini,
.type-caption-credit,
.caption-text {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  font-style: italic;
  color: #a2a2a2;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .u-caption-type,
  .caption,
  .caption-type,
  .type-caption,
  .type-caption-mini,
  .type-caption-credit,
  .caption-text {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-caption-type,
  .caption,
  .caption-type,
  .type-caption,
  .type-caption-mini,
  .type-caption-credit,
  .caption-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .u-caption-type,
  .caption,
  .caption-type,
  .type-caption,
  .type-caption-mini,
  .type-caption-credit,
  .caption-text {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-caption-type,
  .caption,
  .caption-type,
  .type-caption,
  .type-caption-mini,
  .type-caption-credit,
  .caption-text {
    line-height: 21px;
  }
}
.u-caption-block,
.caption-type,
.type-caption,
.type-caption-mini {
  display: block;
  border-bottom: 1px solid #e9e9e9;
  padding: 12px 0;
  margin-bottom: 24px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .u-caption-block,
  .caption-type,
  .type-caption,
  .type-caption-mini {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-caption-block,
  .caption-type,
  .type-caption,
  .type-caption-mini {
    max-width: 696px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .u-caption-block,
  .caption-type,
  .type-caption,
  .type-caption-mini {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 28px;
  }
}
.article-asset-large .caption-type,
.article-asset-cover .caption-type {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .article-asset-large .caption-type,
  .article-asset-cover .caption-type {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-asset-large .caption-type,
  .article-asset-cover .caption-type {
    margin-left: auto;
    margin-right: auto;
  }
}
.caption-text {
  display: block;
  border-bottom: 1px solid #e9e9e9;
  padding: 12px 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .caption-text {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 28px;
  }
}
.module-size-big .caption-text,
.module-size-cover .caption-text {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .module-size-big .caption-text,
  .module-size-cover .caption-text {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .module-size-big .caption-text,
  .module-size-cover .caption-text {
    margin-left: auto;
    margin-right: auto;
  }
}
.type-caption-mini {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .type-caption-mini {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .type-caption-mini {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .type-caption-mini {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-caption-mini {
    line-height: 16.8px;
  }
}
.type-caption-credit {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .type-caption-credit {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .type-caption-credit {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .type-caption-credit {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-caption-credit {
    line-height: 16.8px;
  }
}
.type-caption-desc {
  font-family: Source Sans Pro, San Francisco, Segoe UI, Helvetica Neue, Arial, sans-serif;
}
/* Capitals 
.blob-capital-line {
font-family: @font-headings;
text-transform: uppercase;
}
.blob-capital-letter {
display: block;
font-family: @font-headings;
font-weight: @font-headings-weight;
font-size: @d-h0-font-size;
color: lighten(@color-brand,15%);
margin: @m-line-height auto;
line-height: @d-line-height*2.5;

	@media @tablet {
	float: left;
	margin: 0 @base-gutter*0.5 @t-line-height 0;
	font-size: @d-h0-font-size*2;
	}
	@media @desktop {
	margin-bottom: @d-line-height;
	font-size: @d-h0-font-size*3;
	}
}
*/
.blob-capital-line {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.blob-capital-letter {
  display: block;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 57px;
  color: #e03737;
  margin-right: 12px;
  margin-bottom: 24px;
  line-height: 70px;
}
@media only screen and (min-width: 768px) {
  .blob-capital-letter {
    float: left;
    margin-bottom: 28px;
  }
}
.u-type-byline {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .u-type-byline {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-byline {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .u-type-byline {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-type-byline {
    line-height: 16.8px;
  }
}
.u-type-byline a {
  color: #a2a2a2;
}
.u-type-byline a:hover {
  color: #e03737;
}
.u-type-disclaimer {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 25px;
  padding: 0 9.6px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #444444;
  background: #f4f2e9;
}
@media only screen and (min-width: 768px) {
  .u-type-disclaimer {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-disclaimer {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .u-type-disclaimer {
    height: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-disclaimer {
    height: 28px;
    line-height: 29px;
  }
}
.u-type-excerpt {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .u-type-excerpt {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-excerpt {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .u-type-excerpt {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .u-type-excerpt {
    line-height: 21px;
  }
}
.u-type-excerpt p a,
.u-type-excerpt li a,
.u-type-excerpt blockquote a {
  text-decoration: underline;
}
.u-type-excerpt ul li {
  list-style-type: disc;
  list-style-position: outside;
}
.u-type-excerpt ol li {
  list-style-type: decimal;
  list-style-position: outside;
}
.u-type-excerpt blockquote {
  margin-left: 24px;
  margin-right: 24px;
  font-style: italic;
}
.u-type-excerpt p,
.u-type-excerpt ul,
.u-type-excerpt ol {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .u-type-excerpt p,
  .u-type-excerpt ul,
  .u-type-excerpt ol {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-type-excerpt p,
  .u-type-excerpt ul,
  .u-type-excerpt ol {
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
/* Related content within article */
.article-link-related a:hover {
  text-decoration: underline;
}
.article-link-related strong {
  text-transform: uppercase;
}
.author-type,
.cancel-link {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .author-type,
  .cancel-link {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .author-type,
  .cancel-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .author-type,
  .cancel-link {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .author-type,
  .cancel-link {
    line-height: 21px;
  }
}
.section-header {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  font-family: Roboto Condensed, Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #a2a2a2;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .section-header {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .section-header {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .section-header {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-header {
    margin-bottom: 14px;
  }
}
/*
 * Icons
 */
@font-face {
  font-family: 'icons-min';
  src: url('https://img.weblogssl.com/g/r/icons/icons.eot?413ker&v=8');
  src: url('https://img.weblogssl.com/g/r/icons/icons.eot?#iefix413ker&v=8') format('embedded-opentype'), url('https://img.weblogssl.com/g/r/icons/icons.woff?413ker&v=8') format('woff'), url('https://img.weblogssl.com/g/r/icons/icons.ttf?413ker&v=8') format('truetype'), url('https://img.weblogssl.com/g/r/icons/icons.svg?413ker#icons&v=8') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Basic method */
/* Layouts */
.icon-nomargin:before,
.icon-nomargin:after {
  margin: 0;
}
.icon-faded:before,
.icon-faded:after {
  opacity: 0.4;
}
/*
.icon-standalone(@i,@s:@icon-size-big) {
display: inline-block;
.icon-left(@i);
.icon-size(@s);
width: @s;
height: @s;
overflow: hidden;
text-align: center;

	&:before {
	display: inline-block;
	width: @s;
	height: @s;
	font-size: @s;
	line-height: @s + 6px;
	vertical-align: text-bottom;
	margin-left: auto;
	margin-right: auto;
	}
}
*/
.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-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: "\e900";
  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: 18px;
  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;
}
/*
 * Buttons
 */
.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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #ffffff 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: 8px;
  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: "\e900";
  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: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-text-facebook:hover {
  background-color: #517556;
  color: #ffffff;
}
.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: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-text-twitter:hover {
  background-color: #517556;
  color: #ffffff;
}
.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: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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: "\e900";
  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;
  color: #fff;
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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;
}
.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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #444444;
}
.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: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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: "\e905";
  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;
}
/* 
 * 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: 1150px) {
  .hint {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .hint {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .hint {
    line-height: 16.8px;
  }
}
.hint-error {
  color: #cc0000;
}
input,
select,
textarea,
.input-create {
  background: #fff;
  color: #a2a2a2;
  border-radius: 2px;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  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);
  border: 1px solid #eee;
  vertical-align: baseline;
  text-indent: 6px;
}
@media only screen and (min-width: 768px) {
  input,
  select,
  textarea,
  .input-create {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  input,
  select,
  textarea,
  .input-create {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  input,
  select,
  textarea,
  .input-create {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  input,
  select,
  textarea,
  .input-create {
    line-height: 21px;
  }
}
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: #cc0000;
  color: #cc0000;
  box-shadow: 0 2px 0 1px #cc0000;
}
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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  label {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .help-msg {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .help-msg {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .help-msg {
    line-height: 21px;
  }
}
.form-submit-alt {
  float: right;
  line-height: 42px;
}
.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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .alert,
  .alert-success,
  .alert-error,
  .alert-info {
    line-height: 21px;
  }
}
.alert h4,
.alert-success h4,
.alert-error h4,
.alert-info h4 {
  margin: 0;
}
.alert a,
.alert-success a,
.alert-error a,
.alert-info a {
  text-decoration: underline;
}
.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;
}
.blob-alert-container {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .blob-alert-container {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .blob-alert-container {
    margin-left: auto;
    margin-right: auto;
  }
}
.blob .blob-alert {
  padding-top: 1px;
  padding-bottom: 1px;
}
@media only screen and (min-width: 768px) {
  .blob .blob-alert {
    max-width: calc(100% - 324px);
  }
}
@media only screen and (min-width: 1024px) {
  .blob .blob-alert {
    max-width: calc(100% - 248px);
  }
}
@media only screen and (min-width: 1280px) {
  .blob .blob-alert {
    max-width: calc(100% - 124px);
  }
}
@media only screen and (min-width: 1440px) {
  .blob .blob-alert {
    max-width: 100%;
  }
}
.blob .blob-alert p,
.blob .blob-alert ul {
  margin: 12px 0;
}
@media only screen and (min-width: 768px) {
  .blob .blob-alert p,
  .blob .blob-alert ul {
    margin: 12px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .blob .blob-alert p,
  .blob .blob-alert ul {
    margin: 14px 0;
  }
}
.status,
.exito,
.aviso,
.error,
.wsl_error,
.informacion {
  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) {
  .status,
  .exito,
  .aviso,
  .error,
  .wsl_error,
  .informacion {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .status,
  .exito,
  .aviso,
  .error,
  .wsl_error,
  .informacion {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .status,
  .exito,
  .aviso,
  .error,
  .wsl_error,
  .informacion {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .status,
  .exito,
  .aviso,
  .error,
  .wsl_error,
  .informacion {
    line-height: 21px;
  }
}
.exito {
  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;
}
@media only screen and (min-width: 768px) {
  .exito {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .exito {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .exito {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .exito {
    line-height: 21px;
  }
}
.error,
.wsl_error {
  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: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
@media only screen and (min-width: 768px) {
  .error,
  .wsl_error {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .error,
  .wsl_error {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .error,
  .wsl_error {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .error,
  .wsl_error {
    line-height: 21px;
  }
}
.status,
.informacion,
.mensaje {
  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: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
@media only screen and (min-width: 768px) {
  .status,
  .informacion,
  .mensaje {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .status,
  .informacion,
  .mensaje {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .status,
  .informacion,
  .mensaje {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .status,
  .informacion,
  .mensaje {
    line-height: 21px;
  }
}
input.error,
select.error,
textarea.error,
input.Error,
select.Error,
textarea.Error,
input.wsl_error,
.textarea.wsl_error,
select.wsl_error,
.errorbox {
  border: 2px solid #eed3d7;
}
.mleft span.error,
.mleft span.wsl_error {
  display: inline-block !important;
  margin: 7px 0 !important;
}
body {
  width: 100%;
}
.page-container {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.content-container {
  text-align: left;
}
.u-list-inline,
.u-list-inline-item {
  margin: 0;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .u-list-inline,
  .u-list-inline-item {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .u-list-inline,
  .u-list-inline-item {
    margin: 0;
  }
}
.u-list-inline a,
.u-list-inline-item a {
  display: inline-block;
}
.u-list-flex {
  margin: 0 auto;
  display: inline-block;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-item: flex-start;
}
@media only screen and (min-width: 768px) {
  .u-list-flex {
    margin: 0 auto;
  }
}
.u-list-flex-item {
  margin: 0;
  display: inline-block;
  flex-grow: 1;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .u-list-flex-item {
    margin: 0 24px;
  }
}
.u-list-flex-item a {
  display: inline-block;
}
@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;
  }
}
@media only screen and (min-width: 768px) {
  .u-list-flex-switch-item-loose {
    margin: 24px 24px 24px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .u-list-flex-switch-item-loose {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .u-list-flex-switch-item-loose:last-child {
    margin-right: 0;
  }
}
.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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-full-line,
  .layout-full-line {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .u-layout-full-line-container,
  .layout-full-line-container {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-full-line-container,
  .layout-full-line-container {
    max-width: 696px;
    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: 696px;
    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: 768px) {
  .u-layout-cozy-edge-line {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1440px) {
  .u-layout-cozy-edge-line {
    margin-left: auto;
    margin-right: auto;
    max-width: 1368px;
  }
}
.u-layout-cozy-edge-edge {
  margin-left: 16px;
  margin-right: 16px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .u-layout-cozy-edge-edge {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@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;
  }
}
@media only screen and (min-width: 480px) {
  .u-layout-two-columns-item {
    max-width: 46%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 768px) {
  .u-layout-two-columns-item {
    max-width: 47%;
    margin-left: 1.5%;
  }
}
@media only screen and (min-width: 1024px) {
  .u-layout-two-columns-item {
    float: none;
    clear: none;
    max-width: 100%;
    margin-left: 0;
  }
}
.u-asset-min {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-asset-min {
    max-width: 324px;
    margin-left: auto;
    margin-right: auto;
  }
}
.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-half-line .asset-content {
  max-width: 372px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .u-asset-half-line .asset-content {
    min-width: 372px;
  }
}
.u-asset-full-line {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .u-asset-full-line {
    max-width: 696px;
    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-small .asset-content {
  max-width: 372px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .article-asset-small .asset-content {
    min-width: 372px;
  }
}
.article-asset-small .asset-content {
  overflow: visible;
}
.article-asset-normal {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .article-asset-normal {
    max-width: 696px;
    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-left {
    float: left;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .article-asset-right {
    float: right;
    margin-left: 48px;
  }
}
.article-asset-left.article-asset-image {
  /*
	img {
	width: @base-col;
	float: left;
	margin-right: @base-gutter*2;
	}
	*/
}
.article-asset-right.article-asset-image {
  /*
	img {
	width: @base-col;
	float: right;
	margin-left: @base-gutter*2;
	}
	*/
}
.article-asset-image.article-asset-small .asset-content,
.article-asset-summary.article-asset-small .asset-content {
  max-width: 100%;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .article-asset-summary.article-asset-small .sumario_izquierda,
  .article-asset-summary.article-asset-small .izquierda,
  .article-asset-summary.article-asset-small .izquierda_sinmarco {
    width: 372px;
    float: left;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .article-asset-summary.article-asset-small .sumario_derecha,
  .article-asset-summary.article-asset-small .derecha,
  .article-asset-summary.article-asset-small .derecha_sinmarco {
    width: 372px;
    float: right;
    margin-left: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .article-asset-image.article-asset-small .izquierda,
  .article-asset-image.article-asset-small .izquierda_sinmarco {
    max-width: 372px;
    float: left;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .article-asset-image.article-asset-small .derecha,
  .article-asset-image.article-asset-small .derecha_sinmarco {
    max-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-header .article-asset-image img,
.article-header .article-asset-video .js-video {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .article-header .article-asset-image img,
  .article-header .article-asset-video .js-video {
    margin-bottom: 0;
  }
}
.article-asset-image.article-asset-small img,
.article-asset-image.article-asset-small img.centro,
.article-asset-image.article-asset-small img.centro_sinmarco {
  max-width: 324px;
}
.article-infographic {
  max-width: 696px;
}
.article-infographic img,
.article-infographic img.centro,
.article-infographic img.centro_sinmarco {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .article-infographic img,
  .article-infographic img.centro,
  .article-infographic img.centro_sinmarco {
    margin-top: 0;
    margin-bottom: 0;
  }
}
/*
.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 @tablet {
	display: block;
	}
}
*/
/* z-index scale */
.ordinal,
.article-featured-title-container,
.article-super-title {
  z-index: 1000;
}
/* Comment replies caption - for context */
.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,
.modal-contact-overlay {
  z-index: 7000;
}
.video-light-box,
.cookies-overlay,
.modal-contact {
  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;
}
/* Head */
.head-container {
  height: 72px;
}
@media only screen and (min-width: 768px) {
  .head-container {
    height: 189px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-container {
    height: 154px;
  }
}
.head-container-with-ad,
.head-container-with-primary {
  height: auto;
}
@media only screen and (min-width: 768px) {
  .head-container-with-primary,
  .head-container-with-corner {
    height: 231px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-container-with-primary,
  .head-container-with-corner {
    height: 196px;
  }
}
/* Visible bar */
.head {
  height: 72px;
  line-height: 72px;
  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: 72px;
  line-height: 72px;
  padding: 1px 0 0;
  width: 100%;
  position: relative;
}
/*
.head-content-wrapper {

	@media @tablet {
	position: relative;
	margin-top: @d-line-height*1.5;
	padding-top: 1px;
	height: @d-line-height*3;
	line-height: @d-line-height*3;
	}
}

.head-content-wrapper,
.head-secondary-wrapper {

	@media @tablet {
	max-width: @max-line-xxl;
	margin-left: auto;
	margin-right: auto;
	}
}
*/
.brand {
  width: 190px;
  margin: 8px auto;
  text-align: center;
}
.brand .brand-logo {
  height: 56px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -10000px;
  background: url("images/head-brand-logo.svg?v=47");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.brand svg {
  height: 56px;
  max-width: 99%;
  width: auto;
  color: #ffffff;
  fill: #ffffff;
}
.brand svg .path-alt {
  color: #ffffff;
}
.brand path,
.brand rect,
.brand polygon {
  fill: #ffffff;
}
.brand path.path-alt,
.brand rect.path-alt,
.brand polygon.path-alt {
  color: #ffffff;
}
.head.is-init {
  position: relative;
}
.head.is-hidden {
  top: -500px;
}
.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;
}
.head-link.m-v1 {
  position: absolute;
  top: 12px;
  left: 8px;
  border-radius: 4px;
  display: block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 1.1;
  cursor: pointer;
}
.head-link.m-v1:before {
  margin-top: 3px;
}
.head-link-sections.m-v1: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.m-v1:before:hover {
  text-decoration: none;
}
.head-link-sections.m-v1:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-sections.m-v1:before,
.head-link-sections.m-v1:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.head-link-new.m-v1 {
  left: auto;
  right: 8px;
}
.head-link-new.m-v1:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e618";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-new.m-v1:before:hover {
  text-decoration: none;
}
.head-link-new.m-v1:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-new.m-v1:before,
.head-link-new.m-v1:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.head-link-new.m-v1:after {
  color: #d34d4d;
  font-size: 13px;
  font-family: icons-min;
  content: "\e600";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  position: absolute;
  top: 6px;
  right: 9px;
}
.head-link-new.m-v1:after:hover {
  text-decoration: none;
}
.head-link-search.m-v1 {
  display: none;
}
.head-link-search.m-v1:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-search.m-v1:before:hover {
  text-decoration: none;
}
.head-link-search.m-v1:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-search.m-v1:before,
.head-link-search.m-v1:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1024px) {
  .head-link-search.m-v1 {
    display: block;
  }
}
.head-link.m-v2 {
  position: absolute;
  top: 14px;
  left: 8px;
  border-radius: 24px;
  border: none;
  display: block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}
.head-link-sections.m-v2 {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.head-link-sections.m-v2: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.m-v2:before:hover {
  text-decoration: none;
}
.head-link-sections.m-v2:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-sections.m-v2:before,
.head-link-sections.m-v2:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.head-link-sections.m-v2: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-link-sections.m-v2:before {
  margin-top: 4px;
}
.head-link-new.m-v2 {
  left: auto;
  right: 8px;
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.head-link-new.m-v2:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e618";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-new.m-v2:before:hover {
  text-decoration: none;
}
.head-link-new.m-v2:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-new.m-v2:before,
.head-link-new.m-v2:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.head-link-new.m-v2: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-link-new.m-v2:after {
  color: #d34d4d;
  font-size: 13px;
  font-family: icons-min;
  content: "\e600";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  position: absolute;
  top: 10px;
  right: 7px;
}
.head-link-new.m-v2:after:hover {
  text-decoration: none;
}
.head-link-new.m-v2:before {
  margin-right: 4px;
  margin-top: 4px;
}
.head-link-search.m-v2 {
  display: none;
}
.brand.m-v3 {
  margin-left: 8px;
  margin-right: auto;
  text-align: left;
}
.head-nav.m-v3 {
  position: absolute;
  top: 10px;
  right: 4px;
  text-align: right;
  width: 120px;
  overflow: hidden;
}
@media only screen and (min-width: 360px) {
  .head-nav.m-v3 {
    width: 168px;
  }
}
.head-link.m-v3 {
  border-radius: 4px;
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 1.1;
  cursor: pointer;
  margin-right: 4px;
}
.head-link.m-v3:before {
  margin-top: 5px;
}
.head-link-sections.m-v3: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.m-v3:before:hover {
  text-decoration: none;
}
.head-link-sections.m-v3:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-sections.m-v3:before,
.head-link-sections.m-v3:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.head-link-new.m-v3 {
  position: relative;
}
.head-link-new.m-v3:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e618";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-new.m-v3:before:hover {
  text-decoration: none;
}
.head-link-new.m-v3:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-new.m-v3:before,
.head-link-new.m-v3:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.head-link-new.m-v3:after {
  color: #d34d4d;
  font-size: 13px;
  font-family: icons-min;
  content: "\e600";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  position: absolute;
  top: 6px;
  right: 9px;
}
.head-link-new.m-v3:after:hover {
  text-decoration: none;
}
.head-link-search.m-v3 {
  display: none;
}
.head-link-search.m-v3:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-search.m-v3:before:hover {
  text-decoration: none;
}
.head-link-search.m-v3:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-search.m-v3:before,
.head-link-search.m-v3:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 360px) {
  .head-link-search.m-v3 {
    display: inline-block;
  }
}
.brand.m-v4 {
  margin-left: 8px;
  margin-right: auto;
  text-align: left;
}
.head-nav.m-v4 {
  position: absolute;
  top: 14px;
  right: 4px;
  text-align: right;
  width: 120px;
  overflow: hidden;
}
@media only screen and (min-width: 360px) {
  .head-nav.m-v4 {
    width: 168px;
  }
}
.head-link.m-v4 {
  border-radius: 24px;
  border: none;
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  margin-right: 4px;
}
.head-link-sections.m-v4 {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.head-link-sections.m-v4: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.m-v4:before:hover {
  text-decoration: none;
}
.head-link-sections.m-v4:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-sections.m-v4:before,
.head-link-sections.m-v4:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.head-link-sections.m-v4: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-link-sections.m-v4:before {
  margin-top: 4px;
}
.head-link-new.m-v4 {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.head-link-new.m-v4:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e618";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-new.m-v4:before:hover {
  text-decoration: none;
}
.head-link-new.m-v4:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-new.m-v4:before,
.head-link-new.m-v4:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.head-link-new.m-v4: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-link-new.m-v4:after {
  color: #d34d4d;
  font-size: 13px;
  font-family: icons-min;
  content: "\e600";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  position: absolute;
  top: 10px;
  right: 7px;
}
.head-link-new.m-v4:after:hover {
  text-decoration: none;
}
.head-link-new.m-v4:before {
  margin-right: 4px;
  margin-top: 4px;
}
.head-link-search.m-v4 {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  display: none;
}
.head-link-search.m-v4:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-search.m-v4:before:hover {
  text-decoration: none;
}
.head-link-search.m-v4:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-search.m-v4:before,
.head-link-search.m-v4:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.head-link-search.m-v4: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-link-search.m-v4:before {
  margin-top: 4px;
}
@media only screen and (min-width: 360px) {
  .head-link-search.m-v4 {
    display: inline-block;
  }
}
.head.m-v5 {
  height: 96px;
}
@media only screen and (min-width: 480px) {
  .head.m-v5 {
    height: 72px;
  }
}
.brand.m-v5 {
  height: 48px;
  width: auto;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 4px;
}
@media only screen and (min-width: 480px) {
  .brand.m-v5 {
    margin-left: 4px;
    float: left;
    width: auto;
  }
}
.head-nav.m-v5 {
  margin: 0;
  text-align: center;
  height: 36px;
  line-height: 36px;
}
@media only screen and (min-width: 480px) {
  .head-nav.m-v5 {
    margin-left: 150px;
    margin-right: 8px;
    text-align: right;
    height: 72px;
    line-height: 72px;
  }
}
.head-link.m-v5 {
  border-radius: 8px;
  border: none;
  display: inline-block;
  padding: 0 14px;
  height: 36px;
  line-height: 38.4px;
  cursor: pointer;
  margin-left: 3px;
  text-transform: uppercase;
}
.head-link.m-v5:before {
  margin-right: 6px !important;
}
.head-link-sections.m-v5: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.m-v5:before:hover {
  text-decoration: none;
}
.head-link-sections.m-v5:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-search.m-v5:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60a";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-search.m-v5:before:hover {
  text-decoration: none;
}
.head-link-search.m-v5:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-new.m-v5 {
  position: relative;
}
.head-link-new.m-v5:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e618";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.head-link-new.m-v5:before:hover {
  text-decoration: none;
}
.head-link-new.m-v5:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-link-new.m-v5:after {
  color: #d34d4d;
  font-size: 13px;
  font-family: icons-min;
  content: "\e600";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  position: absolute;
  top: -2px;
  left: 31px;
}
.head-link-new.m-v5:after:hover {
  text-decoration: none;
}
.head-menu-sections.m-v5 .head-menu-search {
  display: none;
}
.head-favicons,
.head-brand,
.head-primary,
.head-corners {
  max-width: 1368px;
  margin: 0 auto;
}
.head-favicons-container {
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  background-color: #111111;
  color: #777777;
  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: 1150px) {
  .head-favicons-container {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-favicons-container {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-favicons-container {
    line-height: 16.8px;
  }
}
.head-favicons-container a {
  color: #777777;
}
.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 {
  white-space: nowrap;
  display: inline-block;
  padding: 0 12px;
  line-height: 42px;
}
.head-favicons-list a: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 #6a9638;
    height: 112px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) {
  .head-link,
  .head-link.m-v1 {
    left: 0;
    top: 0;
    width: 98px;
    border-radius: 0;
    line-height: 24px;
    padding: 25.2px 0;
    background: transparent;
    border: none;
    margin: 0;
    border-right: 1px solid #6a9638;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
  .head-link:hover,
  .head-link.m-v1:hover {
    background-color: #598921;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .head-link,
  .head-link.m-v1 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .head-link,
  .head-link.m-v1 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-link,
  .head-link.m-v1 {
    position: static;
    float: left;
    width: 112px;
    height: 112px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .head-link-new,
  .head-link-new.m-v1 {
    left: auto;
    right: 0;
    border-left: 1px solid #6a9638;
  }
  .head-link-new:after,
  .head-link-new.m-v1:after {
    top: 26px;
    right: 33px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-link-new,
  .head-link-new.m-v1 {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    border-left: none;
    border-right: 1px solid #6a9638;
  }
  .head-link-new:after,
  .head-link-new.m-v1:after {
    right: 41px;
  }
}
@media only screen and (min-width: 768px) {
  .head-content,
  .head-editorspick-container {
    clear: both;
    border-top: 1px solid #6a9638;
    text-align: left;
    height: 49px;
    line-height: 49px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-content,
  .head-editorspick-container {
    position: absolute;
    top: 0;
    right: 0;
    height: 112px;
    line-height: 112px;
    overflow: hidden;
    text-align: left;
    border-top: none;
    max-width: 340px;
  }
}
@media only screen and (min-width: 1280px) {
  .head-content,
  .head-editorspick-container {
    max-width: 360px;
  }
}
@media only screen and (min-width: 1600px) {
  .head-content,
  .head-editorspick-container {
    max-width: 400px;
  }
}
.head-content iframe,
.head-editorspick-container iframe,
.head-content #div-gpt-ad-1449133484909-0,
.head-editorspick-container #div-gpt-ad-1449133484909-0 {
  float: right;
}
@media only screen and (min-width: 1024px) {
  .head-editorspick-container {
    border-left: 1px solid #6a9638;
    border-right: 1px solid #6a9638;
  }
}
@media only screen and (min-width: 768px) {
  .head-content .head-editorspick-container,
  .head-sponsor-container {
    height: 49px;
    line-height: 49px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1024px) {
  .head-content .head-editorspick-container,
  .head-sponsor-container {
    position: static;
    float: right;
    height: 112px;
    line-height: 112px;
    max-width: 340px;
    border-left: 1px solid #6a9638;
    border-right: 1px solid #6a9638;
  }
}
@media only screen and (min-width: 1280px) {
  .head-content .head-editorspick-container,
  .head-sponsor-container {
    max-width: 360px;
  }
}
@media only screen and (min-width: 1600px) {
  .head-content .head-editorspick-container,
  .head-sponsor-container {
    max-width: 400px;
  }
}
.head-content .head-editorspick-container:hover,
.head-sponsor-container:hover {
  background-color: #598921;
}
.head-editorspick,
.head-sponsor {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 12px;
}
@media only screen and (min-width: 1024px) {
  .head-editorspick,
  .head-sponsor {
    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: 1150px) {
  .head-editorspick-post {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-editorspick-post {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-editorspick-post {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-editorspick-post {
    display: block;
  }
}
.head-editorspick-type,
.head-sponsor-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,
  .head-sponsor-type {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-editorspick-type,
  .head-sponsor-type {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-editorspick-type,
  .head-sponsor-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: 15px;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 1150px) {
  .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: 20px;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 1150px) {
  .head-editorspick-post a {
    line-height: 21px;
  }
}
.head-corners-container {
  position: absolute;
  top: -9999px;
}
@media only screen and (min-width: 768px) {
  .head-corners-container {
    position: static;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    background-color: #ffffff;
    color: #a2a2a2;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .head-corners-container {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .head-corners-container {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .head-corners-container {
    line-height: 16px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1024px) {
  .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: 1150px) {
  .head-corners-disclaimer {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-corners-disclaimer {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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: #444444;
  border-top: 4px solid #ddd;
}
.head-corners-link:hover {
  background-color: #ddd;
}
@media only screen and (min-width: 768px) {
  .head.is-visible .head-favicons-container {
    height: 0;
    overflow: visible;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .head-favicons {
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .head-favicons-index {
    position: absolute;
    top: 0;
    right: 71px;
    height: 70px;
    line-height: 70px;
    border-right: none;
  }
}
.head.is-visible .head-favicons-index a {
  color: #222;
  color: #fff;
}
.head.is-visible .head-favicons-index a:hover,
.head.is-visible .head-favicons-index a.is-visible {
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .head.is-visible .head-favicons-index {
    right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .head-brand {
    height: 70px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .brand {
    height: 70px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .brand-logo {
    height: 49px;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .head-link {
    height: 70px;
    line-height: 63px;
    padding: 0;
    width: 70px;
  }
  .head.is-visible .head-link:before {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .head-link-new:after,
  .head.is-visible .head-link-new.m-v3:after {
    top: 1px;
    right: 20.4px;
  }
}
.head.is-visible .head-favicons-list,
.head.is-visible .head-group,
.head.is-visible .head-editorspick-container,
.head.is-visible .head-sponsor-container,
.head.is-visible .head-primary-container,
.head.is-visible .head-corners-container {
  display: none;
}
.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);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.head-menu-toggler {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: #000;
  opacity: 0;
}
.head-menu {
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 0;
}
.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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #444444;
}
.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: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .head-menu h3,
  .nav-heading {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-menu h3,
  .nav-heading {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .head-menu h3,
  .nav-heading {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-menu h3,
  .nav-heading {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.head-menu h3,
.head-menu .nav-heading {
  padding: 0 18px;
  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;
}
.list-item,
.menu-follow,
.head-new-item,
.head-list-item,
.head-channel-item,
.head-menu-follow {
  display: block;
  padding: 12px 18px;
  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-sponsor,
.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,
.head-menu-sponsor {
  padding-top: 1px;
}
.head-more-item {
  margin: 24px 18px;
}
@media only screen and (min-width: 768px) {
  .head-more-item {
    margin-top: 14px;
    margin-bottom: 14px;
  }
}
.head-new-item {
  padding-left: 36px;
  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 18px 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;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-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: 18px;
}
.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;
  /*
position: relative;

	input {
	border: none;
	border-radius: @tap-size;
	display: block;
	width: 85%;
	height: @tap-size;
	padding: 0;
	text-indent: @mobile-gutter;
	box-shadow: none;
	}
	*/
}
.head-search-form input {
  border: none;
  display: block;
  width: 85%;
  height: 48px;
  padding: 0;
  text-indent: 18px;
  background: transparent;
  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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #444444;
}
.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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .head-menu-snapchat-snapcode {
    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 18px;
}
@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: #444444;
  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;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-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: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .head-menu h2 {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-menu h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .head-menu h2 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-menu h2 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.head-menu h3 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .head-menu h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-menu h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .head-menu h3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 1150px) {
  .head-link-editorspick a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-link-editorspick a {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .head-link-editorspick h3 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-link-editorspick h3 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .head-link-editorspick h3 {
    margin-bottom: 14px;
  }
}
.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: 1150px) {
  .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;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  left: -200%;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .nav-login,
  .nav-register {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .nav-login,
  .nav-register {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .nav-login,
  .nav-register {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .nav-login,
  .nav-register {
    line-height: 21px;
  }
}
.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 {
  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 {
  clear: right;
  border-bottom: 1px solid #e9e9e9;
  text-align: left;
  padding: 0 16px 24px;
}
@media only screen and (min-width: 768px) {
  .login-form,
  .register-form {
    padding: 0 24px 14px;
  }
}
.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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  #already_acc,
  #dont_have_account_text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  #already_acc,
  #dont_have_account_text {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  #already_acc,
  #dont_have_account_text {
    line-height: 21px;
  }
}
#already_acc {
  margin-left: 24px;
}
.facebook-login {
  background-color: #4472ad !important;
  color: #fff;
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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;
  color: #fff;
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  margin-top: 24px;
}
.twitter-login:hover {
  background-color: #00a3e2 !important;
  color: #fff;
}
.twitter-login:hover {
  background-color: #517556;
  color: #ffffff;
}
.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: #e03737;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #d53434;
  color: #ffffff;
}
#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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .mhelp {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .mhelp {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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;
}
.head-editorspick-container .head-editorspick {
  text-indent: -999999px;
}
@media only screen and (min-width: 768px) {
  .head-editorspick-container .head-editorspick {
    text-indent: 0;
  }
}
@media only screen and (min-width: 768px) {
  .head-container-with-primary .head {
    overflow: hidden;
  }
}
.head-primary-container {
  background: #f7f7f7;
  border-top: 1px solid #ececec;
  color: #000;
}
.head-primary-container a {
  color: #000;
  border-top: 4px solid #f7f7f7;
}
.head-primary {
  font-size: 15px;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  height: 42px;
  line-height: 38px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .head-primary {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-primary {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .head-primary {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-primary {
    font-size: 16px;
  }
}
.head-primary ul {
  display: inline-block;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-item: flex-start;
  max-width: 490px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .head-primary ul {
    margin: 0 auto;
  }
}
.head-primary-item {
  margin: 0;
  display: inline-block;
  flex-grow: 1;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .head-primary-item {
    margin: 0 24px;
  }
}
.head-primary-item a {
  display: inline-block;
}
.head-primary-item.m-tre-home.m-active a,
.head-primary-item.m-tre-trm.m-active a {
  border-top-color: #000000;
  color: #000000;
}
.head-primary-item.m-tre-arb.m-active a {
  border-top-color: #8b728f;
  color: #8b728f;
}
.head-primary-item.m-tre-trl.m-active a {
  border-top-color: #819f77;
  color: #819f77;
}
@media only screen and (min-width: 768px) {
  .head-container-with-corner .head-primary {
    text-align: left;
    height: 0;
  }
  .head-container-with-corner .head-primary ul {
    float: left;
  }
}
@media only screen and (min-width: 768px) {
  .head-container-with-primary .head-corners-container {
    background: #f7f7f7;
    overflow: visible;
  }
}
.search-box {
  padding: 7.2px 0 4.8px;
}
@media only screen and (min-width: 768px) {
  .search-box {
    margin-top: 0;
    padding: 15.4px 0 12.6px;
  }
}
.search-form {
  position: relative;
}
.search-form input {
  border: none;
  display: block;
  width: 85%;
  height: 48px;
  padding: 0;
  text-indent: 18px;
  background: transparent;
  box-shadow: none;
}
.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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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%;
}
.search-button:hover {
  background-color: #f4f4f4;
  color: #444444;
}
.search-button:hover {
  text-decoration: none;
}
.search-button:active,
.search-button:focus {
  padding-top: 1px;
}
.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;
}
.search-button:before:hover {
  text-decoration: none;
}
.search-button:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.search-button:before,
.search-button:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.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;
}
.search-button:before,
.search-button:after {
  line-height: 28.8px;
  margin: 0 5px;
  vertical-align: middle;
}
.search-autocomplete {
  display: none;
}
.head-menu .search-results-list {
  margin-bottom: 24px;
  border-bottom: 1px solid #e9e9e9;
}
@media only screen and (min-width: 768px) {
  .head-menu .search-results-list {
    border: none;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .search-results-wrapper {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .search-results-wrapper {
    max-width: 696px;
    margin-left: auto;
    margin-right: auto;
  }
}
.search-results-alternate {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .search-results-alternate {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .search-article-item {
    margin-bottom: 14px;
    margin-left: 24px;
    margin-right: 24px;
  }
}
.search-article-item a {
  display: block;
  padding: 12px 0;
  border-top: 1px solid #e9e9e9;
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 768px) {
  .search-article-item a {
    border: none;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.search-article-item img {
  float: right;
  margin: 0 0 0 12px;
  height: 72px;
  width: 96px;
  max-width: 50%;
  object-fit: cover;
}
.head-menu .search-article-item img {
  width: 72px;
  margin-left: 4px;
}
.search-article-item .article-item-title {
  max-height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media only screen and (min-width: 768px) {
  .search-article-item .article-item-title {
    font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .search-article-item .article-item-title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .search-article-item .article-item-title {
    font-size: 19px;
    line-height: 28px;
  }
}
.search-article-item .article-item-date {
  display: block;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .search-article-item .article-item-date {
    display: inline;
    line-height: 28px;
  }
}
.search-article-item .article-item-content {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .search-article-item .article-item-content {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .search-article-item .article-item-content {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .search-article-item .article-item-content {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .search-article-item .article-item-content {
    line-height: 21px;
  }
}
.search-results-list .article-item-info {
  min-height: 68px;
}
.search-assist.is-visible {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
}
.article-item-title {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  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: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .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;
  }
}
.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: 696px;
    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: 696px;
    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-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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-social-share {
    max-width: 696px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-social-share {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-social-share {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: auto;
  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: 696px;
    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.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: 1150px) {
  .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: 16px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1024px) {
  .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: #444444;
    font-weight: bold;
    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-count,
.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-count:before,
.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.is-visible.m-v1 .btn-facebook-count {
  padding: 0 12px 0 6px;
  font-size: 13px;
  width: auto;
}
.article-social-share.is-visible.m-v1 .btn-facebook-count:before {
  vertical-align: text-top;
}
.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.8);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
.article-social-share.m-v2 p {
  display: none;
}
.article-social-share.m-v2 ul {
  position: static;
  line-height: 38px;
}
.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%);
  }
}
.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: #444444;
}
.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: 48px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: #5c9124;
  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: 1150px) {
  .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: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-category a,
  .article-featured-category a {
    height: 28px;
    line-height: 29px;
  }
}
.article-category a:hover,
.article-featured-category a:hover {
  background-color: #e03737;
}
.article-actions {
  margin: 24px 0 0 16px;
}
@media only screen and (min-width: 768px) {
  .article-actions {
    float: none;
    white-space: nowrap;
    margin: 28px 0 0 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-actions {
    float: none;
    position: absolute;
    right: 0;
  }
}
.article-actions.m-in-featured {
  margin-top: 0;
  margin-left: 0;
}
@media only screen and (min-width: 480px) {
  .article-actions.m-in-featured {
    position: static;
  }
}
@media only screen and (min-width: 768px) {
  .article-actions.m-in-featured {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .article-actions.m-in-featured {
    float: right;
    margin-top: -7px;
  }
}
.article-comments,
.article-save {
  vertical-align: middle;
  margin-bottom: 12px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  background-color: #557b5b;
  color: #ffffff;
  background-color: #f3f3f3;
  color: #a2a2a2;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: 1150px) {
  .article-comments,
  .article-save {
    font-size: 13px;
  }
}
.article-comments:hover,
.article-save:hover {
  background-color: #517556;
  color: #ffffff;
}
.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: #444444;
}
.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;
}
@media only screen and (min-width: 768px) {
  .article-comments,
  .article-save {
    margin-bottom: 0;
  }
}
.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;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-metadata {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-metadata {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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-disclaimer {
  margin-top: 7px;
}
.article-author {
  display: inline-block;
}
@media only screen and (min-width: 1024px) {
  .article-author {
    display: block;
  }
}
@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: 1150px) {
  .article-author-link {
    font-size: 13px;
  }
}
.article-author-link:visited {
  color: #5c7c36;
}
.article-author-link:hover {
  color: #e03737;
}
@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: #e03737;
}
@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;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .article-links {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-links {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .article-links {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .article-topics-list {
    margin-left: 4em;
  }
}
.article-topics-list ul,
.article-topics-list li {
  display: inline;
}
.article-topics-tags li a {
  position: relative;
  overflow: hidden;
}
.article-topics-tags li a:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f02b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-topics-tags li a:before:hover {
  text-decoration: none;
}
.article-topics-tags li a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.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: -4em;
  }
}
.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: #5c9124;
  color: #fff;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .article-topic-link {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-topic-link {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .article-topic-link {
    height: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-topic-link {
    height: 28px;
    line-height: 29px;
  }
}
.article-topic-link:hover {
  background-color: #e03737;
}
@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;
  }
}
@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-left: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-aside.m-blob-aside .article-aside-content {
    margin-top: -28px;
  }
}
/*
.article-featured-header {
.u-layout-edge-edge;
max-height: 67vh;
position: relative;
margin-bottom: @m-line-height;

	@media @landscape {
	max-height: 125vh;
	}
	@media @tablet {
	margin-bottom: @d-line-height;
	}
	@media @desktop {
	max-height: 125vh;
	margin-bottom: @d-line-height*1.5;
	}
}
*/
/*
.article-featured-header {
.u-layout-edge-edge;
	.viewport-unit(max-height, 67); //Fix for IOS7 (mixing inside -vars.less)
	position: relative;
	margin-bottom: @m-line-height;

	@media @landscape {
		.viewport-unit(max-height, 125); //Fix for IOS7 (mixing inside -vars.less)
	}
	@media @tablet {
		margin-bottom: @d-line-height;
	}
	@media @desktop {
		.viewport-unit(max-height, 125); //Fix for IOS7 (mixing inside -vars.less)
		margin-bottom: @d-line-height*1.5;
	}
}
*/
.article-featured-header {
  margin: 0;
  max-width: 100%;
  position: relative;
  margin-bottom: 24px;
  max-height: 67vh;
}
@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;
  }
}
@media only screen and (orientation: landscape) {
  .article-featured-header {
    max-height: 125vh;
  }
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .article-featured-header {
    max-height: 321.6px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .article-featured-header {
    max-height: 380.56px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .article-featured-header {
    max-height: 686.08px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .article-featured-header {
    max-height: 400px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .article-featured-header {
    max-height: 400px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .article-featured-header {
    max-height: 960px;
  }
}
.article-featured-cover {
  text-align: center;
  overflow: hidden;
  width: 200%;
  max-width: 200%;
  margin: 0 auto 0 -50%;
  max-height: 67vh;
}
.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;
}
@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;
  }
}
@media only screen and (orientation: landscape) {
  .article-featured-cover {
    max-height: 125vh;
  }
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .article-featured-cover {
    max-height: 321.6px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .article-featured-cover {
    max-height: 380.56px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .article-featured-cover {
    max-height: 686.08px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .article-featured-cover {
    max-height: 400px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .article-featured-cover {
    max-height: 400px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .article-featured-cover {
    max-height: 960px;
  }
}
.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.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .article-featured-cover span {
    height: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  }
}
@media only screen and (orientation: landscape) {
  .article-featured-cover span {
    height: 60%;
    background-color: rgba(0, 0, 0, 0.6);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-cover span {
    height: 40%;
    background-color: rgba(0, 0, 0, 0.6);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  }
}
.article-featured-title-container {
  position: absolute;
  bottom: 24px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .article-featured-title-container {
    bottom: auto;
    top: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-title-container {
    top: 56px;
  }
}
@media only screen and (min-width: 1360px) {
  .article-featured-title-container {
    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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-featured-title {
    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;
  text-transform: none;
  font-size: 30px;
  line-height: 31.2px;
  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: 48px;
    margin-bottom: 24px;
    font-size: 42px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-featured-title h1 {
    margin-top: 56px;
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 63px;
  }
}
.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: 1150px) {
  .brand-article-inner {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .brand-article-inner {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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: 42px;
  }
}
@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 {
  vertical-align: middle;
  height: 70px;
}
.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;
  }
}
.fb-save-container {
  display: inline-block;
}
.fb-save-container .fb-save {
  margin: 0!important;
  display: inline-block !important;
  vertical-align: middle;
}
.fb-save-container .fb_iframe_widget {
  margin-bottom: 0!important;
}
.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% +  32px);
  max-width: calc(100% +  32px);
  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,
.article-metadata,
.article-links,
.article-link-related,
.article-social-share {
  font-size: 15px;
  color: #888888;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .caption-img,
  .caption,
  .article-metadata,
  .article-links,
  .article-link-related,
  .article-social-share {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .caption-img,
  .caption,
  .article-metadata,
  .article-links,
  .article-link-related,
  .article-social-share {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .caption-img,
  .caption,
  .article-metadata,
  .article-links,
  .article-link-related,
  .article-social-share {
    line-height: 21px;
  }
}
.caption-img span {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  font-style: italic;
  color: #a2a2a2;
  text-transform: none;
  display: block;
  border-bottom: 1px solid #e9e9e9;
  padding: 12px 0;
  margin-bottom: 24px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .caption-img span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .caption-img span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .caption-img span {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .caption-img span {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .caption-img span {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .caption-img span {
    max-width: 696px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .caption-img span {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 28px;
  }
}
.caption-img {
  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 {
  margin-bottom: 24px;
  position: relative;
}
.supercaption br {
  display: none;
}
.supercaption .caption {
  background: #ececec;
  color: #444444;
  padding: 12px 16px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .supercaption .caption {
    background: rgba(255, 255, 255, 0.8);
    margin: 28px 0;
    padding: 28px 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 324px;
  }
}
.supercaption .caption h2,
.supercaption .caption h3,
.supercaption .caption h4,
.supercaption .caption h5,
.supercaption .caption h6 {
  margin-top: 0;
}
.supercaption .invertido {
  background: rgba(0, 0, 0, 0.8);
  color: #dddddd;
}
@media only screen and (min-width: 768px) {
  .supercaption .invertido {
    background: rgba(0, 0, 0, 0.6);
  }
}
@media only screen and (min-width: 768px) {
  .supercaption .derecha {
    left: auto;
    right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .supercaption .izquierda {
    left: 0;
    right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .supercaption .arriba,
  .supercaption .abajo {
    margin: 0 24px;
  }
}
@media only screen and (min-width: 768px) {
  .supercaption .arriba {
    bottom: auto;
    top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .supercaption .abajo {
    top: auto;
    bottom: 0;
  }
}
.sumario,
.sumario_derecha,
.sumario_izquierda,
.blob .sumario_derecha,
.blob .sumario_izquierda,
.blob .sumario {
  color: #819f87;
  text-align: left;
  font-family: Roboto Condensed, Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 23px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 24px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 24px 0;
}
@media only screen and (min-width: 768px) {
  .sumario,
  .sumario_derecha,
  .sumario_izquierda,
  .blob .sumario_derecha,
  .blob .sumario_izquierda,
  .blob .sumario {
    font-size: 24px;
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .sumario,
  .sumario_derecha,
  .sumario_izquierda,
  .blob .sumario_derecha,
  .blob .sumario_izquierda,
  .blob .sumario {
    font-size: 28px;
    line-height: 33.6px;
    padding-top: 28px;
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
}
.sumario p,
.sumario_derecha p,
.sumario_izquierda p,
.blob .sumario_derecha p,
.blob .sumario_izquierda p,
.blob .sumario p {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .sumario p,
  .sumario_derecha p,
  .sumario_izquierda p,
  .blob .sumario_derecha p,
  .blob .sumario_izquierda p,
  .blob .sumario p {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .sumario p,
  .sumario_derecha p,
  .sumario_izquierda p,
  .blob .sumario_derecha p,
  .blob .sumario_izquierda p,
  .blob .sumario p {
    margin: 0;
  }
}
.js-video {
  height: 0;
  padding-bottom: 56.5%;
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .js-video {
    margin-bottom: 28px;
  }
}
@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;
}
.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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .actualizacion {
    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: #ececec;
  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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .ficha {
    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: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin: 12px 0 6px;
}
@media only screen and (min-width: 768px) {
  .ficha-titulo h2 {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .ficha-titulo h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-titulo h2 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .ficha-titulo h2 {
    margin-top: 28px;
    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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .ficha-titulo h2 span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-titulo h2 span {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .ficha-desc {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-desc {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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;
}
@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: 1150px) {
  .ficha-desc p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-desc p {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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;
}
.nota-analisis .total {
  float: left;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  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: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .nota-analisis .total {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@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,
.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;
  }
}
.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;
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  font-weight: lighter;
  background-color: #91ba87;
  color: #fff;
  text-indent: 24px;
  padding: 6px 0;
}
@media only screen and (min-width: 768px) {
  .positivo h3,
  .negativo h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .positivo ul,
  .negativo ul {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .positivo ul,
  .negativo ul {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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;
    margin-left: 3%;
  }
}
@media only screen and (min-width: 768px) {
  .negativo {
    width: 48%;
    float: right;
  }
}
.negativo h3 {
  background-color: #d5807e;
}
.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: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin: 0;
  display: inline;
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .ficha-tecnica h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica h2 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .ficha-tecnica h2 {
    margin-top: 56px;
    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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .ficha-tecnica {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .ficha-tecnica {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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("https://img.weblogssl.com/g/xataka4/common/ficha-juego.png?v=24");
  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;
}
.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: 696px !important;
  margin: 0 auto !important;
  clear: both;
}
.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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .nota,
  .firmainvitada {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .nota,
  .firmainvitada {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .nota,
  .firmainvitada {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .nota,
  .firmainvitada {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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;
  }
}
.blob p a.tweet-this {
  text-decoration: none;
  color: #444;
}
.tweet-this {
  border-bottom: 1px dotted #00acee;
  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 16px 24px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .ficha-producto {
    margin: 0 24px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .ficha-producto {
    margin: 0 auto 28px;
  }
}
.ficha-producto h2 {
  display: inline-block;
  background: #4b8a20;
  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 #4b8a20;
  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: #4b8a20;
  color: #fff;
  border-radius: 4px;
  padding: 7px 10px 5px;
  line-height: 40px;
  white-space: nowrap;
}
/* 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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .af-box {
    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: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin: 12px 16px;
}
@media only screen and (min-width: 768px) {
  .af-box h2 {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .af-box h2 {
    font-size: 24px;
    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: 1150px) {
  .af-name {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .af-name {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .af-name {
    line-height: 16.8px;
  }
}
.af-price {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  font-weight: bold;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .af-price {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 20px;
    line-height: 21.6px;
    text-transform: none;
    letter-spacing: 0;
    margin-top: 24px;
    margin-bottom: 12px;
    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: 20px;
    line-height: 21.6px;
    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: 20px;
    line-height: 21.6px;
    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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1024px) {
  .af-box {
    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: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .af-box h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .af-box h2 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .af-box h2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .af-box-compact .af-name {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .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: 20px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .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: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .af-box-compact .af-price {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.asset-game {
  width: 100%;
  min-width: 300px;
  max-width: 696px;
  overflow: hidden;
}
.asset-game-date,
.asset-game-streaming {
  font-size: 13px;
  line-height: 16px;
  height: 24px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .asset-game-date,
  .asset-game-streaming {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-game-date,
  .asset-game-streaming {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-game-date,
  .asset-game-streaming {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .asset-game-date,
  .asset-game-streaming {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-game-date,
  .asset-game-streaming {
    height: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .asset-game-date,
  .asset-game-streaming {
    height: 28px;
    line-height: 28px;
  }
}
.asset-game-streaming {
  float: right;
}
.asset-game-streaming a {
  display: inline-block;
  background-color: #5c9124;
  color: #fff;
  background: #e03737;
  padding: 0 8px;
  text-transform: uppercase;
  font-size: 11px;
}
.asset-game-streaming a:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e613";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.asset-game-streaming a:before:hover {
  text-decoration: none;
}
.asset-game-streaming a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.asset-game-streaming a:hover {
  background-color: #e03737;
}
.asset-game-date {
  background: rgba(0, 0, 0, 0.35);
  color: #ffffff;
  padding-left: 8px;
  margin-bottom: 1px;
}
.asset-game-local,
.asset-game-visitor {
  float: left;
  width: 49%;
  width: calc(50% - 1px);
  background: #444444;
  color: #ffffff;
  text-align: center;
  height: 72px;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  -webkit-align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .asset-game-local,
  .asset-game-visitor {
    height: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .asset-game-local,
  .asset-game-visitor {
    height: 84px;
  }
}
.asset-game-local-name,
.asset-game-visitor-name,
.asset-game-local-image,
.asset-game-visitor-image,
.asset-game-local-score,
.asset-game-visitor-score {
  display: inline-block;
  vertical-align: middle;
}
.asset-game-local-name,
.asset-game-visitor-name {
  font-size: 13px;
  line-height: 16px;
  opacity: 0.6;
  width: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .asset-game-local-name,
  .asset-game-visitor-name {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-game-local-name,
  .asset-game-visitor-name {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-game-local-name,
  .asset-game-visitor-name {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .asset-game-local-name,
  .asset-game-visitor-name {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-game-local-name,
  .asset-game-visitor-name {
    width: auto;
    -webkit-flex-grow: 1;
    -webkit-flex-basis: 50px;
    flex-grow: 1;
    flex-basis: 50px;
    padding: 0 4px;
  }
}
.asset-game-local-image,
.asset-game-visitor-image {
  width: 56px;
  overflow: hidden;
  margin: 0 8px;
}
.asset-game-local-image img,
.asset-game-visitor-image img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 64px;
}
.asset-game-local-score,
.asset-game-visitor-score {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 31.2px;
  letter-spacing: 0;
  font-weight: 100;
  width: 56px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .asset-game-local-score,
  .asset-game-visitor-score {
    font-size: 34px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-game-local-score,
  .asset-game-visitor-score {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .asset-game-local-score,
  .asset-game-visitor-score {
    width: 64px;
  }
}
.asset-game-visitor {
  float: right;
}
.home-game-results-container {
  clear: both;
  background: #232323;
  color: #ffffff;
  padding: 12px 0 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .home-game-results-container {
    margin-bottom: 0;
  }
}
.home-game-results {
  margin: 0;
  max-width: 100%;
  max-width: 1368px;
  margin: 0 auto;
}
.home-game-results-title {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 100;
  padding-left: 16px;
}
@media only screen and (min-width: 768px) {
  .home-game-results-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-game-results-title {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-results-title {
    display: inline-block;
    padding-left: 0;
    margin-left: 2.5%;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-game-results-title {
    margin-top: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  .home-game-results-title {
    margin-left: 1.5%;
  }
}
.home-game-results-title a {
  color: #fff;
}
.home-game-results-title a:hover {
  text-decoration: underline;
}
.home-game-results-subtitle {
  font-size: 13px;
  line-height: 16px;
  opacity: 0.6;
  padding-left: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .home-game-results-subtitle {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-game-results-subtitle {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-results-subtitle {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-game-results-subtitle {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-results-subtitle {
    display: inline;
  }
}
.home-game-results-subtitle a {
  color: #fff;
}
.home-game-results-subtitle a:hover {
  text-decoration: underline;
}
.home-game-results-aside {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 100;
  margin-top: 0;
  margin-right: 16px;
  float: right;
}
@media only screen and (min-width: 768px) {
  .home-game-results-aside {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-game-results-aside {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-results-aside {
    margin-right: 2.5%;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-game-results-aside {
    margin-top: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  .home-game-results-aside {
    margin-right: 1.5%;
  }
}
.home-game-results-aside a {
  color: #fff;
}
.home-game-results-aside a:hover {
  text-decoration: underline;
}
.home-game-list {
  white-space: nowrap;
  width: 100%;
  overflow: scroll;
  padding: 12px 0 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0;
  margin-top: 0;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}
.home-game-list:after {
  content: "Desliza para ver más »";
  font-weight: 400;
  font-style: italic;
  color: #a2a2a2;
  text-transform: none;
  font-size: 15px;
  color: #888888;
  line-height: 20px;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .home-game-list:after {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-game-list:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-list:after {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-game-list:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-list:after {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-game-list:after {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-list:after {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-list:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-game-list:after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-list:after {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-game-list:after {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .home-game-list:after {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.home-game-list:after {
  display: block;
  margin-left: 16px;
}
@media only screen and (min-width: 768px) {
  .home-game-list {
    white-space: normal;
    overflow: hidden;
    padding: 0;
    border: none;
  }
}
.home-game-list .asset-game {
  margin: 0 0 6px 16px;
  display: inline-block;
  min-width: 220px;
  width: 35%;
}
@media only screen and (min-width: 768px) {
  .home-game-list .asset-game {
    width: 46%;
    margin: 0 0 24px 2.5%;
  }
}
@media only screen and (min-width: 1150px) {
  .home-game-list .asset-game {
    width: 30%;
    margin: 0 1.5% 28px;
  }
}
.home-game-list .asset-game:last-child {
  margin-right: 24px;
}
.asset-game-local,
.asset-game-visitor {
  background: #2f4c4c;
}
.m-is-loser {
  background: #402831;
}
.home-game-list {
  background: #192828;
  color: #ffffff;
}
.home-game-results-container {
  background: #131f1f;
}
@media only screen and (min-width: 768px) {
  .home-game-results-container {
    background: #192828;
  }
}
.poster-article,
.poster {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #737373;
}
@media only screen and (min-width: 768px) {
  .poster-article,
  .poster {
    border: none;
  }
}
.poster-figure {
  background: #000;
}
.poster-figure img {
  display: block;
  width: 100%;
  object-fit: cover;
  opacity: 0.95;
  height: 144px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .poster-figure img {
    height: 240px;
  }
}
@media only screen and (min-width: 1024px) {
  .poster-figure img {
    height: 224px;
  }
}
.poster-figure img:hover {
  opacity: 1;
}
.poster-content {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 1px 24px 24px;
  background-color: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}
@media only screen and (min-width: 1440px) {
  .poster-content {
    padding: 1px 36px 28px;
  }
}
.poster-title {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin-bottom: 0;
  /*
font-family: @font-headings;
font-weight: @font-headings-weight;
font-style: @font-headings-style;
font-size: @m-h4-font-size;
line-height: @m-h4-line-height;
text-transform: @font-headings-transform;
letter-spacing: @font-headings-spacing;
margin-top: @m-line-height;
margin-bottom: 0;

	@media @tablet {
	font-size: @t-h5-font-size;
	line-height: @t-h5-line-height;
	margin-top: @t-line-height;
	margin-bottom: 0;
	}
	@media @desktop-m {
	font-size: @d-h5-font-size;
	line-height: @d-h5-line-height;
	margin-top: @d-line-height;
	margin-bottom: 0;
	}
*/
}
@media only screen and (min-width: 768px) {
  .poster-title {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .poster-title {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .poster-title {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .poster-title {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .poster-title {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1150px) {
  .poster-title {
    margin-bottom: 0;
  }
}
.poster-title a {
  color: #fff;
}
.poster-title a:hover {
  text-decoration: underline;
}
.poster-summary {
  font-size: 15px;
  line-height: 20px;
  color: #eee;
}
@media only screen and (min-width: 768px) {
  .poster-summary {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .poster-summary {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .poster-summary {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .poster-summary {
    line-height: 21px;
  }
}
.poster-article.m-featured,
.poster.m-featured {
  border: none;
  /*
	img {
	height: auto;
	min-height: @m-line-height*10;
	//max-height: 75vh;
	.safe-vh(max-height,75,75);
	}
	*/
}
@media only screen and (min-width: 768px) {
  .poster-article.m-featured,
  .poster.m-featured {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .poster-article.m-featured,
  .poster.m-featured {
    margin-top: 28px;
  }
}
.poster-article.m-featured .poster-figure,
.poster.m-featured .poster-figure {
  max-height: 75vh;
}
@media only screen and (orientation: landscape) {
  .poster-article.m-featured .poster-figure,
  .poster.m-featured .poster-figure {
    max-height: 75vh;
  }
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .poster-article.m-featured .poster-figure,
  .poster.m-featured .poster-figure {
    max-height: 360px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .poster-article.m-featured .poster-figure,
  .poster.m-featured .poster-figure {
    max-height: 426px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .poster-article.m-featured .poster-figure,
  .poster.m-featured .poster-figure {
    max-height: 768px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .poster-article.m-featured .poster-figure,
  .poster.m-featured .poster-figure {
    max-height: 240px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .poster-article.m-featured .poster-figure,
  .poster.m-featured .poster-figure {
    max-height: 240px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .poster-article.m-featured .poster-figure,
  .poster.m-featured .poster-figure {
    max-height: 576px;
  }
}
.poster-article.m-featured .poster-figure a,
.poster.m-featured .poster-figure a {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 61.8% 0 0 0;
  overflow: hidden;
}
.poster-article.m-featured .poster-figure a img,
.poster.m-featured .poster-figure a 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) {
  .poster-article.m-featured .poster-figure a,
  .poster.m-featured .poster-figure a {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
  }
  .poster-article.m-featured .poster-figure a img,
  .poster.m-featured .poster-figure a 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) {
  .poster-article.m-featured .poster-figure a,
  .poster.m-featured .poster-figure a {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 61.8% 0 0 0;
    overflow: hidden;
  }
  .poster-article.m-featured .poster-figure a img,
  .poster.m-featured .poster-figure a 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: 1150px) {
  .poster-article.m-featured .poster-figure a,
  .poster.m-featured .poster-figure a {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 0 0 0;
    overflow: hidden;
  }
  .poster-article.m-featured .poster-figure a img,
  .poster.m-featured .poster-figure a img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.poster-article.m-featured .poster-content,
.poster.m-featured .poster-content {
  padding-bottom: 1px;
}
@media only screen and (min-width: 768px) {
  .poster-article.m-featured .poster-content,
  .poster.m-featured .poster-content {
    height: 100%;
    width: 50%;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .poster-article.m-featured .poster-content,
  .poster.m-featured .poster-content {
    width: 32%;
  }
}
@media only screen and (min-width: 1440px) {
  .poster-article.m-featured .poster-content,
  .poster.m-featured .poster-content {
    padding: 14px 36px;
  }
}
.poster-article.m-featured .poster-title,
.poster.m-featured .poster-title {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .poster-article.m-featured .poster-title,
  .poster.m-featured .poster-title {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .poster-article.m-featured .poster-title,
  .poster.m-featured .poster-title {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 768px) {
  .poster-article.m-featured .poster-title,
  .poster.m-featured .poster-title {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
  }
}
@media only screen and (min-width: 768px) {
  .poster-article.m-featured .poster-summary,
  .poster.m-featured .poster-summary {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: content;
  }
}
.poster-article.m-featured .poster-summary a,
.poster.m-featured .poster-summary a {
  color: #fff;
}
.poster-article.m-featured .poster-summary a:hover,
.poster.m-featured .poster-summary a:hover {
  text-decoration: underline;
}
.abstract-article,
.abstract-longform,
.abstract-ecommerce,
.abstract-respuestas,
.abstract {
  border-top: 1px solid #e9e9e9;
  background: #fff;
  overflow: hidden;
}
.abstract-figure {
  margin: 24px 16px 24px 16px;
  float: right;
  width: 40%;
}
@media only screen and (min-width: 360px) {
  .abstract-figure {
    width: 45%;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-figure {
    margin: 24px 24px 24px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-figure {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.abstract-figure .base-asset-image {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 75% 0 0 0;
  overflow: hidden;
}
.abstract-figure .base-asset-image 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: 360px) {
  .abstract-figure .base-asset-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 61.8% 0 0 0;
    overflow: hidden;
  }
  .abstract-figure .base-asset-image 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) {
  .abstract-figure .base-asset-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
  }
  .abstract-figure .base-asset-image 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: 1150px) {
  .abstract-figure .base-asset-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 61.8% 0 0 0;
    overflow: hidden;
  }
  .abstract-figure .base-asset-image 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) {
  .abstract-figure .base-asset-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 0 0 0;
    overflow: hidden;
  }
  .abstract-figure .base-asset-image img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.abstract-figure .base-asset-video {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 75% 0 0 0;
  overflow: hidden;
}
.abstract-figure .base-asset-video embed,
.abstract-figure .base-asset-video iframe,
.abstract-figure .base-asset-video object,
.abstract-figure .base-asset-video video {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (min-width: 360px) {
  .abstract-figure .base-asset-video {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 61.8% 0 0 0;
    overflow: hidden;
  }
  .abstract-figure .base-asset-video embed,
  .abstract-figure .base-asset-video iframe,
  .abstract-figure .base-asset-video object,
  .abstract-figure .base-asset-video video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-figure .base-asset-video {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
  }
  .abstract-figure .base-asset-video embed,
  .abstract-figure .base-asset-video iframe,
  .abstract-figure .base-asset-video object,
  .abstract-figure .base-asset-video video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-figure .base-asset-video {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 61.8% 0 0 0;
    overflow: hidden;
  }
  .abstract-figure .base-asset-video embed,
  .abstract-figure .base-asset-video iframe,
  .abstract-figure .base-asset-video object,
  .abstract-figure .base-asset-video video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media only screen and (min-width: 1440px) {
  .abstract-figure .base-asset-video {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 0 0 0;
    overflow: hidden;
  }
  .abstract-figure .base-asset-video embed,
  .abstract-figure .base-asset-video iframe,
  .abstract-figure .base-asset-video object,
  .abstract-figure .base-asset-video video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.abstract-article.m-gallery .abstract-figure {
  position: relative;
}
.abstract-figure-gallery {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 8px;
  box-sizing: border-box;
}
.abstract-figure-gallery:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 1150px) {
  .abstract-figure-gallery {
    padding-bottom: 0;
  }
}
.abstract-figure-gallery-label {
  float: right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .abstract-figure-gallery-label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-figure-gallery-label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-figure-gallery-label:before {
    font-size: 32px;
    font-family: icons-min;
    content: "\e614";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .abstract-figure-gallery-label:before:hover {
    text-decoration: none;
  }
  .abstract-figure-gallery-label:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .abstract-figure-gallery-label:before,
  .abstract-figure-gallery-label:after {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .abstract-figure-gallery-label:before,
  .abstract-figure-gallery-label:after {
    color: rgba(255, 255, 255, 0.6);
  }
  .abstract-figure-gallery-label:before,
  .abstract-figure-gallery-label:after {
    margin: 7px auto 0 auto;
  }
  .abstract-figure-gallery-label:before,
  .abstract-figure-gallery-label:after {
    vertical-align: initial;
  }
}
.abstract-figure-gallery-list {
  margin: 0;
  display: inline-block;
  float: left;
}
@media only screen and (min-width: 768px) {
  .abstract-figure-gallery-list {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-figure-gallery-list {
    margin: 0;
  }
}
.abstract-figure-gallery-list a {
  display: inline-block;
}
.abstract-figure-gallery-list li {
  display: inline-block;
  vertical-align: middle;
  background: #ddd;
  width: 12px;
  height: 12px;
}
@media only screen and (min-width: 768px) {
  .abstract-figure-gallery-list li {
    width: 36px;
    height: 36px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-figure-gallery-list li {
    width: 64px;
    height: 64px;
  }
}
.abstract-figure-gallery-list img {
  display: block;
  width: 100%;
  height: auto;
}
.abstract-article.m-slideshow .abstract-figure {
  position: relative;
}
.abstract-slideshow-slide-count {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.6);
  padding: 8px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .abstract-slideshow-slide-count {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-slideshow-slide-count {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-slideshow-slide-count {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-slideshow-slide-count {
    line-height: 21px;
  }
}
.abstract-slideshow-slide-count:hover {
  text-decoration: underline;
}
.abstract-slideshow-slide-count:before {
  font-size: 32px;
  font-family: icons-min;
  content: "\e614";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.abstract-slideshow-slide-count:before:hover {
  text-decoration: none;
}
.abstract-slideshow-slide-count:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.abstract-slideshow-slide-count:before,
.abstract-slideshow-slide-count:after {
  color: rgba(255, 255, 255, 0.6);
}
.abstract-slideshow-slide-count:before,
.abstract-slideshow-slide-count:after {
  vertical-align: text-bottom;
}
.abstract-content {
  margin-left: 16px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .abstract-content {
    margin-left: 24px;
    margin-bottom: 24px;
    max-width: calc(55% - 96px);
    clear: left;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-content {
    margin-bottom: 28px;
  }
}
.abstract-title {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .abstract-title {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-title {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-title {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-title {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.abstract-title a {
  color: #444444;
}
.abstract-title a:hover {
  color: #e03737;
}
.abstract-taxonomy {
  display: block;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .abstract-taxonomy {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-taxonomy {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-taxonomy {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-taxonomy {
    line-height: 16.8px;
  }
}
.abstract-excerpt {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .abstract-excerpt {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-excerpt {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-excerpt {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-excerpt {
    line-height: 21px;
  }
}
.abstract-excerpt p a,
.abstract-excerpt li a,
.abstract-excerpt blockquote a {
  text-decoration: underline;
}
.abstract-excerpt ul li {
  list-style-type: disc;
  list-style-position: outside;
}
.abstract-excerpt ol li {
  list-style-type: decimal;
  list-style-position: outside;
}
.abstract-excerpt blockquote {
  margin-left: 24px;
  margin-right: 24px;
  font-style: italic;
}
.abstract-excerpt p,
.abstract-excerpt ul,
.abstract-excerpt ol {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .abstract-excerpt p,
  .abstract-excerpt ul,
  .abstract-excerpt ol {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-excerpt p,
  .abstract-excerpt ul,
  .abstract-excerpt ol {
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
.abstract-date {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .abstract-date {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-date {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-date {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-date {
    line-height: 16.8px;
  }
}
.abstract-date a {
  color: #a2a2a2;
}
.abstract-date a:hover {
  color: #e03737;
}
.abstract-author {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .abstract-author {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-author {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-author {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-author {
    line-height: 16.8px;
  }
}
.abstract-author a {
  color: #a2a2a2;
}
.abstract-author a:hover {
  color: #e03737;
}
.abstract-author:before {
  font-size: 16px;
  font-family: icons-min;
  content: "-";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.abstract-author:before:hover {
  text-decoration: none;
}
.abstract-author:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.abstract-author:before,
.abstract-author:after {
  vertical-align: initial;
}
.abstract-comments {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #a2a2a2;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .abstract-comments {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-comments {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-comments {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-comments {
    line-height: 16.8px;
  }
}
.abstract-comments a {
  color: #a2a2a2;
}
.abstract-comments a:hover {
  color: #e03737;
}
.abstract-comments:before {
  font-size: 16px;
  font-family: icons-min;
  content: "-";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.abstract-comments:before:hover {
  text-decoration: none;
}
.abstract-comments:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.abstract-comments:after {
  font-size: 16px;
  font-family: icons-min;
  content: "\f075";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.abstract-comments:after:hover {
  text-decoration: none;
}
.abstract-comments:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.abstract-comments:before,
.abstract-comments:after {
  margin: 0;
}
.abstract-comments:before,
.abstract-comments:after {
  vertical-align: initial;
}
.abstract-comment-label {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #a2a2a2;
  display: inline-block;
  width: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .abstract-comment-label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-comment-label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-comment-label {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-comment-label {
    line-height: 16.8px;
  }
}
.abstract-comment-label a {
  color: #a2a2a2;
}
.abstract-comment-label a:hover {
  color: #e03737;
}
.abstract-disclaimer.m-branded {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 25px;
  padding: 0 9.6px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #444444;
  background: #f4f2e9;
  display: block;
}
@media only screen and (min-width: 768px) {
  .abstract-disclaimer.m-branded {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-disclaimer.m-branded {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-disclaimer.m-branded {
    height: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-disclaimer.m-branded {
    height: 28px;
    line-height: 29px;
  }
}
.abstract-article .abstract-disclaimer.m-branded {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .abstract-article .abstract-disclaimer.m-branded {
    display: inline-block;
    margin: 24px 0 0 24px;
    width: calc(55% - 96px);
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-article .abstract-disclaimer.m-branded {
    margin: 28px 0 0 24px;
  }
}
.abstract-article .abstract-taxonomy-container {
  margin: 0 0 -12px;
}
@media only screen and (min-width: 768px) {
  .abstract-article .abstract-taxonomy-container {
    float: left;
    margin: 24px 0 24px 24px;
    width: calc(55% - 96px);
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-article .abstract-taxonomy-container {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-article .abstract-taxonomy-container .abstract-disclaimer.m-branded {
    display: block;
    width: auto;
    margin: 0;
  }
}
.abstract-article .abstract-taxonomy-container .abstract-taxonomy {
  display: block;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .abstract-article .abstract-taxonomy-container .abstract-taxonomy {
    margin-left: 0;
    margin-right: 0;
    margin-top: 12px;
  }
}
.abstract-longform {
  position: relative;
  overflow: hidden;
}
.abstract-longform .abstract-figure {
  background: #000;
  width: 100%;
  margin: 0;
}
.abstract-longform .abstract-figure img {
  display: block;
  width: 100%;
  object-fit: cover;
  opacity: 0.95;
  overflow: hidden;
}
.abstract-longform .abstract-figure img:hover {
  opacity: 1;
}
.abstract-longform .abstract-content {
  max-width: 100%;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 24px 16px;
  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));
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .abstract-longform .abstract-content {
    padding: 24px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-longform .abstract-content {
    padding: 56px 96px 56px 48px;
  }
}
.abstract-longform .abstract-content a {
  color: #fff;
}
.abstract-longform .abstract-content a:hover {
  text-decoration: underline;
}
.abstract-longform .abstract-title {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 12px;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .abstract-longform .abstract-title {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-longform .abstract-title {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-longform .abstract-title {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-longform .abstract-title {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-longform .abstract-title {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-longform .abstract-title {
    margin-top: 28px;
  }
}
.abstract-longform .abstract-date,
.abstract-longform .abstract-author,
.abstract-longform .abstract-comments,
.abstract-longform .abstract-comment-label {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .abstract-longform .abstract-disclaimer {
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-longform .abstract-disclaimer {
    top: 56px;
    left: 48px;
  }
}
.abstract-ecommerce {
  position: relative;
  overflow: hidden;
}
.abstract-ecommerce .abstract-figure {
  background: #000;
  width: calc(100% - 32px);
}
@media only screen and (min-width: 768px) {
  .abstract-ecommerce .abstract-figure {
    width: calc(100% - 48px);
  }
}
.abstract-ecommerce .abstract-figure img {
  display: block;
  width: 100%;
  object-fit: cover;
  opacity: 0.8;
  overflow: hidden;
}
.abstract-ecommerce .abstract-figure img:hover {
  opacity: 1;
}
.abstract-ecommerce .abstract-figure .base-asset-image {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
}
.abstract-ecommerce .abstract-figure .base-asset-image 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: 480px) {
  .abstract-ecommerce .abstract-figure .base-asset-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 33.33333333% 0 0 0;
    overflow: hidden;
  }
  .abstract-ecommerce .abstract-figure .base-asset-image 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) {
  .abstract-ecommerce .abstract-figure .base-asset-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 0 0 0;
    overflow: hidden;
  }
  .abstract-ecommerce .abstract-figure .base-asset-image 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: 1280px) {
  .abstract-ecommerce .abstract-figure .base-asset-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 33.33333333% 0 0 0;
    overflow: hidden;
  }
  .abstract-ecommerce .abstract-figure .base-asset-image img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.abstract-ecommerce .abstract-content {
  max-width: 100%;
  margin: 24px 16px;
  padding: 1px 16px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .abstract-ecommerce .abstract-content {
    margin: 24px 24px;
    padding: 1px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-ecommerce .abstract-content {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.abstract-ecommerce .abstract-content a {
  color: #fff;
}
.abstract-ecommerce .abstract-content a:hover {
  text-decoration: underline;
}
.abstract-ecommerce .abstract-title {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.abstract-ecommerce .abstract-title:before {
  font-size: 32px;
  font-family: icons-min;
  content: "\f06b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.abstract-ecommerce .abstract-title:before:hover {
  text-decoration: none;
}
.abstract-ecommerce .abstract-title:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.abstract-ecommerce .abstract-title:before,
.abstract-ecommerce .abstract-title:after {
  vertical-align: initial;
}
.abstract-ecommerce .abstract-title:before {
  float: left;
  margin-left: -32px;
}
.abstract-ecommerce .abstract-title,
.abstract-ecommerce .abstract-taxonomy,
.abstract-ecommerce .abstract-excerpt {
  margin-left: 32px;
}
@media only screen and (min-width: 768px) {
  .abstract-ecommerce .abstract-title,
  .abstract-ecommerce .abstract-taxonomy,
  .abstract-ecommerce .abstract-excerpt {
    margin-right: 45%;
  }
}
.abstract-respuestas .abstract-content {
  max-width: 100%;
}
.abstract-answers {
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
  float: right;
  margin-right: 16px;
}
.abstract-answers:hover {
  background-color: #517556;
  color: #ffffff;
}
.abstract-answers:hover {
  text-decoration: none;
}
.abstract-answers:active,
.abstract-answers:focus {
  padding-top: 1px;
}
.abstract-answers:hover {
  text-decoration: none;
}
.abstract-answers:active,
.abstract-answers:focus {
  padding-top: 1px;
}
@media only screen and (min-width: 768px) {
  .abstract-answers {
    margin-right: 24px;
  }
}
.abstract-article.m-featured .abstract-figure {
  float: none;
  width: auto;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .abstract-article.m-featured .abstract-figure {
    margin-right: 24px;
  }
}
.abstract-article.m-featured .abstract-content {
  max-width: calc(100% - 48px);
}
.abstract-article.m-featured .abstract-title {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 12px;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .abstract-article.m-featured .abstract-title {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-article.m-featured .abstract-title {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-article.m-featured .abstract-title {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .abstract-article.m-featured .abstract-title {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .abstract-article.m-featured .abstract-title {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .abstract-article.m-featured .abstract-title {
    margin-top: 28px;
  }
}
.abstract-taxonomy.m-republish {
  color: #a2a2a2;
}
.abstract-taxonomy.m-republish:before {
  font-size: 20px;
  font-family: icons-min;
  content: "\f01e";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.abstract-taxonomy.m-republish:before:hover {
  text-decoration: none;
}
.abstract-taxonomy.m-republish:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.abstract-taxonomy.m-crosspost:before {
  font-size: 20px;
  font-family: icons-min;
  content: "\f079";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.abstract-taxonomy.m-crosspost:before:hover {
  text-decoration: none;
}
.abstract-taxonomy.m-crosspost:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.section-hero-container {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .section-hero-container {
    padding: 1px 0;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-top: 1px solid #f3f3f3;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1440px) {
  .section-hero {
    margin-left: auto;
    margin-right: auto;
    max-width: 1368px;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero-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: 768px) {
  .section-hero-list .hero-poster {
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero-list .hero-poster {
    margin: 24px 24px 24px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section-hero-list .hero-poster {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero-list .hero-poster:last-child {
    margin-right: 0;
  }
}
.section-recent {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-recent {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1440px) {
  .section-recent {
    margin-left: auto;
    margin-right: auto;
    max-width: 1368px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-recent {
    padding-top: 28px;
  }
}
.section-header-recent {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  font-family: Roboto Condensed, Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #a2a2a2;
  margin-bottom: 12px;
  margin-left: 16px;
  margin-right: 16px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-header-recent {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .section-header-recent {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .section-header-recent {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-header-recent {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .section-header-recent {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-recent-list,
  .home-nav-list {
    float: left;
    width: calc(100% - 324px);
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-recent-aside {
    width: 300px;
    margin-left: 24px;
    margin-bottom: 28px;
    float: right;
    clear: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section-recent-aside .ad-lat .ad-contact,
  .section-recent-aside .ad-lat2 .ad-contact {
    margin-top: -28px;
  }
}
.home-nav-container {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .home-nav-container {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1440px) {
  .home-nav-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1368px;
  }
}
.home-nav {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .home-nav {
    text-align: left;
    float: right;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .home-nav {
    margin: 0;
  }
}
.home-nav li {
  display: inline;
}
.article-archive {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .article-archive {
    text-align: left;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .article-archive {
    margin: 0;
  }
}
.btn-go-home:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e615";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.btn-go-home:before:hover {
  text-decoration: none;
}
.btn-go-home:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article-archive 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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.article-archive a:hover {
  background-color: #f4f4f4;
  color: #444444;
}
.article-archive a:hover {
  text-decoration: none;
}
.article-archive a:active,
.article-archive a:focus {
  padding-top: 1px;
}
.article-archive a:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f02b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-archive a:before:hover {
  text-decoration: none;
}
.article-archive a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
/*
.article-asset-table table,
.tabla-datos {
}
.article-asset-table.article-asset-big table,
.article-asset-table.article-asset-cover table,
.supertable {

		@media @desktop {
		width: auto;
		}
}
*/
.module-type-table table,
.data-table,
.tabla-datos {
  display: block;
  min-width: 100%;
  width: auto !important;
  overflow: scroll;
  border-collapse: collapse;
  background: #fff;
  font-size: 15px;
  line-height: 20px;
  border-top: 1px solid #e9e9e9;
}
@media only screen and (min-width: 768px) {
  .module-type-table table,
  .data-table,
  .tabla-datos {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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;
    min-width: 696px;
    width: auto !important;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
  }
}
.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;
  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: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 12px 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: 1150px) {
  .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: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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 #4b8a4b;
  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.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
  content: "Desliza para ver más »";
  font-weight: 400;
  font-style: italic;
  color: #a2a2a2;
  text-transform: none;
  font-size: 15px;
  color: #888888;
  line-height: 20px;
  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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 768px) {
  .module-type-table.module-size-big table:before,
  .supertable:before,
  .tabla-datos:before {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .tip-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .tip-text {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .tip-text {
    line-height: 21px;
  }
}
.td-featured {
  background: #f7f7f7;
}
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;
  }
}
.quote,
.home-blob blockquote,
.blob blockquote {
  border-left: 6px solid #e9e9e9;
  padding: 0 0 0 16px;
  font-family: Georgia, sans-serif;
}
@media only screen and (min-width: 768px) {
  .quote,
  .home-blob blockquote,
  .blob blockquote {
    padding: 0 0 0 24px;
  }
}
.quote blockquote,
.home-blob blockquote blockquote,
.blob blockquote blockquote {
  border: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .quote blockquote,
  .home-blob blockquote blockquote,
  .blob blockquote blockquote {
    padding: 0 0 0 24px;
  }
}
.asset-card-deal {
  position: relative;
  margin-left: 16px;
  margin-right: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 15px;
  line-height: 20px;
  padding: 12px 0;
  margin: 24px auto;
}
@media only screen and (min-width: 768px) {
  .asset-card-deal {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .asset-card-deal {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .asset-card-deal {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-card-deal {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-card-deal {
    padding: 12px 0;
    margin: 24px auto;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal {
    padding: 14px 0;
    margin: 28px auto;
  }
}
.asset-card-deal h2,
.asset-card-deal h3,
.asset-card-deal h4,
.asset-card-deal p {
  padding: 0 24px;
  margin: 18px 0;
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h2,
  .asset-card-deal h3,
  .asset-card-deal h4,
  .asset-card-deal p {
    margin: 18px 0;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal h2,
  .asset-card-deal h3,
  .asset-card-deal h4,
  .asset-card-deal p {
    margin: 21px 0;
  }
}
.asset-card-deal h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.asset-card-deal h3 {
  text-align: center;
  font-style: italic;
}
@media only screen and (min-width: 480px) {
  .asset-card-deal h3 {
    width: 30%;
    position: absolute;
    top: 24px;
    right: 24px;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .asset-card-deal h3 {
    margin: 0;
  }
}
.asset-card-deal h3 a {
  display: block;
  background: #e03737;
  color: #ffffff;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h3 a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal h3 a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h3 a {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal h3 a {
    line-height: 21px;
  }
}
.asset-card-deal h3 a:visited,
.asset-card-deal h3 a:active {
  color: #ffffff;
}
.asset-card-deal h3 a:hover {
  background: #e03737;
  color: #ffffff;
  text-decoration: none;
}
.asset-card-deal h3 strong {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  font-weight: bold;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h3 strong {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal h3 strong {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h3 strong {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal h3 strong {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h3 strong {
    display: block;
  }
}
.asset-card-deal h4,
.asset-card-deal .asset-card-deal-first-price {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h4,
  .asset-card-deal .asset-card-deal-first-price {
    padding-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h4,
  .asset-card-deal .asset-card-deal-first-price {
    padding-bottom: 14px;
  }
}
.asset-card-deal h4 {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h4 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal h4 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .asset-card-deal h4 {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .asset-card-deal h4 {
    line-height: 21px;
  }
}
.asset-card-deal .asset-card-deal-image {
  display: block;
  max-width: 90%;
  margin: -24px auto 0;
}
@media only screen and (min-width: 480px) {
  .asset-card-deal .asset-card-deal-image {
    width: 30%;
    float: right;
    margin-right: 24px;
  }
}
.asset-card-deal .asset-card-deal-image img {
  min-width: 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .asset-card-deal .asset-card-deal-image img {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .asset-card-deal .asset-card-deal-image img {
    margin: 0;
  }
}
@media only screen and (min-width: 480px) {
  .asset-card-deal .asset-card-deal-header,
  .asset-card-deal .asset-card-deal-description {
    margin-right: 40%;
  }
}
.asset-card-deal .asset-card-deal-first-price {
  color: #e03737;
  font-weight: bold;
}
.asset-card-deal ul {
  margin-left: 24px;
}
.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;
  }
}
@media only screen and (min-width: 1024px) {
  .instagram-media {
    min-width: 600px;
    width: auto !important;
    max-width: 696px !important;
  }
}
.fb_iframe_widget {
  display: block !important;
  max-width: 696px;
  margin: 0 auto 24px;
}
@media only screen and (min-width: 768px) {
  .fb_iframe_widget {
    margin-bottom: 28px !important;
  }
}
#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 iframe {
  display: none;
}
.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 {
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .article-asset-embed-infogram {
    margin-bottom: 28px;
  }
}
.syntaxhighlighter:before {
  content: "Desliza para ver más »";
  font-weight: 400;
  font-style: italic;
  color: #a2a2a2;
  text-transform: none;
  font-size: 15px;
  color: #888888;
  line-height: 20px;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .syntaxhighlighter:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .syntaxhighlighter:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .syntaxhighlighter:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .syntaxhighlighter:before {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .syntaxhighlighter:before {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .syntaxhighlighter:before {
    content: "";
    margin: 0;
    padding: 0;
    border: none;
  }
}
.slide-gallery {
  overflow: hidden;
}
.slide-gallery h2 {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .slide-gallery h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .slide-gallery h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  .slide-gallery h2 {
    max-width: 100%;
  }
}
.slide-gallery h2 a {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 12px;
  color: #a2a2a2;
}
.slide-gallery h2 a:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e614";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.slide-gallery h2 a:before:hover {
  text-decoration: none;
}
.slide-gallery h2 a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .slide-gallery h2 a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .slide-gallery h2 a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .slide-gallery h2 a {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .slide-gallery h2 a {
    line-height: 21px;
  }
}
.slide-gallery h2 a:hover {
  color: #e03737;
}
@media only screen and (min-width: 768px) {
  .slide-gallery h2 a {
    float: right;
    margin-bottom: 0;
    margin-top: 7px;
  }
}
.slide-gallery img {
  margin: 0;
}
.slide-gallery .elastislide-list {
  max-width: 100%;
}
.slide-gallery .elastislide-list li {
  display: inline-block;
  margin: 0 8px 0 0;
  max-width: 23%;
}
/* Galleries */
.thumbs {
  text-align: center;
  width: 100%;
  overflow: hidden;
  color: #999;
}
.thumbs h3 {
  color: #333;
}
.thumbs .float {
  width: 70px;
  height: 70px;
  overflow: hidden;
  float: left;
  margin: 0 0 20px 20px;
  display: inline;
  background: #fff;
}
.thumbs .float img {
  width: auto;
}
.slide-gallery .clearfix:before,
.slide-gallery .clearfix:after,
.slide-gallery h2:before,
.slide-gallery h2:after {
  content: " ";
  display: table;
}
.slide-gallery .clearfix:after,
.slide-gallery h2:after {
  clear: both;
}
.slide-gallery {
  position: relative;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .slide-gallery {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .slide-gallery {
    max-width: 1368px;
  }
}
@media only screen and (min-width: 768px) {
  .slide-gallery {
    margin-bottom: 28px;
  }
}
.slide-gallery-home {
  width: 650px;
}
.elastislide-list {
  margin-bottom: 0!important;
}
.no-js .elastislide-list {
  display: block;
}
.elastislide-carousel ul li {
  min-width: 20px;
}
.elastislide-wrapper {
  position: relative;
  margin: 10px auto;
  min-height: 60px;
}
.elastislide-wrapper.elastislide-loading {
  background-image: url('https://img.weblogssl.com/g/xataka4/common/ajax-loader.gif');
  background-repeat: no-repeat;
  background-position: center center;
}
.elastislide-horizontal {
  padding: 0;
}
.elastislide-carousel {
  overflow: hidden;
  position: relative;
}
.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-horizontal ul {
  white-space: nowrap;
}
.elastislide-carousel ul li {
  margin: 0;
  -webkit-backface-visibility: hidden;
}
.elastislide-carousel ul.elastislide-list li {
  margin-left: 0;
}
.elastislide-horizontal ul li {
  height: 100%;
  display: inline-block;
}
.elastislide-carousel ul li a {
  display: inline-block;
  width: 100%;
}
.elastislide-carousel ul li a img {
  display: block;
  border: 2px solid white;
  max-width: 100%;
  max-height: 200px;
}
.elastislide-carousel ul li a img:hover {
  border: 2px solid #ddd;
}
.elastislide-carousel ul.elastislide-list li a img {
  max-height: none;
  max-width: none;
}
.gallery-thumbs .elastislide-carousel ul.elastislide-list li a img {
  max-width: 100%;
  max-height: 200px;
}
.right-grad,
.left-grad {
  position: absolute;
  top: 35%;
  height: 100%;
  left: 0;
}
.right-grad {
  left: auto;
  right: 0;
}
.elastislide-horizontal nav span.elastislide-next,
.elastislide-horizontal nav span.elastislide-prev {
  background: rgba(255, 255, 255, 0.8);
  color: #444444;
  cursor: pointer;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 31%;
}
.elastislide-horizontal nav span.elastislide-next:hover,
.elastislide-horizontal nav span.elastislide-prev:hover {
  background: #fff;
}
.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;
  right: 0;
}
.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 {
  background: rgba(255, 255, 255, 0.8);
  color: #444444;
  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;
}
.article-content .elastislide-carousel {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.gallery-page {
  background: #1c1c1c;
  color: #F9F9F9;
}
.gallery-index {
  color: #F9F9F9;
}
.gallery-index h1,
.gallery-index h2 {
  color: #F9F9F9;
}
.gallery-index h1 {
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 20px;
  margin: 5px 0;
}
.gallery-index ul {
  margin: 0 20px;
  padding: 0;
}
.gallery-index .gallery-summary {
  width: 44%;
  margin-right: 4%;
}
.gallery-index .gallery-summary:nth-child(2n+2) {
  margin-right: 0;
}
.gallery-index .gallery-summary .metadata {
  min-height: 56px;
}
.gallery-index .gallery-summary .metadata h2 {
  font-size: 100%;
  margin: 5px 0;
  line-height: 1.2;
}
.gallery-index .gallery-summary .metadata span {
  font-size: 0.9em;
  width: 32px;
  padding: 6px 0;
}
.gallery-index .gallery-summary a {
  height: 175px;
  width: 100%;
}
.gallery-index .nav {
  margin-bottom: 40px;
}
.gallery-index .nav li {
  display: inline;
  margin-left: 10px;
}
@media screen and (orientation: portrait) {
  .gallery-index .gallery-summary {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .gallery-index .gallery-summary a {
    height: 200px;
  }
}
@media (min-width: 960px) and (orientation: landscape) {
  .gallery-index .gallery-summary {
    width: 30%;
    margin-right: 3%;
  }
  .gallery-index .gallery-summary:nth-child(2n+2) {
    margin-right: 3%;
  }
  .gallery-index .gallery-summary:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 480px) and (max-width: 959px) and (orientation: portrait) {
  .gallery-index .gallery-summary {
    width: 44%;
    margin-right: 4%;
  }
  .gallery-index .gallery-summary:nth-child(2n+2) {
    margin-right: 0;
  }
}
/* css for gallery home page mobile ends here */
.article-slideshow {
  position: relative;
  padding-top: 1px;
}
@media only screen and (min-width: 768px) {
  .article-slideshow {
    position: static;
  }
}
.slide-next,
.slide-prev {
  position: fixed;
  top: 49%;
  left: 0;
  text-align: center;
}
.slide-next:hover,
.slide-prev:hover {
  text-decoration: none;
  background: #fff;
}
.slide-next {
  left: auto;
  right: 0;
}
.slide-next {
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.slide-next:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e627";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.slide-next:before:hover {
  text-decoration: none;
}
.slide-next:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.slide-next:before,
.slide-next:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.slide-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;
}
.slide-next:before,
.slide-next:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .slide-next {
    display: inline-block;
    text-align: center;
    width: 72px;
    height: 72px;
    line-height: 72px;
    padding: 0;
    overflow: hidden;
    white-space: normal;
  }
  .slide-next:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e627";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .slide-next:before:hover {
    text-decoration: none;
  }
  .slide-next:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .slide-next:before,
  .slide-next:after {
    font-size: 48px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .slide-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;
  }
  .slide-next:before,
  .slide-next:after {
    line-height: 43.2px;
    margin: 0 12px;
    vertical-align: middle;
  }
}
.slide-next:before {
  margin-right: 6px;
}
.slide-prev {
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.slide-prev:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e626";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.slide-prev:before:hover {
  text-decoration: none;
}
.slide-prev:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.slide-prev:before,
.slide-prev:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.slide-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;
}
.slide-prev:before,
.slide-prev:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .slide-prev {
    display: inline-block;
    text-align: center;
    width: 72px;
    height: 72px;
    line-height: 72px;
    padding: 0;
    overflow: hidden;
    white-space: normal;
  }
  .slide-prev:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e626";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .slide-prev:before:hover {
    text-decoration: none;
  }
  .slide-prev:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .slide-prev:before,
  .slide-prev:after {
    font-size: 48px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .slide-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;
  }
  .slide-prev:before,
  .slide-prev:after {
    line-height: 43.2px;
    margin: 0 12px;
    vertical-align: middle;
  }
}
.slide-prev:before {
  margin-left: 6px;
}
.slideshow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.slideshow-container {
  padding-bottom: 2px;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
  position: relative;
  min-height: 100vh;
}
@media only screen and (orientation: landscape) {
  .slideshow-container {
    min-height: 100vh;
  }
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .slideshow-container {
    min-height: 480px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .slideshow-container {
    min-height: 568px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .slideshow-container {
    min-height: 1024px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .slideshow-container {
    min-height: 320px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .slideshow-container {
    min-height: 320px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .slideshow-container {
    min-height: 768px;
  }
}
.slideshow .slide-next,
.slideshow .slide-prev {
  top: auto;
  bottom: 0;
  position: fixed;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.6);
  color: #444444;
  top: 60vh;
}
@media only screen and (orientation: landscape) {
  .slideshow .slide-next,
  .slideshow .slide-prev {
    top: 60vh;
  }
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .slideshow .slide-next,
  .slideshow .slide-prev {
    top: 288px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .slideshow .slide-next,
  .slideshow .slide-prev {
    top: 340.8px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .slideshow .slide-next,
  .slideshow .slide-prev {
    top: 614.4px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .slideshow .slide-next,
  .slideshow .slide-prev {
    top: 192px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .slideshow .slide-next,
  .slideshow .slide-prev {
    top: 192px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .slideshow .slide-next,
  .slideshow .slide-prev {
    top: 460.8px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow .slide-next,
  .slideshow .slide-prev {
    bottom: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .slideshow .slide-next,
  .slideshow .slide-prev {
    bottom: auto;
    top: 50vh;
  }
}
.slide-item-header {
  min-height: 64px;
  position: relative;
}
.slide-item-header h1 {
  padding: 18px 12px;
  text-align: left;
  font-size: 15px;
  line-height: 20px;
  margin: 0 58px 0 0;
}
@media only screen and (min-width: 768px) {
  .slide-item-header h1 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .slide-item-header h1 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .slide-item-header h1 {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .slide-item-header h1 {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .slide-item-header h1 {
    padding: 28px 24px 28px 196px;
  }
}
.slide-item-header h1 span {
  margin-right: 12px;
}
/*
.slide-item-header h1:before {

	@media @tablet {
	position: absolute;
	top: @d-line-height*0.25;
	left: @base-gutter*0.5;
	content: "-";
	width: @brand-w;
	height: @d-line-height*2.25;
	text-indent: @brand-w;
	overflow: hidden;
	background-image: url("@{img-brand-path}head-brand-logo.svg?v=@{img-v}");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.3;
	}
}
*/
.slideshow-brand .brand {
  width: 160px;
  height: 63px;
  line-height: 63px;
  text-align: center;
  float: left;
  margin-left: 12px;
  margin-top: 7px;
}
.slideshow-brand .brand .brand-logo {
  height: 56px;
  width: 160px;
  height: 63px;
  display: inline-block;
  overflow: hidden;
  text-indent: -10000px;
  background: url("images/head-brand-logo.svg?v=47");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.3;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.slideshow-brand .brand .brand-logo:hover {
  opacity: 0.5;
}
.slide-comments-link {
  white-space: nowrap;
}
.slide-comments-link:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.slide-comments-link:before:hover {
  text-decoration: none;
}
.slide-comments-link:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.slide-item-close {
  position: fixed;
  top: 6px;
  right: 6px;
  z-index: 1;
}
.slide-item-close 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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: 12px 8px 0 0;
}
.slide-item-close a:hover {
  background-color: #f4f4f4;
  color: #444444;
}
.slide-item-close a:hover {
  text-decoration: none;
}
.slide-item-close a:active,
.slide-item-close a:focus {
  padding-top: 1px;
}
.slide-item-close a:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.slide-item-close a:before:hover {
  text-decoration: none;
}
.slide-item-close a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.slide-item-close a:before,
.slide-item-close a:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.slide-item-close a: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;
}
.slide-item-close a:before,
.slide-item-close a:after {
  line-height: 21.6px;
  margin: 0 9px;
  vertical-align: middle;
}
.slide-item-close a:before {
  margin-left: 6px;
  margin-right: 6px;
}
@media only screen and (min-width: 1280px) {
  .slide-item-close 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;
  }
  .slide-item-close a:before {
    font-size: 24px;
    font-family: icons-min;
    content: "\e60b";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .slide-item-close a:before:hover {
    text-decoration: none;
  }
  .slide-item-close a:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .slide-item-close a:before,
  .slide-item-close a:after {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-bottom;
  }
  .slide-item-close 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;
  }
  .slide-item-close a:before,
  .slide-item-close a:after {
    line-height: 14.4px;
    margin: 0 6px;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 768px) {
  .slide-item-close a {
    margin: 11.2px 12px 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  .slide-item-close a {
    margin-top: 19.6px;
  }
}
.slideshow {
  /*
	.gallery-item-related {
	margin: @baseMargin auto;
	
		h2 {
		line-height: 1.6;
		}
		.slide-comments-link {
		.icon-right(@icon-comments);
		color: @linkColor;
		}
		ul {
		margin-left: 0;
		padding: 0;
		max-width: 100%;
		}
		.gallery-summary {
		margin-left: @baseMargin*0.5;
		margin-right: @baseMargin*0.5;
		
			a {
			width: 240px;
			height: 200px;
			}
			.metadata {
			min-height: 0;
			}
			h2 {
			margin-top: 0;
			padding-right: @baseMargin*0.5;
			font-size: 110%;
			color: #999;
			}
			&:hover {
				
				h2 {
				color: #fff;
				}
			}
		}
	
		.message {
		font-size: 90%;
		display: inline-block;
		margin: @baseMargin auto @baseMargin*0.5;
		padding: @baseMargin*0.5 @baseMargin;
		}
	}
	*/
}
.slideshow .gallery-item {
  text-align: center;
  clear: both;
}
.slideshow .gallery-item-image {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  max-height: 70vh;
}
@media only screen and (orientation: landscape) {
  .slideshow .gallery-item-image {
    max-height: 70vh;
  }
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .slideshow .gallery-item-image {
    max-height: 336px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .slideshow .gallery-item-image {
    max-height: 397.6px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .slideshow .gallery-item-image {
    max-height: 716.8px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .slideshow .gallery-item-image {
    max-height: 224px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .slideshow .gallery-item-image {
    max-height: 224px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .slideshow .gallery-item-image {
    max-height: 537.6px;
  }
}
@media only screen and (min-width: 1280px) {
  .slideshow .gallery-item-image {
    width: auto;
    max-width: calc(80% - 80px) !important;
    max-height: 100vh;
  }
}
.slideshow .gallery-item-image a {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.slideshow .gallery-item-image img {
  max-height: 70vh;
  width: auto;
}
@media only screen and (orientation: landscape) {
  .slideshow .gallery-item-image img {
    max-height: 70vh;
  }
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .slideshow .gallery-item-image img {
    max-height: 336px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .slideshow .gallery-item-image img {
    max-height: 397.6px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .slideshow .gallery-item-image img {
    max-height: 716.8px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .slideshow .gallery-item-image img {
    max-height: 224px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .slideshow .gallery-item-image img {
    max-height: 224px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .slideshow .gallery-item-image img {
    max-height: 537.6px;
  }
}
@media only screen and (min-width: 1280px) {
  .slideshow .gallery-item-image img {
    max-height: 100vh;
    max-width: 100%;
  }
}
.slideshow .gallery-item-image span {
  left: 4px;
  margin-left: 0;
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item-video {
    width: calc(80% - 80px);
  }
}
.slideshow .gallery-item-video .js-video {
  margin-left: 48px;
  margin-right: 48px;
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item-video .js-video {
    margin-left: 72px;
  }
}
.slideshow .gallery-item-desc {
  text-align: left;
  position: relative;
  padding-bottom: 72px;
  margin-left: 64px;
  margin-right: 64px;
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-desc {
    max-width: 552px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item-desc {
    text-align: left;
    width: 20%;
    display: inline-block;
    vertical-align: top;
    margin: 0 48px 0 24px;
  }
}
.slideshow .gallery-item-desc h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin: 24px 0 12px 0;
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-desc h2 {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .slideshow .gallery-item-desc h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-desc h2 {
    margin-top: 28px;
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item-desc h2 {
    margin-right: 0;
  }
}
.slideshow .gallery-item-desc h2 span {
  display: block;
  text-align: left;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: lighter;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-desc h2 span {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .slideshow .gallery-item-desc h2 span {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item-desc h2 span {
    margin-bottom: 28px;
  }
}
.slideshow .gallery-item-desc p {
  font-size: 15px;
  line-height: 20px;
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-desc p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .slideshow .gallery-item-desc p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-desc p {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .slideshow .gallery-item-desc p {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-desc p {
    margin-top: 14px;
  }
}
.slideshow .gallery-item .social-widgets {
  text-align: right;
  margin: 0;
  width: 144px;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item .social-widgets {
    float: none;
    position: static;
    width: auto;
    text-align: left;
  }
}
.slideshow .gallery-item .social-widgets .twitter-share-button,
.slideshow .gallery-item .social-widgets .g-plusone,
.slideshow .gallery-item .social-widgets .fb-like {
  display: block;
  margin: 0;
}
.slideshow .gallery-item .social-widgets ul {
  margin: 0;
  padding: 0;
  display: inline;
}
.slideshow .gallery-item .social-widgets li {
  margin: 0 0 0 6px;
  display: inline;
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item .social-widgets li {
    margin: 0 6px 0 0;
  }
}
.slideshow .gallery-item-related {
  margin: 0;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-related {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .slideshow .gallery-item-related {
    max-width: 1368px;
  }
}
.slideshow .gallery-item-related h2 {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  line-height: 48px;
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-related h2 {
    max-width: 380px;
    line-height: 56px;
  }
}
.slideshow .gallery-item-related h2 a {
  display: block;
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.slideshow .gallery-item-related h2 a:hover {
  background-color: #517556;
  color: #ffffff;
}
.slideshow .gallery-item-related h2 a:hover {
  text-decoration: none;
}
.slideshow .gallery-item-related h2 a:active,
.slideshow .gallery-item-related h2 a:focus {
  padding-top: 1px;
}
.slideshow .gallery-item-related .slide-comments-link:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.slideshow .gallery-item-related .slide-comments-link:after:hover {
  text-decoration: none;
}
.slideshow .gallery-item-related .slide-comments-link:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.slideshow .gallery-item-related ul {
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.slideshow .gallery-item-related .gallery-summary {
  margin-left: 6px;
  margin-right: 6px;
}
.slideshow .gallery-item-related .gallery-summary a {
  width: 240px;
  height: 200px;
}
.slideshow .gallery-item-related .gallery-summary .metadata {
  min-height: 0;
}
.slideshow .gallery-item-related .gallery-summary h2 {
  margin-top: 0;
  padding-right: 6px;
  font-size: 110%;
  color: #999;
}
.slideshow .gallery-item-related .gallery-summary:hover h2 {
  color: #fff;
}
.slideshow .gallery-item-related .horizontal-related-posts,
.slideshow .gallery-item-related .horizontal-related-posts.article-brand {
  line-height: 1;
  max-height: 100%;
  background: #333;
  color: #eee;
  height: auto;
  margin: 0 16px 24px;
}
@media only screen and (min-width: 480px) {
  .slideshow .gallery-item-related .horizontal-related-posts,
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand {
    float: left;
    clear: none;
    min-height: 292px;
    width: 44%;
    margin: 0 0 24px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-related .horizontal-related-posts,
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand {
    min-height: 324px;
    margin: 0 0 28px 4%;
  }
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item-related .horizontal-related-posts,
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand {
    width: 23%;
    margin: 0 1% 28px;
  }
}
@media only screen and (min-width: 480px) {
  .slideshow .gallery-item-related .horizontal-related-posts:nth-child(3),
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(3),
  .slideshow .gallery-item-related .horizontal-related-posts:nth-child(7),
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(7) {
    clear: left;
  }
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item-related .horizontal-related-posts:nth-child(3),
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(3),
  .slideshow .gallery-item-related .horizontal-related-posts:nth-child(7),
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(7) {
    clear: none;
  }
}
@media only screen and (min-width: 480px) {
  .slideshow .gallery-item-related .horizontal-related-posts:nth-child(5),
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(5) {
    clear: left;
  }
}
@media only screen and (min-width: 1024px) {
  .slideshow .gallery-item-related .horizontal-related-posts:nth-child(5),
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(5) {
    clear: none;
  }
}
.slideshow .gallery-item-related .horizontal-related-posts a,
.slideshow .gallery-item-related .horizontal-related-posts.article-brand a {
  display: block;
}
.slideshow .gallery-item-related .horizontal-related-posts span,
.slideshow .gallery-item-related .horizontal-related-posts.article-brand span {
  width: 90%;
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: normal;
  position: static;
  background: transparent;
}
@media only screen and (min-width: 480px) {
  .slideshow .gallery-item-related .horizontal-related-posts span,
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand span {
    max-height: 88px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-related .horizontal-related-posts span,
  .slideshow .gallery-item-related .horizontal-related-posts.article-brand span {
    max-height: 120px;
    margin-top: 14px;
    margin-bottom: 14px;
  }
}
.slideshow .gallery-item-related .horizontal-related-posts img,
.slideshow .gallery-item-related .horizontal-related-posts.article-brand img {
  width: 100%;
  max-width: 100%;
  height: auto;
  float: none;
}
.slideshow .gallery-item-related .message {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .slideshow .gallery-item-related .message {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .slide-item-vertical .slide-item-header h1 {
    padding-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .slide-item-vertical .slide-item-header {
    float: left;
    max-width: 200px;
  }
  .slide-item-vertical .slide-item-header h1 {
    margin: 0;
    padding-top: 100px;
    padding-left: 24px;
  }
  .slide-item-vertical .slide-item-header .site-link {
    float: none;
    display: block;
    margin: 12px 0 0 24px;
  }
  .slide-item-vertical .slide-item-header .slide-comments-link {
    display: block;
    margin: 28px 0 0;
  }
  .slide-item-vertical .slideshow-brand .brand {
    margin-top: 14px;
  }
  .slide-item-vertical .gallery-item {
    clear: none;
    margin-left: 248px;
    text-align: left;
  }
}
@media only screen and (min-width: 1280px) {
  .slide-item-vertical .slide-item-header {
    max-width: 20%;
    width: 20%;
  }
  .slide-item-vertical .slide-item-header h1 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .slide-item-vertical .slideshow-brand .brand {
    margin-left: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  .slide-item-vertical .slide-item-header {
    max-width: 25%;
    width: 25%;
  }
}
.slide-item-vertical .gallery-item-image,
.slide-item-vertical .gallery-item-image img {
  max-height: 92vh;
}
@media only screen and (orientation: landscape) {
  .slide-item-vertical .gallery-item-image,
  .slide-item-vertical .gallery-item-image img {
    max-height: 92vh;
  }
}
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .slide-item-vertical .gallery-item-image,
  .slide-item-vertical .gallery-item-image img {
    max-height: 441.6px;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .slide-item-vertical .gallery-item-image,
  .slide-item-vertical .gallery-item-image img {
    max-height: 522.56px;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .slide-item-vertical .gallery-item-image,
  .slide-item-vertical .gallery-item-image img {
    max-height: 942.08px;
  }
}
@media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) {
  .slide-item-vertical .gallery-item-image,
  .slide-item-vertical .gallery-item-image img {
    max-height: 294.4px;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {
  .slide-item-vertical .gallery-item-image,
  .slide-item-vertical .gallery-item-image img {
    max-height: 294.4px;
  }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .slide-item-vertical .gallery-item-image,
  .slide-item-vertical .gallery-item-image img {
    max-height: 706.56px;
  }
}
@media only screen and (min-width: 1280px) {
  .slide-item-vertical .gallery-item-image,
  .slide-item-vertical .gallery-item-image img {
    max-height: 100vh;
  }
}
@media screen and (orientation: landscape) {
  .slide-item-vertical .gallery-item-image {
    max-width: 80%;
    position: relative;
  }
}
.slideshow {
  background: rgba(0, 0, 0, 0.7);
  color: #dadada;
}
.slideshow .slideshow-container {
  background: #000;
}
.slideshow .slide-item-header {
  background: #111;
  color: #fff;
}
.slideshow .gallery-item-desc h2 span,
.slideshow .slide-comments-link {
  color: #666;
}
.slideshow .slide-item-close a {
  background-color: #333;
}
.slideshow .gallery-item-related h2 {
  color: #eee;
}
.slideshow .btn-ico-twitter,
.slideshow .btn-ico-facebook,
.slideshow .btn-ico-gplus {
  background-color: #333;
  color: #ccc;
}
.slideshow .btn-ico-twitter:hover,
.slideshow .btn-ico-facebook:hover,
.slideshow .btn-ico-gplus:hover {
  background-color: #444;
  color: #fff;
}
.slideshow-inverted {
  color: #444444;
}
.slideshow-inverted .slideshow-container {
  background: #fbfbfb;
}
.slideshow-inverted .slide-item-header {
  background: #fff;
}
.slideshow-inverted .gallery-item-desc h2 span {
  color: #a2a2a2;
}
.slideshow-inverted .slide-item-close a {
  background-color: #e0e0e0;
}
.slideshow-inverted .gallery-item-related h2 {
  color: #222;
}
.slideshow-inverted .btn-ico-twitter,
.slideshow-inverted .btn-ico-facebook,
.slideshow-inverted .btn-ico-gplus {
  background-color: #f3f3f3;
  color: #a2a2a2;
}
.slideshow-inverted .btn-ico-twitter:hover,
.slideshow-inverted .btn-ico-facebook:hover,
.slideshow-inverted .btn-ico-gplus:hover {
  background-color: #f4f4f4;
  color: #444444;
}
@media only screen and (min-width: 1024px) {
  .slideshow.slide-item-vertical .slide-item-header {
    background: transparent;
  }
}
.gallery-thumbs {
  margin-left: 16px;
  margin-right: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .gallery-thumbs {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .gallery-thumbs {
    margin-left: auto;
    margin-right: auto;
  }
}
.gallery-thumbs ul {
  margin-left: 0;
  margin-right: 0;
}
.ad-slideshow {
  width: 320px;
  margin: 6px auto 0;
  height: 320px;
  background: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .ad-slideshow {
    width: auto;
    height: auto;
    line-height: 320px;
  }
}
@media only screen and (min-width: 1024px) {
  .ad-slideshow {
    margin-left: 72px;
    margin-right: 72px;
  }
}
.ad-slideshow .ad-contact {
  border: none;
  margin-bottom: 3px;
  text-align: center;
  color: #666 !important;
}
.ad-slideshow img {
  display: block;
}
.ad-slideshow-content {
  vertical-align: middle;
  line-height: 1;
  display: inline-block;
}
.related-item {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 120px;
  line-height: 120px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .related-item {
    height: 126px;
    line-height: 126px;
    margin-bottom: 28px;
  }
}
.related-item a {
  display: block;
}
.related-item img {
  float: left;
  margin: 0 3% 0 0;
  height: 120px;
  width: 120px;
  max-width: 46%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .related-item img {
    height: 140px;
    width: 140px;
  }
}
.related-item-info {
  width: 49%;
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
}
.related-item-title {
  max-height: 120px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  margin: 0;
  font-weight: normal;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  font-size: 15px;
  line-height: 20px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .related-item-title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .related-item-title {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .related-item-title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .related-item-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .related-item-title {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .related-item-title {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .related-item-title {
    max-height: 105px;
  }
}
.sidebar-disclaimer,
.related-item .article-disclaimer a,
.post-related-content .article-disclaimer a {
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  margin: 0;
  display: inline-block;
  padding: 4px 6px 2px;
  color: #444444;
  background: #efece0;
}
@media only screen and (min-width: 768px) {
  .sidebar-disclaimer,
  .related-item .article-disclaimer a,
  .post-related-content .article-disclaimer a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .sidebar-disclaimer,
  .related-item .article-disclaimer a,
  .post-related-content .article-disclaimer a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .sidebar-disclaimer,
  .related-item .article-disclaimer a,
  .post-related-content .article-disclaimer a {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .sidebar-disclaimer,
  .related-item .article-disclaimer a,
  .post-related-content .article-disclaimer a {
    line-height: 16.8px;
  }
}
.related-item .article-disclaimer,
.post-related-content .article-disclaimer {
  width: 46%;
  position: absolute;
  bottom: 2px;
  left: 2px;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .post-related-content .article-disclaimer {
    bottom: auto;
    left: auto;
    top: 2px;
    right: 2px;
    text-align: right;
  }
}
.related-leaving {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
  display: none;
}
.related-leaving.m-v1 {
  display: block;
  -webkit-transform: translate(0px, 200%);
  transform: translate(0px, 200%);
}
.related-leaving.is-visible {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.related-leaving-item {
  background: #f0f0f0;
  width: 100%;
  height: 96px;
  line-height: 96px;
}
.related-leaving-item img {
  float: left;
  margin: 0 3% 0 0;
  height: 96px;
  width: 144px;
  max-width: 46%;
  object-fit: cover;
}
.related-leaving-item .hint {
  margin-left: 0;
  display: block;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .related-leaving-item .hint {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .related-leaving-item .hint {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .related-leaving-item .hint {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .related-leaving-item .hint {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .related-leaving-item .hint {
    margin-bottom: 7px;
  }
}
.related-leaving-item-info {
  width: 49%;
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
}
.related-leaving-item-title {
  max-height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 6px;
  margin: 0;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .related-leaving-item-title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .related-leaving-item-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .related-leaving-item-title {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .related-leaving-item-title {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .related-leaving-item-title {
    line-height: 21px;
    max-height: 84px;
    margin-top: 7px;
  }
}
.post-related-posts {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .post-related-posts {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}
.section-title {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin-left: 12px;
}
@media only screen and (min-width: 768px) {
  .section-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .section-title {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .section-title {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .section-title {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-title {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .post-related-content ul {
    width: 100%;
    overflow: hidden;
  }
}
.horizontal-related-posts {
  clear: left;
  height: 108px;
  line-height: 108px;
  overflow: visible;
  margin: 0 16px 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .horizontal-related-posts {
    margin: 0 2% 28px 2%;
    width: 46%;
    float: left;
    clear: none;
  }
}
@media only screen and (min-width: 1024px) {
  .horizontal-related-posts {
    width: 23%;
    margin-left: 0;
    height: auto;
    line-height: 28px;
  }
}
.horizontal-related-posts:nth-child(5) {
  clear: left;
}
.horizontal-related-posts:hover {
  opacity: 0.9;
}
.horizontal-related-posts img {
  float: left;
  margin: 0 3% 0 0;
  height: 108px;
  width: 144px;
  max-width: 40%;
  object-fit: cover;
  background-color: #eee;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .horizontal-related-posts img {
    float: none;
    display: block;
    height: auto;
    width: 100%;
    max-width: 100%;
    min-height: 140px;
  }
}
.horizontal-related-posts span {
  width: 56%;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 20px;
  color: #444444;
}
@media only screen and (min-width: 768px) {
  .horizontal-related-posts span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .horizontal-related-posts span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .horizontal-related-posts span {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .horizontal-related-posts span {
    line-height: 21px;
  }
}
.horizontal-related-posts span:hover {
  color: #e03737;
}
@media only screen and (min-width: 1024px) {
  .horizontal-related-posts span {
    width: auto;
    margin: 14px 12px;
    min-height: 63px;
  }
}
@media only screen and (min-width: 1024px) {
  .horizontal-related-posts.article-brand a {
    display: block;
    max-height: 172px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1600px) {
  .horizontal-related-posts.article-brand a {
    max-height: 226px;
  }
}
@media only screen and (min-width: 1024px) {
  .horizontal-related-posts.article-brand .article-disclaimer a {
    display: inline-block;
  }
}
.post-related-motorpasion-title,
.post-related-trendencias-title,
.post-related-trendenciasbelleza-title,
.post-related-xatakamagnet-title {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin-left: 12px;
}
@media only screen and (min-width: 768px) {
  .post-related-motorpasion-title,
  .post-related-trendencias-title,
  .post-related-trendenciasbelleza-title,
  .post-related-xatakamagnet-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .post-related-motorpasion-title,
  .post-related-trendencias-title,
  .post-related-trendenciasbelleza-title,
  .post-related-xatakamagnet-title {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .post-related-motorpasion-title,
  .post-related-trendencias-title,
  .post-related-trendenciasbelleza-title,
  .post-related-xatakamagnet-title {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .post-related-motorpasion-title,
  .post-related-trendencias-title,
  .post-related-trendenciasbelleza-title,
  .post-related-xatakamagnet-title {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .post-related-motorpasion-title,
  .post-related-trendencias-title,
  .post-related-trendenciasbelleza-title,
  .post-related-xatakamagnet-title {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .post-related-motorpasion-title:before,
  .post-related-trendencias-title:before,
  .post-related-trendenciasbelleza-title:before,
  .post-related-xatakamagnet-title:before {
    vertical-align: top;
    padding: 11.2px;
    border-radius: 28px;
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px) {
  .post-related-trendencias-title:before {
    font-size: 10px;
    font-family: favicons;
    content: "\e613";
    font-style: normal;
    vertical-align: middle;
    margin-right: 0.5em;
  }
  .post-related-trendencias-title:before:hover {
    text-decoration: none;
  }
  .post-related-trendencias-title:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .post-related-trendencias-title:before {
    color: #000;
    background-color: #ffffff;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 768px) {
  .post-related-trendenciasbelleza-title:before {
    font-size: 10px;
    font-family: favicons;
    content: "\e612";
    font-style: normal;
    vertical-align: middle;
    margin-right: 0.5em;
  }
  .post-related-trendenciasbelleza-title:before:hover {
    text-decoration: none;
  }
  .post-related-trendenciasbelleza-title:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .post-related-trendenciasbelleza-title:before {
    color: #927897;
    background-color: #ffffff;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 768px) {
  .post-related-xatakamagnet-title:before {
    font-size: 10px;
    font-family: favicons;
    content: "\e60b";
    font-style: normal;
    vertical-align: middle;
    margin-right: 0.5em;
  }
  .post-related-xatakamagnet-title:before:hover {
    text-decoration: none;
  }
  .post-related-xatakamagnet-title:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .post-related-xatakamagnet-title:before {
    background: #67acd7;
    color: #ffffff;
  }
}
@media only screen and (min-width: 768px) {
  .post-related-motorpasion-title:before {
    font-size: 10px;
    font-family: favicons;
    content: "\e60e";
    font-style: normal;
    vertical-align: middle;
    margin-right: 0.5em;
  }
  .post-related-motorpasion-title:before:hover {
    text-decoration: none;
  }
  .post-related-motorpasion-title:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .post-related-motorpasion-title:before {
    color: #980000;
    background: #ffffff;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
  }
}
/* Related content with branded */
.section-related {
  max-width: 100%;
  padding: 1px 0 48px;
  margin: 0;
  /*
	h2 {
	max-width: 90%;
	margin: 48px auto 24px;
	}
	*/
}
.section-related nav {
  max-width: 90%;
  margin: 0 auto;
}
.section-related .header-section {
  border: none;
  margin: 0 auto;
}
.post-related-content .article-brand {
  max-height: 200px;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .post-related-content .article-brand {
    max-height: 100%;
  }
}
.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;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media only screen and (min-width: 768px) {
  .context-menu-list {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .context-menu-list {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .context-menu-list {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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: 67.2px;
  }
}
.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: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin: 14px 0 7px;
}
@media only screen and (min-width: 768px) {
  .comments-article-related h2 {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .comments-article-related h2 {
    font-size: 24px;
    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;
}
@media only screen and (min-width: 768px) {
  .comments-common-actions {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .comments-settings-closed .context-menu-list {
    left: auto;
    right: 0;
  }
}
.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;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media only screen and (min-width: 768px) {
  .comment-item {
    margin-left: 56px;
    margin-bottom: 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    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: 20px;
    line-height: 21.6px;
    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: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .comment-order a {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.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: #ffaa00;
}
.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;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  display: inline-block;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .comment-author-name {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 1150px) {
  .comment-author-avatar {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-author-avatar {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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-style: italic;
  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: 1150px) {
  .comment-author-staff {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-author-staff {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-author-url a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-author-url a {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-date {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-date {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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;
}
@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: 28px 0 4px 0;
  position: relative;
  padding: 18px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-write-terms a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-write-terms a {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-write-terms a {
    line-height: 21px;
  }
}
.comment-write-terms a:hover {
  color: #e03737;
}
.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: 1150px) {
  .comment-write-notify legend {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-write-notify legend {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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;
  }
}
.upload-image input {
  height: 28px;
  line-height: 21px;
  border: none;
}
.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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #444444;
}
.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: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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: "\f164";
  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;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-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-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 6px;
}
@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;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    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: "\f164";
    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: 696px;
  }
  .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 {
    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-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: #ffaa00;
  }
}
/* 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;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-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;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: 1150px) {
  .comment-thread-source {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-thread-source {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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 (orientation: landscape) {
  .comment-thread-caption.is-expanded .comment-thread-source blockquote {
    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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: 1150px) {
  .comment-reply-relation {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-reply-relation {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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: auto;
  margin-right: 8px;
  vertical-align: text-bottom;
  float: left;
}
@media only screen and (min-width: 768px) {
  .comment-reply-relation .user-avatar {
    width: 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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-moderated {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-moderated {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-moderated .comment-order a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .comment-moderated .comment-order a {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .comment-moderated .comment-order a {
    line-height: 21px;
  }
}
.comment-status-moderated {
  display: inline-block;
}
.comment-irrelevant {
  background: #f3f6ef;
  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: #f3f6ef;
  color: #a8b19e;
  margin: 28px 24px;
  border-radius: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.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: 40px;
    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;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    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;
  }
}
.related-alts ul {
  margin: 0;
}
.aside-title,
.aside-box .aside-title {
  border-top: 1px solid #e9e9e9;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  text-transform: uppercase;
  color: #a2a2a2;
  padding-top: 12px;
}
@media only screen and (min-width: 768px) {
  .aside-title,
  .aside-box .aside-title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .aside-title,
  .aside-box .aside-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .aside-title,
  .aside-box .aside-title {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .aside-title,
  .aside-box .aside-title {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .aside-title,
  .aside-box .aside-title {
    padding-top: 14px;
  }
}
.aside-box {
  text-align: left;
  width: 300px;
  margin: 0 auto 24px;
}
@media only screen and (min-width: 768px) {
  .aside-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 28px;
  }
}
.aside-box p,
.aside-box ul,
.aside-box ol {
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  .article-aside .aside-box {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.aside-nav {
  margin-bottom: 0;
}
.aside-nav a {
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
  white-space: normal;
  text-align: center;
}
.aside-nav a:hover {
  background-color: #517556;
  color: #ffffff;
}
.aside-nav a:hover {
  text-decoration: none;
}
.aside-nav a:active,
.aside-nav a:focus {
  padding-top: 1px;
}
.aside-nav a:hover {
  text-decoration: none;
}
.aside-nav a:active,
.aside-nav a:focus {
  padding-top: 1px;
}
.related-item.m-is-longform {
  width: 100%;
  height: auto;
}
.related-item.m-is-longform img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.aside-box .item-box {
  border-bottom: 1px solid #e9e9e9;
  width: 100%;
  overflow: hidden;
  position: relative;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .aside-box .item-box {
    font-size: 13px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 1150px) {
  .aside-box .item-box {
    font-size: 16px;
    line-height: 21px;
  }
}
.aside-box .item-box a {
  color: #444444;
}
.aside-box .item-box a:hover {
  color: #e03737;
}
.aside-box .item-box .figure {
  float: right;
  margin: 6px 0;
}
@media only screen and (min-width: 768px) {
  .aside-box .item-box .figure {
    margin: 7px 0;
  }
}
.aside-box .item-box .content {
  margin: 18px 0 12px 48px;
}
@media only screen and (min-width: 768px) {
  .aside-box .item-box .content {
    margin-top: 21px;
    margin-bottom: 14px;
  }
}
.ordinal {
  float: left;
  height: 48px;
  line-height: 48px;
  font-size: 40px;
  color: #cccccc;
  margin: 6px 12px;
}
@media only screen and (min-width: 768px) {
  .ordinal {
    margin: 7px 12px;
  }
}
.aside-questions .char-counter {
  float: right;
  margin-top: 12px;
  color: #a2a2a2;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .aside-questions .char-counter {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .aside-questions .char-counter {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .aside-questions .char-counter {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .aside-questions .char-counter {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .aside-questions .char-counter {
    margin-top: 14px;
  }
}
.aside-questions textarea {
  max-width: 100%;
  width: 95%;
}
.newsletter-form.aside-newsletter-form {
  padding: 0;
}
.newsletter-form.aside-newsletter-form .newsletter-input {
  width: 190px;
}
.newsletter-hint {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .newsletter-hint {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .newsletter-hint {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .newsletter-hint {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .newsletter-hint {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .newsletter-hint {
    margin-bottom: 14px;
  }
}
.aside-menu-follow {
  padding: 0;
}
.aside-menu-follow li {
  margin-right: 8px;
  margin-left: 0;
}
#feedlyFollow {
  width: 21.6px !important;
  height: auto !important;
  vertical-align: middle;
  margin-left: 5px;
}
.aside-item-meta {
  display: block;
}
.m-is-brand-article.related-item,
.m-is-club.related-item {
  height: auto;
}
.m-is-brand-article.related-item .related-item-title,
.m-is-club.related-item .related-item-title {
  max-height: none;
  margin-top: 4px;
}
.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;
  font-size: 17px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .foot h2,
  .foot h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .foot h2,
  .foot h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .foot h2,
  .foot h3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .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: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-new-item,
  .head-list-item,
  .head-new-video-item {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .newsletter-box {
    float: right;
    padding: 0;
    width: 55%;
  }
}
.newsletter-form,
.foot-menu-follow {
  padding: 6px 16px;
}
@media only screen and (min-width: 768px) {
  .newsletter-form,
  .foot-menu-follow {
    padding: 7px 24px;
  }
}
.newsletter-input {
  width: 175px;
}
@media only screen and (min-width: 360px) {
  .newsletter-input {
    width: 210px;
  }
}
@media only screen and (min-width: 480px) {
  .newsletter-input {
    width: 260px;
  }
}
@media only screen and (min-width: 1024px) {
  .newsletter-input {
    width: 400px;
  }
}
@media only screen and (min-width: 768px) {
  .foot-menu-follow {
    padding-top: 0;
  }
}
.foot-menu-follow ul,
.foot-item-meta {
  display: inline;
}
.foot-menu-follow li {
  margin-left: 8px;
  margin-right: 0;
}
.foot-menu-categories {
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .foot-menu-categories {
    width: 35%;
  }
}
.foot-menu-categories .nav-heading,
.foot-menu-categories h3 {
  margin-left: 12px;
}
.foot-external {
  padding: 1px 0;
  background: #111111;
  min-height: 120px;
}
@media only screen and (min-width: 768px) {
  .foot-external {
    min-height: 140px;
  }
}
.foot-head {
  padding: 24px 0 0;
}
@media only screen and (min-width: 768px) {
  .foot-head {
    padding-top: 28px;
  }
}
.backlink {
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.backlink:hover {
  background-color: #517556;
  color: #ffffff;
}
.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: 1150px) {
  .links-category {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .links-category {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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: 1150px) {
  .list-item.foot-list-item {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .list-item.foot-list-item {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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=47");
  background-size: auto 38.4px;
  background-repeat: no-repeat;
}
.foot .search-results-count,
.foot .search-results-list {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .foot .search-results-count,
  .foot .search-results-list {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .foot .search-results-count,
  .foot .search-results-list {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .foot .search-article-item {
    margin-left: 0;
    margin-right: 0;
  }
}
.backlink {
  background-color: #222;
  color: #999;
}
.foot .close {
  background-color: #333;
  color: #ccc;
}
.foot .close:hover {
  background-color: #444;
  color: #fff;
}
.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 {
  width: 100%;
  position: fixed;
  bottom: -1px;
  background: #111;
  color: #ccc;
  opacity: 0.9;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .cookies-overlay {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .cookies-overlay {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .cookies-overlay {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .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: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .cookies-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
.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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .web-version #web-version-link {
    font-size: 16px;
  }
}
.ad {
  text-align: center;
  word-wrap: break-word;
}
.ad-box img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (min-width: 1280px) {
  .ad-box img {
    width: auto;
    display: inline-block;
  }
}
.ad-top2 .ad-box {
  background: #000;
}
@media only screen and (min-width: 768px) {
  .ad-top2 .ad-box {
    border-bottom: 1px solid #292929;
    max-width: 100%;
    overflow: hidden;
  }
}
.ad-top2 .ad-box img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .ad-top .ad-box,
  .ad-first .ad-box {
    padding: 7px 0 2px;
    margin: 0 7px;
  }
}
@media only screen and (min-width: 1024px) {
  .ad-top .ad-box,
  .ad-first .ad-box {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .ad-top .ad-box .ad-contact,
  .ad-first .ad-box .ad-contact {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  .ad-top .ad-contact,
  .ad-top2 .ad-contact,
  .ad-bot .ad-contact,
  .ad-first .ad-contact {
    display: inline-block;
    vertical-align: text-bottom;
    width: 11px;
    height: 90px;
    text-indent: -1000px;
    overflow: hidden;
    background: url("//img.weblogssl.com/g/r/svg/ad-contact.svg?v=47");
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: bottom left;
  }
}
.ad-lat .ad-contact,
.ad-lat2 .ad-contact {
  display: block;
}
.ad-cen,
.ad-cen2 {
  clear: left;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .ad-cen,
  .ad-cen2 {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  .ad-cen .ad-contact,
  .ad-cen2 .ad-contact {
    display: inline-block;
    vertical-align: text-bottom;
    width: 11px;
    height: 90px;
    text-indent: -1000px;
    overflow: hidden;
    background: url("//img.weblogssl.com/g/r/svg/ad-contact.svg?v=47");
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: bottom left;
  }
}
@media only screen and (min-width: 768px) {
  .ad-cen {
    max-width: 47%;
  }
}
@media only screen and (min-width: 1024px) {
  .ad-cen {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  #div-gpt-top > div,
  #div-gpt-top_ad_container,
  #div-gpt-top2_ad_container,
  #div-gpt-bot_ad_container,
  #div-gpt-bot2_ad_container {
    display: inline-block;
    vertical-align: text-bottom;
  }
}
#div-gpt-top > div #div-gpt-top > div,
#div-gpt-top_ad_container #div-gpt-top > div,
#div-gpt-top2_ad_container #div-gpt-top > div,
#div-gpt-bot_ad_container #div-gpt-top > div,
#div-gpt-bot2_ad_container #div-gpt-top > div {
  background: transparent !important;
}
@media only screen and (min-width: 1024px) {
  #div-gpt-cen_ad_container,
  #div-gpt-cen2_ad_container {
    display: inline-block;
    vertical-align: text-bottom;
  }
}
#div-gpt-int {
  height: 0 !important;
}
.ad-lat .ad-box,
.ad-lat2 .ad-box {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .ad-lat .ad-box,
  .ad-lat2 .ad-box {
    margin-bottom: 56px;
  }
}
.ad-contact,
.ad-contact2,
.ad-disclaimer {
  color: #999;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  font-size: 11px;
}
.ad-contact2 {
  text-align: left;
}
.ad-center {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
}
.ad-center .ad-box {
  background: #222;
  width: 100%;
}
.ad-fixed {
  position: fixed;
  top: 0px;
  z-index: 9999;
  margin: 0;
  width: 100%;
  height: 1px;
  overflow: visible;
}
.ad-fixed .ad-box {
  width: 320px;
  margin: 0 auto;
}
.ad-fixed .ad-contact {
  display: none;
}
noindex:-o-prefocus,
.ad-center {
  position: absolute;
}
#div-gpt-m-cen_ad_container,
#div-gpt-m-cab_ad_container {
  width: auto !important;
  height: auto !important;
}
.article-blogad {
  background: #f6f6f6;
  text-align: left;
}
.article-blogad .figure {
  text-align: center;
}
.article-blogad .figure img {
  margin: 0 auto;
  width: auto;
}
.blogad h1 {
  margin: 0;
}
@media only screen and (min-width: 1280px) {
  .customize-me.custom {
    background: #fbfbfb !important;
    width: 1044px !important;
    margin-left: auto;
    margin-right: auto;
    border: 0px 6px solid #fbfbfb;
    border-bottom: none;
    position: static !important;
  }
}
@media only screen and (min-width: 1280px) {
  .custom .head-primary,
  .custom .head-favicons-container.m-is-later,
  .custom .favicons-expanded-container {
    width: 1044px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .custom .head-editorspick-container {
    max-width: 340px;
  }
}
@media only screen and (min-width: 1600px) {
  .custom .head-editorspick-container {
    max-width: 340px;
  }
}
.custom .home-content,
.custom .section-recent {
  max-width: 1020px;
}
@media only screen and (min-width: 1280px) {
  .custom .article-normal-header,
  .custom .article-asset-small,
  .custom .nota-analisis,
  .clubmarca .article-normal-header,
  .clubmarca .article-asset-small,
  .clubmarca .nota-analisis {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .custom .article-normal-header h1 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .custom .article-normal-header-content,
  .custom .article-featured-header,
  .clubmarca .article-normal-header-content,
  .clubmarca .article-featured-header {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1440px) {
  .custom .article-metadata-container,
  .clubmarca .article-metadata-container {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .custom .article-author,
  .clubmarca .article-author {
    position: static;
    margin-top: 7px;
  }
}
@media only screen and (min-width: 1280px) {
  .custom .article-author-avatar img,
  .custom .article-author-twitter,
  .clubmarca .article-author-avatar img,
  .clubmarca .article-author-twitter {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .custom .article-featured-title,
  .clubmarca .article-featured-title {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .custom .article-featured-title h1 span {
    font-size: 85%;
    line-height: 1;
  }
}
@media only screen and (min-width: 1280px) {
  .custom .article-actions.m-in-featured,
  .clubmarca .article-actions.m-in-featured {
    float: right;
  }
}
@media only screen and (min-width: 1440px) {
  .custom .article-aside.m-blob-aside,
  .clubmarca .article-aside.m-blob-aside {
    float: right;
    width: 300px;
    margin-left: 48px;
    margin-right: 24px;
  }
}
.custom .tabla-datos,
.custom .data-table,
.clubmarca .tabla-datos,
.clubmarca .data-table {
  min-width: auto;
}
@media only screen and (min-width: 1024px) {
  .custom .post-related-posts,
  .clubmarca .post-related-posts {
    margin-left: 48px;
    margin-right: 24px;
  }
}
.custom .slide-item-close,
.custom .slide-next,
.custom .slide-prev {
  position: absolute;
}
@media only screen and (min-width: 1024px) {
  .custom .module-subscribe input .newsletter-input,
  .clubmarca .module-subscribe input .newsletter-input {
    width: 320px;
  }
}
@media only screen and (min-width: 768px) {
  .custom .abstract-ecommerce .abstract-title,
  .custom .abstract-ecommerce .abstract-taxonomy,
  .custom .abstract-ecommerce .abstract-excerpt {
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .custom .abstract-article .abstract-figure .base-asset-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
  }
  .custom .abstract-article .abstract-figure .base-asset-image 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: 1150px) {
  .custom .abstract-article .abstract-figure .base-asset-video {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
  }
  .custom .abstract-article .abstract-figure .base-asset-video embed,
  .custom .abstract-article .abstract-figure .base-asset-video iframe,
  .custom .abstract-article .abstract-figure .base-asset-video object,
  .custom .abstract-article .abstract-figure .base-asset-video video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.ad-sponsor {
  width: 320px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .head-sponsor-container {
    width: 320px;
  }
}
@media only screen and (min-width: 1280px) {
  .head-sponsor-container {
    max-width: 320px;
  }
}
@media only screen and (min-width: 1600px) {
  .head-sponsor-container {
    max-width: 320px;
  }
}
.head-sponsor-container {
  border-left: 1px solid #6a9638;
  border-right: 1px solid #6a9638;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .head-sponsor-container {
    height: 112px;
    width: 318px;
    line-height: 112px;
  }
}
.head-sponsor {
  line-height: 28px;
  display: inline-block;
  vertical-align: top;
  margin: 0 24px;
  white-space: normal;
}
@media only screen and (min-width: 1024px) {
  .head-sponsor {
    vertical-align: middle;
  }
}
.head-sponsor-type {
  text-align: left;
}
.head-sponsor-ad {
  display: inline-block;
  width: auto;
  height: 49px;
  line-height: 49px;
}
@media only screen and (min-width: 1024px) {
  .head-sponsor-ad {
    display: block;
    width: 270px;
    height: 52px;
    line-height: 52px;
  }
}
.head-sponsor-ad img {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .head-sponsor-ad img {
    height: 26px;
    width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .head-sponsor-ad img {
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .clubmarca {
    background: #cddcbb;
  }
}
@media only screen and (min-width: 1024px) {
  .clubmarca .page-container {
    background: #fbfbfb;
  }
}
.clubmarca .head-container,
.clubmarca .head {
  background: #344322;
}
.head-disclaimer-container {
  background: #111111;
}
.head-disclaimer {
  height: 48px;
  line-height: 48px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .head-disclaimer {
    height: 56px;
    line-height: 42px;
  }
}
.head-disclaimer-msg {
  width: 140px;
  margin-right: 8px;
  font-size: 11px;
  line-height: 14px;
  color: #a2a2a2;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .head-disclaimer-msg {
    width: 50%;
    margin-right: 12px;
    vertical-align: bottom;
  }
}
.head-disclaimer-brand {
  position: absolute;
  top: -48px;
  left: 0;
  width: 52%;
  max-width: 324px;
  opacity: 0.5;
  text-align: left;
}
.head-disclaimer-brand:hover {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .head-disclaimer-brand {
    top: -56px;
  }
}
.disclaimer-brand {
  margin: 4.8px 0 0 8px;
  height: 48px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .disclaimer-brand {
    margin: 5.6px 12px;
    height: 56px;
  }
}
.head-club-brand-container .disclaimer-brand .disclaimer-brand-logo {
  height: 38.4px;
  background-position: left center;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .head-club-brand-container .disclaimer-brand .disclaimer-brand-logo {
    height: 44.8px;
    background-position: left center;
  }
}
@media only screen and (min-width: 1150px) {
  .head-club-brand-container .disclaimer-brand .disclaimer-brand-logo {
    background-position: left center;
  }
}
.clubmarca .head-container,
.clubmarca .head.is-init,
.club-brand {
  height: 72px;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .clubmarca .head-container,
  .clubmarca .head.is-init,
  .club-brand {
    height: 98px;
  }
}
@media only screen and (min-width: 1024px) {
  .clubmarca .head-container,
  .clubmarca .head.is-init,
  .club-brand {
    height: 98px;
  }
}
.club-brand h1 {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .head.is-visible .head-disclaimer-brand {
    top: 7px;
    left: auto;
    right: 0;
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .head-disclaimer-brand .disclaimer-brand-logo {
    background-position: right center;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .club-brand {
    height: 70px;
    background-position: left center;
    background-size: auto 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .head.is-visible .club-brand {
    height: 70px;
  }
}
.club-brand-logo {
  display: block;
  width: 100%;
  height: 48px;
}
@media only screen and (min-width: 768px) {
  .club-brand-logo {
    height: 98px;
  }
}
.club-brand-logo span {
  float: left;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  color: #ffffff;
  margin-left: 16px;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .club-brand-logo span {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .club-brand-logo span {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 768px) {
  .club-brand-logo span {
    margin-top: 28px;
  }
}
.club-brand-logo .club-brand-client {
  float: right;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-right: 16px;
  margin-top: 28.8px;
}
@media only screen and (min-width: 768px) {
  .club-brand-logo .club-brand-client {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .club-brand-logo .club-brand-client {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .club-brand-logo .club-brand-client {
    margin-top: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .head.is-visible .club-brand-logo {
    height: 70px;
  }
}
.disclaimer-brand .brand-logo {
  background-image: url("images/logo-light.svg?v=47");
}
@media only screen and (min-width: 768px) {
  head.is-visible .club-brand-logo {
    width: 320px;
    height: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .clubmarca .head-disclaimer,
  .clubmarca .head-container,
  .clubmarca .head-club-brand-container,
  .clubmarca .page-container,
  .clubmarca .club-container,
  .clubmarca .article-social-share-wrapper,
  .clubmarca .cookies-overlay {
    width: 1248px;
    margin-left: auto;
    margin-right: auto;
  }
}
.clubmarca .head-club-brand-container {
  position: relative;
}
.clubmarca .club-container {
  background: #fbfbfb;
}
@media only screen and (min-width: 1280px) {
  .clubmarca .club-container {
    position: static;
  }
}
.aside-top-club-content {
  width: 100%;
  overflow: hidden;
}
.aside-club-content {
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .aside-club-content {
    margin: 56px auto 0;
  }
}
.clubbar {
  background: #eeeeee url("https://img.weblogssl.com/g/xataka4/common/grey-club-icon.png") no-repeat 98px 0;
  height: 53px;
  display: block;
  margin-top: 0;
}
.clubbar h2 {
  margin: 0 0 0 10px;
  line-height: 53px;
}
/* Branded posts in homepage */
.article-club .article-disclaimer a {
  display: block;
  padding: 1px 4px;
  font-size: 15px;
  margin: 12px 8px 6px;
  color: #fff;
  background: #999;
}
@media only screen and (min-width: 768px) {
  .article-club .article-disclaimer a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-club .article-disclaimer a {
    font-size: 16px;
  }
}
.article-club .article-disclaimer span {
  float: right;
}
.article-club .article-disclaimer .disclaimer-badge-club,
.article-club .article-disclaimer .disclaimer-badge-brand {
  float: none;
}
.article-club .article-header a {
  color: #333;
}
@media only screen and (min-width: 480px) {
  .article-home.article-club .article-disclaimer a {
    margin: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .article-home.article-club .article-disclaimer a {
    background-color: transparent;
  }
}
.article-home .disclaimer-badge-club {
  background: #999;
}
/* For mobile normal club posts home */
.article-club-post .article-disclaimer strong {
  background-color: #bab2a2;
  color: #fff;
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  margin: 10px 10px 5px;
  padding: 1px 4px;
}
.nav-clubmarca-inv header .brand {
  display: block;
  width: 100%;
  height: 54px;
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
}
.nav-clubmarca-inv header .brand span {
  display: block;
  background: url("images/bg-header-brand-corner-inverted.png?v=24") 50% 50% no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url("images/bg-header-brand-corner-inverted.png?v=24");
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .nav-clubmarca-inv header .brand span {
    background-image: url("images/2x-bg-header-brand-corner-inverted.png?v=24");
    background-size: auto 54px;
  }
}
.nav-clubmarca-inv header .brand span {
  background-position: 0 50%;
}
.nav-clubmarca-inv .nav-main li {
  border-color: rgba(0, 0, 0, 0.4);
}
.nav-clubmarca-inv .nav-main li a,
.nav-clubmarca-inv .nav-main li a:link,
.nav-clubmarca-inv .nav-main li a:visited,
.nav-clubmarca-inv .nav-main li a:hover,
.nav-clubmarca-inv .nav-main li a:focus {
  color: #333;
}
.nav-clubmarca-inv .btn-menu {
  border-color: rgba(0, 0, 0, 0.2);
  color: #333;
}
.nav-clubmarca-inv .btn-menu:link,
.nav-clubmarca-inv .btn-menu:visited {
  color: #333;
}
.nav-clubmarca-inv .category-sub-heading a {
  color: #333;
}
.nav-clubmarca-inv .active .btn-menu,
.nav-clubmarca-inv .btn-menu:hover {
  background-color: #fff;
}
.article-espaciosony {
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) {
  .article-espaciosony {
    background-color: transparent;
  }
}
.article-espaciosony .article-disclaimer a {
  background-color: #000000;
  color: #ffffff;
}
.article-espaciosony .disclaimer-badge-repost,
.article-espaciosony .disclaimer-badge-club {
  background-color: #000000;
  color: #ffffff;
}
.article-manerasdedisfrutar {
  background-color: #fffcf5;
}
@media only screen and (min-width: 768px) {
  .article-manerasdedisfrutar {
    background-color: transparent;
  }
}
.article-manerasdedisfrutar .article-disclaimer a {
  background-color: #fdc238;
  color: #5a1f01;
}
.article-manerasdedisfrutar .disclaimer-badge-repost,
.article-manerasdedisfrutar .disclaimer-badge-club {
  background-color: #fdc238;
  color: #5a1f01;
}
.article-welovelondon {
  background-color: #f4fafc;
}
@media only screen and (min-width: 768px) {
  .article-welovelondon {
    background-color: transparent;
  }
}
.article-welovelondon .article-disclaimer a {
  background-color: #2a94c5;
  color: #ffffff;
}
.article-welovelondon .disclaimer-badge-repost,
.article-welovelondon .disclaimer-badge-club {
  background-color: #2a94c5;
  color: #ffffff;
}
.article-espacionokia {
  background-color: #f3f6fa;
}
@media only screen and (min-width: 768px) {
  .article-espacionokia {
    background-color: transparent;
  }
}
.article-espacionokia .article-disclaimer a {
  background-color: #124191;
  color: #ffffff;
}
.article-espacionokia .disclaimer-badge-repost,
.article-espacionokia .disclaimer-badge-club {
  background-color: #124191;
  color: #ffffff;
}
.article-vivephilipstv {
  background-color: #f9f3f2;
}
@media only screen and (min-width: 768px) {
  .article-vivephilipstv {
    background-color: transparent;
  }
}
.article-vivephilipstv .article-disclaimer a {
  background-color: #7f0500;
  color: #ffffff;
}
.article-vivephilipstv .disclaimer-badge-repost,
.article-vivephilipstv .disclaimer-badge-club {
  background-color: #7f0500;
  color: #ffffff;
}
.article-heliosesvida {
  background-color: #fdf2f3;
}
@media only screen and (min-width: 768px) {
  .article-heliosesvida {
    background-color: transparent;
  }
}
.article-heliosesvida .article-disclaimer a {
  background-color: #dd000c;
  color: #ffffff;
}
.article-heliosesvida .disclaimer-badge-repost,
.article-heliosesvida .disclaimer-badge-club {
  background-color: #dd000c;
  color: #ffffff;
}
.article-barillasabordeitalia {
  background-color: #f2f4f7;
}
@media only screen and (min-width: 768px) {
  .article-barillasabordeitalia {
    background-color: transparent;
  }
}
.article-barillasabordeitalia .article-disclaimer a {
  background-color: #002957;
  color: #ffffff;
}
.article-barillasabordeitalia .disclaimer-badge-repost,
.article-barillasabordeitalia .disclaimer-badge-club {
  background-color: #002957;
  color: #ffffff;
}
.article-espaciotoyota {
  background-color: #fff3f4;
}
@media only screen and (min-width: 768px) {
  .article-espaciotoyota {
    background-color: transparent;
  }
}
.article-espaciotoyota .article-disclaimer a {
  background-color: #f90a1f;
  color: #ffffff;
}
.article-espaciotoyota .disclaimer-badge-repost,
.article-espaciotoyota .disclaimer-badge-club {
  background-color: #f90a1f;
  color: #ffffff;
}
.article-nuevageneracionvelux {
  background-color: #fef2f4;
}
@media only screen and (min-width: 768px) {
  .article-nuevageneracionvelux {
    background-color: transparent;
  }
}
.article-nuevageneracionvelux .article-disclaimer a {
  background-color: #e3001b;
  color: #ffffff;
}
.article-nuevageneracionvelux .disclaimer-badge-repost,
.article-nuevageneracionvelux .disclaimer-badge-club {
  background-color: #e3001b;
  color: #ffffff;
}
.article-bienvenidoawindows8 {
  background-color: #f5fcfe;
}
@media only screen and (min-width: 768px) {
  .article-bienvenidoawindows8 {
    background-color: transparent;
  }
}
.article-bienvenidoawindows8 .article-disclaimer a {
  background-color: #30beeb;
  color: #ffffff;
}
.article-bienvenidoawindows8 .disclaimer-badge-repost,
.article-bienvenidoawindows8 .disclaimer-badge-club {
  background-color: #30beeb;
  color: #ffffff;
}
.article-planesleroymerlin {
  background-color: #f8faf3;
}
@media only screen and (min-width: 768px) {
  .article-planesleroymerlin {
    background-color: transparent;
  }
}
.article-planesleroymerlin .article-disclaimer a {
  background-color: #739f13;
  color: #ffffff;
}
.article-planesleroymerlin .disclaimer-badge-repost,
.article-planesleroymerlin .disclaimer-badge-club {
  background-color: #739f13;
  color: #ffffff;
}
.article-espaciohuawei {
  background-color: #f6f8fa;
}
@media only screen and (min-width: 768px) {
  .article-espaciohuawei {
    background-color: transparent;
  }
}
.article-espaciohuawei .article-disclaimer a {
  background-color: #416ca4;
  color: #ffffff;
}
.article-espaciohuawei .disclaimer-badge-repost,
.article-espaciohuawei .disclaimer-badge-club {
  background-color: #416ca4;
  color: #ffffff;
}
.article-gestionsage {
  background-color: #f2fdf2;
}
@media only screen and (min-width: 768px) {
  .article-gestionsage {
    background-color: transparent;
  }
}
.article-gestionsage .article-disclaimer a {
  background-color: #00dc00;
  color: #ffffff;
}
.article-gestionsage .disclaimer-badge-repost,
.article-gestionsage .disclaimer-badge-club {
  background-color: #00dc00;
  color: #ffffff;
}
.article-cuidadonivea {
  background-color: #f2f3f9;
}
@media only screen and (min-width: 768px) {
  .article-cuidadonivea {
    background-color: transparent;
  }
}
.article-cuidadonivea .article-disclaimer a {
  background-color: #040584;
  color: #ffffff;
}
.article-cuidadonivea .disclaimer-badge-repost,
.article-cuidadonivea .disclaimer-badge-club {
  background-color: #040584;
  color: #ffffff;
}
.article-telcel4glte {
  background-color: #f5f7fa;
}
@media only screen and (min-width: 768px) {
  .article-telcel4glte {
    background-color: transparent;
  }
}
.article-telcel4glte .article-disclaimer a {
  background-color: #31649b;
  color: #ffffff;
}
.article-telcel4glte .disclaimer-badge-repost,
.article-telcel4glte .disclaimer-badge-club {
  background-color: #31649b;
  color: #ffffff;
}
.article-momentoschicco {
  background-color: #fafcfe;
}
@media only screen and (min-width: 768px) {
  .article-momentoschicco {
    background-color: transparent;
  }
}
.article-momentoschicco .article-disclaimer a {
  background-color: #a3c6ec;
  color: #ffffff;
}
.article-momentoschicco .disclaimer-badge-repost,
.article-momentoschicco .disclaimer-badge-club {
  background-color: #a3c6ec;
  color: #ffffff;
}
.article-tecnologiazen {
  background-color: #f5f4f5;
}
@media only screen and (min-width: 768px) {
  .article-tecnologiazen {
    background-color: transparent;
  }
}
.article-tecnologiazen .article-disclaimer a {
  background-color: #37283f;
  color: #ffffff;
}
.article-tecnologiazen .disclaimer-badge-repost,
.article-tecnologiazen .disclaimer-badge-club {
  background-color: #37283f;
  color: #ffffff;
}
.article-tratamientoshiseido {
  background-color: #faf4f5;
}
@media only screen and (min-width: 768px) {
  .article-tratamientoshiseido {
    background-color: transparent;
  }
}
.article-tratamientoshiseido .article-disclaimer a {
  background-color: #9f1b33;
  color: #ffffff;
}
.article-tratamientoshiseido .disclaimer-badge-repost,
.article-tratamientoshiseido .disclaimer-badge-club {
  background-color: #9f1b33;
  color: #ffffff;
}
.article-lorealparis {
  background-color: #f8f4f8;
}
@media only screen and (min-width: 768px) {
  .article-lorealparis {
    background-color: transparent;
  }
}
.article-lorealparis .article-disclaimer a {
  background-color: #6e2878;
  color: #ffffff;
}
.article-lorealparis .disclaimer-badge-repost,
.article-lorealparis .disclaimer-badge-club {
  background-color: #6e2878;
  color: #ffffff;
}
.article-veranocartedor {
  background-color: #f9f8f5;
}
@media only screen and (min-width: 768px) {
  .article-veranocartedor {
    background-color: transparent;
  }
}
.article-veranocartedor .article-disclaimer a {
  background-color: #8e7132;
  color: #ffffff;
}
.article-veranocartedor .disclaimer-badge-repost,
.article-veranocartedor .disclaimer-badge-club {
  background-color: #8e7132;
  color: #ffffff;
}
.article-hogarhenkel {
  background-color: #f5f8f9;
}
@media only screen and (min-width: 768px) {
  .article-hogarhenkel {
    background-color: transparent;
  }
}
.article-hogarhenkel .article-disclaimer a {
  background-color: #386d85;
  color: #ffffff;
}
.article-hogarhenkel .disclaimer-badge-repost,
.article-hogarhenkel .disclaimer-badge-club {
  background-color: #386d85;
  color: #ffffff;
}
.article-espaciovisa {
  background-color: #f5f7fa;
}
@media only screen and (min-width: 768px) {
  .article-espaciovisa {
    background-color: transparent;
  }
}
.article-espaciovisa .article-disclaimer a {
  background-color: #2f5d9b;
  color: #ffffff;
}
.article-espaciovisa .disclaimer-badge-repost,
.article-espaciovisa .disclaimer-badge-club {
  background-color: #2f5d9b;
  color: #ffffff;
}
.branded-article .brand-article-logo {
  margin-top: 10px;
  text-align: center;
  background: #f5f1df;
  padding: 3px 0 9px 0;
}
.branded-article .brand-article-logo p {
  margin: 0;
}
.branded-article .brand-article-logo .club-disclaimer {
  font-size: 10px;
  color: #666;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
}
.branded-article .brand-article-logo .club-disclaimer a {
  text-transform: capitalize;
  color: #666;
  text-decoration: underline;
}
.branded-article article {
  border-top: none;
}
/* For mobile branded article home */
.article-brand .article-disclaimer strong {
  background-color: #efece0;
  color: #444444;
  display: block;
  font-size: 15px;
  line-height: 20px;
  margin: 12px 8px 6px;
  padding: 1px 4px;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .article-brand .article-disclaimer strong {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-brand .article-disclaimer strong {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-brand .article-disclaimer strong {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-brand .article-disclaimer strong {
    line-height: 21px;
  }
}
.article-longform .article-disclaimer strong {
  background-color: transparent;
  color: #666;
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  margin: 10px 10px 5px;
  padding: 1px 4px;
  border-bottom: 1px solid #ddd;
}
.article-aside.m-in-home {
  margin-left: 0;
}
.home-content {
  margin: 0 16px;
  overflow: hidden;
}
@media only screen and (min-width: 480px) {
  .home-content {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media only screen and (min-width: 768px) {
  .home-content {
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 56px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-content {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .home-article-list {
    float: left;
    width: calc(100% - 348px);
  }
}
.ad.m-in-home {
  clear: none;
  background: transparent;
}
@media only screen and (min-width: 1024px) {
  .ad.m-in-home {
    float: left;
    width: calc(100% - 348px);
  }
}
.article-home {
  position: relative;
  margin-top: 24px;
  margin-bottom: 72px;
  padding-top: 1px;
}
@media only screen and (min-width: 480px) {
  .article-home {
    margin-top: 28px;
    margin-bottom: 84px;
    max-width: 46%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 768px) {
  .article-home {
    max-width: 47%;
    margin-left: 1.5%;
  }
}
@media only screen and (min-width: 1024px) {
  .article-home {
    float: none;
    clear: none;
    max-width: 100%;
    margin-left: 0;
  }
}
@media only screen and (min-width: 480px) {
  .home-article-list:nth-child(4) .article-home:nth-child(2),
  .home-content.m-is-category .home-article-list:nth-child(5) .article-home:nth-child(2) {
    display: block;
  }
}
.article-category.m-in-home,
.article-club .article-disclaimer,
.article-republish .article-disclaimer,
.article-crosspost .article-blog {
  width: 100%;
  position: absolute;
  top: -38px;
}
@media only screen and (min-width: 768px) {
  .article-category.m-in-home,
  .article-club .article-disclaimer,
  .article-republish .article-disclaimer,
  .article-crosspost .article-blog {
    top: -44px;
  }
}
.article-home-header {
  margin: 12px 16px;
}
@media only screen and (min-width: 768px) {
  .article-home-header {
    font-size: 24px;
    line-height: 24px;
    margin: 28px 24px 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-home-header {
    font-size: 34px;
    line-height: 39.2px;
    margin: 28px 24px 21px;
  }
}
.article-home-header a {
  color: #444444;
}
.article-home-header a:hover {
  color: #e03737;
}
.article-home-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.article-home-figure iframe {
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .article-home-figure iframe {
    max-height: 250px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-home-figure iframe {
    max-height: 100%;
  }
}
.article-actions.m-in-home {
  position: static;
  float: right;
  margin: 0 16px 12px;
}
@media only screen and (min-width: 768px) {
  .article-actions.m-in-home {
    margin: 0 12px 14px 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-actions.m-in-home {
    margin: 0 24px 14px;
  }
}
/* Try to show only comment number in tablet. Works, but not with empty comments articles, with "comentar" label
.article-actions.m-in-home .article-comments {

	@media @tablet {
	white-space: normal;
	overflow: hidden;
	}
	@media @desktop {
	white-space: nowrap;
	}
	a {
	display: inline-block;
	
		@media @tablet {
		max-width: 20px;
		}
		@media @desktop {
		max-width: 100%;
		}
	}
}
*/
.article-metadata.m-in-home,
.article-social-share.m-in-home {
  border: none;
  padding: 0;
  margin-left: 16px;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .article-metadata.m-in-home,
  .article-social-share.m-in-home {
    font-size: 13px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-metadata.m-in-home,
  .article-social-share.m-in-home {
    font-size: 16px;
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .article-metadata.m-in-home,
  .article-social-share.m-in-home {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 480px) {
  .article-social-share.m-in-home {
    width: 34%;
    float: left;
  }
}
@media only screen and (min-width: 1024px) {
  .article-social-share.m-in-home {
    max-width: 372px;
  }
}
@media only screen and (min-width: 480px) {
  .article-social-share.m-in-home p {
    margin: 0;
    text-indent: -10000px;
  }
}
.article-author.m-in-home {
  position: static;
  display: inline;
  margin: 0;
}
.article-date.m-in-home {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .article-date.m-in-home {
    display: inline-block;
  }
}
.article-home-figure {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .article-home-figure {
    margin-bottom: 28px;
  }
}
.article-content.m-in-home {
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .article-content.m-in-home {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-content.m-in-home {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-content.m-in-home {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-content.m-in-home {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .article-content.m-in-home {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-content.m-in-home {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 480px) {
  .article-home .article-links {
    margin: 0;
  }
}
.article-read-more {
  font-size: 15px;
  line-height: 20px;
  position: static;
  float: right;
  margin: 0 16px 12px;
}
@media only screen and (min-width: 768px) {
  .article-read-more {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-read-more {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-read-more {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-read-more {
    line-height: 21px;
  }
}
@media only screen and (min-width: 480px) {
  .article-read-more {
    margin: 7px 16px 0 0;
    max-width: 57%;
    min-width: 6em;
  }
}
@media only screen and (min-width: 1024px) {
  .article-read-more {
    margin: 7px 48px 14px 0;
  }
}
.article-read-more a {
  font-weight: bold;
}
.article-compact .article-home-header {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .article-compact .article-home-header {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-compact .article-home-header {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.article-compact .article-home-figure {
  margin: 0 16px 24px;
}
@media only screen and (min-width: 1024px) {
  .article-compact .article-home-figure {
    margin: 0 24px 28px;
    clear: right;
    float: left;
    width: 200px;
  }
}
.article-compact .article-content {
  clear: right;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .article-compact .article-content {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-compact .article-content {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-compact .article-content {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-compact .article-content {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-compact .article-content {
    margin-left: 248px;
  }
}
.article-compact .article-links {
  clear: left;
}
@media only screen and (min-width: 1024px) {
  .article-compact-video .article-home-figure {
    width: auto;
    float: none;
  }
}
@media only screen and (min-width: 1024px) {
  .article-compact-video .article-content {
    margin-left: 24px;
  }
}
.article-slideshow .article-home-figure {
  position: relative;
}
.article-slideshow .article-home-figure .slide-counter {
  display: block;
  height: 72px;
  width: 100%;
  position: absolute;
  top: 49%;
  left: 0;
  text-indent: 24px;
  background: #111111;
  color: #ffffff;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 100;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0.5;
  line-height: 72px;
}
@media only screen and (min-width: 768px) {
  .article-slideshow .article-home-figure .slide-counter {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-slideshow .article-home-figure .slide-counter {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 768px) {
  .article-slideshow .article-home-figure .slide-counter {
    line-height: 72px;
  }
}
.article-slideshow .article-home-figure .slide-next {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 49%;
  color: #ffffff;
}
.article-slideshow .article-home-figure:hover img {
  opacity: 0.9;
}
.article-slideshow .article-home-figure:hover .slide-counter {
  background: #5c9124;
}
.article-slideshow .article-home-figure:hover .slide-next {
  background: #ffffff;
  color: #5c9124;
}
.article-question h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.article-question .user-avatar {
  width: 28px;
  height: auto;
  vertical-align: text-bottom;
}
.article-question .article-content {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .article-question .article-content {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-question .article-content {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-question .article-content {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-question .article-content {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .article-question .article-read-more {
    margin-right: 24px;
  }
}
.home-page-gallery {
  width: 100%;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.home-page-gallery li {
  display: inline;
  float: left;
  margin: 4px 0 0 4px;
  width: 18%;
  max-width: 120px;
}
.home-page-gallery img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 120px;
}
.home-page-gallery .counter {
  position: absolute;
  height: 100%;
  width: 21%;
  overflow: hidden;
  line-height: 60px;
  background: #444444;
}
@media only screen and (min-width: 1024px) {
  .home-page-gallery .counter {
    border-radius: 4px;
    height: 120px;
    width: 190px;
  }
}
.home-page-gallery .counter-text {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  color: #ececec;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
}
.home-page-gallery .counter-text:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e614";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.home-page-gallery .counter-text:before:hover {
  text-decoration: none;
}
.home-page-gallery .counter-text:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.home-page-gallery .counter-text:before,
.home-page-gallery .counter-text:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .home-page-gallery .counter-text {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-page-gallery .counter-text {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .home-page-gallery .counter-text {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-page-gallery .counter-text {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-page-gallery .counter-text {
    padding: 21px 0;
    line-height: 42px;
  }
  .home-page-gallery .counter-text:before {
    font-size: 48px;
    font-family: icons-min;
    content: "\e614";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .home-page-gallery .counter-text:before:hover {
    text-decoration: none;
  }
  .home-page-gallery .counter-text:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
  .home-page-gallery .counter-text:before,
  .home-page-gallery .counter-text:after {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.home-page-gallery .counter-text:before {
  padding-top: 6px;
  padding-bottom: 4px;
}
.article-home-longform-header {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 28.8px;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 48px;
  margin-bottom: 24px;
  margin: 12px 16px;
}
@media only screen and (min-width: 768px) {
  .article-home-longform-header {
    font-size: 34px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-home-longform-header {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 768px) {
  .article-home-longform-header {
    margin-top: 48px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-home-longform-header {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .article-home-longform-header {
    font-size: 24px;
    line-height: 24px;
    margin: 28px 24px 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-home-longform-header {
    font-size: 34px;
    line-height: 39.2px;
    margin: 28px 24px 21px;
  }
}
.article-home-longform-header a {
  color: #444444;
}
.article-home-longform-header a:hover {
  color: #e03737;
}
.article-club .article-disclaimer,
.article-republish .article-disclaimer,
.article-crosspost .article-blog {
  margin: 0;
  height: 48px;
  line-height: 48px;
}
@media only screen and (min-width: 768px) {
  .article-club .article-disclaimer,
  .article-republish .article-disclaimer,
  .article-crosspost .article-blog {
    height: 48px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-club .article-disclaimer,
  .article-republish .article-disclaimer,
  .article-crosspost .article-blog {
    height: 56px;
    line-height: 56px;
  }
}
.disclaimer-badge-repost,
.disclaimer-badge-republish,
.disclaimer-badge-brand,
.disclaimer-badge-club,
.disclaimer-badge-sponsor {
  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) {
  .disclaimer-badge-repost,
  .disclaimer-badge-republish,
  .disclaimer-badge-brand,
  .disclaimer-badge-club,
  .disclaimer-badge-sponsor {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .disclaimer-badge-repost,
  .disclaimer-badge-republish,
  .disclaimer-badge-brand,
  .disclaimer-badge-club,
  .disclaimer-badge-sponsor {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .disclaimer-badge-repost,
  .disclaimer-badge-republish,
  .disclaimer-badge-brand,
  .disclaimer-badge-club,
  .disclaimer-badge-sponsor {
    height: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .disclaimer-badge-repost,
  .disclaimer-badge-republish,
  .disclaimer-badge-brand,
  .disclaimer-badge-club,
  .disclaimer-badge-sponsor {
    height: 28px;
    line-height: 29px;
  }
}
.article-club span.disclaimer-badge-sponsor {
  position: absolute;
  top: -28px;
}
@media only screen and (min-width: 1024px) {
  .article-club span.disclaimer-badge-sponsor {
    position: static;
  }
}
.article-republish .article-disclaimer span {
  background-color: #f2f2f2;
  color: #a2a2a2;
}
.article-republish .article-disclaimer span:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f01e";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.article-republish .article-disclaimer span:before:hover {
  text-decoration: none;
}
.article-republish .article-disclaimer span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.disclaimer-badge-repost {
  background: #999;
  color: #fff;
}
.disclaimer-badge-repost:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f079";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.disclaimer-badge-repost:before:hover {
  text-decoration: none;
}
.disclaimer-badge-repost:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.disclaimer-badge-repost:before,
.disclaimer-badge-repost:after {
  color: #ffffff;
}
.article-club .disclaimer-badge-repost:before,
.article-club .disclaimer-badge-repost:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
  width: 0;
}
.disclaimer-badge-brand {
  background: #efece0;
  color: #444444;
}
.disclaimer-badge-club {
  background: #a2a2a2;
  color: #fff;
}
.disclaimer-badge-sponsor {
  float: right;
  color: #a2a2a2;
  height: 48px;
  line-height: 48px;
}
@media only screen and (min-width: 768px) {
  .disclaimer-badge-sponsor {
    height: 48px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1150px) {
  .disclaimer-badge-sponsor {
    height: 56px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .article-super-container {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .article-super-container {
    max-width: 1368px;
  }
}
.article-super {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-top: 24px;
  margin-bottom: 72px;
  padding: 1px 0;
}
@media only screen and (min-width: 768px) {
  .article-super {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.article-super-header {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 28.8px;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 48px;
  margin-bottom: 24px;
  margin: 24px 16px;
}
@media only screen and (min-width: 768px) {
  .article-super-header {
    font-size: 34px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-super-header {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 768px) {
  .article-super-header {
    margin-top: 48px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-super-header {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .article-super-header {
    margin: 28px 48px;
  }
}
.article-super-header a {
  color: #444444;
}
.article-super-header a:hover {
  color: #e03737;
}
.article-actions.m-in-super {
  float: right;
}
@media only screen and (min-width: 768px) {
  .article-actions.m-in-super {
    margin-right: 48px;
  }
}
.article-social-share.m-in-super {
  margin-left: 16px;
  width: auto;
}
@media only screen and (min-width: 768px) {
  .article-social-share.m-in-super {
    margin-left: 48px;
  }
}
.article-social-share.m-in-super p {
  display: none;
}
.article-social-share.m-in-super ul {
  line-height: 1;
  width: auto;
  text-align: left;
  position: static;
}
.article-social-share.m-in-super li {
  margin-right: 4px;
}
@media only screen and (min-width: 1024px) {
  .article-super-cover {
    width: 45%;
    float: left;
    clear: left;
  }
}
@media only screen and (min-width: 1600px) {
  .article-super-cover {
    width: 50%;
  }
}
.article-super-cover img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .article-super-content {
    width: 54%;
    float: right;
  }
}
@media only screen and (min-width: 1600px) {
  .article-super-content {
    width: 49%;
  }
}
.article-super-content .article-content {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .article-super-content .article-content {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-super-content .article-content {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .article-super-content .article-content {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .article-super-content .article-content {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .article-super-content .article-content {
    margin: 0 24px;
  }
}
@media only screen and (min-width: 1600px) {
  .article-super-content .article-content {
    margin: 0 48px;
  }
}
.super-related ul li {
  margin-left: 0;
  list-style-type: none;
}
.super-related li a {
  clear: left;
  display: block;
  text-decoration: none;
}
.super-related li a:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e627";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.super-related li a:before:hover {
  text-decoration: none;
}
.super-related li a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.super-related li a:before {
  float: left;
  margin-right: 6px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .super-related li a:before {
    margin-bottom: 14px;
  }
}
/* Static pages */
.staff-editores,
.staff-colaboradores,
.staff-wsl {
  border-top: 1px solid #ddd;
}
.staff-item {
  border-top: 1px solid #ddd;
  padding: 3% 10px;
}
.staff-item h3 a {
  color: #614e5a;
}
.staff-item .figure {
  float: left;
  margin: 0 15px 3% 0;
  max-width: 40%;
  overflow: hidden;
}
.staff-item li {
  list-style-type: none;
  margin: 0 0 10px;
}
.staff-item p {
  clear: left;
}
.staff-colaboradores .staff-item h3 {
  margin: 0 0 10px;
  line-height: 1;
}
.staff-colaboradores .staff-item .figure img {
  width: 48px;
  height: 48px;
}
.masthead {
  margin: 0;
  padding: 0;
}
.masthead li {
  list-style: none;
  border-top: 1px solid #ddd;
  padding: 10px 10px;
}
.masthead span {
  display: block;
}
/* Contact */
.vcard-label {
  font-weight: bold;
}
.vcard-content {
  margin: 10px 0 30px 20px;
}
.page-list-header h1 {
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .page-list-header h1 {
    margin-top: 0;
    padding-bottom: 28px;
  }
}
.page-list-header-rss {
  color: #ff6600;
  display: inline-block;
  text-align: center;
  width: 24px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  font-weight: 400;
  vertical-align: baseline;
}
.page-list-header-rss:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e622";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.page-list-header-rss:before:hover {
  text-decoration: none;
}
.page-list-header-rss:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.page-list-header-rss:before,
.page-list-header-rss:after {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-bottom;
}
.page-list-header-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;
}
.page-list-header-rss:before,
.page-list-header-rss:after {
  line-height: 28.8px;
  margin: 0 -4px;
  vertical-align: middle;
}
.page-list-desc {
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 24px;
  padding-top: 24px;
  font-style: italic;
}
@media only screen and (min-width: 768px) {
  .page-list-desc {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .page-list-desc {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .page-list-desc {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .page-list-desc {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-list-desc {
    float: left;
    width: calc(100% - 348px);
  }
}
@media only screen and (min-width: 768px) {
  .page-list-desc {
    margin: 0 0 56px;
    padding-top: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .article-home.article-crosspost .article-blog {
    background-color: transparent;
  }
}
.article-ahorrodiario .article-blog,
.article-ahorrodiario .disclaimer-badge-repost {
  background-color: #1c5baa;
}
.article-applesfera .article-blog,
.article-applesfera .disclaimer-badge-repost {
  background-color: #2f296f;
}
.article-trendenciasbelleza .article-blog,
.article-trendenciasbelleza .disclaimer-badge-repost {
  background-color: #927897;
}
.article-directoalpaladar .article-blog,
.article-directoalpaladar .disclaimer-badge-repost {
  background-color: #8f0013;
}
.article-bebesymas .article-blog,
.article-bebesymas .disclaimer-badge-repost {
  background-color: #bf8fab;
}
.article-blogdecine .article-blog,
.article-blogdecine .disclaimer-badge-repost {
  background-color: #2e4f1d;
}
.article-decoesfera .article-blog,
.article-decoesfera .disclaimer-badge-repost {
  background-color: #45b0df;
}
.article-diariodelviajero .article-blog,
.article-diariodelviajero .disclaimer-badge-repost {
  background-color: #269fcf;
}
.article-elblogsalmon .article-blog,
.article-elblogsalmon .disclaimer-badge-repost {
  background-color: #ffd8af;
}
.article-embelezzia .article-blog,
.article-embelezzia .disclaimer-badge-repost {
  background-color: #164dc5;
}
.article-genbeta .article-blog,
.article-genbeta .disclaimer-badge-repost {
  background-color: #00407f;
}
.article-genbetadev .article-blog,
.article-genbetadev .disclaimer-badge-repost {
  background-color: #94c6eb;
}
.article-xatakaciencia .article-blog,
.article-xatakaciencia .disclaimer-badge-repost {
  background-color: #53a7a7;
}
.article-trendenciashombre .article-blog,
.article-trendenciashombre .disclaimer-badge-repost {
  background-color: #1f4478;
}
.article-motorpasionmoto .article-blog,
.article-motorpasionmoto .disclaimer-badge-repost {
  background-color: #fd7800;
}
.article-motorpasion .article-blog,
.article-motorpasion .disclaimer-badge-repost {
  background-color: #980000;
}
.article-motorpasionfuturo .article-blog,
.article-motorpasionfuturo .disclaimer-badge-repost {
  background-color: #048fbd;
}
.article-papelenblanco .article-blog,
.article-papelenblanco .disclaimer-badge-repost {
  background-color: #efd6b3;
}
.article-pequesymas .article-blog,
.article-pequesymas .disclaimer-badge-repost {
  background-color: #165b8d;
}
.article-poprosa .article-blog,
.article-poprosa .disclaimer-badge-repost {
  background-color: #df69b0;
}
.article-pymesyautonomos .article-blog,
.article-pymesyautonomos .disclaimer-badge-repost {
  background-color: #1d779f;
}
.article-trendencias .article-blog,
.article-trendencias .disclaimer-badge-repost {
  background-color: #000000;
}
.article-vayatele .article-blog,
.article-vayatele .disclaimer-badge-repost {
  background-color: #fa5c01;
}
.article-vidaextra .article-blog,
.article-vidaextra .disclaimer-badge-repost {
  background-color: #1680c6;
}
.article-vitonica .article-blog,
.article-vitonica .disclaimer-badge-repost {
  background-color: #2068af;
}
.article-xataka .article-blog,
.article-xataka .disclaimer-badge-repost {
  background-color: #649f1d;
}
.article-xatakamovil .article-blog,
.article-xatakamovil .disclaimer-badge-repost {
  background-color: #286f14;
}
.article-xatakafoto .article-blog,
.article-xatakafoto .disclaimer-badge-repost {
  background-color: #333333;
}
.article-xatakandroid .article-blog,
.article-xatakandroid .disclaimer-badge-repost {
  background-color: #a4c739;
}
.article-xatakahome .article-blog,
.article-xatakahome .disclaimer-badge-repost {
  background-color: #2f5083;
}
.article-xatakawindows .article-blog,
.article-xatakawindows .disclaimer-badge-repost {
  background-color: #0f6d39;
}
.article-trendenciaslifestyle .article-blog,
.article-trendenciaslifestyle .disclaimer-badge-repost {
  background-color: #819f77;
}
.article-magnet .article-blog,
.article-xatakamagnet .article-blog,
.article-magnet .disclaimer-badge-repost,
.article-xatakamagnet .disclaimer-badge-repost {
  background-color: #67acd7;
}
.article-compradiccion .article-blog,
.article-compradiccion .disclaimer-badge-repost {
  background-color: #4a9e72;
}
.article-compradiccionxataka .article-blog,
.article-compradiccionxataka .disclaimer-badge-repost {
  background-color: #4a9e72;
}
.article-compradicciontrendencias .article-blog,
.article-compradicciontrendencias .disclaimer-badge-repost {
  background-color: #4a9e72;
}
.article-xatakaesports .article-blog,
.article-xatakaesports .disclaimer-badge-repost {
  background-color: #364242;
}
.article-diariodelviajero .article-blog a,
.article-elblogsalmon .article-blog a,
.article-diariodelviajero .article-blog:before,
.article-elblogsalmon .article-blog:before {
  color: #333;
}
.special-ecomm {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .special-ecomm {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .special-ecomm {
    max-width: 1368px;
  }
}
@media only screen and (min-width: 768px) {
  .special-ecomm {
    margin-bottom: 28px;
  }
}
.special-ecomm .content-box {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100%;
}
.special-ecomm .content-text {
  padding: 24px 16px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .special-ecomm .content-text {
    padding: 200px 24px 28px;
    min-height: 360px;
  }
}
@media only screen and (min-width: 1024px) {
  .special-ecomm .content-text {
    padding: 28px 24px;
    max-width: 58%;
  }
}
.special-ecomm .content-text h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .special-ecomm .content-text h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .special-ecomm .content-text h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .special-ecomm .content-text h2 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .special-ecomm .content-text h2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.special-ecomm .content-text a h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 28.8px;
  font-style: normal;
  letter-spacing: 0;
  margin-top: 48px;
  margin-bottom: 24px;
  color: #ffffff;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .special-ecomm .content-text a h2 {
    font-size: 34px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1150px) {
  .special-ecomm .content-text a h2 {
    font-size: 40px;
    line-height: 44.8px;
  }
}
@media only screen and (min-width: 768px) {
  .special-ecomm .content-text a h2 {
    margin-top: 48px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .special-ecomm .content-text a h2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.special-ecomm .content-text p {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .special-ecomm .content-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .special-ecomm .content-text p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .special-ecomm .content-text p {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .special-ecomm .content-text p {
    line-height: 21px;
  }
}
.special-ecomm .ribbon {
  position: absolute;
  left: 14px;
  display: block;
  width: 30px;
  color: #fff;
  padding: 20px 0 10px;
  text-align: center;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}
.special-ecomm .ribbon:before {
  position: absolute;
  top: 4px;
  display: block;
  width: 30px;
  height: 0;
  content: "";
  border-top: 1px dotted rgba(0, 0, 0, 0.2);
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
}
.special-ecomm .ribbon:after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  position: relative;
  bottom: -25px;
  z-index: 100;
  border-width: 0 15px 15px 15px;
  border-style: solid;
}
.special-ecomm .ribbon.green {
  background-color: #4b8a20;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#8dba19), to(#4b8a20));
  background-image: -moz-linear-gradient(top, #8dba19, #4b8a20);
  background-image: -ms-linear-gradient(top, #8dba19, #4b8a20);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dba19), color-stop(100%, #4b8a20));
  background-image: -webkit-linear-gradient(top, #8dba19, #4b8a20);
  background-image: -o-linear-gradient(top, #8dba19, #4b8a20);
  background-image: linear-gradient(top, #8dba19, #4b8a20);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dba19', endColorstr='#4b8a20', GradientType=0);
}
.special-ecomm .ribbon.green:after {
  border-color: #4b8a20 #4b8a20 transparent #4b8a20;
}
/*
.video-play-overlay(@size:120px,@w:100%,@h:100%) {
position: absolute;
left:0;
top:0;
width:@w;
height:@h;
margin:0;
text-align: center;
.icon-standalone(@icon-play,@size);

	&:before {
	color: rgba(255, 255, 255, 0.6);
	border: @size*0.15 solid rgba(255, 255, 255, 0.6);
	border-radius: @size;
	line-height: @size;
	padding: @size*0.2;
	text-indent: @size*0.09;
	margin-top: @size*0.9;
	}
}
*/
.follow-youtube {
  color: #777;
  font-size: 13px;
  line-height: 16px;
  margin: -4px 0 0;
  float: right;
}
@media only screen and (min-width: 768px) {
  .follow-youtube {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .follow-youtube {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .follow-youtube {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .follow-youtube {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .follow-youtube {
    margin-top: 6px;
  }
}
.follow-youtube div {
  margin: 7px 0 0 0!important;
  float: left!important;
}
.follow-youtube span {
  color: #a2a2a2;
  float: left;
  margin: 10px 5px 0 0;
  font-weight: 400;
}
.follow-youtube a {
  display: inline-block;
  margin-top: 10px;
  color: #444444;
}
.follow-youtube a:hover {
  color: #e03737;
}
.follow-youtube a.twitch-logo {
  height: 38.4px;
  max-width: 99%;
  width: 57.6px;
  display: inline-block;
  overflow: hidden;
  text-indent: -10000px;
  background: url("//img.weblogssl.com/g/r/svg/twitch-logo.svg?v=47");
  background-size: contain;
  background-repeat: no-repeat;
}
.home-video-stream-container {
  clear: both;
  background: #ececec;
  padding: 28px 0 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .home-video-stream-container {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-video-stream-container {
    margin-bottom: 28px;
  }
}
.post-slide-gallery {
  margin-top: 24px;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .post-slide-gallery {
    margin-top: 28px;
  }
}
.home-video-stream {
  margin-left: 16px;
  margin-right: 16px;
  overflow: hidden;
  margin-bottom: 0;
  /*	
	.elastislide-horizontal {
	
		ul {
		max-height: 200px!important;
		}
	
		.elastislide-list {
		margin: 0;
	
			li a {
		
		 		&:hover .sponsored span {
				color: @color-link-hover;
				}		
	 			.play-button-overlay {
//					.video-play-overlay(30px,162px,92px);
				}
				 img {
				 vertical-align:top;
				 display:inline-block;
				 border:2px solid transparent;
				 }
				 p {
				 clear:both;
				 width:152px;
				 white-space:normal;
				 
					 &.sponsored {
					 padding-top: 0;
					 
						 span {
						 .font-mini;
						 display:block;
						 font-size:12px;
						 color: #777;
						 background:#fff;
						 clear:both;
						 margin-left:-8px;
						 padding-left:8px;
						 margin-right:-2px;
						 position:relative;
						 padding-top:2px;
						 margin-bottom:6px;
						 
							 .corner-right-bottom {
							 background: url("@{img-common-path}sponsored-arrow-right-bottom.png?v=@{img-v}") no-repeat right bottom;
							 width:18px;
							 height:18px;
							 position:absolute;
							 right:4px;
							 top:-20px;
							 padding-bottom:0;
							}
						}
					}
				}
			}
		}
	}
	*/
}
@media only screen and (min-width: 768px) {
  .home-video-stream {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-video-stream {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
.home-video-stream h2 {
  display: inline;
  font-weight: lighter;
}
.home-video-stream h2 span {
  font-weight: 700;
}
.home-video-stream h2 span:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e613";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.home-video-stream h2 span:before:hover {
  text-decoration: none;
}
.home-video-stream h2 span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.home-video-stream h2 span:before,
.home-video-stream h2 span:after {
  margin: 0;
}
.home-video-stream .featured-video {
  display: block;
  margin: 0 auto;
  background: #fbfbfb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  width: auto;
  max-width: 644px;
  margin-bottom: 28px;
}
@media only screen and (min-width: 768px) {
  .home-video-stream .featured-video {
    float: left;
    width: calc(100% - 324px);
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .home-video-stream .featured-video {
    width: calc(100% - 348px);
  }
}
.home-video-stream .featured-video a {
  color: #444444;
  display: block;
  padding: 2px;
}
.home-video-stream .featured-video a:hover {
  color: #e03737;
}
.home-video-stream .featured-video a:hover .sponsored span {
  color: #e03737;
}
.home-video-stream .featured-video a:hover .featured-sponsor {
  color: #e03737;
}
.home-video-stream .featured-video a h3 {
  margin: 18px 12px 12px;
}
@media only screen and (min-width: 768px) {
  .home-video-stream .featured-video a h3 {
    margin: 21px 12px;
  }
}
.home-video-stream .featured-sponsor {
  margin-top: 0;
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
  display: block;
  font-weight: 400;
  background: #ffffff;
  position: relative;
  padding: 4px 0 0 10px;
  margin-bottom: 14px;
}
@media only screen and (min-width: 768px) {
  .home-video-stream .featured-sponsor {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-video-stream .featured-sponsor {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .home-video-stream .featured-sponsor {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-video-stream .featured-sponsor {
    line-height: 21px;
  }
}
.home-video-stream .featured-sponsor .corner-right-bottom {
  background: url("//img.weblogssl.com/g/r/svg/sponsored-arrow-right-bottom-big.png?v=47") no-repeat right bottom;
  width: 36px;
  height: 36px;
  position: absolute;
  right: -1px;
  top: -35px;
}
.home-video-stream .video-image-feature {
  position: relative;
  padding-bottom: 56%;
  overflow: hidden;
}
.home-video-stream .video-image-feature img {
  display: block;
  position: absolute;
  top: -17%;
  width: 100%;
  height: auto;
}
.home-video-stream .video-image-feature .play-button-overlay {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-video-stream .video-image-feature .play-button-overlay:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e613";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.home-video-stream .video-image-feature .play-button-overlay:before:hover {
  text-decoration: none;
}
.home-video-stream .video-image-feature .play-button-overlay:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.home-video-stream .video-image-feature .play-button-overlay:before,
.home-video-stream .video-image-feature .play-button-overlay:after {
  font-size: 90px;
  line-height: 1;
  vertical-align: text-bottom;
}
.home-video-stream .video-image-feature .play-button-overlay:before {
  display: inline-block;
  width: 90px;
  height: 90px;
  font-size: 90px;
  line-height: 99px;
  vertical-align: text-bottom;
  margin-left: auto;
  margin-right: auto;
}
.home-video-stream .video-image-feature .play-button-overlay:before {
  color: rgba(255, 255, 255, 0.6);
  border: 13.5px solid rgba(255, 255, 255, 0.6);
  border-radius: 90px;
  line-height: 90px;
  padding: 18px;
  text-indent: 8.1px;
}
.home-video-stream .elastislide-list {
  margin: 0;
}
.home-video-stream .elastislide-list li {
  display: inline-table;
  position: relative;
  vertical-align: top;
  margin-bottom: 8px;
  margin-right: 45px;
}
.home-video-stream .elastislide-list li a {
  display: block;
  color: #444444;
}
.home-video-stream .elastislide-list li a:hover {
  color: #e03737;
}
.home-video-stream .elastislide-list li a:hover {
  background: #fff;
}
.home-video-stream .elastislide-list li a .thumbnail {
  display: block;
}
.home-video-stream .elastislide-list li a img {
  display: block;
  vertical-align: top;
  max-width: 100%;
}
.home-video-stream .elastislide-list li a p {
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  padding: 9px 8px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fbfbfb;
  white-space: normal;
}
@media only screen and (min-width: 768px) {
  .home-video-stream .elastislide-list li a p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .home-video-stream .elastislide-list li a p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .home-video-stream .elastislide-list li a p {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-video-stream .elastislide-list li a p {
    line-height: 16.8px;
  }
}
.home-video-stream .elastislide-list li a:hover img {
  opacity: 0.9;
}
.home-video-stream .vertical-container {
  height: 500px;
  overflow: hidden;
  margin: 24px auto 0;
  width: 300px;
}
@media only screen and (min-width: 768px) {
  .home-video-stream .vertical-container {
    margin-top: -20px;
    padding-top: 20px;
    margin-left: 24px;
    float: right;
    clear: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .home-video-stream .vertical-container {
    margin-left: 48px;
  }
}
.home-video-stream .vertical-container .elastislide-list li {
  max-width: 309px !important;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1024px) {
  .home-video-stream .vertical-container .elastislide-list li {
    margin-right: 0;
    margin-left: 0;
  }
}
.home-video-stream .vertical-container .elastislide-list li a {
  display: inline-block;
  background: #fbfbfb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.home-video-stream .vertical-container .elastislide-list li a .thumbnail {
  display: inline-block;
  float: left;
  margin-bottom: 0;
  max-height: 96px;
  max-width: 160px;
  overflow: hidden;
}
.home-video-stream .vertical-container .elastislide-list li a img {
  display: inline-block;
  vertical-align: top;
  max-height: 200px;
  max-width: 100%;
}
.home-video-stream .vertical-container .elastislide-list li a p {
  margin: 12px 8px 0 167px;
  position: static;
  background: transparent;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .home-video-stream .vertical-container .elastislide-list li a p {
    margin-top: 7px;
  }
}
.home-video-stream .elastislide-vertical {
  max-width: 309px!important;
  height: 495px!important;
}
.home-video-stream .elastislide-vertical ul {
  height: 462px!important;
}
.home-video-stream .elastislide-vertical .elastislide-list li .sponsored span {
  color: #e03737;
}
.home-video-stream .elastislide-vertical .elastislide-list p.sponsored {
  margin-top: 0;
}
.home-video-stream .elastislide-vertical .elastislide-list p.sponsored span {
  display: block;
  font-size: 12px;
  color: #777;
  background: #fff;
  position: relative;
  margin-left: -10px;
  padding-left: 10px;
  margin-bottom: 8px;
}
.home-video-stream .elastislide-vertical .elastislide-list p.sponsored span .corner-right-bottom {
  background: url("//img.weblogssl.com/g/r/svg/sponsored-arrow-left-top.png?v=47") no-repeat left top;
  width: 18px;
  height: 18px;
  position: absolute;
  left: -8px;
  top: 1px;
}
/*
.elastislide-vertical nav span.elastislide-next,
.elastislide-vertical nav span.elastislide-prev {
background: @color-link;
color: @white;
cursor: pointer;
position: absolute;
left: 136px;
top: -16px;

	&:hover {
	background: #fff;
	}
}
.elastislide-vertical nav span.elastislide-next {
.btn-icon(@icon-arrow-down,@icon-size-big,@tap-size);
top: auto;
bottom: 16px;
line-height: 52px;
	
	&:before {
	}
}
.elastislide-vertical nav span.elastislide-prev {
.btn-icon(@icon-arrow-up,@icon-size-big,@tap-size);

	&:before {
	margin-left: 6px;
	}
}
*/
.elastislide-horizontal nav span,
.elastislide-vertical nav span {
  background: #5c9124;
  box-shadow: none;
  border-radius: 100px;
  color: #fff;
  font-size: 40px;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  top: 22px;
}
.elastislide-horizontal nav span:hover,
.elastislide-vertical nav span:hover {
  background: #e03737;
}
.elastislide-vertical nav span.elastislide-next {
  top: auto;
  bottom: 32px;
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.elastislide-vertical nav span.elastislide-next:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e624";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.elastislide-vertical nav span.elastislide-next:before:hover {
  text-decoration: none;
}
.elastislide-vertical nav span.elastislide-next:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.elastislide-vertical nav span.elastislide-next:before,
.elastislide-vertical nav span.elastislide-next:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.elastislide-vertical 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-vertical nav span.elastislide-next:before,
.elastislide-vertical nav span.elastislide-next:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
.elastislide-vertical nav span.elastislide-prev {
  top: 0;
  left: 0;
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
.elastislide-vertical nav span.elastislide-prev:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e625";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.elastislide-vertical nav span.elastislide-prev:before:hover {
  text-decoration: none;
}
.elastislide-vertical nav span.elastislide-prev:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.elastislide-vertical nav span.elastislide-prev:before,
.elastislide-vertical nav span.elastislide-prev:after {
  font-size: 32px;
  line-height: 1;
  vertical-align: text-bottom;
}
.elastislide-vertical 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-vertical nav span.elastislide-prev:before,
.elastislide-vertical nav span.elastislide-prev:after {
  line-height: 28.8px;
  margin: 0 8px;
  vertical-align: middle;
}
.elastislide-vertical nav span.elastislide-next,
.elastislide-vertical nav span.elastislide-prev {
  background: #5c9124;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  width: 100%;
  background: #ddd;
  color: #444444;
  border-radius: 0;
  font-size: 10px;
}
.elastislide-vertical nav span.elastislide-next:hover,
.elastislide-vertical nav span.elastislide-prev:hover {
  background: #fff;
  color: #e03737;
}
.elastislide-vertical nav span.elastislide-next:before,
.elastislide-vertical nav span.elastislide-prev:before {
  display: block;
  width: 100%;
  line-height: 48px;
  margin: 0 auto 48px;
}
.elastislide-wrapper.elastislide-vertical {
  margin: 0;
}
.video-light-box-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
  top: 8px;
  right: 8px;
}
.ui-dialog-titlebar-close:hover {
  background-color: #f4f4f4;
  color: #444444;
}
.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 {
  width: auto !important;
  max-width: 85% !important;
  background: #ddd;
  padding: 4px;
}
@media only screen and (min-width: 1360px) {
  .video-light-box {
    max-width: 1000px !important;
  }
}
.video-light-box .ui-widget-content {
  width: auto !important;
  height: 0 !important;
  padding-bottom: 56.5%;
  position: relative;
  overflow: hidden;
}
.video-light-box .ui-widget-content embed,
.video-light-box .ui-widget-content iframe,
.video-light-box .ui-widget-content object,
.video-light-box .ui-widget-content video {
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
}
.video-light-box .ui-widget-header {
  background: none;
  border: none;
  color: #444444;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .video-light-box .ui-widget-header {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .video-light-box .ui-widget-header {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .video-light-box .ui-widget-header {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .video-light-box .ui-widget-header {
    line-height: 21px;
  }
}
.video-light-box .ui-icon-closethick {
  display: none;
}
.video-light-box .ui-dialog-titlebar {
  padding: 14px 0 14px 12px;
  margin-right: 24px;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .video-light-box .ui-dialog-titlebar {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .video-light-box .ui-dialog-titlebar {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .video-light-box .ui-dialog-titlebar {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .video-light-box .ui-dialog-titlebar {
    line-height: 21px;
  }
}
.video-light-box .ui-dialog-titlebar .ui-dialog-title {
  float: none;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .video-light-box .ui-dialog-titlebar .ui-dialog-title {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .video-light-box .ui-dialog-titlebar .ui-dialog-title {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .video-light-box .ui-dialog-titlebar .ui-dialog-title {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .video-light-box .ui-dialog-titlebar .ui-dialog-title {
    line-height: 16.8px;
  }
}
.video-light-box .ui-dialog-titlebar .ui-dialog-title a {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .video-light-box .ui-dialog-titlebar .ui-dialog-title a {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .video-light-box .ui-dialog-titlebar .ui-dialog-title a {
    font-size: 19px;
    line-height: 28px;
  }
}
.video-light-box .ui-dialog-titlebar .ui-dialog-title .sponsored-logo-image {
  max-width: 240px;
  min-height: 35px;
  max-height: 50px;
  overflow: hidden;
  float: right;
  margin-right: 80px;
}
.video-light-box .ui-dialog-titlebar .ui-dialog-title .sponsored-logo-image img {
  height: auto;
  width: auto;
  max-height: 50px;
  max-width: 240px;
}
.video-light-box .ui-button:hover .ui-button-text {
  color: #e03737;
  text-decoration: none!important;
}
.video-light-box {
  overflow: visible;
  width: 90%;
  max-width: 1000px;
}
.video-light-box .lightbox-controls {
  position: relative;
}
.video-light-box .lightbox-controls a {
  background-color: #5c9124;
  color: #fff;
  position: absolute;
  left: -56px;
  top: 150px;
  width: 40px;
  height: 88px;
  border-radius: 4px 0 0 4px;
  text-align: center;
  cursor: pointer;
}
.video-light-box .lightbox-controls a:hover {
  background-color: #e03737;
}
@media only screen and (min-width: 1024px) {
  .video-light-box .lightbox-controls a {
    top: 250px;
  }
}
.video-light-box .lightbox-controls a.lightbox-button-next {
  left: auto;
  right: -68px;
  border-radius: 0 4px 4px 0;
}
.video-light-box .lightbox-controls a span {
  width: 40px;
  height: 88px;
  line-height: 80px;
  text-indent: 0;
  font-size: 50px;
  text-align: center;
}
/* Added for longform listings */
.article-longform .article-disclaimer {
  color: #666;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.article-longform .article-disclaimer strong {
  font-weight: normal;
}
.article-longform .figure {
  position: relative;
}
.article-longform .figure .article-header {
  position: absolute;
  width: 462px;
  padding: 130px 88px 0 100px;
  top: 0;
  left: 0;
  z-index: 99999;
  text-align: left;
  height: 350px;
}
.article-longform .figure .article-header a {
  color: #fff;
  vertical-align: middle;
}
.article-longform .figure .article-header a:hover {
  color: #fff!important;
}
/* styles for esports video modules */
.post-slide-gallery .video-rows-container li {
  margin-bottom: 24px;
  background: #fbfbfb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
  .post-slide-gallery .video-rows-container li {
    width: 30%;
    margin-left: 3%;
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 1024px) {
  .post-slide-gallery .video-rows-container li {
    width: 31%;
  }
}
.post-slide-gallery .video-rows-container li:nth-child(3n+1) {
  margin-left: 0;
}
.post-slide-gallery .video-rows-container li a {
  color: #444444;
}
.post-slide-gallery .video-rows-container li a:hover {
  color: #e03737;
}
.post-slide-gallery .video-rows-container li a h4 {
  padding: 12px 6px 6px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .post-slide-gallery .video-rows-container li a h4 {
    margin: 14px 6px;
    height: 56px;
    overflow: hidden;
    padding: 0;
  }
}
.post-slide-gallery .video-rows-container li a:hover .play-button-overlay:before {
  border: 13.5px solid #ffffff;
  color: #ffffff;
}
/* overlay for video and contact lightbox */
.lightbox-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
/* Favicons less */
@font-face {
  font-family: 'favicons';
  src: url('https://img.weblogssl.com/g/r/icons/favicons.eot?413ker&v=7');
  src: url('https://img.weblogssl.com/g/r/icons/favicons.eot?#iefix413ker&v=7') format('embedded-opentype'), url('https://img.weblogssl.com/g/r/icons/favicons.woff?413ker&v=7') format('woff'), url('https://img.weblogssl.com/g/r/icons/favicons.ttf?413ker&v=7') format('truetype'), url('https://img.weblogssl.com/g/r/icons/favicons.svg?413ker#favicons&v=7') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*Above are for svn and below are for local*/
/*@font-face {
	font-family: 'favicons';
	src: url('fonts/favicons.eot?-hdatlq');
	src: url('fonts/favicons.eot?#iefix-hdatlq') format('embedded-opentype'),  url('fonts/favicons.ttf?-hdatlq') format('truetype'),  url('fonts/favicons.woff?-hdatlq') format('woff'),  url('fonts/favicons.svg?-hdatlq#favicons') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/* Basic method */
/* Layouts */
.favicon-nomargin:before,
.favicon-nomargin:after {
  margin: 0;
}
.favicon-faded:before,
.favicon-faded:after {
  opacity: 0.4;
}
.favicon-inline:before,
.favicon-inline:after {
  display: inline-block;
}
.favicon-block:before,
.favicon-block:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.favicon-remove:before,
.favicon-remove:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
  width: 0;
}
.favicon-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);
  }
}
/* Favicons classes */
.head-favicons-list .tec-xataka:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61d";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xataka:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xataka:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakamovil:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61e";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakamovil:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakamovil:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakafoto:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61c";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakafoto:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakafoto:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakandroid:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61a";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakandroid:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakandroid:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakahome:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e619";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakahome:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakahome:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakawindows:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61f";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakawindows:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakawindows:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakaciencia:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61b";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakaciencia:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakaciencia:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakamexico:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakamexico:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakamexico:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakandroidmexico:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakandroidmexico:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakandroidmexico:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakacolombia:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakacolombia:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakacolombia:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-applesfera:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e601";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-applesfera:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-applesfera:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-vidaextra:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e616";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-vidaextra:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-vidaextra:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-vidaextramexico:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-vidaextramexico:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-vidaextramexico:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-genbeta:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60a";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-genbeta:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-genbeta:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-genbetadev:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e609";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-genbetadev:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-genbetadev:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-magnet:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60b";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-magnet:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-magnet:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-compradiccion:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e900";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-compradiccion:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-compradiccion:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .tec-xatakaesports:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e901";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .tec-xatakaesports:before:hover {
  text-decoration: none;
}
.head-favicons-list .tec-xatakaesports:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-trendencias:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e613";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-trendencias:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-trendencias:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-trendenciasbelleza:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e612";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-trendenciasbelleza:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-trendenciasbelleza:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-trendenciashombre:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e614";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-trendenciashombre:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-trendenciashombre:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-trendenciashombremexico:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-trendenciashombremexico:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-trendenciashombremexico:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-trendenciaslifestyle:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e615";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-trendenciaslifestyle:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-trendenciaslifestyle:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-directoalpaladar:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e604";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-directoalpaladar:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-directoalpaladar:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-directoalpaladarmexico:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-directoalpaladarmexico:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-directoalpaladarmexico:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-bebesymas:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e603";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-bebesymas:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-bebesymas:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-vitonica:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e617";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-vitonica:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-vitonica:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-vitonicamexico:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-vitonicamexico:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-vitonicamexico:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-decoesfera:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e606";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-decoesfera:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-decoesfera:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-embelezzia:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e608";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-embelezzia:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-embelezzia:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .est-poprosa:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e610";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .est-poprosa:before:hover {
  text-decoration: none;
}
.head-favicons-list .est-poprosa:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .mot-motorpasion:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60e";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .mot-motorpasion:before:hover {
  text-decoration: none;
}
.head-favicons-list .mot-motorpasion:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .mot-motorpasionmexico:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .mot-motorpasionmexico:before:hover {
  text-decoration: none;
}
.head-favicons-list .mot-motorpasionmexico:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .mot-motorpasionmoto:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60d";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .mot-motorpasionmoto:before:hover {
  text-decoration: none;
}
.head-favicons-list .mot-motorpasionmoto:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .mot-motorpasionfuturo:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60c";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .mot-motorpasionfuturo:before:hover {
  text-decoration: none;
}
.head-favicons-list .mot-motorpasionfuturo:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .oci-blogdecine:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e602";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .oci-blogdecine:before:hover {
  text-decoration: none;
}
.head-favicons-list .oci-blogdecine:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .oci-vayatele:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e618";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .oci-vayatele:before:hover {
  text-decoration: none;
}
.head-favicons-list .oci-vayatele:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .oci-diariodelviajero:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e605";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .oci-diariodelviajero:before:hover {
  text-decoration: none;
}
.head-favicons-list .oci-diariodelviajero:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .oci-papelenblanco:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60f";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .oci-papelenblanco:before:hover {
  text-decoration: none;
}
.head-favicons-list .oci-papelenblanco:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .eco-elblogsalmon:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e607";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .eco-elblogsalmon:before:hover {
  text-decoration: none;
}
.head-favicons-list .eco-elblogsalmon:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .eco-pymesyautonomos:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e611";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .eco-pymesyautonomos:before:hover {
  text-decoration: none;
}
.head-favicons-list .eco-pymesyautonomos:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-list .eco-ahorrodiario:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.head-favicons-list .eco-ahorrodiario:before:hover {
  text-decoration: none;
}
.head-favicons-list .eco-ahorrodiario:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xataka span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61d";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xataka span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xataka span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakamovil span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61e";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakamovil span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakamovil span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakafoto span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61c";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakafoto span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakafoto span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakandroid span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61a";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakandroid span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakandroid span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakahome span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e619";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakahome span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakahome span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakawindows span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61f";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakawindows span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakawindows span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakaciencia span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e61b";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakaciencia span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakaciencia span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakamexico span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakamexico span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakamexico span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakandroidmexico span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakandroidmexico span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakandroidmexico span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakacolombia span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakacolombia span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakacolombia span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-applesfera span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e601";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-applesfera span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-applesfera span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-vidaextra span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e616";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-vidaextra span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-vidaextra span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-vidaextramexico span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-vidaextramexico span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-vidaextramexico span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-genbeta span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60a";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-genbeta span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-genbeta span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-genbetadev span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e609";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-genbetadev span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-genbetadev span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-magnet span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60b";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-magnet span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-magnet span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-compradiccion span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e900";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-compradiccion span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-compradiccion span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .tec-xatakaesports span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e901";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .tec-xatakaesports span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .tec-xatakaesports span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-trendencias span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e613";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-trendencias span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-trendencias span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-trendenciasbelleza span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e612";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-trendenciasbelleza span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-trendenciasbelleza span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-trendenciashombre span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e614";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-trendenciashombre span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-trendenciashombre span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-trendenciashombremexico span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-trendenciashombremexico span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-trendenciashombremexico span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-trendenciaslifestyle span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e615";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-trendenciaslifestyle span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-trendenciaslifestyle span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-directoalpaladar span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e604";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-directoalpaladar span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-directoalpaladar span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-directoalpaladarmexico span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-directoalpaladarmexico span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-directoalpaladarmexico span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-bebesymas span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e603";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-bebesymas span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-bebesymas span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-vitonica span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e617";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-vitonica span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-vitonica span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-vitonicamexico span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-vitonicamexico span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-vitonicamexico span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-decoesfera span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e606";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-decoesfera span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-decoesfera span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-embelezzia span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e608";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-embelezzia span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-embelezzia span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .est-poprosa span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e610";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .est-poprosa span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .est-poprosa span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .mot-motorpasion span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60e";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .mot-motorpasion span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .mot-motorpasion span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .mot-motorpasionmexico span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .mot-motorpasionmexico span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .mot-motorpasionmexico span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .mot-motorpasionmoto span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60d";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .mot-motorpasionmoto span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .mot-motorpasionmoto span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .mot-motorpasionfuturo span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60c";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .mot-motorpasionfuturo span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .mot-motorpasionfuturo span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .oci-blogdecine span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e602";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .oci-blogdecine span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .oci-blogdecine span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .oci-vayatele span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e618";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .oci-vayatele span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .oci-vayatele span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .oci-diariodelviajero span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e605";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .oci-diariodelviajero span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .oci-diariodelviajero span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .oci-papelenblanco span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e60f";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .oci-papelenblanco span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .oci-papelenblanco span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .eco-elblogsalmon span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e607";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .eco-elblogsalmon span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .eco-elblogsalmon span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .eco-pymesyautonomos span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e611";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .eco-pymesyautonomos span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .eco-pymesyautonomos span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.favicons-expanded-inner .eco-ahorrodiario span:before {
  font-size: 12px;
  font-family: favicons;
  content: "\e600";
  font-style: normal;
  vertical-align: middle;
  margin-right: 0.5em;
}
.favicons-expanded-inner .eco-ahorrodiario span:before:hover {
  text-decoration: none;
}
.favicons-expanded-inner .eco-ahorrodiario span:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
/* hover for both head bar and expanded */
.head-favicons-index {
  padding: 0;
}
.head-favicons-index:after {
  display: none;
}
.head-favicons-index a {
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}
.head-favicons-index a: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 a:after:hover {
  text-decoration: none;
}
.head-favicons-index a:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-index a:hover,
.head-favicons-index a.is-opened:hover {
  background: #5c9124;
  color: #fff;
}
.head-favicons-index a.is-opened,
.head-favicons-index a.is-visible {
  background: #222;
  color: #fff;
}
.head-favicons-index a.is-opened:after,
.head-favicons-index a.is-visible:after {
  font-size: 16px;
  font-family: icons-min;
  content: "\e60b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.head-favicons-index a.is-opened:after:hover,
.head-favicons-index a.is-visible:after:hover {
  text-decoration: none;
}
.head-favicons-index a.is-opened:before,
.head-favicons-index a.is-visible:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.head-favicons-index a.is-visible {
  background: #111;
}
.head-favicons-index a.is-visible:hover {
  background: #333;
}
.head-favicons-container .favicon-current {
  color: #fff;
}
.head-favicons-list a:hover.oci-papelenblanco,
.head-favicons-list .favicon-current.oci-papelenblanco,
.favicons-expanded-container .favicons-expanded .favicons-expanded-inner li a:hover.oci-papelenblanco,
.head-favicons-list a:hover.eco-elblogsalmon,
.head-favicons-list .favicon-current.eco-elblogsalmon,
.favicons-expanded-container .favicons-expanded .favicons-expanded-inner li a:hover.eco-elblogsalmon {
  color: #333;
}
.head-favicons-list a.tec-xataka.favicon-current,
.favicons-expanded-inner a.tec-xataka.favicon-current,
.head-favicons-list a.tec-xataka:hover,
.favicons-expanded-inner a.tec-xataka:hover,
.head-favicons-list a.tec-xataka:hover span,
.favicons-expanded-inner a.tec-xataka:hover span,
.head-favicons-list a.tec-xatakamexico.favicon-current,
.favicons-expanded-inner a.tec-xatakamexico.favicon-current,
.head-favicons-list a.tec-xatakamexico:hover,
.favicons-expanded-inner a.tec-xatakamexico:hover,
.head-favicons-list a.tec-xatakamexico:hover span,
.favicons-expanded-inner a.tec-xatakamexico:hover span,
.head-favicons-list a.tec-xatakacolombia.favicon-current,
.favicons-expanded-inner a.tec-xatakacolombia.favicon-current,
.head-favicons-list a.tec-xatakacolombia:hover,
.favicons-expanded-inner a.tec-xatakacolombia:hover,
.head-favicons-list a.tec-xatakacolombia:hover span,
.favicons-expanded-inner a.tec-xatakacolombia:hover span {
  background: #649f1d;
}
.head-favicons-list a.tec-xatakamovil.favicon-current,
.favicons-expanded-inner a.tec-xatakamovil.favicon-current,
.head-favicons-list a.tec-xatakamovil:hover,
.favicons-expanded-inner a.tec-xatakamovil:hover,
.head-favicons-list a.tec-xatakamovil:hover span,
.favicons-expanded-inner a.tec-xatakamovil:hover span {
  background: #286f14;
}
.head-favicons-list a.tec-xatakafoto.favicon-current,
.favicons-expanded-inner a.tec-xatakafoto.favicon-current,
.head-favicons-list a.tec-xatakafoto:hover,
.favicons-expanded-inner a.tec-xatakafoto:hover,
.head-favicons-list a.tec-xatakafoto:hover span,
.favicons-expanded-inner a.tec-xatakafoto:hover span {
  background: #333333;
}
.head-favicons-list a.tec-xatakandroid.favicon-current,
.favicons-expanded-inner a.tec-xatakandroid.favicon-current,
.head-favicons-list a.tec-xatakandroid:hover,
.favicons-expanded-inner a.tec-xatakandroid:hover,
.head-favicons-list a.tec-xatakandroid:hover span,
.favicons-expanded-inner a.tec-xatakandroid:hover span,
.head-favicons-list a.tec-xatakandroidmexico.favicon-current,
.favicons-expanded-inner a.tec-xatakandroidmexico.favicon-current,
.head-favicons-list a.tec-xatakandroidmexico:hover,
.favicons-expanded-inner a.tec-xatakandroidmexico:hover,
.head-favicons-list a.tec-xatakandroidmexico:hover span,
.favicons-expanded-inner a.tec-xatakandroidmexico:hover span {
  background: #a4c739;
}
.head-favicons-list a.tec-xatakahome.favicon-current,
.favicons-expanded-inner a.tec-xatakahome.favicon-current,
.head-favicons-list a.tec-xatakahome:hover,
.favicons-expanded-inner a.tec-xatakahome:hover,
.head-favicons-list a.tec-xatakahome:hover span,
.favicons-expanded-inner a.tec-xatakahome:hover span {
  background: #2f5083;
}
.head-favicons-list a.tec-xatakawindows.favicon-current,
.favicons-expanded-inner a.tec-xatakawindows.favicon-current,
.head-favicons-list a.tec-xatakawindows:hover,
.favicons-expanded-inner a.tec-xatakawindows:hover,
.head-favicons-list a.tec-xatakawindows:hover span,
.favicons-expanded-inner a.tec-xatakawindows:hover span {
  background: #0f6d39;
}
.head-favicons-list a.tec-xatakaciencia.favicon-current,
.favicons-expanded-inner a.tec-xatakaciencia.favicon-current,
.head-favicons-list a.tec-xatakaciencia:hover,
.favicons-expanded-inner a.tec-xatakaciencia:hover,
.head-favicons-list a.tec-xatakaciencia:hover span,
.favicons-expanded-inner a.tec-xatakaciencia:hover span {
  background: #53a7a7;
}
.head-favicons-list a.tec-applesfera.favicon-current,
.favicons-expanded-inner a.tec-applesfera.favicon-current,
.head-favicons-list a.tec-applesfera:hover,
.favicons-expanded-inner a.tec-applesfera:hover,
.head-favicons-list a.tec-applesfera:hover span,
.favicons-expanded-inner a.tec-applesfera:hover span {
  background: #2f296f;
}
.head-favicons-list a.tec-vidaextra.favicon-current,
.favicons-expanded-inner a.tec-vidaextra.favicon-current,
.head-favicons-list a.tec-vidaextra:hover,
.favicons-expanded-inner a.tec-vidaextra:hover,
.head-favicons-list a.tec-vidaextra:hover span,
.favicons-expanded-inner a.tec-vidaextra:hover span,
.head-favicons-list a.tec-vidaextramexico.favicon-current,
.favicons-expanded-inner a.tec-vidaextramexico.favicon-current,
.head-favicons-list a.tec-vidaextramexico:hover,
.favicons-expanded-inner a.tec-vidaextramexico:hover,
.head-favicons-list a.tec-vidaextramexico:hover span,
.favicons-expanded-inner a.tec-vidaextramexico:hover span {
  background: #1680c6;
}
.head-favicons-list a.tec-genbeta.favicon-current,
.favicons-expanded-inner a.tec-genbeta.favicon-current,
.head-favicons-list a.tec-genbeta:hover,
.favicons-expanded-inner a.tec-genbeta:hover,
.head-favicons-list a.tec-genbeta:hover span,
.favicons-expanded-inner a.tec-genbeta:hover span {
  background: #00407f;
}
.head-favicons-list a.tec-genbetadev.favicon-current,
.favicons-expanded-inner a.tec-genbetadev.favicon-current,
.head-favicons-list a.tec-genbetadev:hover,
.favicons-expanded-inner a.tec-genbetadev:hover,
.head-favicons-list a.tec-genbetadev:hover span,
.favicons-expanded-inner a.tec-genbetadev:hover span {
  background: #94c6eb;
}
.head-favicons-list a.tec-magnet.favicon-current,
.favicons-expanded-inner a.tec-magnet.favicon-current,
.head-favicons-list a.tec-magnet:hover,
.favicons-expanded-inner a.tec-magnet:hover,
.head-favicons-list a.tec-magnet:hover span,
.favicons-expanded-inner a.tec-magnet:hover span {
  background: #67acd7;
}
.head-favicons-list a.tec-compradiccion.favicon-current,
.favicons-expanded-inner a.tec-compradiccion.favicon-current,
.head-favicons-list a.tec-compradiccion:hover,
.favicons-expanded-inner a.tec-compradiccion:hover,
.head-favicons-list a.tec-compradiccion:hover span,
.favicons-expanded-inner a.tec-compradiccion:hover span {
  background: #4a9e72;
}
.head-favicons-list a.tec-xatakaesports.favicon-current,
.favicons-expanded-inner a.tec-xatakaesports.favicon-current,
.head-favicons-list a.tec-xatakaesports:hover,
.favicons-expanded-inner a.tec-xatakaesports:hover,
.head-favicons-list a.tec-xatakaesports:hover span,
.favicons-expanded-inner a.tec-xatakaesports:hover span {
  background: #364242;
}
.head-favicons-list a.est-trendencias.favicon-current,
.favicons-expanded-inner a.est-trendencias.favicon-current,
.head-favicons-list a.est-trendencias:hover,
.favicons-expanded-inner a.est-trendencias:hover,
.head-favicons-list a.est-trendencias:hover span,
.favicons-expanded-inner a.est-trendencias:hover span {
  background: #000000;
}
.head-favicons-list a.est-trendenciasbelleza.favicon-current,
.favicons-expanded-inner a.est-trendenciasbelleza.favicon-current,
.head-favicons-list a.est-trendenciasbelleza:hover,
.favicons-expanded-inner a.est-trendenciasbelleza:hover,
.head-favicons-list a.est-trendenciasbelleza:hover span,
.favicons-expanded-inner a.est-trendenciasbelleza:hover span {
  background: #927897;
}
.head-favicons-list a.est-trendenciashombre.favicon-current,
.favicons-expanded-inner a.est-trendenciashombre.favicon-current,
.head-favicons-list a.est-trendenciashombre:hover,
.favicons-expanded-inner a.est-trendenciashombre:hover,
.head-favicons-list a.est-trendenciashombre:hover span,
.favicons-expanded-inner a.est-trendenciashombre:hover span,
.head-favicons-list a.est-trendenciashombremexico.favicon-current,
.favicons-expanded-inner a.est-trendenciashombremexico.favicon-current,
.head-favicons-list a.est-trendenciashombremexico:hover,
.favicons-expanded-inner a.est-trendenciashombremexico:hover,
.head-favicons-list a.est-trendenciashombremexico:hover span,
.favicons-expanded-inner a.est-trendenciashombremexico:hover span {
  background: #1f4478;
}
.head-favicons-list a.est-trendenciaslifestyle.favicon-current,
.favicons-expanded-inner a.est-trendenciaslifestyle.favicon-current,
.head-favicons-list a.est-trendenciaslifestyle:hover,
.favicons-expanded-inner a.est-trendenciaslifestyle:hover,
.head-favicons-list a.est-trendenciaslifestyle:hover span,
.favicons-expanded-inner a.est-trendenciaslifestyle:hover span {
  background: #819f77;
}
.head-favicons-list a.est-directoalpaladar:hover,
.favicons-expanded-inner a.est-directoalpaladar:hover,
.head-favicons-list a.est-directoalpaladar:hover,
.favicons-expanded-inner a.est-directoalpaladar:hover,
.head-favicons-list a.est-directoalpaladar:hover span,
.favicons-expanded-inner a.est-directoalpaladar:hover span,
.head-favicons-list a.est-directoalpaladarmexico.favicon-current,
.favicons-expanded-inner a.est-directoalpaladarmexico.favicon-current,
.head-favicons-list a.est-directoalpaladarmexico:hover,
.favicons-expanded-inner a.est-directoalpaladarmexico:hover,
.head-favicons-list a.est-directoalpaladarmexico:hover span,
.favicons-expanded-inner a.est-directoalpaladarmexico:hover span {
  background: #8f0013;
}
.head-favicons-list a.est-bebesymas.favicon-current,
.favicons-expanded-inner a.est-bebesymas.favicon-current,
.head-favicons-list a.est-bebesymas:hover,
.favicons-expanded-inner a.est-bebesymas:hover,
.head-favicons-list a.est-bebesymas:hover span,
.favicons-expanded-inner a.est-bebesymas:hover span {
  background: #bf8fab;
}
.head-favicons-list a.est-vitonica.favicon-current,
.favicons-expanded-inner a.est-vitonica.favicon-current,
.head-favicons-list a.est-vitonica:hover,
.favicons-expanded-inner a.est-vitonica:hover,
.head-favicons-list a.est-vitonica:hover span,
.favicons-expanded-inner a.est-vitonica:hover span,
.head-favicons-list a.est-vitonicamexico.favicon-current,
.favicons-expanded-inner a.est-vitonicamexico.favicon-current,
.head-favicons-list a.est-vitonicamexico:hover,
.favicons-expanded-inner a.est-vitonicamexico:hover,
.head-favicons-list a.est-vitonicamexico:hover span,
.favicons-expanded-inner a.est-vitonicamexico:hover span {
  background: #2068af;
}
.head-favicons-list a.est-decoesfera.favicon-current,
.favicons-expanded-inner a.est-decoesfera.favicon-current,
.head-favicons-list a.est-decoesfera:hover,
.favicons-expanded-inner a.est-decoesfera:hover,
.head-favicons-list a.est-decoesfera:hover span,
.favicons-expanded-inner a.est-decoesfera:hover span {
  background: #45b0df;
}
.head-favicons-list a.est-embelezzia.favicon-current,
.favicons-expanded-inner a.est-embelezzia.favicon-current,
.head-favicons-list a.est-embelezzia:hover,
.favicons-expanded-inner a.est-embelezzia:hover,
.head-favicons-list a.est-embelezzia:hover span,
.favicons-expanded-inner a.est-embelezzia:hover span {
  background: #164dc5;
}
.head-favicons-list a.est-poprosa.favicon-current,
.favicons-expanded-inner a.est-poprosa.favicon-current,
.head-favicons-list a.est-poprosa:hover,
.favicons-expanded-inner a.est-poprosa:hover,
.head-favicons-list a.est-poprosa:hover span,
.favicons-expanded-inner a.est-poprosa:hover span {
  background: #df69b0;
}
.head-favicons-list a.mot-motorpasion.favicon-current,
.favicons-expanded-inner a.mot-motorpasion.favicon-current,
.head-favicons-list a.mot-motorpasion:hover,
.favicons-expanded-inner a.mot-motorpasion:hover,
.head-favicons-list a.mot-motorpasion:hover span,
.favicons-expanded-inner a.mot-motorpasion:hover span,
.head-favicons-list a.mot-motorpasionmexico.favicon-current,
.favicons-expanded-inner a.mot-motorpasionmexico.favicon-current,
.head-favicons-list a.mot-motorpasionmexico:hover,
.favicons-expanded-inner a.mot-motorpasionmexico:hover,
.head-favicons-list a.mot-motorpasionmexico:hover span,
.favicons-expanded-inner a.mot-motorpasionmexico:hover span {
  background: #980000;
}
.head-favicons-list a.mot-motorpasionmoto.favicon-current,
.favicons-expanded-inner a.mot-motorpasionmoto.favicon-current,
.head-favicons-list a.mot-motorpasionmoto:hover,
.favicons-expanded-inner a.mot-motorpasionmoto:hover,
.head-favicons-list a.mot-motorpasionmoto:hover span,
.favicons-expanded-inner a.mot-motorpasionmoto:hover span {
  background: #fd7800;
}
.head-favicons-list a.mot-motorpasionfuturo.favicon-current,
.favicons-expanded-inner a.mot-motorpasionfuturo.favicon-current,
.head-favicons-list a.mot-motorpasionfuturo:hover,
.favicons-expanded-inner a.mot-motorpasionfuturo:hover,
.head-favicons-list a.mot-motorpasionfuturo:hover span,
.favicons-expanded-inner a.mot-motorpasionfuturo:hover span {
  background: #048fbd;
}
.head-favicons-list a.oci-blogdecine.favicon-current,
.favicons-expanded-inner a.oci-blogdecine.favicon-current,
.head-favicons-list a.oci-blogdecine:hover,
.favicons-expanded-inner a.oci-blogdecine:hover,
.head-favicons-list a.oci-blogdecine:hover span,
.favicons-expanded-inner a.oci-blogdecine:hover span {
  background: #2e4f1d;
}
.head-favicons-list a.oci-vayatele.favicon-current,
.favicons-expanded-inner a.oci-vayatele.favicon-current,
.head-favicons-list a.oci-vayatele:hover,
.favicons-expanded-inner a.oci-vayatele:hover,
.head-favicons-list a.oci-vayatele:hover span,
.favicons-expanded-inner a.oci-vayatele:hover span {
  background: #fa5c01;
}
.head-favicons-list a.oci-diariodelviajero.favicon-current,
.favicons-expanded-inner a.oci-diariodelviajero.favicon-current,
.head-favicons-list a.oci-diariodelviajero:hover,
.favicons-expanded-inner a.oci-diariodelviajero:hover,
.head-favicons-list a.oci-diariodelviajero:hover span,
.favicons-expanded-inner a.oci-diariodelviajero:hover span {
  background: #269fcf;
}
.head-favicons-list a.oci-papelenblanco.favicon-current,
.favicons-expanded-inner a.oci-papelenblanco.favicon-current,
.head-favicons-list a.oci-papelenblanco:hover,
.favicons-expanded-inner a.oci-papelenblanco:hover,
.head-favicons-list a.oci-papelenblanco:hover span,
.favicons-expanded-inner a.oci-papelenblanco:hover span {
  background: #efd6b3;
}
.head-favicons-list a.eco-elblogsalmon.favicon-current,
.favicons-expanded-inner a.eco-elblogsalmon.favicon-current,
.head-favicons-list a.eco-elblogsalmon:hover,
.favicons-expanded-inner a.eco-elblogsalmon:hover,
.head-favicons-list a.eco-elblogsalmon:hover span,
.favicons-expanded-inner a.eco-elblogsalmon:hover span {
  background: #ffd8af;
}
.head-favicons-list a.eco-pymesyautonomos.favicon-current,
.favicons-expanded-inner a.eco-pymesyautonomos.favicon-current,
.head-favicons-list a.eco-pymesyautonomos:hover,
.favicons-expanded-inner a.eco-pymesyautonomos:hover,
.head-favicons-list a.eco-pymesyautonomos:hover span,
.favicons-expanded-inner a.eco-pymesyautonomos:hover span {
  background: #1d779f;
}
.head-favicons-list a.eco-ahorrodiario.favicon-current,
.favicons-expanded-inner a.eco-ahorrodiario.favicon-current,
.head-favicons-list a.eco-ahorrodiario:hover,
.favicons-expanded-inner a.eco-ahorrodiario:hover,
.head-favicons-list a.eco-ahorrodiario:hover span,
.favicons-expanded-inner a.eco-ahorrodiario:hover span {
  background: #1c5baa;
}
/* hover ends */
.head-favicons-list a.favicon {
  width: 40px;
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .head-favicons-list a.favicon {
    width: 27px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-favicons-list a.favicon {
    width: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .head-favicons-list a.favicon {
    width: 34px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-favicons-list a.favicon {
    width: 36px;
  }
}
@media only screen and (min-width: 1440px) {
  .head-favicons-list a.favicon {
    width: 37px;
  }
}
.head-favicons-list a.favicon:before {
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .head-favicons-list a.favicon:before {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1280px) {
  .head-favicons-list a.favicon:before {
    font-size: 12px;
  }
}
.custom .head-favicons-list a.favicon,
.clubmarca .head-favicons-list a.favicon {
  width: 27px;
}
.custom .head-favicons-list a span,
.clubmarca .head-favicons-list a span {
  left: 27px;
}
.head-favicons-list a {
  position: relative;
  padding: 0;
}
.head-favicons-list a span {
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 29px;
  z-index: 9999;
  padding-right: 8px;
}
@media only screen and (min-width: 1024px) {
  .head-favicons-list a span {
    left: 27px;
  }
}
@media only screen and (min-width: 1150px) {
  .head-favicons-list a span {
    left: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .head-favicons-list a span {
    left: 34px;
  }
}
@media only screen and (min-width: 1360px) {
  .head-favicons-list a span {
    left: 36px;
  }
}
@media only screen and (min-width: 1440px) {
  .head-favicons-list a span {
    left: 37px;
  }
}
.head-favicons-list a:before {
  margin: 0;
  text-indent: 0!important;
}
.head-favicons-list a:hover {
  overflow: visible;
}
.head-favicons-list a:hover span {
  margin: 0;
  text-indent: 0;
}
.head-favicons-list li {
  float: left;
}
.favicons-expanded-container {
  display: none;
  background: #222;
}
@media only screen and (min-width: 768px) {
  .favicons-expanded {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .favicons-expanded {
    max-width: 1368px;
  }
}
.favicons-expanded-inner {
  display: inline-block;
  width: 19%;
  vertical-align: top;
}
.favicons-expanded-inner ul {
  margin-top: 0;
}
.favicons-expanded-inner li {
  line-height: 42px;
}
.favicons-expanded-inner li a {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  color: #777777;
  padding: 9.8px 8px 7px 8px;
  border-radius: 2px;
}
@media only screen and (min-width: 768px) {
  .favicons-expanded-inner li a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .favicons-expanded-inner li a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .favicons-expanded-inner li a {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .favicons-expanded-inner li a {
    line-height: 16.8px;
  }
}
.favicons-expanded-inner li a:hover {
  color: #fff;
}
.favicons-expanded-inner li a span {
  float: left;
  margin-right: 8px;
  text-align: center;
  width: 24px;
}
.favicons-new-channel {
  border-top: 1px solid #393939;
}
.favicons-expanded-inner h4,
.foot-menu-external h5,
.channel-title {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #fff;
  margin: 42px 0 14px 12px;
}
@media only screen and (min-width: 768px) {
  .favicons-expanded-inner h4,
  .foot-menu-external h5,
  .channel-title {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .favicons-expanded-inner h4,
  .foot-menu-external h5,
  .channel-title {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .favicons-expanded-inner h4,
  .foot-menu-external h5,
  .channel-title {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .favicons-expanded-inner h4,
  .foot-menu-external h5,
  .channel-title {
    line-height: 16.8px;
  }
}
/* For head changes */
/* Mobile galleries page */
.gallery-content {
  background: #ffffff;
  text-align: left;
}
.gallery-content .customize-me {
  background: none;
}
.gallery-content .content {
  padding-top: 35px;
}
.gallery-content .header-page {
  border-bottom: 1px solid #eee;
}
.gallery-content .twitter-share-button,
.gallery-content .g-plusone,
.gallery-content #___plusone_0,
.gallery-content .fb-like {
  display: inline-block !important;
  vertical-align: bottom !important;
  margin-right: 3px;
  margin-bottom: 0 !important;
}
.gallery-content .nav .nav-pagination {
  font-size: 150%;
  color: #999;
}
.gallery-content .nav .nav-pagination a,
.gallery-content .nav .nav-pagination strong,
.gallery-content .nav .nav-pagination span {
  padding: 18px 22px;
  border-radius: 4px;
}
.gallery-content .nav .nav-pagination a {
  background-color: #ffffff;
  color: #5c9124;
}
.gallery-content .nav .nav-pagination strong {
  background-color: #eee;
  color: #999;
}
.gallery-item {
  position: relative;
  padding: 1px 0;
}
.gallery-item h1 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .gallery-item h1 {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-item h1 {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 768px) {
  .gallery-item h1 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-item h1 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.gallery-item .slide-next,
.gallery-item .slide-prev {
  background: #ececec;
  color: #444444;
  top: 70%;
}
.gallery-item .slide-next:hover,
.gallery-item .slide-prev:hover {
  color: #e03737;
}
@media only screen and (min-width: 768px) {
  .gallery-item .slide-next,
  .gallery-item .slide-prev {
    top: 49%;
  }
}
.gallery-item .slide-next:hover,
.gallery-item .slide-prev:hover {
  opacity: 0.8;
}
.gallery-item .social-widgets {
  float: right;
  width: 372px;
  margin: 0 0 24px 0;
}
@media only screen and (min-width: 768px) {
  .gallery-item .social-widgets {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-item .social-widgets {
    margin-bottom: 28px;
  }
}
.gallery-item-header {
  text-align: center;
}
.gallery-item-header .nav a,
.taxonomy a,
.gallery-nav-index 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: #f4f7f0;
}
@media only screen and (min-width: 768px) {
  .gallery-item-header .nav a,
  .taxonomy a,
  .gallery-nav-index a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-item-header .nav a,
  .taxonomy a,
  .gallery-nav-index a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .gallery-item-header .nav a,
  .taxonomy a,
  .gallery-nav-index a {
    height: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-item-header .nav a,
  .taxonomy a,
  .gallery-nav-index a {
    height: 28px;
    line-height: 29px;
  }
}
.gallery-item-header .nav a:hover,
.taxonomy a:hover,
.gallery-nav-index a:hover {
  color: #e03737;
  background-color: #fdf1f1;
}
.gallery-item .nav,
.gallery-item-metadata .nav,
.gallery-item-metadata h2 {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
  font-weight: normal;
  margin: 12px 0;
}
@media only screen and (min-width: 768px) {
  .gallery-item .nav,
  .gallery-item-metadata .nav,
  .gallery-item-metadata h2 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-item .nav,
  .gallery-item-metadata .nav,
  .gallery-item-metadata h2 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .gallery-item .nav,
  .gallery-item-metadata .nav,
  .gallery-item-metadata h2 {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-item .nav,
  .gallery-item-metadata .nav,
  .gallery-item-metadata h2 {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .gallery-item .nav,
  .gallery-item-metadata .nav,
  .gallery-item-metadata h2 {
    margin: 14px 0;
  }
}
.gallery-item-metadata h2,
.gallery-item-metadata ul,
.gallery-item-metadata li {
  display: inline;
}
.gallery-item-image {
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.gallery-item-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.gallery-item-image span {
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  width: auto;
  color: #fbfbfb;
  background: #444444;
  opacity: 0.6;
  height: 24px;
  line-height: 26.4px;
  padding: 0 8px;
  position: absolute;
  bottom: 4px;
  left: 50%;
  margin-left: -40px;
  border-radius: 2px;
}
.gallery-item-image a:hover .view-original {
  width: 140px;
}
.gallery-nav {
  border-top: 1px solid #e9e9e9;
  background: #fbfbfb;
  padding: 24px 0;
  margin: 24px 0 0;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .gallery-nav {
    padding: 28px 0;
    margin: 28px 0 0;
  }
}
.gallery-nav .ad-primer-escaparate {
  width: 372px;
  float: right;
  margin: 0 12px 83px;
  /* To avoid thumbs going below ad misaligned */
  display: inline;
  background: none;
}
.gallery-nav .gallery-nav-index {
  padding: 12px 0 6px;
}
.gallery-nav-index {
  clear: left;
}
.gallery-nav-index a {
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
}
.gallery-nav-index a:hover {
  background-color: #517556;
  color: #ffffff;
}
.gallery-nav-index a:hover {
  text-decoration: none;
}
.gallery-nav-index a:active,
.gallery-nav-index a:focus {
  padding-top: 1px;
}
.gallery-nav-index a:hover {
  text-decoration: none;
}
.gallery-nav-index a:active,
.gallery-nav-index a:focus {
  padding-top: 1px;
}
.gallery-thumbs {
  width: 100%;
  overflow: hidden;
}
.gallery-thumbs h3 {
  margin: 12px 0;
}
.gallery-thumbs ul {
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}
.gallery-thumbs li {
  margin: 0 10px 6px 0;
  float: left;
  display: inline;
}
.gallery-thumbs li a {
  display: block;
  width: 86px;
  height: 86px;
  overflow: hidden;
  text-align: center;
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .gallery-thumbs li a {
    width: 120px;
    height: 120px;
  }
}
.gallery-thumbs li a:hover {
  opacity: 1;
}
.gallery-thumbs li a img {
  max-width: 150%;
  min-height: 120px;
}
.gallery-thumbs li.active {
  border: 1px solid #4b8a20;
}
.gallery-thumbs li.active a {
  opacity: 1;
  width: 84px;
  height: 84px;
}
@media only screen and (min-width: 768px) {
  .gallery-thumbs li.active a {
    width: 118px;
    height: 118px;
  }
}
/* Gallery boxes */
.gallery-summary {
  display: inline-block;
  margin: 0 24px 12px 0;
  text-align: left;
}
.gallery-summary a {
  float: left;
  width: 291px;
  height: 250px;
  position: relative;
  overflow: hidden;
  background: #111;
  color: #ddd;
}
.gallery-summary a:hover {
  background: #000;
  color: #fff !important;
  text-decoration: underline;
}
.gallery-summary a:hover .metadata {
  background: #000;
}
.gallery-summary a:hover span {
  border-color: #666;
}
.gallery-summary a:hover img {
  opacity: 1;
}
.gallery-summary .metadata {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 64px;
  background: #111;
  /*span {
		display: block;
		width: 36px;
		padding: 8px 0;
		line-height: 1;
		border: 3px solid #444;
		border-bottom-width: 10px;
		position: absolute;
		top: @baseMargin*0.5;
		right: @baseMargin*0.5;
		text-align: center;
		font-size: 1.2em;
		}*/
}
.gallery-summary .metadata h2 {
  padding: 6px 6px 6px 6px;
  line-height: 1.4;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin: 0;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .gallery-summary .metadata h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-summary .metadata h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .gallery-summary .metadata h2 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-summary .metadata h2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.gallery-summary img {
  height: auto;
  width: 100%;
  margin: 0 auto;
  opacity: 0.8;
}
/* Related */
.gallery-item-related {
  max-width: 980px;
  overflow: hidden;
  margin: 24px auto 24px;
  text-align: center;
}
.gallery-item-related ul {
  margin: 12px 0 0 12px;
}
.gallery-item-related .message {
  font-size: 15px;
  line-height: 20px;
  display: inline-block;
  color: #a2a2a2;
  font-style: italic;
}
@media only screen and (min-width: 768px) {
  .gallery-item-related .message {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-item-related .message {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .gallery-item-related .message {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .gallery-item-related .message {
    line-height: 21px;
  }
}
/* Related updated */
.post-related-content-gallery ul li {
  margin: 0 12px 20px 12px;
  display: inline-block;
  text-align: left;
  width: 215px;
  height: 200px;
  overflow: hidden;
  position: relative;
  background: #111;
  color: #ddd;
  vertical-align: bottom;
}
.post-related-content-gallery ul li.article-brand .article-disclaimer {
  background: #f5f1df;
  left: 2px;
  position: absolute;
  text-indent: 5px;
  top: 2px;
  width: auto;
  z-index: 9;
  padding-right: 5px;
}
.post-related-content-gallery ul li.article-brand .article-disclaimer a {
  color: #666;
  display: block;
  width: 100%;
}
.post-related-content-gallery ul li a span {
  display: block;
  margin: 0;
  padding: 6px 16px;
  bottom: 0;
  left: 0;
  min-height: 0;
  position: absolute;
  background: #444;
  color: #fbfbfb;
}
@media only screen and (min-width: 768px) {
  .post-related-content-gallery ul li a span {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.post-related-content-gallery ul li img {
  height: auto;
  margin: 0 auto;
  opacity: 0.8;
  width: 100%;
  max-width: 240px;
}
.gallery-item-header,
.gallery-item-metadata,
.gallery-thumbs,
.gallery-nav-index,
.gallery-index,
.gallery-tagcloud {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .gallery-item-header,
  .gallery-item-metadata,
  .gallery-thumbs,
  .gallery-nav-index,
  .gallery-index,
  .gallery-tagcloud {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .gallery-item-header,
  .gallery-item-metadata,
  .gallery-thumbs,
  .gallery-nav-index,
  .gallery-index,
  .gallery-tagcloud {
    max-width: 1368px;
  }
}
@media only screen and (min-width: 1024px) {
  .gallery-thumbs ul {
    float: left;
    width: calc(100% - 348px);
  }
}
@media only screen and (min-width: 768px) {
  .gallery-thumbs .ad-primer-escaparate {
    width: 300px;
    margin-left: 48px;
    margin-right: 24px;
    margin-bottom: 28px;
    float: right;
    clear: right;
  }
}
@media only screen and (min-width: 1024px) {
  .gallery-thumbs .ad-primer-escaparate {
    margin-right: 0;
  }
}
/* Inverted gallery colors */
.gallery-inverted {
  background: #1c1c1c;
  color: #f9f9f9;
}
.gallery-inverted .header-page {
  border-bottom: 1px solid #333;
}
.gallery-inverted .gallery-item-header .nav a,
.gallery-inverted .taxonomy a,
.gallery-inverted .gallery-nav-index a {
  background: #555;
  color: #fff;
}
.gallery-inverted .gallery-item-header .nav a:hover,
.gallery-inverted .taxonomy a:hover,
.gallery-inverted .gallery-nav-index a:hover {
  background: #e03737;
}
.gallery-inverted .slide-next,
.gallery-inverted .slide-prev {
  background: #444;
  color: #fbfbfb;
}
.gallery-inverted .gallery-nav {
  border-color: #222;
  background: #111;
}
.gallery-inverted .gallery-nav .ad-primer-escaparate .ad-contact {
  border-color: #444;
  color: #666 !important;
}
.gallery-inverted .message {
  background: #333;
}
.gallery-inverted .gallery-thumbs .active {
  border-color: #666;
}
.gallery-inverted .nav .nav-pagination a {
  background-color: #555;
  color: #fff;
}
.gallery-inverted .nav .nav-pagination a:hover {
  background: #d8022a;
  color: #fff !important;
}
.gallery-inverted .nav .nav-pagination strong {
  background-color: #333;
  color: #666;
}
.gallery-inverted .gallery-tagcloud a {
  color: #999;
}
/* Index */
.m-is-gallery .galleries li {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin: 0 0 24px;
  padding: 1px 0;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery .galleries li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-right: 2%;
    margin-bottom: 28px;
  }
}
.m-is-gallery .galleries li h2,
.m-is-gallery .galleries li .tags {
  margin: 12px 12px;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery .galleries li h2,
  .m-is-gallery .galleries li .tags {
    margin: 14px 12px;
  }
}
.m-is-gallery .galleries li h2 {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery .galleries li h2 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery .galleries li h2 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-gallery .galleries li h2 {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery .galleries li h2 {
    line-height: 21px;
  }
}
.m-is-gallery .galleries li h2 a {
  color: #444444;
}
.m-is-gallery .galleries li h2 a:hover {
  color: #e03737;
}
.m-is-gallery .galleries li .tags {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery .galleries li .tags {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery .galleries li .tags {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-gallery .galleries li .tags {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-gallery .galleries li .tags {
    line-height: 16.8px;
  }
}
.m-is-gallery .galleries li img {
  display: block;
  width: 94%;
  height: auto;
  margin: 3%;
}
.m-is-gallery .galleries .nav-pagination {
  clear: both;
  padding: 12px 0 24px;
}
.m-is-gallery #comment-nav,
.m-is-gallery #tag-cloud {
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #comment-nav,
  .m-is-gallery #tag-cloud {
    margin-bottom: 56px;
  }
}
.m-is-gallery #comment-nav {
  color: #a2a2a2;
  height: 48px;
  line-height: 48px;
  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) {
  .m-is-gallery #comment-nav {
    height: 48px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #comment-nav {
    height: 56px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #comment-nav {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #comment-nav {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #comment-nav {
    height: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #comment-nav {
    height: 28px;
    line-height: 29px;
  }
}
.m-is-gallery #comment-nav ul {
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #comment-nav ul {
    display: inline;
    margin-left: 24px;
    margin-bottom: 0;
  }
}
.m-is-gallery #comment-nav li {
  display: inline;
}
.m-is-gallery #comment-nav li a {
  height: 48px;
  line-height: 48px;
  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: #5c9124;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #comment-nav li a {
    height: 48px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #comment-nav li a {
    height: 56px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #comment-nav li a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #comment-nav li a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #comment-nav li a {
    height: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #comment-nav li a {
    height: 28px;
    line-height: 29px;
  }
}
.m-is-gallery #comment-nav li a:hover {
  background-color: #e03737;
}
.m-is-gallery #tag-cloud ul {
  list-style: none;
  text-align: center;
  line-height: 2;
}
.m-is-gallery #tag-cloud li {
  display: inline-block;
  margin: 0 10px;
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #tag-cloud li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #tag-cloud li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #tag-cloud li {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #tag-cloud li {
    line-height: 21px;
  }
}
.m-is-gallery #tag-cloud .v-popular {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #tag-cloud .v-popular {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #tag-cloud .v-popular {
    font-size: 19px;
    line-height: 28px;
  }
}
.m-is-gallery #tag-cloud .vv-popular {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 150%;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #tag-cloud .vv-popular {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #tag-cloud .vv-popular {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.m-is-gallery #tag-cloud .vvv-popular {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 200%;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .m-is-gallery #tag-cloud .vvv-popular {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-gallery #tag-cloud .vvv-popular {
    font-size: 34px;
    line-height: 39.2px;
  }
}
/* Styles for carousel in slideshow post */
.gallery-thumbs .elastislide-carousel {
  width: 100%;
}
.gallery-thumbs a.btn {
  float: right;
  margin: 12px 0;
}
.gallery-thumbs .elastislide-list li {
  float: none;
}
.gallery-thumbs .elastislide-list li a {
  height: auto;
}
.gallery-thumbs .elastislide-list li a img {
  border: none;
}
.gallery-thumbs .elastislide-list li a img:hover {
  border: none;
}
@media only screen and (min-width: 768px) {
  .gallery-thumbs .elastislide-horizontal nav span.elastislide-next,
  .gallery-thumbs .elastislide-horizontal nav span.elastislide-prev {
    top: 40%;
  }
}
.m-is-event .article-event-title {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .m-is-event .article-event-title {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .m-is-event .article-event-title {
    max-width: 1368px;
  }
}
.m-is-event .article-event-title {
  margin-left: 16px;
  margin-right: 16px;
  margin: 0 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-event .article-event-title {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-event .article-event-title {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-event .article-event-title {
    margin: 0 48px;
    max-width: 1044px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-is-event .article-event-title {
    margin: 0 auto;
  }
}
.m-is-event .article-event-title h1 {
  clear: both;
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 30px;
  line-height: 31.2px;
  margin-top: 48px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .m-is-event .article-event-title h1 {
    margin-top: 48px;
    margin-bottom: 24px;
    font-size: 42px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-event .article-event-title h1 {
    margin-top: 56px;
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 63px;
  }
}
.m-is-event .article-featured-header,
.m-is-event .article-featured-cover img,
.m-is-event .article-content,
.m-is-event .article-content .article-event-countdown {
  margin-bottom: 0;
}
.m-is-event .article-featured-title h2 {
  color: #fff;
  font-weight: 400;
}
.m-is-event .article-event-date {
  display: inline-block;
  padding: 3px;
}
.m-is-event .article-event-countdown {
  background-color: #508315;
  color: #fff;
  margin-bottom: 24px;
  padding: 6px 16px;
  position: relative;
  /*circle blink*/
}
@media only screen and (min-width: 1024px) {
  .m-is-event .article-event-countdown {
    margin-bottom: 28px;
  }
}
.m-is-event .article-event-countdown.article-event-countdown-live .article-event-status {
  padding-left: 32px;
  width: auto;
}
.m-is-event .article-event-countdown .article-event-status {
  text-align: center;
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .m-is-event .article-event-countdown .article-event-status {
    text-align: left;
    width: auto;
  }
}
.m-is-event .article-event-countdown p {
  margin: 16px 0;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .m-is-event .article-event-countdown p {
    margin-left: auto;
    margin-right: auto;
  }
}
.m-is-event .article-event-countdown .blink:before,
.m-is-event .article-event-countdown .blink:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 3px solid #fff;
  content: "";
  height: 9px;
  margin-top: 28px;
  position: absolute;
  width: 9px;
}
.m-is-event .article-event-countdown .blink:before {
  background: transparent;
  margin-top: 6px;
}
.m-is-event .article-event-countdown .blink:after {
  background: #cc181e;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  top: 0;
}
.m-is-event .foot {
  margin-top: 0;
}
.stream {
  background-color: #ececec;
  margin-bottom: 0;
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .stream-time,
  .stream-title {
    left: 12px;
    position: absolute;
    top: 42px;
  }
}
.stream-content-avatar {
  float: right;
  margin-right: 18px;
}
.stream-content-avatar img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 36px;
  width: 36px;
}
@media only screen and (min-width: 1024px) {
  .stream-content-avatar {
    position: absolute;
    right: 16px;
    top: 44px;
  }
  .stream-content-avatar img {
    width: 64px;
    height: 64px;
  }
}
.stream-content {
  margin: 0 0 24px;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .stream-content {
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1044px;
  }
}
.stream-content-body {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 16px 0;
  word-break: break-word;
  /*img responsive*/
}
.stream-content-body:after {
  clear: both;
  content: "";
  display: table;
}
.stream-content-body p a:hover {
  color: #e03737;
}
.stream-content-body .js-video {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .stream-content-body .js-video {
    margin-top: 28px;
  }
}
.stream-content-body img {
  max-width: 100%;
}
.stream-content .article-social-share {
  border: none;
  float: right;
  height: auto;
  min-height: 24px;
  text-align: right;
}
.stream-content .article-social-share a:hover {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .stream-content .article-social-share {
    width: auto;
  }
  .stream-content .article-social-share .btn-twitter {
    width: 100px;
  }
}
.stream-content-comment .stream-content-body .stream-content-item .commentBox {
  width: 100%;
}
.stream-content-item {
  padding: 0 28px;
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .stream-content-item {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .stream-content-item {
    margin-left: auto;
    margin-right: auto;
  }
}
.stream-content-item .comment-write-input {
  margin: 0;
}
.stream-content.stream-content-comment .stream-content-item {
  max-width: 100%;
  margin: 0;
}
.event-publish-rows .stream-content.stream-content-comment .stream-content-item {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .event-publish-rows .stream-content.stream-content-comment .stream-content-item {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .event-publish-rows .stream-content.stream-content-comment .stream-content-item {
    margin-left: auto;
    margin-right: auto;
  }
}
.stream-comment-actions-menu {
  margin: 0;
}
.stream-comment-actions-menu li {
  display: inline-block;
}
.stream-comment-actions-delete,
.stream-comment-actions-edit {
  padding: 14px 18px;
  display: block;
  padding: 0;
}
@media only screen and (min-width: 1280px) {
  .stream-comment-actions-delete,
  .stream-comment-actions-edit {
    background-color: transparent;
    visibility: hidden;
  }
}
.stream-comment-actions-delete .btn-delete,
.stream-comment-actions-edit .btn-delete,
.stream-comment-actions-delete .btn-edit,
.stream-comment-actions-edit .btn-edit {
  display: block;
}
.stream-comment-actions-delete .btn-delete:hover,
.stream-comment-actions-edit .btn-delete:hover,
.stream-comment-actions-delete .btn-edit:hover,
.stream-comment-actions-edit .btn-edit:hover {
  background: #363636;
}
@media only screen and (min-width: 1024px) {
  .stream-comment-actions-delete .btn-delete,
  .stream-comment-actions-edit .btn-delete,
  .stream-comment-actions-delete .btn-edit,
  .stream-comment-actions-edit .btn-edit {
    font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 0 14px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    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;
  }
  .stream-comment-actions-delete .btn-delete:hover,
  .stream-comment-actions-edit .btn-delete:hover,
  .stream-comment-actions-delete .btn-edit:hover,
  .stream-comment-actions-edit .btn-edit:hover {
    text-decoration: none;
  }
  .stream-comment-actions-delete .btn-delete:active,
  .stream-comment-actions-edit .btn-delete:active,
  .stream-comment-actions-delete .btn-edit:active,
  .stream-comment-actions-edit .btn-edit:active,
  .stream-comment-actions-delete .btn-delete:focus,
  .stream-comment-actions-edit .btn-delete:focus,
  .stream-comment-actions-delete .btn-edit:focus,
  .stream-comment-actions-edit .btn-edit:focus {
    padding-top: 1px;
  }
}
/* hover visibility */
@media only screen and (min-width: 1280px) {
  .stream-content:hover .stream-comment-actions-delete,
  .stream-content:hover .stream-comment-actions-edit {
    visibility: visible;
  }
}
/* Blink effect (svn2 bring to -vars.less) */
.blink:after {
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}
/* Reset */
.flip-clock-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc;
}
.flip-clock-wrapper a:hover {
  color: #fff;
}
.flip-clock-wrapper ul {
  list-style: none;
}
.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table;
}
.flip-clock-wrapper.clearfix:after {
  clear: both;
}
.flip-clock-wrapper.clearfix {
  *zoom: 1;
}
/* Main */
.flip-clock-wrapper {
  display: inline-block;
  margin-bottom: 50px;
  position: relative;
  width: auto;
}
.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.flip-clock-wrapper:after {
  clear: both;
}
.flip-clock-wrapper ul {
  background: #508315;
  float: left;
  font-size: 30px;
  font-weight: bold;
  height: 38px;
  line-height: 36px;
  margin: 2px;
  position: relative;
  width: 24px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-wrapper ul {
    font-size: 70px;
    height: 80px;
    line-height: 77px;
    margin: 3px;
    width: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .flip-clock-wrapper ul {
    font-size: 80px;
    height: 90px;
    line-height: 87px;
    margin: 5px;
    width: 60px;
  }
}
.flip-clock-wrapper ul li {
  height: 100%;
  left: 0;
  line-height: 36px;
  position: absolute;
  text-decoration: none !important;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .flip-clock-wrapper ul li {
    line-height: 82px;
  }
}
@media only screen and (min-width: 1024px) {
  .flip-clock-wrapper ul li {
    line-height: 87px;
  }
}
.flip-clock-wrapper ul li:first-child {
  z-index: 2;
}
.flip-clock-wrapper ul li a {
  -moz-perspective: 200px;
  -webkit-perspective: 200px;
  cursor: default !important;
  display: block;
  height: 100%;
  margin: 0 !important;
  overflow: visible !important;
  perspective: 200px;
}
.flip-clock-wrapper ul li a div {
  font-size: 80px;
  height: 50%;
  left: 0;
  outline: 1px solid transparent;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.flip-clock-wrapper ul li a div .shadow {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  top: 0;
  transform-origin: 50% 100%;
}
.flip-clock-wrapper ul li a div.up:after {
  background-color: transparent;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 44px;
  width: 100%;
  z-index: 5;
}
.flip-clock-wrapper ul li a div.up div.inn {
  top: 0;
}
.flip-clock-wrapper ul li a div.down {
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  bottom: 0;
  transform-origin: 50% 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0;
}
.flip-clock-wrapper ul li a div div.inn {
  background-color: #508315;
  border-radius: 6px;
  color: #fff;
  font-size: 30px;
  height: 200%;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 70px;
  }
}
/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3;
}
.flip-clock-wrapper ul.play li.flip-clock-active {
  -moz-animation: asd 0.5s 0.5s linear both;
  -webkit-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5;
}
.flip-clock-divider {
  display: inline-block;
  float: left;
  height: 42px;
  position: relative;
  width: 12px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-divider {
    height: 100px;
    width: 20px;
  }
}
.flip-clock-divider:first-child {
  width: 0;
}
.flip-clock-dot {
  background: #444444;
  border-radius: 50%;
  display: block;
  height: 6px;
  left: 3px;
  position: absolute;
  width: 6px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-dot {
    height: 10px;
    left: 5px;
    width: 10px;
  }
}
.flip-clock-dot.top {
  top: 10px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-dot.top {
    top: 30px;
  }
}
.flip-clock-dot.bottom {
  bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-dot.bottom {
    bottom: 30px;
  }
}
.flip-clock-divider .flip-clock-label {
  color: #508315;
  font-size: 16px;
  left: 0px;
  position: absolute;
  text-shadow: none;
  top: 50px;
  width: 63px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-divider .flip-clock-label {
    font-size: 26px;
    top: 110px;
    left: 6px;
    width: 130px;
  }
}
.flip-clock-divider.days .flip-clock-label {
  left: 10px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-divider.days .flip-clock-label {
    left: 26px;
  }
}
.flip-clock-divider.hours .flip-clock-label {
  left: 10px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-divider.hours .flip-clock-label {
    left: 26px;
  }
}
.flip-clock-divider.minutes .flip-clock-label {
  left: 10px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-divider.minutes .flip-clock-label {
    left: 26px;
  }
}
.flip-clock-divider.seconds .flip-clock-label {
  left: 10px;
}
@media only screen and (min-width: 768px) {
  .flip-clock-divider.seconds .flip-clock-label {
    left: 26px;
  }
}
@-webkit-keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
@-moz-keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
@-o-keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
@keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
  -moz-animation: turn 0.5s 0.5s linear both;
  -webkit-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both;
  z-index: 2;
}
@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
  }
}
@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg);
  }
  100% {
    -moz-transform: rotateX(0deg);
  }
}
@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg);
  }
  100% {
    -o-transform: rotateX(0deg);
  }
}
@keyframes turn {
  0% {
    transform: rotateX(90deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
  -moz-animation: turn2 0.5s linear both;
  -webkit-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both;
  z-index: 2;
}
@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
  }
}
@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg);
  }
  100% {
    -moz-transform: rotateX(-90deg);
  }
}
@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg);
  }
  100% {
    -o-transform: rotateX(-90deg);
  }
}
@keyframes turn2 {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(-90deg);
  }
}
.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3;
}
/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  -moz-animation: show 0.5s linear both;
  -webkit-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #000000));
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #000000 100%;
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, #000000 100%;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  -moz-animation: hide 0.5s 0.3s linear both;
  -webkit-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #000000));
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #000000 100%;
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, #000000 100%;
}
/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  -moz-animation: show 0.5s linear both;
  -webkit-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
  background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, to bottom, #000000 0%, rgba(0, 0, 0, 0.1) 100%;
  background: linear, top, #000000 0%, rgba(0, 0, 0, 0.1) 100%;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  -moz-animation: hide 0.5s 0.3s linear both;
  -webkit-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both;
  background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, to bottom, #000000 0%, rgba(0, 0, 0, 0.1) 100%;
  background: linear, top, #000000 0%, rgba(0, 0, 0, 0.1) 100%;
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.m-is-answers {
  /* Order widget effect (svn2 bring to -vars.less) */
}
.m-is-answers,
.m-is-answers .home-content,
.m-is-answers .section-respuestas-home {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .section-respuestas-home {
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .section-respuestas-home {
    margin-right: 0;
  }
}
.m-is-answers .respuestas-conatiner .mform h1 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin-top: 0;
  margin-right: 24px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-conatiner .mform h1 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .respuestas-conatiner .mform h1 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-conatiner .mform h1 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .respuestas-conatiner .mform h1 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-conatiner .mform h1 {
    margin-top: 0;
  }
}
.m-is-answers .respuestas-conatiner {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-conatiner {
    margin-bottom: 28px;
  }
}
.m-is-answers .respuestas-conatiner .mform {
  position: relative;
  background-color: #ececec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 24px 24px 1px;
}
.m-is-answers .home-article-list {
  overflow: hidden;
}
.m-is-answers .article-links {
  margin: 0;
  overflow: visible;
}
.m-is-answers .section-comments {
  clear: both;
}
.m-is-answers .comment-write {
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 18px;
  position: relative;
}
.m-is-answers .comment-write h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-write h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-write h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-write h2 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-write h2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-write h2 {
    margin-top: 0;
  }
}
.m-is-answers .comment-login,
.m-is-answers .comment-terms {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-login,
  .m-is-answers .comment-terms {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-login,
  .m-is-answers .comment-terms {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-login,
  .m-is-answers .comment-terms {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-login,
  .m-is-answers .comment-terms {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-login,
  .m-is-answers .comment-terms {
    margin: 0;
  }
}
.m-is-answers .comment-login img,
.m-is-answers .comment-terms img {
  vertical-align: middle;
}
.m-is-answers .comment-terms {
  float: right;
  text-align: right;
}
.m-is-answers .comment-terms a {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-terms a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-terms a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-terms a {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-terms a {
    line-height: 21px;
  }
}
.m-is-answers .comment-terms a:hover {
  color: #e03737;
}
.m-is-answers .comment-terms span {
  display: none;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-terms span {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-terms {
    margin-right: 324px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-input {
    margin-right: 324px;
  }
}
.m-is-answers .comment-input textarea {
  display: block;
  height: 10em;
  min-height: 180px;
  width: 99%;
  margin: 14px auto;
  background: #f9f9f9;
}
.m-is-answers .comment-input textarea:focus {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-input textarea {
    min-height: 10em;
    margin: 7px 0 14px;
  }
}
.m-is-answers .comment-notify {
  border: 1px dashed #ccc;
  padding: 7px 0;
  margin-bottom: 14px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-notify {
    width: 300px;
    position: absolute;
    top: 46.2px;
    right: 0;
  }
}
.m-is-answers .comment-notify legend {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
  margin: 0 24px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-notify legend {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-notify legend {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-notify legend {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-notify legend {
    line-height: 21px;
  }
}
.m-is-answers .comment-notify p {
  margin: 7px 24px;
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .comment-notify p {
    margin-top: 14px;
    margin-bottom: 14px;
  }
}
.m-is-answers .comment-login a {
  cursor: pointer;
}
.m-is-answers form textarea {
  width: 100%;
}
.m-is-answers .char-counter span {
  position: absolute;
  top: 26px;
  right: 16px;
  color: #a2a2a2;
}
.m-is-answers .mhelp {
  display: block;
}
.m-is-answers .respuestas-taxonomy a {
  font-size: 15px;
  color: #777777;
}
.m-is-answers .rowconatiner {
  clear: both;
}
.m-is-answers .rowconatiner li {
  position: relative;
  padding: 16px;
  margin: 24px 2px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .rowconatiner li {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.m-is-answers .rowconatiner h2 {
  margin-top: 0;
}
.m-is-answers .respuestas-author .avatar {
  float: left;
  margin-right: 8px;
}
.m-is-answers .respuestas-author img {
  width: 36px;
  height: 36px;
  /*
		@media @desktop {

			img {
				width: @avatar-size-big;
				height: @avatar-size-big;
			}
		}
		*/
}
.m-is-answers .article-metadata {
  border: none;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .article-metadata {
    width: 100%;
    margin: 0;
  }
}
.m-is-answers .response {
  display: block;
}
.m-is-answers .answer-number {
  color: #557b5b;
  float: right;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .answer-number {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .answer-number {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .answer-number {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .answer-number {
    line-height: 16.8px;
  }
}
.m-is-answers .answer-number strong {
  display: block;
  color: #ffffff;
  background: #557b5b;
  font-size: 36px;
  width: 64px;
  line-height: 62.4px;
  height: 62.4px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .answer-number strong {
    line-height: 62.4px;
  }
}
.m-is-answers .abuse-button,
.m-is-answers .comment-report 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;
}
.m-is-answers .abuse-button:before,
.m-is-answers .comment-report a:before {
  font-size: 24px;
  font-family: icons-min;
  content: "\e60d";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.m-is-answers .abuse-button:before:hover,
.m-is-answers .comment-report a:before:hover {
  text-decoration: none;
}
.m-is-answers .abuse-button:after,
.m-is-answers .comment-report a:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.m-is-answers .abuse-button:before,
.m-is-answers .comment-report a:before,
.m-is-answers .abuse-button:after,
.m-is-answers .comment-report a:after {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
}
.m-is-answers .abuse-button:before,
.m-is-answers .comment-report 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;
}
.m-is-answers .abuse-button:before,
.m-is-answers .comment-report a:before,
.m-is-answers .abuse-button:after,
.m-is-answers .comment-report a:after {
  line-height: 14.4px;
  margin: 0 6px;
  vertical-align: middle;
}
.m-is-answers .abuse-button:before,
.m-is-answers .comment-report a:before,
.m-is-answers .abuse-button:after,
.m-is-answers .comment-report a:after {
  line-height: 12px;
}
.m-is-answers .abuse-button {
  float: right;
}
.m-is-answers .social-sharing-widgets {
  clear: both;
}
.m-is-answers .wsl-favorite,
.m-is-answers .twitter-share-button,
.m-is-answers .fb-like {
  display: inline-block;
  vertical-align: top;
}
.m-is-answers .fb-like {
  display: inline-block !important;
  margin-right: 48px;
}
.m-is-answers .comment-list {
  clear: both;
}
.m-is-answers .comment-list > div {
  position: relative;
}
.m-is-answers .header-section {
  clear: both;
  position: relative;
}
.m-is-answers .comment-order {
  width: auto;
  position: static;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-order {
    margin-top: 56px;
    float: right;
  }
}
.m-is-answers .comment-order a:before {
  content: "";
}
.m-is-answers .comment-order h3 {
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  color: #a2a2a2;
  margin-bottom: 6px;
  margin-left: 8px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-order h3 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-order h3 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-order h3 {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .comment-order h3 {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-order h3 {
    display: inline;
  }
}
.m-is-answers .section-settings {
  float: left;
  margin: 0;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .section-settings {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .section-settings {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .section-settings {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .section-settings {
    line-height: 16.8px;
  }
}
.m-is-answers .section-settings:before {
  display: none;
}
.m-is-answers .comment-item {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-item {
    padding-bottom: 28px;
  }
}
.m-is-answers .comment-toggle {
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .comment-number {
    position: absolute;
    left: -60px;
  }
}
.m-is-answers .comment-toggle a {
  color: #444444;
  background-color: #dddddd;
  text-align: center;
  display: inline-block;
  margin-right: 4px;
  width: 32px;
  height: 32px;
}
.m-is-answers .comment-report {
  width: 24px;
  margin-top: -24px;
  float: right;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-report {
    float: left;
    width: 248px;
    margin-top: 0;
  }
}
.m-is-answers .comment-author-image {
  margin: 0 16px 0 0;
  float: left;
}
.m-is-answers .comment-author-image img {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-is-answers .comment-author-name,
.m-is-answers .comment-author-stars {
  display: block;
}
.m-is-answers .comment-author-link {
  color: #a2a2a2;
  font-size: 15px;
  line-height: 20px;
}
.m-is-answers .comment-author-link:hover {
  color: #e03737;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-author-link {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-author-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-author-link {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-author-link {
    line-height: 21px;
  }
}
.m-is-answers .comment-permalink {
  font-size: 13px;
  line-height: 16px;
  position: absolute;
  top: 24px;
  color: #a2a2a2;
  left: 260px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-permalink {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-permalink {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-permalink {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .comment-permalink {
    line-height: 16.8px;
  }
}
.m-is-answers .comment-permalink:hover {
  color: #e03737;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-permalink {
    top: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .comment-permalink:before {
    font-size: 16px;
    font-family: icons-min;
    content: "\f0c1";
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin-right: 0.2em;
  }
  .m-is-answers .comment-permalink:before:hover {
    text-decoration: none;
  }
  .m-is-answers .comment-permalink:after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }
}
.m-is-answers .comment-actions {
  width: 100%;
}
.m-is-answers .comment-reply-link {
  font-size: 15px;
  line-height: 20px;
  float: right;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-reply-link {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-reply-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-reply-link {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-reply-link {
    line-height: 21px;
  }
}
.m-is-answers .comment-edit-link {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-edit-link {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-edit-link {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-edit-link {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-answers .comment-edit-link {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-edit-link {
    margin-left: 248px;
  }
}
.m-is-answers .comment-edit-link a {
  color: #a2a2a2;
}
.m-is-answers .comment-edit-link a:hover {
  color: #e03737;
}
.m-is-answers .comment-vote {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-vote {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-vote {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-vote {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .comment-vote {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-vote {
    display: inline-block;
  }
}
.m-is-answers .comment-vote .question-text {
  display: block;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .comment-vote .question-text {
    display: inline;
  }
}
.m-is-answers .comment-vote-up,
.m-is-answers .comment-vote-up:hover {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
  color: #fff;
  background-color: #72ac26;
}
.m-is-answers .comment-vote-up:hover,
.m-is-answers .comment-vote-up:hover:hover {
  text-decoration: none;
}
.m-is-answers .comment-vote-up:active,
.m-is-answers .comment-vote-up:hover:active,
.m-is-answers .comment-vote-up:focus,
.m-is-answers .comment-vote-up:hover:focus {
  padding-top: 1px;
}
.m-is-answers .comment-vote-down,
.m-is-answers .comment-vote-down:hover {
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
  color: #fff;
  background-color: #e03737;
}
.m-is-answers .comment-vote-down:hover,
.m-is-answers .comment-vote-down:hover:hover {
  text-decoration: none;
}
.m-is-answers .comment-vote-down:active,
.m-is-answers .comment-vote-down:hover:active,
.m-is-answers .comment-vote-down:focus,
.m-is-answers .comment-vote-down:hover:focus {
  padding-top: 1px;
}
@media only screen and (min-width: 1280px) {
  .m-is-answers .comment-vote,
  .m-is-answers .comment-report {
    visibility: hidden;
  }
}
@media only screen and (min-width: 1280px) {
  .m-is-answers .comment-root:hover .comment-vote,
  .m-is-answers .comment-root:hover .comment-report {
    visibility: visible;
  }
}
.m-is-answers .respuestas-post-related-content li {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-post-related-content li {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 14px;
  }
}
.m-is-answers .respuestas-post-related-content h3 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-post-related-content h3 {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .respuestas-post-related-content h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-post-related-content h3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .respuestas-post-related-content h3 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-post-related-content h3 {
    margin-bottom: 14px;
  }
}
.m-is-answers .respuestas-post-related-content .date {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-post-related-content .date {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .respuestas-post-related-content .date {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .respuestas-post-related-content .date {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .respuestas-post-related-content .date {
    line-height: 21px;
  }
}
.m-is-answers .linkto-answers {
  margin: 0;
  font-size: 16px;
}
.m-is-answers .wsl-favorite {
  margin-right: 16px;
}
.m-is-answers .wsl-favorite .button {
  height: 28px;
  line-height: 29px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #e03737;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
  height: 32px;
  line-height: 32px;
}
.m-is-answers .wsl-favorite .button:hover {
  text-decoration: none;
}
.m-is-answers .wsl-favorite .button:active,
.m-is-answers .wsl-favorite .button:focus {
  padding-top: 1px;
}
.m-is-answers .wsl-favorite .button:hover {
  background-color: #d53434;
  color: #ffffff;
}
.m-is-answers .wsl-favorite .button:hover {
  text-decoration: none;
}
.m-is-answers .wsl-favorite .button:active,
.m-is-answers .wsl-favorite .button:focus {
  padding-top: 1px;
}
.m-is-answers .comment-write form {
  position: relative;
}
.m-is-answers .comment-write form .comment-terms {
  position: absolute;
  right: 0;
}
.m-is-answers .comment-submit .button,
.m-is-answers .submit-area button {
  background-color: #557b5b;
  background-color: #e03737;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.m-is-answers .comment-submit .button:hover,
.m-is-answers .submit-area button:hover {
  background-color: #517556;
  color: #ffffff;
}
.m-is-answers .comment-submit .button:hover,
.m-is-answers .submit-area button:hover {
  text-decoration: none;
}
.m-is-answers .comment-submit .button:active,
.m-is-answers .submit-area button:active,
.m-is-answers .comment-submit .button:focus,
.m-is-answers .submit-area button:focus {
  padding-top: 1px;
}
.m-is-answers .comment-submit .button:hover,
.m-is-answers .submit-area button:hover {
  background-color: #d53434;
  color: #ffffff;
}
.m-is-answers .comment-submit .button:hover,
.m-is-answers .submit-area button:hover {
  text-decoration: none;
}
.m-is-answers .comment-submit .button:active,
.m-is-answers .submit-area button:active,
.m-is-answers .comment-submit .button:focus,
.m-is-answers .submit-area button:focus {
  padding-top: 1px;
}
.m-is-answers .comment-write-shortcut .button {
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.m-is-answers .comment-write-shortcut .button:hover {
  background-color: #517556;
  color: #ffffff;
}
.m-is-answers .comment-write-shortcut .button:hover {
  text-decoration: none;
}
.m-is-answers .comment-write-shortcut .button:active,
.m-is-answers .comment-write-shortcut .button:focus {
  padding-top: 1px;
}
.m-is-answers .article-nav li {
  display: inline;
}
.m-is-answers .article-nav a {
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.m-is-answers .article-nav a:hover {
  background-color: #517556;
  color: #ffffff;
}
.m-is-answers .article-nav a:hover {
  text-decoration: none;
}
.m-is-answers .article-nav a:active,
.m-is-answers .article-nav a:focus {
  padding-top: 1px;
}
.m-is-answers .order-widget,
.m-is-answers .comment-order {
  clear: both;
}
.m-is-answers .order-widget h2,
.m-is-answers .comment-order h2 {
  float: left;
}
.m-is-answers .order-widget ul,
.m-is-answers .comment-order ul {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .order-widget ul,
  .m-is-answers .comment-order ul {
    float: right;
    margin: 0;
  }
}
.m-is-answers .order-widget li,
.m-is-answers .comment-order li {
  display: inline-block;
  margin-top: 4px;
}
.m-is-answers .order-widget a,
.m-is-answers .comment-order 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;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
}
.m-is-answers .order-widget a:hover,
.m-is-answers .comment-order a:hover {
  background-color: #f4f4f4;
  color: #444444;
}
.m-is-answers .order-widget a:hover,
.m-is-answers .comment-order a:hover {
  text-decoration: none;
}
.m-is-answers .order-widget a:active,
.m-is-answers .comment-order a:active,
.m-is-answers .order-widget a:focus,
.m-is-answers .comment-order a:focus {
  padding-top: 1px;
}
.m-is-answers .order-widget a:hover,
.m-is-answers .comment-order a:hover {
  text-decoration: none;
}
.m-is-answers .order-widget a:active,
.m-is-answers .comment-order a:active,
.m-is-answers .order-widget a:focus,
.m-is-answers .comment-order a:focus {
  padding-top: 1px;
}
.m-is-answers .order-widget .current,
.m-is-answers .comment-order .current {
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
}
.m-is-answers .order-widget .current:hover,
.m-is-answers .comment-order .current:hover {
  background-color: #517556;
  color: #ffffff;
}
.m-is-answers .order-widget .current:hover,
.m-is-answers .comment-order .current:hover {
  text-decoration: none;
}
.m-is-answers .order-widget .current:active,
.m-is-answers .comment-order .current:active,
.m-is-answers .order-widget .current:focus,
.m-is-answers .comment-order .current:focus {
  padding-top: 1px;
}
.m-is-answers .order-widget .current:hover,
.m-is-answers .comment-order .current:hover {
  text-decoration: none;
}
.m-is-answers .order-widget .current:active,
.m-is-answers .comment-order .current:active,
.m-is-answers .order-widget .current:focus,
.m-is-answers .comment-order .current:focus {
  padding-top: 1px;
}
.forum-item h1 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .forum-item h1 {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .forum-item h1 {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 768px) {
  .forum-item h1 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .forum-item h1 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.respuestas-author {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .respuestas-author {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .respuestas-author {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .respuestas-author {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .respuestas-author {
    line-height: 21px;
  }
}
.m-is-answers .article-tags {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .article-tags {
    margin-left: 4em;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .article-tags {
    margin-left: 0;
  }
}
.m-is-answers .article-tags h2,
.m-is-answers .article-tags ul,
.m-is-answers .article-tags li {
  display: inline;
}
.m-is-answers .article-tags h2 {
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .article-tags h2 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .article-tags h2 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .article-tags h2 {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .article-tags h2 {
    line-height: 21px;
  }
}
.m-is-answers .article-tags 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: #5c9124;
  color: #fff;
  margin-bottom: 6px;
  margin-right: 4px;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .article-tags a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .article-tags a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-answers .article-tags a {
    height: 24px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-answers .article-tags a {
    height: 28px;
    line-height: 29px;
  }
}
.m-is-answers .article-tags a:hover {
  background-color: #e03737;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .article-tags a {
    margin-bottom: 7px;
  }
}
.rows h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .rows h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .rows h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .rows h2 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .rows h2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.rows h2 a {
  color: #444444;
}
.rows h2 a:hover {
  color: #e03737;
}
@media only screen and (min-width: 768px) {
  .m-is-answers .header-section h2 {
    display: inline-block;
  }
}
.aside-respuestas-categories li {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .aside-respuestas-categories li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .aside-respuestas-categories li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .aside-respuestas-categories li {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .aside-respuestas-categories li {
    line-height: 21px;
  }
}
.m-is-contact .section-contact-us {
  overflow: hidden;
}
.m-is-contact .contact-wsl {
  margin-right: 16px;
}
@media only screen and (min-width: 1024px) {
  .m-is-contact .contact-wsl {
    display: inline-block;
    margin-right: 48px;
    vertical-align: top;
  }
}
.m-is-contact .contact-wsl .vcard div p {
  margin: 0;
}
.m-is-contact .contact-us-form {
  background-color: #ececec;
  padding: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media only screen and (min-width: 1024px) {
  .m-is-contact .contact-us-form {
    display: inline-block;
  }
  .m-is-contact .contact-us-form h2 {
    margin-top: 0 !important;
  }
}
.m-is-contact .contact-us-form input,
.m-is-contact .contact-us-form textarea {
  display: block;
  width: 99%;
  resize: none;
}
.m-is-contact .blockbuttons {
  display: block;
  text-align: center;
  padding: 16px;
  margin: 16px;
  background-color: #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-is-contact .blockred {
  color: #cc181e;
}
.m-is-contact .blockblue {
  color: #4472ad;
}
.m-is-contact .nform-fieldgroup .button {
  background-color: #557b5b;
  background-color: #e03737;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.m-is-contact .nform-fieldgroup .button:hover {
  background-color: #517556;
  color: #ffffff;
}
.m-is-contact .nform-fieldgroup .button:hover {
  text-decoration: none;
}
.m-is-contact .nform-fieldgroup .button:active,
.m-is-contact .nform-fieldgroup .button:focus {
  padding-top: 1px;
}
.m-is-contact .nform-fieldgroup .button:hover {
  background-color: #d53434;
  color: #ffffff;
}
.m-is-contact .nform-fieldgroup .button:hover {
  text-decoration: none;
}
.m-is-contact .nform-fieldgroup .button:active,
.m-is-contact .nform-fieldgroup .button:focus {
  padding-top: 1px;
}
.m-is-contact .vcard a:hover {
  color: #e03737;
}
/* styles for contact pop ups */
.modal-contact-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.modal-contact {
  width: 85%!important;
  background: #ececec;
  padding-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .modal-contact {
    width: 80%!important;
  }
}
@media only screen and (min-width: 1024px) {
  .modal-contact {
    max-width: 696px;
  }
}
.modal-contact .ui-widget-header {
  background: transparent;
}
.modal-contact .modal {
  padding: 0 16px;
}
.modal-contact .modal h2 {
  margin: 0;
}
.modal-contact .modal p {
  margin: 16px 0;
}
.modal-contact .modal .nform {
  background: #fff;
  border: 1px solid #dfdfdf;
  padding: 28px;
}
.modal-contact .modal .nform .form-rows {
  margin: 0 0 28px 0;
}
.modal-contact .modal .nform .form-rows label {
  display: inline-block;
  width: 100%;
  line-height: 24px;
  margin-bottom: 0;
  margin-right: 32px;
}
.modal-contact .modal .nform .form-rows input,
.modal-contact .modal .nform .form-rows textarea {
  width: 100%;
}
.modal-contact .modal .nform .form-rows textarea {
  resize: none;
}
/* for mobile support of jira dialog */
#atlwdg-container {
  max-width: 95%;
}
#atlwdg-container iframe {
  min-height: 300px;
}
.m-is-user #profile {
  margin-top: 24px;
}
@media only screen and (min-width: 1024px) {
  .m-is-user #profile {
    margin: 0;
    float: left;
    width: 60%;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user #experts {
    float: left;
    width: 35%;
  }
}
.m-is-user #experts h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .m-is-user #experts h2 {
    font-size: 20px;
    line-height: 21.6px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user #experts h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #experts h2 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user #experts h2 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.m-is-user #experts li {
  display: inline-block;
}
.m-is-user a:hover {
  color: #e03737;
}
.m-is-user .userid {
  clear: both;
}
.m-is-user #activity {
  margin-top: 64px;
}
.m-is-user #addexpert {
  background-color: #557b5b;
  background-color: #e03737;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.m-is-user #addexpert:hover {
  background-color: #517556;
  color: #ffffff;
}
.m-is-user #addexpert:hover {
  text-decoration: none;
}
.m-is-user #addexpert:active,
.m-is-user #addexpert:focus {
  padding-top: 1px;
}
.m-is-user #addexpert:hover {
  background-color: #d53434;
  color: #ffffff;
}
.m-is-user #addexpert:hover {
  text-decoration: none;
}
.m-is-user #addexpert:active,
.m-is-user #addexpert:focus {
  padding-top: 1px;
}
.m-is-user #addexpert a {
  color: #ffffff;
}
.m-is-user .vcard p {
  margin: 0;
}
.m-is-user .vcard blockquote {
  border-left: 6px solid #e9e9e9;
  padding: 0 0 0 16px;
  font-family: Georgia, sans-serif;
}
@media only screen and (min-width: 768px) {
  .m-is-user .vcard blockquote {
    padding: 0 0 0 24px;
  }
}
.m-is-user .vcard blockquote blockquote {
  border: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-user .vcard blockquote blockquote {
    padding: 0 0 0 24px;
  }
}
.m-is-user .vcard a.photo {
  float: left;
  margin-right: 16px;
}
.m-is-user .vcard .nickname {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 36px;
  margin-bottom: 12px;
  margin: 0;
  display: inline;
}
@media only screen and (min-width: 768px) {
  .m-is-user .vcard .nickname {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .vcard .nickname {
    font-size: 34px;
    line-height: 39.2px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .vcard .nickname {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .vcard .nickname {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
.m-is-user .vcard .url {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-user .vcard .url {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .vcard .url {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .vcard .url {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user .vcard .url {
    line-height: 16.8px;
  }
}
.m-is-user .profile-data {
  margin-top: 24px;
  font-size: 13px;
  line-height: 16px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-user .profile-data {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .profile-data {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .profile-data {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user .profile-data {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .profile-data {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user .profile-data {
    margin-top: 28px;
  }
}
.m-is-user .profile-data p {
  margin: 0;
}
.m-is-user #activity {
  background: #ececec;
  padding: 8px;
}
@media only screen and (min-width: 1024px) {
  .m-is-user #activity {
    padding: 12px;
  }
}
.m-is-user #activity .panes {
  overflow: hidden;
  background: #fbfbfb;
}
.m-is-user #activity .tabs {
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .m-is-user #activity .tabs {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user #activity .tabs {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #activity .tabs {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user #activity .tabs {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #activity .tabs li {
    display: inline;
  }
}
.m-is-user #activity .tabs a {
  display: block;
  padding: 16px;
  border-bottom: 1px solid #cccccc;
}
@media only screen and (min-width: 768px) {
  .m-is-user #activity .tabs a {
    display: inline-block;
    border: none;
  }
}
.m-is-user #activity .tabs .current {
  padding: 16px;
  background: #fbfbfb;
  border-bottom: 1px solid #cccccc;
}
.m-is-user #activity .tabs a.current,
.m-is-user #activity .tabs li.current a {
  display: inline-block;
  color: #444444;
  font-weight: bold;
  border: none;
}
.m-is-user #activity .tabs a.current:hover,
.m-is-user #activity .tabs li.current a:hover {
  color: #e03737;
}
.m-is-user #activity .tabs li.current a {
  padding: 0;
}
.m-is-user #activity .tabs .s img {
  vertical-align: text-bottom;
}
.m-is-user .posts,
.m-is-user .convs {
  margin: 0 0 24px;
}
@media only screen and (min-width: 768px) {
  .m-is-user .posts,
  .m-is-user .convs {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user .posts,
  .m-is-user .convs {
    float: left;
    width: 45.5%;
    margin: 28px 0 28px 3%;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user .all .posts,
  .m-is-user .all .convs {
    float: none;
    width: 94%;
  }
}
.m-is-user .posts h3,
.m-is-user .convs h3,
.m-is-user #comment-activity {
  margin: 12px 16px;
}
@media only screen and (min-width: 1024px) {
  .m-is-user .posts h3,
  .m-is-user .convs h3,
  .m-is-user #comment-activity {
    margin: 0 0 14px;
  }
}
.m-is-user .posts li {
  display: inline-block;
}
.m-is-user .item {
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
}
@media only screen and (min-width: 1024px) {
  .m-is-user .item {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-bottom: none;
    padding: 14px 24px;
  }
}
.m-is-user .item .expert {
  margin-left: 0;
  display: block;
  font-size: 13px;
  line-height: 16px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-user .item .expert {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .item .expert {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .item .expert {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user .item .expert {
    line-height: 16.8px;
  }
}
.m-is-user .item .expert img {
  float: left;
  width: 32px;
  height: auto;
  max-height: 32px;
  overflow: hidden;
  background: #ececec;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 12px;
  margin-right: 16px;
}
.m-is-user .item h4 {
  display: inline;
  margin-left: 0;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-user .item h4 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .item h4 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .item h4 {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .item h4 {
    line-height: 21px;
  }
}
.m-is-user .item h4 a {
  color: #444444;
}
.m-is-user .item h4 a:hover {
  color: #e03737;
}
.m-is-user .item p {
  border-left: 6px solid #e9e9e9;
  padding: 0 0 0 16px;
  font-family: Georgia, sans-serif;
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-user .item p {
    padding: 0 0 0 24px;
  }
}
.m-is-user .item p blockquote {
  border: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-user .item p blockquote {
    padding: 0 0 0 24px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .item p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .item p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .item p {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .item p {
    line-height: 21px;
  }
}
.m-is-user .item .date,
.m-is-user .item .rate,
.m-is-user .item .karma {
  font-size: 13px;
  line-height: 16px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-user .item .date,
  .m-is-user .item .rate,
  .m-is-user .item .karma {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .item .date,
  .m-is-user .item .rate,
  .m-is-user .item .karma {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .item .date,
  .m-is-user .item .rate,
  .m-is-user .item .karma {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user .item .date,
  .m-is-user .item .rate,
  .m-is-user .item .karma {
    line-height: 16.8px;
  }
}
.m-is-user .item ul {
  margin-bottom: 0;
}
.m-is-user #expertsact .expert img {
  float: none;
}
.m-is-user .item p,
.m-is-user .item ul {
  margin: 12px 0;
}
@media only screen and (min-width: 768px) {
  .m-is-user .item p,
  .m-is-user .item ul {
    margin: 14px 0;
  }
}
.m-is-user .to-comments a {
  float: right;
  margin-left: 16px;
}
.m-is-user .to-comments a:after {
  font-size: 24px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.m-is-user .to-comments a:after:hover {
  text-decoration: none;
}
.m-is-user .to-comments a:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.m-is-user #comment-activity h4 {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-activity h4 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user #comment-activity h4 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-activity h4 {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user #comment-activity h4 {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-activity h4 {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user #comment-activity h4 {
    margin: 0;
  }
}
.m-is-user #comment-activity span {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-activity span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user #comment-activity span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-activity span {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user #comment-activity span {
    line-height: 16.8px;
  }
}
.m-is-user #comment-activity ul {
  font-size: 13px;
  line-height: 16px;
  display: inline;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-activity ul {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user #comment-activity ul {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-activity ul {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user #comment-activity ul {
    line-height: 16.8px;
  }
}
.m-is-user .convs li {
  display: inline;
  margin-right: 16px;
}
.m-is-user .convs .item h4 {
  font-weight: normal;
}
.m-is-user .convs .item h4 span {
  font-size: 13px;
  line-height: 16px;
  white-space: nowrap;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-user .convs .item h4 span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user .convs .item h4 span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user .convs .item h4 span {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-user .convs .item h4 span {
    line-height: 16.8px;
  }
}
.m-is-user .more a {
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
}
.m-is-user .more a:hover {
  background-color: #517556;
  color: #ffffff;
}
.m-is-user .more a:hover {
  text-decoration: none;
}
.m-is-user .more a:active,
.m-is-user .more a:focus {
  padding-top: 1px;
}
.m-is-user .more a:hover {
  text-decoration: none;
}
.m-is-user .more a:active,
.m-is-user .more a:focus {
  padding-top: 1px;
}
.m-is-user .more a[rel="external nofollow"] {
  background: transparent;
  vertical-align: text-top;
}
.m-is-user .all .more {
  margin: 24px 16px;
}
@media only screen and (min-width: 1024px) {
  .m-is-user .all .more {
    margin: 28px 0;
  }
}
.m-is-user #comment-nav {
  font-size: 15px;
  line-height: 20px;
  margin: 24px 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-nav {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user #comment-nav {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-nav {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-user #comment-nav {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-nav {
    float: right;
    margin: 28px 0;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-user #comment-nav ul {
    display: inline;
  }
}
.m-is-user #comment-nav a {
  padding: 8px;
  background-color: #5c9124;
  color: #fff;
}
.m-is-user #comment-nav a:hover {
  background-color: #e03737;
}
.m-is-thebest {
  overflow: hidden;
}
.m-is-thebest .index-list .item {
  position: relative;
  padding: 12px 0;
  margin: 0 0 24px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 480px) {
  .m-is-thebest .index-list .item {
    max-width: 46%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .item {
    max-width: 47%;
    margin-left: 1.5%;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-thebest .index-list .item {
    float: none;
    clear: none;
    max-width: 100%;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .item {
    padding: 28px 0;
  }
}
.m-is-thebest .index-list .item .post-image,
.m-is-thebest .index-list .item h2,
.m-is-thebest .index-list .item .post-comments,
.m-is-thebest .index-list .item .post-author,
.m-is-thebest .index-list .item .post-body,
.m-is-thebest .index-list .item .post-best-comment {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .item .post-image,
  .m-is-thebest .index-list .item h2,
  .m-is-thebest .index-list .item .post-comments,
  .m-is-thebest .index-list .item .post-author,
  .m-is-thebest .index-list .item .post-body,
  .m-is-thebest .index-list .item .post-best-comment {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.m-is-thebest .index-list a:hover {
  color: #e03737;
}
.m-is-thebest .index-list h2 {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list h2 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list h2 {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list h2 {
    margin: 0;
  }
}
.m-is-thebest .index-list h2 a {
  color: #444444;
}
.m-is-thebest .index-list h2 a:hover {
  color: #e03737;
}
.m-is-thebest .index-list .post-image img {
  float: right;
  max-width: 40%;
  height: auto;
  margin-left: 8px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1024px) {
  .m-is-thebest .index-list .post-image img {
    float: left;
    margin-left: 0;
    margin-right: 12px;
    margin-bottom: 14px;
  }
}
.m-is-thebest .index-list .post-author {
  clear: right;
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-author {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list .post-author {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-author {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list .post-author {
    line-height: 21px;
  }
}
@media only screen and (min-width: 480px) {
  .m-is-thebest .index-list .post-author {
    clear: none;
  }
}
.m-is-thebest .index-list .post-author img {
  float: left;
  margin-right: 12px;
}
.m-is-thebest .index-list .post-author .fecha {
  display: block;
}
.m-is-thebest .index-list .post-comments,
.m-is-thebest .index-list .post-body .read-more {
  font-size: 15px;
  line-height: 20px;
  margin: 12px 0;
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-comments,
  .m-is-thebest .index-list .post-body .read-more {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list .post-comments,
  .m-is-thebest .index-list .post-body .read-more {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-comments,
  .m-is-thebest .index-list .post-body .read-more {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list .post-comments,
  .m-is-thebest .index-list .post-body .read-more {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-comments,
  .m-is-thebest .index-list .post-body .read-more {
    float: right;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-comments {
    margin: 28px 0;
  }
}
.m-is-thebest .index-list .post-comments a:after {
  font-size: 16px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-left: 0.2em;
}
.m-is-thebest .index-list .post-comments a:after:hover {
  text-decoration: none;
}
.m-is-thebest .index-list .post-comments a:before {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.m-is-thebest .index-list .post-best-comment {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-best-comment {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list .post-best-comment {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-best-comment {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list .post-best-comment {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-thebest .index-list .post-best-comment {
    margin-left: 166px;
  }
}
.m-is-thebest .index-list .post-best-comment q {
  color: #a2a2a2;
}
.m-is-thebest .index-list .post-best-comment q:hover {
  color: #e03737;
}
.m-is-thebest .index-list .comment-author {
  width: auto;
  color: #a2a2a2;
}
.m-is-thebest .index-list .comment-author:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f086";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.m-is-thebest .index-list .comment-author:before:hover {
  text-decoration: none;
}
.m-is-thebest .index-list .comment-author:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.m-is-thebest .index-list .post-body {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-body {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list .post-body {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-thebest .index-list .post-body {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-thebest .index-list .post-body {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-thebest .index-list .post-body {
    clear: left;
  }
}
.m-is-thebest .index-list .button {
  background-color: #557b5b;
  background-color: #e03737;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: 8px;
  font-size: 120%;
}
.m-is-thebest .index-list .button:hover {
  background-color: #517556;
  color: #ffffff;
}
.m-is-thebest .index-list .button:hover {
  text-decoration: none;
}
.m-is-thebest .index-list .button:active,
.m-is-thebest .index-list .button:focus {
  padding-top: 1px;
}
.m-is-thebest .index-list .button:hover {
  background-color: #d53434;
  color: #ffffff;
}
.m-is-thebest .index-list .button:hover {
  text-decoration: none;
}
.m-is-thebest .index-list .button:active,
.m-is-thebest .index-list .button:focus {
  padding-top: 1px;
}
.m-is-thebest .index-list .button:hover {
  text-decoration: none;
}
.m-is-thebest .index-list .button:active,
.m-is-thebest .index-list .button:focus {
  padding-top: 1px;
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .m-is-thebest .index-list .post-comments {
    clear: right;
  }
  .m-is-thebest .index-list h2 {
    max-width: 43%;
    padding-right: 2%;
  }
}
.m-is-archive .home-content {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-archive .home-content {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-archive .home-content {
    max-width: 100%;
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-archive .home-content {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .m-is-archive .home-content {
    max-width: 1368px;
  }
}
.m-is-archive #archive,
.m-is-archive #by-category,
.m-is-archive #tag-cloud {
  overflow: hidden;
}
.m-is-archive .category,
.m-is-archive .year {
  position: relative;
  margin: 24px 0 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .m-is-archive .category,
  .m-is-archive .year {
    width: 49%;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-archive .category,
  .m-is-archive .year {
    width: 32%;
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .m-is-archive .category,
  .m-is-archive .year {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .m-is-archive .category,
  .m-is-archive .year {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) {
  .m-is-archive .category,
  .m-is-archive .year {
    line-height: 20px;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
  .m-is-archive .category,
  .m-is-archive .year {
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-archive .category,
  .m-is-archive .year {
    width: 24%;
  }
}
@media only screen and (min-width: 1600px) {
  .m-is-archive .category,
  .m-is-archive .year {
    width: 19.5%;
  }
}
.m-is-archive .category h3,
.m-is-archive .year h3 {
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  margin-top: 0;
  border-bottom: 1px solid #e9e9e9;
  padding-left: 16px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .m-is-archive .category h3,
  .m-is-archive .year h3 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-archive .category h3,
  .m-is-archive .year h3 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-archive .category h3,
  .m-is-archive .year h3 {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-archive .category h3,
  .m-is-archive .year h3 {
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-archive .category h3,
  .m-is-archive .year h3 {
    margin-top: 0;
    padding-left: 24px;
    padding-bottom: 14px;
  }
}
.m-is-archive .category li,
.m-is-archive .year li {
  margin: 12px 0 12px 16px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-archive .category li,
  .m-is-archive .year li {
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: 24px;
  }
}
.m-is-archive .category li a:hover,
.m-is-archive .year li a:hover {
  color: #e03737;
}
.m-is-archive .cloud {
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
  .m-is-archive .cloud {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-archive .cloud {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-archive .cloud {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-archive .cloud {
    line-height: 21px;
  }
}
.m-is-archive .cloud li {
  display: inline-block;
  margin: 0 16px 12px;
}
@media only screen and (min-width: 768px) {
  .m-is-archive .cloud li {
    margin: 0 12px 14px;
  }
}
.m-is-archive .v-popular {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-archive .v-popular {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-archive .v-popular {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.m-is-archive .vv-popular {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-archive .vv-popular {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-archive .vv-popular {
    font-size: 34px;
    line-height: 39.2px;
  }
}
.m-is-archive .vvv-popular {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 28.8px;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-archive .vvv-popular {
    font-size: 34px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-archive .vvv-popular {
    font-size: 40px;
    line-height: 44.8px;
  }
}
.list-archive ul,
.list-archive ul li {
  list-style-type: disc;
}
.list-archive li {
  margin: 12px 0 12px 16px;
}
@media only screen and (min-width: 768px) {
  .list-archive li {
    margin: 14px 0 14px 24px;
  }
}
/* Static page style */
.m-is-static .page-content {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .m-is-static .page-content {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-static .page-content {
    margin-left: auto;
    margin-right: auto;
  }
}
.m-is-whoweare blockquote {
  /*
	border-left: @base-gutter*0.25 solid @color-border-faded;
	padding: 0 0 0 @m-base-gutter;
	font-family: Georgia, sans-serif;
	@media @desktop {
		padding: 0 0 0 @base-gutter;
	}
	*/
  border-left: 6px solid #e9e9e9;
  padding: 0 0 0 16px;
  font-family: Georgia, sans-serif;
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare blockquote {
    padding: 0 0 0 24px;
  }
}
.m-is-whoweare blockquote blockquote {
  border: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare blockquote blockquote {
    padding: 0 0 0 24px;
  }
}
.m-is-whoweare a:hover {
  color: #e03737;
}
.m-is-whoweare a.foot-list-item:hover {
  color: #fff;
}
.m-is-whoweare .view-even-more a:hover {
  color: #fff;
}
.m-is-whoweare .foot-backlink:hover {
  color: #fff;
}
.m-is-whoweare .view-more a.btn-primary:hover {
  color: #ffffff;
}
.m-is-whoweare .button-contact {
  background-color: #557b5b;
  background-color: #e03737;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  vertical-align: baseline;
  white-space: nowrap;
}
.m-is-whoweare .button-contact:hover {
  background-color: #517556;
  color: #ffffff;
}
.m-is-whoweare .button-contact:hover {
  text-decoration: none;
}
.m-is-whoweare .button-contact:active,
.m-is-whoweare .button-contact:focus {
  padding-top: 1px;
}
.m-is-whoweare .button-contact:hover {
  background-color: #d53434;
  color: #ffffff;
}
.m-is-whoweare .button-contact:hover {
  text-decoration: none;
}
.m-is-whoweare .button-contact:active,
.m-is-whoweare .button-contact:focus {
  padding-top: 1px;
}
.m-is-whoweare .content-dinamic .section-staff {
  margin-top: 48px;
}
.m-is-whoweare .content-dinamic .section-staff:before {
  display: none;
}
.m-is-whoweare .staff-editores,
.m-is-whoweare .staff-colaboradores,
.m-is-whoweare .staff-wsl {
  border-top: none;
  clear: both;
  overflow: hidden;
}
.m-is-whoweare h2,
.m-is-whoweare .nav,
.m-is-whoweare .header-section li {
  margin: 0;
  padding-top: 0;
  display: inline-block;
}
@media only screen and (min-width: 1024px) {
  .m-is-whoweare h2,
  .m-is-whoweare .nav,
  .m-is-whoweare .header-section li {
    margin-right: 24px;
  }
}
.m-is-whoweare .nav ul {
  margin: 0;
  padding: 0;
}
.m-is-whoweare .nav-articles {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .nav-articles {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .nav-articles {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .nav-articles {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .nav-articles {
    line-height: 21px;
  }
}
.m-is-whoweare .head-menu h2 {
  display: none;
}
.m-is-whoweare .staff-item {
  border: none;
  padding: 16px;
  margin: 24px 0;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1024px) {
  .m-is-whoweare .staff-item {
    width: 42%;
    min-height: 420px;
    margin: 24px 12px 6px;
    display: inline-block;
    vertical-align: top;
  }
}
.m-is-whoweare .section-staff .article-header {
  font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 21.6px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .section-staff .article-header {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .section-staff .article-header {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .section-staff .article-header {
    margin-top: 36px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .section-staff .article-header {
    margin-top: 56px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-whoweare .section-staff .article-header {
    margin: 0;
  }
}
.m-is-whoweare .article-metadata {
  width: 100%;
  padding: 16px 0;
}
.m-is-whoweare .article-author {
  position: relative;
  width: 100%;
  margin: 0;
  font-size: 13px;
}
.m-is-whoweare .figure {
  float: right;
  clear: both;
  max-width: 100px;
  margin: 0 0 24px 16px;
}
.m-is-whoweare .figure img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  .m-is-whoweare .figure {
    float: left;
    margin: 0 24px 24px 0;
    width: 150px;
  }
}
.m-is-whoweare .article-summary {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .article-summary {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .article-summary {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .article-summary {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .article-summary {
    line-height: 21px;
  }
}
.m-is-whoweare .staff-editores .article-summary {
  width: auto;
  float: none;
}
@media only screen and (min-width: 1024px) {
  .m-is-whoweare .staff-editores .article-summary {
    width: 270px;
    float: left;
    margin-bottom: 16px;
  }
}
.m-is-whoweare .staff-editores .article-summary p {
  margin: 0;
  padding: 0;
}
.m-is-whoweare .staff-colaboradores .staff-item {
  min-height: 250px;
}
.m-is-whoweare .staff-colaboradores .figure {
  width: 48px;
}
@media only screen and (min-width: 1024px) {
  .m-is-whoweare .staff-colaboradores .figure {
    width: 48px;
  }
}
.m-is-whoweare .staff-colaboradores .article-metadata {
  padding: 0 0 16px;
}
.m-is-whoweare .article-links {
  font-size: 13px;
  line-height: 16px;
  clear: both;
  margin: 12px 0 0;
  border: none;
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .article-links {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .article-links {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .article-links {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-whoweare .article-links {
    line-height: 16.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-is-whoweare .article-links {
    margin: 14px 0 0;
  }
}
.m-is-whoweare .article-links a {
  color: #a2a2a2;
}
.m-is-whoweare .article-links a:hover {
  color: #e03737;
}
.m-is-whoweare .staff-wsl .section-description,
.m-is-whoweare .staff-credits {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .staff-wsl .section-description,
  .m-is-whoweare .staff-credits {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .staff-wsl .section-description,
  .m-is-whoweare .staff-credits {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .staff-wsl .section-description,
  .m-is-whoweare .staff-credits {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .staff-wsl .section-description,
  .m-is-whoweare .staff-credits {
    line-height: 21px;
  }
}
.m-is-whoweare .masthead {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .masthead {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .masthead {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-is-whoweare .masthead {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .m-is-whoweare .masthead {
    line-height: 21px;
  }
}
.m-is-whoweare .masthead a {
  margin: 12px 0 12px 24px;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .m-is-whoweare .masthead a {
    display: inline;
    margin: 0 0 0 24px;
  }
}
.m-is-whoweare .masthead span {
  display: inline;
}
.m-is-whoweare .staff-twitter,
.m-is-whoweare .staff-email,
.m-is-whoweare .staff-blog {
  width: auto;
  vertical-align: top;
  display: inline-block;
}
.m-is-whoweare .staff-twitter:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\e61b";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.m-is-whoweare .staff-twitter:before:hover {
  text-decoration: none;
}
.m-is-whoweare .staff-twitter:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.m-is-whoweare .staff-email:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f0e0";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.m-is-whoweare .staff-email:before:hover {
  text-decoration: none;
}
.m-is-whoweare .staff-email:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.m-is-whoweare .staff-blog:before {
  font-size: 16px;
  font-family: icons-min;
  content: "\f0c1";
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  margin-right: 0.2em;
}
.m-is-whoweare .staff-blog:before:hover {
  text-decoration: none;
}
.m-is-whoweare .staff-blog:after {
  content: "";
  margin-right: 0;
  margin-left: 0;
}
.article.m-is-error .article-header {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .article.m-is-error .article-header {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .article.m-is-error .article-header {
    margin-left: auto;
    margin-right: auto;
  }
}
.article.m-is-error .article-header h1 {
  padding: 0;
  background: url("//img.weblogssl.com/g/r/svg/wondering.svg?v=47");
  background-repeat: no-repeat;
  background-position: 156px 7px;
  background-size: 36px;
  line-height: 48px;
}
@media only screen and (min-width: 768px) {
  .article.m-is-error .article-header h1 {
    background-position: 195px 7px;
  }
}
@media only screen and (min-width: 1024px) {
  .article.m-is-error .article-header h1 {
    background-position: 240px 7px;
  }
}
.error-info {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .error-info {
    max-width: 696px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .error-info {
    margin-left: auto;
    margin-right: auto;
  }
}
.error-404 {
  text-align: center;
}
.error-404 .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-404 .error-id span {
  background: rgba(0, 0, 0, 0) url("https://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;
}
.container {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
}
article time {
  margin-right: 10px;
}
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: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  article .article-taxonomy {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-taxonomy {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  article .article-taxonomy {
    line-height: 21px;
  }
}
.related-content {
  padding-left: 18px;
  padding-right: 18px;
}
.pager {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  overflow: hidden;
}
.pager li a {
  margin-right: 9px;
  margin-left: 9px;
}
.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: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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: 20px 0;
  text-align: center;
  line-height: 50px;
}
.footer-media li {
  display: inline;
  padding: 0 10px;
}
.footer-media a {
  background-color: #557b5b;
  color: #ffffff;
  font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 14px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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: #517556;
  color: #ffffff;
}
.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: #559022;
  text-align: center;
  display: block;
  height: 54px;
  line-height: 54px;
  color: #fff;
}
#web-version-link:hover {
  background-color: #333;
}
/* Article page */
.article-single {
  margin: 0 0 40px;
  /* added to fix email sharing form issue */
}
.article-single .article-metadata {
  width: 100%;
  overflow: hidden;
}
.article-single .article-summary h2 {
  padding: 0;
  margin: 20px 0;
}
.article-single article {
  overflow: visible;
}
.section-settings {
  margin: 20px 0 0;
}
.section-settings ul {
  background: url("https://img.weblogssl.com/g/xataka4/common/icons-common-24.png?v=32") 0 -1502px no-repeat;
  padding: 4px 0 8px 20px;
  list-style-type: none;
}
.section-settings ul li {
  display: inline;
}
.section-settings ul a {
  color: #777;
  margin: 0 0 0 15px;
}
.section-settings ul a:hover {
  color: #d8022a;
}
/* Extra code */
.hint-box {
  width: 100%;
}
.hint-box-content {
  width: 300px;
  max-width: 90%;
  margin: 24px auto;
  font-size: 15px;
  line-height: 20px;
  background: #f6f6f6;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) {
  .hint-box-content {
    float: right;
    margin: 0 24px 28px 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .hint-box-content {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .hint-box-content {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1150px) {
  .hint-box-content {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .hint-box-content {
    line-height: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .hint-box-content {
    line-height: 21px;
  }
}
.hint-rel {
  background: #86B724;
  margin: 4px;
  padding: 9px 12px 6px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .hint-rel {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1150px) {
  .hint-rel {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .hint-rel {
    line-height: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .hint-rel {
    line-height: 16.8px;
  }
}
.hint-desc {
  padding: 12px 12px 1px;
}
.hint-desc img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .hint-desc p,
  .hint-desc ul,
  .hint-desc li,
  .hint-desc .article-asset-small {
    margin-left: 0;
    margin-right: 0;
  }
}
/* Espacio Mundo Galaxy */
.mundogalaxy.head-corners-link {
  border-color: #13557f;
}
@media only screen and (min-width: 1024px) {
  .mundogalaxy.head-corners-link {
    background: transparent;
  }
}
.mundogalaxy.head-corners-link:hover {
  background: #13557f;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .mundogalaxy {
    background-color: #0b0d15;
    background-image: url("//img.weblogssl.com/g/espacios/mundo-galaxy-04-12-15/bg.jpg?v=8");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}
.mundogalaxy .head,
.mundogalaxy .head-container {
  background: #13557f;
}
.mundogalaxy .club-brand {
  background-image: url("//img.weblogssl.com/g/espacios/mundo-galaxy-04-12-15/m.png?v=8");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 300px 48px;
  text-indent: -10000px;
}
@media only screen and (min-width: 768px) {
  .mundogalaxy .club-brand {
    background-size: auto 96px;
  }
}
@media only screen and (min-width: 1150px) {
  .mundogalaxy .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/mundo-galaxy-04-12-15/d.jpg?v=8");
    background-size: auto auto;
    background-position: left center;
  }
}
@media only screen and (min-width: 1150px) {
  .mundogalaxy .head.is-visible .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/mundo-galaxy-04-12-15/m.png?v=8");
    background-size: 300px 48px;
    background-position: 24px 50%;
  }
}
.mundogalaxy .head.is-visible .disclaimer-brand .brand-logo {
  background-image: url("images/logo-light.svg?v=47");
}
.mundogalaxy .article-home-header a,
.mundogalaxy .article-read-more a,
.mundogalaxy .article-home-figure a,
.mundogalaxy .article-author a,
.mundogalaxy .blob a,
.mundogalaxy .aside-club-content a,
.mundogalaxy .post-related-content a {
  color: #13557f;
}
.mundogalaxy .article-summary,
.mundogalaxy .sumario,
.mundogalaxy .sumario_derecha,
.mundogalaxy .sumario_izquierda {
  color: #56778c;
}
.article-mundogalaxy .article-disclaimer a .disclaimer-badge-club,
.article-mundogalaxy .disclaimer-badge-club {
  background-color: #13557f;
}
.mundogalaxy .aside-thebest .item-box {
  border-bottom: 1.5px dashed #13557f;
}
.mundogalaxy .ordinal {
  background-color: #14557F;
  color: #fff;
  margin: 3px 10px 15px 3px;
  padding-top: 5px;
  text-align: center;
}
.mundogalaxy .aside-thebest .item-box .content {
  margin: 0 !important;
}
/* Espacio VISA */
.espaciovisa.head-corners-link {
  border-color: #2f5d9b;
}
@media only screen and (min-width: 1024px) {
  .espaciovisa.head-corners-link {
    background: transparent;
  }
}
.espaciovisa.head-corners-link:hover {
  background: #2f5d9b;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .espaciovisa {
    background-color: #d6c499;
    background-image: url("//img.weblogssl.com/g/espacios/espaciovisa/bg.jpg?v=1");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}
.espaciovisa .head,
.espaciovisa .head-container {
  background: #2f5d9b;
}
.espaciovisa .club-brand {
  background-image: url("//img.weblogssl.com/g/espacios/espaciovisa/m.png?v=1");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 300px 48px;
  text-indent: -10000px;
}
@media only screen and (min-width: 768px) {
  .espaciovisa .club-brand {
    background-size: auto 96px;
  }
}
@media only screen and (min-width: 1150px) {
  .espaciovisa .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/espaciovisa/d.jpg?v=1");
    background-size: auto auto;
    background-position: left center;
  }
}
@media only screen and (min-width: 1150px) {
  .espaciovisa .head.is-visible .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/espaciovisa/m.png?v=1");
    background-size: 300px 48px;
    background-position: 24px 50%;
  }
}
.espaciovisa .head.is-visible .disclaimer-brand .brand-logo {
  background-image: url("images/logo-light.svg?v=47");
}
.espaciovisa .article-home-header a,
.espaciovisa .article-read-more a,
.espaciovisa .article-home-figure a,
.espaciovisa .article-author a,
.espaciovisa .blob a,
.espaciovisa .aside-club-content a,
.espaciovisa .post-related-content a {
  color: #1a1f71;
}
.espaciovisa .article-summary,
.espaciovisa .sumario,
.espaciovisa .sumario_derecha,
.espaciovisa .sumario_izquierda {
  color: #5a5c85;
}
.article-espaciovisa .article-disclaimer a .disclaimer-badge-club,
.article-espaciovisa .disclaimer-badge-club {
  background-color: #2f5d9b;
}
.espaciovisa .head {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
/* Espacio Tecnología Zen */
.tecnologiazen.head-corners-link {
  border-color: #37283f;
}
@media only screen and (min-width: 1024px) {
  .tecnologiazen.head-corners-link {
    background: transparent;
  }
}
.tecnologiazen.head-corners-link:hover {
  background: #37283f;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .tecnologiazen {
    background-color: #000000;
    background-image: url("//img.weblogssl.com/g/espacios/tecnologiazen/bg.jpg?v=9");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}
.tecnologiazen .head,
.tecnologiazen .head-container {
  background: #31233c;
}
.tecnologiazen .club-brand {
  background-image: url("//img.weblogssl.com/g/espacios/tecnologiazen/m.png?v=9");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 300px 48px;
  text-indent: -10000px;
}
@media only screen and (min-width: 768px) {
  .tecnologiazen .club-brand {
    background-size: auto 96px;
  }
}
@media only screen and (min-width: 1150px) {
  .tecnologiazen .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/tecnologiazen/d.jpg?v=9");
    background-size: auto auto;
    background-position: left center;
  }
}
@media only screen and (min-width: 1150px) {
  .tecnologiazen .head.is-visible .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/tecnologiazen/m.png?v=9");
    background-size: 300px 48px;
    background-position: 24px 50%;
  }
}
.tecnologiazen .head.is-visible .disclaimer-brand .brand-logo {
  background-image: url("images/logo-light.svg?v=47");
}
.tecnologiazen .article-home-header a,
.tecnologiazen .article-read-more a,
.tecnologiazen .article-home-figure a,
.tecnologiazen .article-author a,
.tecnologiazen .blob a,
.tecnologiazen .aside-club-content a,
.tecnologiazen .post-related-content a {
  color: #3658ae;
}
.tecnologiazen .article-summary,
.tecnologiazen .sumario,
.tecnologiazen .sumario_derecha,
.tecnologiazen .sumario_izquierda {
  color: #6879a4;
}
.article-tecnologiazen .article-disclaimer a .disclaimer-badge-club,
.article-tecnologiazen .disclaimer-badge-club {
  background-color: #37283f;
}
/* Espacio Huawei */
.espaciohuawei.head-corners-link {
  border-color: #375eab;
}
@media only screen and (min-width: 1024px) {
  .espaciohuawei.head-corners-link {
    background: transparent;
  }
}
.espaciohuawei.head-corners-link:hover {
  background: #375eab;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .espaciohuawei {
    background-color: #375eab;
    background-image: url("//img.weblogssl.com/g/espacios/huawei-30-06-15/bg.jpg?v=12");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}
.espaciohuawei .head,
.espaciohuawei .head-container {
  background: #375eab;
}
.espaciohuawei .club-brand {
  background-image: url("//img.weblogssl.com/g/espacios/huawei-30-06-15/m.png?v=12");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 300px 48px;
  text-indent: -10000px;
}
@media only screen and (min-width: 768px) {
  .espaciohuawei .club-brand {
    background-size: auto 96px;
  }
}
@media only screen and (min-width: 1150px) {
  .espaciohuawei .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/huawei-30-06-15/d.jpg?v=12");
    background-size: auto auto;
    background-position: left center;
  }
}
@media only screen and (min-width: 1150px) {
  .espaciohuawei .head.is-visible .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/huawei-30-06-15/m.png?v=12");
    background-size: 300px 48px;
    background-position: 24px 50%;
  }
}
.espaciohuawei .head.is-visible .disclaimer-brand .brand-logo {
  background-image: url("images/logo-light.svg?v=47");
}
.espaciohuawei .article-home-header a,
.espaciohuawei .article-read-more a,
.espaciohuawei .article-home-figure a,
.espaciohuawei .article-author a,
.espaciohuawei .blob a,
.espaciohuawei .aside-club-content a,
.espaciohuawei .post-related-content a {
  color: #dc0000;
}
.espaciohuawei .article-summary,
.espaciohuawei .sumario,
.espaciohuawei .sumario_derecha,
.espaciohuawei .sumario_izquierda {
  color: #bb4d4d;
}
.article-espaciohuawei .article-disclaimer a .disclaimer-badge-club,
.article-espaciohuawei .disclaimer-badge-club {
  background-color: #375eab;
}
/* Espacio Samsung TV */
.innovacionsamsung.head-corners-link {
  border-color: #004494;
}
@media only screen and (min-width: 1024px) {
  .innovacionsamsung.head-corners-link {
    background: transparent;
  }
}
.innovacionsamsung.head-corners-link:hover {
  background: #004494;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .innovacionsamsung {
    background-color: #ffffff;
    background-image: url("//img.weblogssl.com/g/espacios/innovacionsamsung/bg.jpg?v=3");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}
.innovacionsamsung .head,
.innovacionsamsung .head-container {
  background: #004494;
}
.innovacionsamsung .club-brand {
  background-image: url("//img.weblogssl.com/g/espacios/innovacionsamsung/m.png?v=3");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 300px 48px;
  text-indent: -10000px;
}
@media only screen and (min-width: 768px) {
  .innovacionsamsung .club-brand {
    background-size: auto 96px;
  }
}
@media only screen and (min-width: 1150px) {
  .innovacionsamsung .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/innovacionsamsung/d.jpg?v=3");
    background-size: auto auto;
    background-position: left center;
  }
}
@media only screen and (min-width: 1150px) {
  .innovacionsamsung .head.is-visible .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/innovacionsamsung/m.png?v=3");
    background-size: 300px 48px;
    background-position: 24px 50%;
  }
}
.innovacionsamsung .head.is-visible .disclaimer-brand .brand-logo {
  background-image: url("images/logo-light.svg?v=47");
}
.innovacionsamsung .article-home-header a,
.innovacionsamsung .article-read-more a,
.innovacionsamsung .article-home-figure a,
.innovacionsamsung .article-author a,
.innovacionsamsung .blob a,
.innovacionsamsung .aside-club-content a,
.innovacionsamsung .post-related-content a {
  color: #004494;
}
.innovacionsamsung .article-summary,
.innovacionsamsung .sumario,
.innovacionsamsung .sumario_derecha,
.innovacionsamsung .sumario_izquierda {
  color: #4d6f97;
}
.article-innovacionsamsung .article-disclaimer a .disclaimer-badge-club,
.article-innovacionsamsung .disclaimer-badge-club {
  background-color: #004494;
}
.innovacionsamsung .head {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.innovacionsamsung .club-brand {
  background-position: center;
}
/* Espacio LG */
.espaciolgseriex.head-corners-link {
  border-color: #a50034;
}
@media only screen and (min-width: 1024px) {
  .espaciolgseriex.head-corners-link {
    background: transparent;
  }
}
.espaciolgseriex.head-corners-link:hover {
  background: #a50034;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .espaciolgseriex {
    background-color: #ffffff;
    background-image: url("//img.weblogssl.com/g/espacios/espaciolgseriex/bg.jpg?v=1");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}
.espaciolgseriex .head,
.espaciolgseriex .head-container {
  background: #dcdcdc;
}
.espaciolgseriex .club-brand {
  background-image: url("//img.weblogssl.com/g/espacios/espaciolgseriex/m.png?v=1");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 300px 48px;
  text-indent: -10000px;
}
@media only screen and (min-width: 768px) {
  .espaciolgseriex .club-brand {
    background-size: auto 96px;
  }
}
@media only screen and (min-width: 1150px) {
  .espaciolgseriex .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/espaciolgseriex/d.jpg?v=1");
    background-size: auto auto;
    background-position: left center;
  }
}
@media only screen and (min-width: 1150px) {
  .espaciolgseriex .head.is-visible .club-brand {
    background-image: url("//img.weblogssl.com/g/espacios/espaciolgseriex/m.png?v=1");
    background-size: 300px 48px;
    background-position: 24px 50%;
  }
}
.espaciolgseriex .head.is-visible .disclaimer-brand .brand-logo {
  background-image: url("images/logo-light.svg?v=47");
}
.espaciolgseriex .article-home-header a,
.espaciolgseriex .article-read-more a,
.espaciolgseriex .article-home-figure a,
.espaciolgseriex .article-author a,
.espaciolgseriex .blob a,
.espaciolgseriex .aside-club-content a,
.espaciolgseriex .post-related-content a {
  color: #a50034;
}
.espaciolgseriex .article-summary,
.espaciolgseriex .sumario,
.espaciolgseriex .sumario_derecha,
.espaciolgseriex .sumario_izquierda {
  color: #9f4d67;
}
.article-espaciolgseriex .article-disclaimer a .disclaimer-badge-club,
.article-espaciolgseriex .disclaimer-badge-club {
  background-color: #a50034;
}
.espaciolgseriex .head {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.espaciolgseriex .club-brand {
  background-position: center;
}