/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs *    Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible;  /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; }

body{overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;cursor:pointer}a:hover,a:active,a:focus{outline:0}p{margin:0;padding:0}ul{list-style:none;margin:0;padding:0}img{-webkit-backface-visibility:hidden;max-width:100%;height:auto}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}@font-face{font-family:'Roboto';src:url(/dist/Roboto-Regular.eot);src:url(/dist/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(/dist/Roboto-Regular.woff2) format("woff2"),url(/dist/Roboto-Regular.woff) format("woff"),url(/dist/Roboto-Regular.ttf) format("truetype"),url(/dist/imagenes/Roboto-Regular.svg#Roboto-Regular) format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Roboto';src:url(/dist/Roboto-Bold.eot);src:url(/dist/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(/dist/Roboto-Bold.woff2) format("woff2"),url(/dist/Roboto-Bold.woff) format("woff"),url(/dist/Roboto-Bold.ttf) format("truetype"),url(/dist/imagenes/Roboto-Bold.svg#Roboto-Bold) format("svg");font-weight:bold;font-style:normal}@font-face{font-family:'Roboto Lt';src:url(/dist/Roboto-Light.eot);src:url(/dist/Roboto-Light.eot?#iefix) format("embedded-opentype"),url(/dist/Roboto-Light.woff2) format("woff2"),url(/dist/Roboto-Light.woff) format("woff"),url(/dist/Roboto-Light.ttf) format("truetype"),url(/dist/imagenes/Roboto-Light.svg#Roboto-Light) format("svg");font-weight:300;font-style:normal}@font-face{font-family:'Roboto Lt';src:url(/dist/Roboto-LightItalic.eot);src:url(/dist/Roboto-LightItalic.eot?#iefix) format("embedded-opentype"),url(/dist/Roboto-LightItalic.woff2) format("woff2"),url(/dist/Roboto-LightItalic.woff) format("woff"),url(/dist/Roboto-LightItalic.ttf) format("truetype"),url(/dist/imagenes/Roboto-LightItalic.svg#Roboto-LightItalic) format("svg");font-weight:300;font-style:italic}@font-face{font-family:'Roboto Md';src:url(/dist/Roboto-Medium.eot);src:url(/dist/Roboto-Medium.eot?#iefix) format("embedded-opentype"),url(/dist/Roboto-Medium.woff2) format("woff2"),url(/dist/Roboto-Medium.woff) format("woff"),url(/dist/Roboto-Medium.ttf) format("truetype"),url(/dist/imagenes/Roboto-Medium.svg#Roboto-Medium) format("svg");font-style:normal}@font-face{font-family:'segoe';src:url(/dist/SegoeUI.eot);src:url(/dist/SegoeUI.eot?#iefix) format("embedded-opentype"),url(/dist/SegoeUI.woff2) format("woff2"),url(/dist/SegoeUI.woff) format("woff"),url(/dist/SegoeUI.ttf) format("truetype"),url(/dist/imagenes/SegoeUI.svg#SegoeUI) format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'MyriadPro';src:url(/dist/MyriadPro-Regular.eot);src:url(/dist/MyriadPro-Regular.eot?#iefix) format("embedded-opentype"),url(/dist/MyriadPro-Regular.woff2) format("woff2"),url(/dist/MyriadPro-Regular.woff) format("woff"),url(/dist/MyriadPro-Regular.ttf) format("truetype");font-weight:normal;font-style:normal}a{color:#fff}a:hover{color:#fff}

/* ==========================================================================
AMX Fonts
========================================================================== */
@font-face {
    font-family: 'AMX';
    src: url(/dist/AMX-Regular.woff2) format('woff2'),
    url(/dist/AMX-Regular.woff) format('woff'),
    url(/dist/AMX-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'AMX';
    src: url(/dist/AMX-Italic.woff2) format('woff2'),
    url(/dist/AMX-Italic.woff) format('woff'),
    url(/dist/AMX-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'AMX';
    src: url(/dist/AMX-Bold.woff2) format('woff2'),
    url(/dist/AMX-Bold.woff) format('woff'),
    url(/dist/AMX-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AMX';
    src: url(/dist/AMX-BoldItalic.woff2) format('woff2'),
    url(/dist/AMX-BoldItalic.woff) format('woff'),
    url(/dist/AMX-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'AMX Lt';
    src: url(/dist/AMX-Light.woff2) format('woff2'),
    url(/dist/AMX-Light.woff) format('woff'),
    url(/dist/AMX-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AMX Lt';
    src: url(/dist/AMX-LightItalic.woff2) format('woff2'),
    url(/dist/AMX-LightItalic.woff) format('woff'),
    url(/dist/AMX-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'AMX Md';
    src: url(/dist/AMX-Medium.woff2) format('woff2'),
    url(/dist/AMX-Medium.woff) format('woff'),
    url(/dist/AMX-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'AMX Md';
    src: url(/dist/AMX-MediumItalic.woff2) format('woff2'),
    url(/dist/AMX-MediumItalic.woff) format('woff'),
    url(/dist/AMX-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'AMX Blk';
    src: url(/dist/AMX-Black.woff2) format('woff2'),
    url(/dist/AMX-Black.woff) format('woff'),
    url(/dist/AMX-Black.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'AMX Blk';
    src: url(/dist/AMX-BlackItalic.woff2) format('woff2'),
    url(/dist/AMX-BlackItalic.woff) format('woff'),
    url(/dist/AMX-BlackItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
}

/* ==========================================================================
Claro Musica Icon Fonts
========================================================================== */

@font-face {
    font-family: 'claromusicafont';
    src: url(/dist/claromusicafont.eot);
    src: url(/dist/claromusicafont.eot?#iefix) format('embedded-opentype'),
    url(/dist/claromusicafont.woff) format('woff'),
    url(/dist/claromusicafont.ttf) format('truetype'),
    url(/dist/imagenes/claromusicafont.svg#claromusicafont) format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']:before {
    display: inline-block;
    font-family: 'claromusicafont';
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-adelante_15:before {
    content: '\0041';
}

.icon-album:before {
    content: '\0042';
}

.icon-artista:before {
    content: '\0043';
}

.icon-atras_15:before {
    content: '\0044';
}

.icon-contextual:before {
    content: '\0045';
}

.icon-djs:before {
    content: '\0046';
}

.icon-genres:before {
    content: '\0047';
}

.icon-identifica:before {
    content: '\0048';
}

.icon-inicio:before {
    content: '\0049';
}

.icon-queue-play:before {
    content: '\004a';
}

.icon-queue-add:before {
    content: '\004b';
}

.icon-moods:before {
    content: '\004c';
}

.icon-paises:before {
    content: '\004d';
}

.icon-pausa:before {
    content: '\004e';
}

.icon-perfil:before {
    content: '\004f';
}

.icon-play:before {
    content: '\0050';
}

.icon-podcasts:before {
    content: '\0051';
}

.icon-radios:before {
    content: '\0052';
}

.icon-shuffle:before {
    content: '\0053';
}

.icon-siguiente:before {
    content: '\0054';
}

.icon-terminos:before {
    content: '\0055';
}

.icon-tops:before {
    content: '\0056';
}

.icon-ultima:before {
    content: '\0057';
}

.icon-vip:before {
    content: '\0058';
}

.icon-compartir:before {
    content: '\0059';
}

.icon-contextual2:before {
    content: '\005a';
}

.icon-play2:before {
    content: '\0061';
}

.icon-time-machine:before {
    content: '\0062';
}
.icon-for-you:before {
    content: '\0063';
}
.icon-hp-home:before {
    content: '\0064';
}
.icon-hp-my-music:before {
    content: '\0065';
}
.icon-hp-radios:before {
    content: '\0066';
}
.icon-hp-listas:before {
    content: '\0067';
}
.icon-hp-shop:before {
    content: '\0068';
}
.icon-hp-search:before {
    content: '\0069';
}
.icon-hp-add:before {
    content: '\006a';
}
.icon-hp-like:before {
    content: '\006b';
}
.icon-hp-like-play:before {
    content: '\006c';
}
.icon-hp-play:before {
    content: '\006d';
}
.icon-hp-pause:before {
    content: '\006e';
}
.icon-hp-stream:before {
    content: '\006f';
}
.icon-hp-context:before {
    content: '\0070';
}
.icon-hp-identified:before {
    content: '\0071';
}
.icon-hp-close:before {
    content: '\0077';
}
.icon-hp-context-v:before {
    content: '\0078';
}
.icon-cm-add-plus:before {
    content: '\0079';
}
.icon-cm-left-arrow:before {
    content: '\007a';
}
.icon-cm-download:before {
    content: '\007b';
}
.icon-cm-users:before {
    content: '\007c';
}
.icon-cm-profile:before {
    content: '\007d';
}
.icon-cm-like-heart:before {
    content: '\007e';
}
.icon-cm-album:before {
    content: '\00a1';
}
.icon-cm-check:before {
    content: '\00a2';
}
.icon-cm-close:before {
    content: '\00a3';
}
.icon-cm-play:before {
    content: '\00a4';
}
.icon-cm-play-next:before {
    content: '\00a5';
}
.icon-cm-shuffle:before {
    content: '\00a6';
}
.icon-cm-playlist:before {
    content: '\00a7';
}
.icon-cm-radio:before {
    content: '\00a8';
}
.icon-cm-share:before {
    content: '\00a9';
}
.icon-cm-downloaded:before {
    content: '\00b1';
}
.icon-cm-info:before {
    content: '\00b2';
}
.icon-cm-info-i:before {
    content: "\00f5";
}
.icon-cm-cloud:before {
    content: "\00b3";
}
/* Multi-color layer SVG */
.icon-cm-like-button .path1:before {
    content: "\00b4";
    color: #1e1e1e;
}
.icon-cm-like-button .path2:before {
    content: "\00b5";
    color: #eee;
    margin-left: -1em;
}
.icon-cm-radio-button .path1:before {
    content: "\00b6";
    color: #1e1e1e;
}
.icon-cm-radio-button .path2:before {
    content: "\00b7";
    color: #eee;
    margin-left: -1em;
}
.icon-cm-share-button .path1:before {
    content: "\00b8";
    color: #1e1e1e;
}
.icon-cm-share-button .path2:before {
    content: "\00b9";
    color: #fff;
    margin-left: -1em;
}
.icon-countries:before {
    content: "\00c1";
}

.icon-share:before {
    content: "\00d6";
}
.icon-apple:before {
    content: "\00c2";
}
.icon-streaming:before {
    content: "\00c3";
}
.icon-mobile:before {
    content: "\00c4";
}
.icon-laptop:before {
    content: "\00c5";
}
.icon-bluetooth:before {
    content: "\00d1";
}
.icon-airplay:before {
    content: "\00d2";
}
.icon-transmision:before {
    content: "\00d3";
}
.icon-cast-inactive:before {
    content: "\00d4";
}
.icon-cast-active:before {
    content: "\00d5";
}
.icon-embed-player:before {
    content: "\00d7";
}
.icon-private-content:before {
    content: "\00d8";
}
.icon-facebook:before {
    content: "\00d9";
}
.icon-twitter:before {
    content: "\00e1";
}
.icon-share-code:before {
    content: "\00e2";
}
.icon-mail:before {
    content: "\00e3";
}
.icon-close:before {
    content: "\00e4";
}
.icon-down-arrow:before {
    content: "\00f1";
}
.icon-sleep-mode:before {
    content: "\00f2";
}
.icon-cm-round-check:before {
    content: "\00f3";
}
.icon-microphone:before {
    content: "\00f4";
}
.icon-undone-arrow:before {
    content: "\00f6";
}
/* ==========================================================================
Claro Musica Icon Fonts
========================================================================== */

@font-face {
    font-family: 'cm-icon-font';
    src: url(/dist/cm-icon-font.eot);
    src: url(/dist/cm-icon-font.eot?#iefix) format('embedded-opentype'),
    url(/dist/cm-icon-font.woff) format('woff'),
    url(/dist/cm-icon-font.ttf) format('truetype'),
    url(/dist/imagenes/cm-icon-font.svg#cm-icon-font) format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='cm-icon-']:before {
    display: inline-block;
    font-family: 'cm-icon-font';
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cm-icon-x1:before {
    content: "\100";
}
.cm-icon-x1-speed:before {
    content: "\101";
}
.cm-icon-back15:before {
    content: "\102";
}
.cm-icon-forward15:before {
    content: "\103";
}
.cm-icon-airplay:before {
    content: "\104";
}
.cm-icon-apple:before {
    content: "\105";
}
.cm-icon-arrow-down:before {
    content: "\106";
}
.cm-icon-arrow-left:before {
    content: "\107";
}
.cm-icon-arrow-right:before {
    content: "\108";
}
.cm-icon-arrow-up:before {
    content: "\109";
}
.cm-icon-back:before {
    content: "\110";
}
.cm-icon-cart:before {
    content: "\111";
}
.cm-icon-cart-off:before {
    content: "\112";
}
.cm-icon-check:before {
    content: "\113";
}
.cm-icon-circle-caution:before {
    content: "\114";
}
.cm-icon-circle-check:before {
    content: "\115";
}
.cm-icon-circle-check-off:before {
    content: "\116";
}
.cm-icon-circle-down-off:before {
    content: "\117";
}
.cm-icon-circle-info:before {
    content: "\118";
}
.cm-icon-circle-minus:before {
    content: "\119";
}
.cm-icon-circle-plus:before {
    content: "\120";
}
.cm-icon-claro:before {
    content: "\121";
}
.cm-icon-clock:before {
    content: "\122";
}
.cm-icon-clock-off:before {
    content: "\123";
}
.cm-icon-close:before {
    content: "\124";
}
.cm-icon-cloud:before {
    content: "\125";
}
.cm-icon-cm-hp:before {
    content: "\126";
}
.cm-icon-delete:before {
    content: "\127";
}
.cm-icon-disc:before {
    content: "\128";
}
.cm-icon-dot:before {
    content: "\129";
}
.cm-icon-download:before {
    content: "\130";
}
.cm-icon-edit:before {
    content: "\131";
}
.cm-icon-email:before {
    content: "\132";
}
.cm-icon-enter:before {
    content: "\133";
}
.cm-icon-eye-off:before {
    content: "\134";
}
.cm-icon-eye-on:before {
    content: "\135";
}
.cm-icon-fb-logo:before {
    content: "\136";
}
.cm-icon-flag:before {
    content: "\137";
}
.cm-icon-flag-off:before {
    content: "\138";
}
.cm-icon-fullscreen-off:before {
    content: "\139";
}
.cm-icon-fullscreen-on:before {
    content: "\140";
}
.cm-icon-google-logo:before {
    content: "\141";
}
.cm-icon-gps:before {
    content: "\142";
}
.cm-icon-headphones:before {
    content: "\143";
}
.cm-icon-home:before {
    content: "\144";
}
.cm-icon-home-off:before {
    content: "\145";
}
.cm-icon-like:before {
    content: "\146";
}
.cm-icon-like-off:before {
    content: "\147";
}
.cm-icon-link-out:before {
    content: "\148";
}
.cm-icon-live-cast:before {
    content: "\149";
}
.cm-icon-micro:before {
    content: "\150";
}
.cm-icon-micro-off:before {
    content: "\151";
}
.cm-icon-micro-on:before {
    content: "\152";
}
.cm-icon-more-horizontal:before {
    content: "\153";
}
.cm-icon-more-vertical:before {
    content: "\154";
}
.cm-icon-music:before {
    content: "\155";
}
.cm-icon-music-off:before {
    content: "\156";
}
.cm-icon-notifications:before {
    content: "\157";
}
.cm-icon-pay-cart:before {
    content: "\158";
}
.cm-icon-pay-check:before {
    content: "\159";
}
.cm-icon-pay-load:before {
    content: "\160";
}
.cm-icon-player-back:before {
    content: "\161";
}
.cm-icon-player-back-off:before {
    content: "\162";
}
.cm-icon-player-backward:before {
    content: "\163";
}
.cm-icon-player-pause:before {
    content: "\164";
}
.cm-icon-player-pause-off:before {
    content: "\165";
}
.cm-icon-player-play:before {
    content: "\166";
}
.cm-icon-player-play-off:before {
    content: "\167";
}
.cm-icon-play-forward:before {
    content: "\168";
}
.cm-icon-playlist-off:before {
    content: "\169";
}
.cm-icon-playlist-on:before {
    content: "\170";
}
.cm-icon-player-next:before {
    content: "\171";
}
.cm-icon-player-next-off:before {
    content: "\172";
}
.cm-icon-plus:before {
    content: "\173";
}
.cm-icon-radio-off:before {
    content: "\174";
}
.cm-icon-radio-on:before {
    content: "\175";
}
.cm-icon-rec-off:before {
    content: "\176";
}
.cm-icon-rec-on:before {
    content: "\177";
}
.cm-icon-reorder:before {
    content: "\178";
}
.cm-icon-repeat:before {
    content: "\179";
}
.cm-icon-screencast:before {
    content: "\180";
}
.cm-icon-search:before {
    content: "\181";
}
.cm-icon-announce:before {
    content: "\182";
}
.cm-icon-settings:before {
    content: "\183";
}
.cm-icon-share:before {
    content: "\184";
}
.cm-icon-shield-info:before {
    content: "\185";
}
.cm-icon-shuffle:before {
    content: "\186";
}
.cm-icon-sleep-off:before {
    content: "\187";
}
.cm-icon-sleep-on:before {
    content: "\188";
}
.cm-icon-sound:before {
    content: "\189";
}
.cm-icon-star:before {
    content: "\190";
}
.cm-icon-star-off:before {
    content: "\191";
}
.cm-icon-stocks:before {
    content: "\192";
}
.cm-icon-submenu:before {
    content: "\193";
}
.cm-icon-telephone:before {
    content: "\194";
}
.cm-icon-toggle-off:before {
    content: "\195";
}
.cm-icon-toggle-on:before {
    content: "\196";
}
.cm-icon-update:before {
    content: "\197";
}
.cm-icon-user:before {
    content: "\198";
}
.cm-icon-users:before {
    content: "\199";
}
.cm-icon-vip:before {
    content: "\200";
}
.cm-icon-volume-max:before {
    content: "\201";
}
.cm-icon-volume-min:before {
    content: "\202";
}
.cm-icon-volume-mute:before {
    content: "\203";
}
.cm-icon-volume-zero:before {
    content: "\204";
}
.cm-icon-world:before {
    content: "\205";
}
.cm-icon-circle-down:before {
    content: "\206";
}
.cm-icon-playlist-close:before {
    content: "\207";
}
.cm-icon-playlist-play:before {
    content: "\208";
}
.cm-icon-playlist-all:before {
    content: "\209";
}
.cm-icon-playlist-all-off:before {
    content: "\210";
}
.cm-icon-menu:before {
    content: "\211";
}
.cm-icon-pencil:before {
  content: "\212";
}
.cm-icon-guitar:before {
    content: "\213";
}
.cm-icon-artist:before {
    content: "\214";
}
.cm-icon-add-next:before {
    content: "\215";
}
.cm-icon-stingray:before {
    content: "\216";
}
.cm-icon-qello:before {
    content: "\217";
}
.cm-icon-repeat-stand-by:before {
    content: "\218";
}
.cm-icon-repeat-1-active:before {
    content: "\219";
}
.cm-icon-repeat-all-active:before {
    content: "\220";
}
.cm-icon-x:before {
    content: "\221";
}
.cm-icon-sad-face:before {
    content: "\222";
}
.cm-icon-computer:before {
    content: "\223";
}
.cm-icon-gift:before {
    content: "\224";
}

/* CSS3 & maqueta HTML5 por Teresa Lass */

/* ==========================================================================
Resets
========================================================================== */
/* Resets personalizados*/
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
    background-color: #000;
    height: 100%;
}

a {
    color: #fff;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
}

input {
    border-radius: 0;
}

input::-ms-clear {
    display: none;
}

button:focus, input:focus, a:focus, li:focus {
    outline: 0;
}

input {
    -webkit-appearance: none;
}

input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #262626 inset;
    -webkit-text-fill-color: #ffffff !important;
}

.TAG_subs_text {
    display: none;
}

.text_center {
    text-align: center;
    width: 90%;
    line-height: 20px;
}

.left_text {
    float: left;
    margin-bottom: 10px;
}

.container_label_change_price {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 5px;
    padding: 15px;
}

.text_change_price {
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    padding: 5px;
    font-size: 16px;
    line-height: 20px;
}

td[role="presentation"]:hover {
    cursor: pointer;
}

.clearfix {
    clear: both;
}

.text_upsell {
    font-size: 12px;
    font-weight: bold;
}

/* ==========================================================================
Fonts
========================================================================== */
@font-face {
    font-family: 'segoe';
    src: url(/dist/SegoeUI.eot);
    src: url(/dist/SegoeUI.eot?#iefix) format('embedded-opentype'),
    url(/dist/SegoeUI.woff2) format('woff2'),
    url(/dist/SegoeUI.woff) format('woff'),
    url(/dist/SegoeUI.ttf) format('truetype'),
    url(/dist/imagenes/SegoeUI.svg#SegoeUI) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
Estructura
========================================================================== */
.m_wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.bg_main > div {
    height: 200%;
    width: 200%;
    position: fixed;
    top: -50%;
    left: -50%;
    z-index: -999;
}

.bg_main img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    filter: blur(25px);
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
}

.mascara_negra {
    position: absolute;
    top: 0;
    left: 0;
    background: #1A1A1A;
    width: 100%;
    height: 100%;
}

.footnote {
    font-size: .8em;
}

.highlight {
    color: #DE1717;
}

.underline_effect:hover {
    text-decoration: underline;
}

/*Especifico de IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .mascara_negra {
        background: rgba(26, 26, 26, .83);
    }
}

@supports (-ms-ime-align: auto) {
    .scroller_w{
        overflow: visible !important;
    }
}

/* ==========================================================================
Tipos de Wrappers de contenido
========================================================================== */
.c_tipo1_wrapper, .c_tipo2_wrapper {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    padding-left: 240px;
}

.c_tipo1_wrapper h1 {
    height: 20px;
    color: #E4E4E4;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
}

.c_tipo2_wrapper h1 {
    float: none;
    font-size: 32px;
    margin-bottom: 30px;
    z-index: 4;
}

.c_tipo2_wrapper.settings-page h1,
.c_tipo4_wrapper.shopping-cart-section h1 {
    float: none;
}

.c_tipo3_wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 230px;
    height: 100%;
    overflow: auto;
}

.c_tipo3_wrapper__mobile {
    padding-top: 88px !important;
}

.c_tipo3_wrapper.settings-page .header-section {
    margin: 0 15px 0 15px;
}

.c_tipo4_wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 0rem 230px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

.c_tipo4_wrapper h1 {
    float: left;
    font-size: 20px;
    margin: 0 0 7px 0;
    width: 395px;
    min-height: 20px;
    padding: 5px 0 0 0;
    line-height: 23px;
    word-wrap: break-word;
}

.c_tipo4_wrapper h1 > a {
    margin: 0 0 0 15px;
}

.c_tipo4_wrapper h1 > a:hover {
    opacity: 0.5;
}

.c_tipo4_wrapper h2 {
    float: left;
    font-size: 15px;
    margin: 0 0 5px 0;
    width: 100%;
    font-weight: normal;
    height: 14px;
}

.c_tipo4_wrapper h2 > a:hover {
    text-decoration: underline;
}

.c_tipo4_wrapper h6 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 13px;
    height: 14px;
    font-weight: normal;
}

/* Eventos y Conciertos */
.e_wrapper {
    width: 100%;
    height: 100%;
    flex: 1 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

}

.c_tipo5_wrapper {
    padding: 27px 27px 4px 77px;
    height: 100%;
    order: 1;
    flex: 3 0px;
    width: 100%;
}

.c_tipo5_wrapper h2 {
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
    height: 20px;
    padding: 5px 0 0 0;
}

/* .scroller_w {
    width: 100%;
    padding: 0;
    overflow-y: hidden;
    background: linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(8,8,8,1) 80%);
} */

.isDeeplink {
    margin-bottom: 0px;
    height: 100vh;
}

.new_bundle_w {
    background: #1C212D;
}

.wrp_zoom_out_80 {
    padding: 27px 30px 350px 255px;
}

.wrp_zoom_out_75 {
    padding: 27px 30px 400px 255px;
}

.wrp_zoom_out_67 {
    padding: 27px 30px 600px 255px;
}

.wrp_zoom_out_50 {
    padding: 27px 30px 1500px 255px;
}

.wrp_zoom_out_33 {
    padding: 27px 30px 2800px 255px;
}

.wrp_zoom_out_25 {
    padding: 27px 30px 4200px 255px;
}

/* ==========================================================================
Navs
========================================================================== */
.header {
    color: #fff;
    background-color: rgba(49,49,49,1);
    height: 70px;
    position: relative;
    display: flex;
    margin-left: 240px;
    width: auto;
    flex-wrap: nowrap;
    align-items: center;
    z-index: 10;
}

.header > div:first-child {
    z-index: 9999;
    position: relative;
    flex-grow: 1;
}

.header > div:first-child > a:hover {
    opacity: 0.5;
}

.header > div:first-child img.logo-CM {
    max-width: 219px;
    height: 50px;
    width: 100%;
}

.header > div:nth-child(2) {
    margin: auto 15px;
    z-index: 9999;
    position: relative;
    flex-grow: 2;
}

/* .header > div:nth-child(3) {
    margin: 20px 0 10px 10px;
    flex-grow: 2;
} */

.header > div:last-child.profile-head-container {
    flex-grow: 1;
    display: flex;
    flex-direction: row-reverse;
    justify-content: end;
}

.header > div:last-child.profile-head-container > div > a > i > img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.header > div:last-child.profile-head-container > div > a:hover {
    opacity: 0.5;
}

.header > div:nth-child(3).unlimited-button-copntainer {
    min-width: 170px;
    flex-grow: 0;
}

.header > div:nth-child(3).unlimited-button-copntainer > div > a > i {
    margin: 0 8px 0 0;
    float: left;
    width: 41px;
    height: 41px;
    padding: 3px 4px;
    border-radius: 25px;
    border: 4px solid #DE1717;
    font-size: 25px;
    background-color: white;
    color: black;
}

.header > div:nth-child(3).unlimited-button-copntainer > div > a > div {
    font-family: Roboto;
    font-weight: 500;
    font-size: 11px;
    padding: 13px 0;
}

#nav_mobile_barra_lateral {
    display: none;
    position: absolute;
    z-index: 999;
    top: -12px;
    left: -60px;
    width: 50px;
    height: 50px;
    padding: 14px 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 21px;
}

#nav_mobile_barra_lateral:hover {
    background-color: #fff;
    color: #000;
    opacity: 1;
}

.sub_menu {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    height: 35px;
    z-index: 4;
}

.sub_menu > ul {
    width: 100%;
    float: left;
    padding: 0 0 0 58px;
    margin: 0;
    height: 35px;
}

.sub_menu > ul > li:first-child {
    margin-left: 19px;
}

.sub_menu > ul > li {
    position: relative;
    min-width: 50px;
    height: 35px;
    font-size: 17px;
    float: left;
    margin: 0 10px;
    text-align: center;
}

.sub_menu > ul > li > a {
    float: left;
    height: 35px;
    padding: 10px 0;
}

.sub_menu > ul > li > a:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.sub_menu > ul > li > a > i {
    font-size: 16px;
    margin-right: 7px;
}

.sub_menu > ul > li.sub_m_active {
    border-bottom: 2px solid #fff;
}

.sm_new_bundle_black {
    background: #242424;
}

.sm_new_bundle_blue {
    background: #1C212D;
}

#generos_pop {
    height: 400px;
}

#profile_pop_s {
    height: 120px;
}

.sub_menu > ul > li > div.dropd_gral, .nav_interno_2 > ul > li > div.dropd_gral, .sub_menu > ul > li > div.dropd_profile {
    position: absolute;
}

.sub_menu.sm_down {
    z-index: 0;
}

.label-head {
    font-size: 15px;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    padding: 10px 0 5px 0;
    max-width: 180px;
    overflow: hidden;
}

.profile-head > a > img {
    font-size: 35px;
}

.profile_pop_unlimited {
    margin: -15px 0;
    padding: 0 15px 0 10px;
    width: 100%;
}

.profile_pop_unlimited > i {
    width: 40px;
    height: 40px;
    padding: 7px;
    border-radius: 25px;
    font-size: 25px;
    background-color: white;
    color: black;
    position: absolute;
    top: 0;
    left: 0;
}

.profile_pop_unlimited > div {
    height: 40px;
    width: 100%;
    font-family: Roboto;
    font-weight: 500;
    font-size: 13px;
    padding: 12px 0;
    border-radius: 30px 15px 15px 30px;
    background-color: #DE1717;
    text-align: center;
}

.claro360_scroll_menu {
    display: none;
}

.claro360_menu_horizontal {
    display: block;
}

.claro360_menu {
    width: 100%;
    background: #000;
    text-align: center;
    height: 35px;
    z-index: 4;
}

.claro360_menu > ul {
    margin: 0 0 0 5%;
    height: 35px;
    text-align: initial;
    display: inline-block;
}

.claro360_menu > ul > li:first-child {
    margin-left: 19px;
}

.claro360_menu > ul > li {
    position: relative;
    min-width: 50px;
    height: 35px;
    font-size: 14px;
    float: left;
    margin: 0 10px;
    text-align: center;
}

.claro360_menu > ul > li > a {
    float: left;
    height: 35px;
    padding: 10px 0;
}

.claro360_menu > ul > li > a.claro360_img {
    float: left;
    height: 35px;
    padding: 5px 0;
}

.claro360_menu > ul > li > a:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.claro360_menu > ul > li > a > i {
    font-size: 16px;
    margin-right: 7px;
}

.claro360_menu > ul > li.claro360_menu_m_active {
    border-bottom: 2px solid #fff;
}

.claro360_menu_pop {
    position: absolute;
}

.claro360_menu.cm_down {
    z-index: 0;
}

.claro360_menu_pop {
    position: absolute;
    opacity: 1;
    visibility: visible;
    background: #000;
    width: 100%;
    height: auto;
    z-index: 90;
    top: 35px;
}

.claro360_menu_pop ul {
    float: left;
    width: 240px;
    padding: 0;
    margin: 0;
}

.claro360_menu_pop ul > li, .claro360_menu_pop ul > li > a {
    float: left;
    width: 240px;
    min-height: 40px;
    height: auto;
    text-align: left;
    font-size: 16px;
}

.claro360_menu_pop ul > li > a {
    padding: 20px 0 15px 30px;
    line-height: 18px;
}

.claro360_menu_pop ul > li > a:hover {
    color: #303030;
    background-color: #fff;
}

/* ==========================================================================
Navegador Vertical
========================================================================== */
.nav_vertical {
    position: fixed;
    overflow: hidden;
    z-index: 3;
    display: block;
    left: 0;
    bottom: 0;
    height: 100%;
    display: block;
    width: 240px;
    background: none repeat scroll 0 0 #1B1B1B;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

.nav_vertical > a {
    float: left;
    height: 55px;
    padding: 14px 0 0 0;
    width: 55px;
    text-align: center;
    color: #fff;
    font-size: 21px;
}

.nav_vertical ul {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.nav_vertical li {
    min-height: 25px;
    height: 45px;
    width: 240px;
    display: flex;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

.nav_vertical li.identified-songs a {
    display: flex;
    align-items: center;
}

.nav_vertical li.identified-songs a img {
    width: 21px;
    height: 21px;
    margin: 0 26px 0 15px;
}

.nav_vertical li > a,
.nav_vertical li > div {
    min-height: 55px;
    height: auto;
    width: 240px;
    position: relative;
}

.nav_vertical li > a:hover, .nav_vertical li > div:hover, .nav_vertical > a:hover {
    background: #1C1B1B;
    color: #EA423F;
    opacity: 1;
}

.nav_vertical li > a > i,
.nav_vertical li > div > i {
    position: relative;
    float: left;
    font-size: 21px;
    padding: 17px 0 0 0;
    margin: 0;
    text-align: center;
    width: 55px;
    height: 55px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.nav_vertical li i.icon-cm-like-heart,
.nav_vertical li i.icon-cm-cloud {
    color: #DE1717;
    margin-top: 4px;
}

.nav_vertical li > a > i > img {
    margin: -5px 0 0 0;
}

.nav_vertical li:first-child > a > i > img {
    width: 33px;
    height: 33px;
    border-radius: 50%;
}

.nav_vertical li > a:hover > i > img:first-child.perfil_img_nav, .nav_vertical li > a > i > img:first-child.perfil_img_nav {
    opacity: 1;
    visibility: visible;
}

.nav_vertical.nav_v_INactive li > a > i > div {
    opacity: 1;
}

.nav_vertical li > a > i > div {
    width: 100%;
    letter-spacing: 0.03em;
    float: left;
    font-size: 12px;
    font-style: normal;
    padding: 0 7px;
    margin: 2px 0 8px 0;
    font-family: 'segoe', sans-serif;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.nav_vertical li > a > div,
.nav_vertical li > div > div {
    float: left;
    font-size: 15px;
    margin: 23px 0 0 7px;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    padding: 0 0 5px 0;
    max-width: 170px;
    overflow: hidden;
}

.nav_vertical li.identified-songs > a > div {
    margin: 0;
}

.nav_vertical.nav_v_INactive, .nav_vertical.nav_v_INactive ul {
    width: 240px;
}

.nav_vertical.nav_v_INactive li > a > i {
    padding: 15px 0 0 0;
    margin: 0;
    width: 55px;
    height: auto;
    min-height: 55px;
    font-style: normal;
}

.i_v_active > a {
    color: #EA423F;
}

.scroller_w_nav {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0;
    height: calc(100vh - 78px);
}

.nav_vertical li > a > div.n_comprado {
    position: absolute;
    top: -16px;
    left: 21px;
    height: 18px;
    width: 18px;
    font-size: 10px;
    background: #104c98;
    border-radius: 50%;
    text-align: center;
    padding: 2px 0 0 0;
    z-index: 1;
}

.nav-empty-button {
    height: 10px;
}

.nav_vertical .nav_burger_a {
    display: none;
}

/* ==========================================================================
Botones
========================================================================== */
.cmw-btn {
    display: block;
    text-align: center;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 0;
    border-radius: 24px;
    border-style: none;
    color: #fff;
    margin: 15px 0;
    outline: none;
    max-width: 100%;
}

.cmw-btn-buy {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding: 15px 0;
    border-radius: 10px;
    border-style: none;
    color: #fff;
    margin: 15px 0;
    outline: none;
    max-width: 100%;
}

.cmw-btn-disabled {
    background: #f3f1f166;
    border-color: #f3f1f166;
}

.cmw-link-disabled {
    color: #f3f1f166;
}

.cmw-btn-default {
    background: #1d1d1d;
    border-color: #1d1d1d;
}

.cmw-btn-primary {
    background: #DA291c;
}

.B_Blue {
    float: left;
    background: #104c98;
    border: 1px solid #104c98;
    width: auto;
    height: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.B_Red {
    background: #DE1717;
    border: 1px solid #DE1717;
}

.B_Black > div, .B_Blanco > div {
    width: 100%;
    margin: 6px 0;
    text-align: center;
    padding: 0 15px;
    font-size: 15px;
}

.B_Blue > div {
    width: 100%;
    margin: 6px 0;
    text-align: center;
    padding: 0 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.B_Blue:hover {
    background-color: #3d73b8;
    color: #fff;
}

.B_Red:hover {
    background-color: #DE1717;
    color: #fff;
}

.B_Black {
    float: left;
    background: #da291c;
    width: auto;
    height: 30px;
    border-radius: 24px;
}

.B_Black_evento {
    float: left;
    background: #646464;
    width: auto;
    height: 30px;
}

.B_Black_evento > div {
    width: 150px;
    text-align: center;
    padding: 8px 5px;
    font-size: 13px;
}

.msj_allscreen_pop > div.btn_center {
    display: flex;
    justify-content: center;
}

.msj_allscreen_pop_IE > div.btn_center {
    margin-left: 80px;
}

.B_Blanco {
    float: left;
    background: #fff;
    width: auto;
    height: 30px;
    color: #000;
    border: 1px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.B_Blanco:hover {
    opacity: 0.7;
    color: #000;
}

/* ==========================================================================
Búsqueda
========================================================================== */
.container-search {
    /* overflow: hidden; */
    width: 100%;
    max-width: 424px;
    height: 42px;
}

.container-search > form {
    width: 100%;
    height: 100%;
    position: relative;
}

.container-search input#search {
    box-sizing: border-box;
    font-size: initial;
    -webkit-appearance: none;
    /* -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; */
    /* outline: none; */
    width: 100%;
    /* background: #282828; */
    background: #212224;
    height: 42px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #212224;
    display: block;
    padding-left: 40px;
}

.container-search input#search:focus {
    color: #FFF;
}

.container-search input#search::-webkit-input-placeholder {
    color: #999;
}

.container-search input#search:-moz-placeholder {
    color: #999;
}

.container-search input#search::-moz-placeholder {
    color: #999;
}

.container-search input#search:-ms-input-placeholder {
    color: #999;
}

.container-search > button {
    background: transparent;
    border: 0;
    padding: 0;
    outline: 0;
    margin: 8px 0 0 -30px;
    height: auto;
    width: auto;
    color: #fff;
    font-size: 15pt;
}

.container-search .fa.fa-search:before {
    font-size: 17px
}

.container-search .icon-hp-search {
    position: absolute;
    top: 10px;
    left: 9px;
}

.icon-hp-search {
    font-size: 22px;
    z-index: 1;
}

.container-search .icon-hp-close {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 1 !important;
}

.btn_close {
    display: none;
}

.icn_on {
    display:inline-block;
}

.icon-hp-close {
    font-size: 25px;
    color: #ffffff;
}

/* ==========================================================================
Busqueda drop down
========================================================================== */
.drop_search {
    position: absolute;
    top: 42px;
    right: auto;
    width: 100%;
    max-width: 424px;
    min-height: 40px;
    max-height: 430px;
    z-index: 99;
    background-color: #282828;
    opacity: 1;
    visibility: visible;
    /* border-radius: 0 0 8px 8px; */
    overflow: hidden;
}

.backdrop_predictive_search {
    width: 500vw;
    height: 500vh;
    background-color: #000;
    opacity: 0.7;
    position: absolute;
    top: -200vh;
    left: -200vw;
    z-index: 0;
}

.backdrop_predictive_search_off {
    display: none;
}

.drop_search > div {
    float: left;
    width: 100%;
}

.search_ttl {
    float: left;
    height: 40px;
    width: 100%;
    background: #282828;
    border: 1px solid #282828;
    padding: 10px 8px 0 16px;
    font-size: 17px;
    color: #fff;
}

.not_found_text {
    color: #fff;
    margin: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

.not_found_title {
    color: #fff;
    margin: 10px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
}

div div .not_found_icon {
    font-size: 160px;
    margin: 30px;
    color: #fff;
}

.recent_clear {
    float: right;
    color:#DE1717;
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: 900;
}

.drop_search ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.drop_search li {
    min-height: 30px;
    width: 100%;
    float: left;
    position: relative;
}

.drop_search li > div{
    width: 100%;
    display: flex;
}

.drop_search li > div > a > img {
    width: 23%;
    vertical-align: middle;
    display: inline-block;
    max-width: 120px
}

.drop_search li > div > a {
    width: 90%;
    float: left;
    padding: 8px 16px;
}

.drop_search li > div > a.user_result,
.drop_search li > div > a.podcast_result {
    width: 100%;
    float: left;
    padding: 8px 8px 8px 8px;
}

.drop_search li > div > a > div {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drop_search li > div > a > div > i {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 19px;
}

.drop_search li:hover > div > i {
    color: #000;
}

.drop_search li > div > i > img {
    margin: -8px 0 0 0;
    border-radius: 50%;
}

.drop_search li:hover > div > a {
    background: #fff;
    color: #000;
}

.drop_search li > div > a > div:nth-child(2) {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
    width: auto;
    float: none;
}

.drop_search li > div > a > div:nth-child(2).search-result-description {
    margin-left: 10px;
    width: 59%;
    padding: 0 0 3px 0;
    max-height: 40px;
}

.drop_search li > div > a > div:nth-child(2).search-result-description > div,
.drop_search li > div > a > div:nth-child(2).search-result-description div div.variousArtist {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
}

.drop_search li > div > a > div:nth-child(2).best-result-description {
    width: 70%
}

.drop_search li > div > a > div > p, .drop_search li > a > div > div {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0 3px 0;
}

.drop_search li > div > a > div > p:nth-child(1) {
    font-size: 14px;
    font-weight: bold
}

.drop_search li.DS_hover > div > i {
    color: #000;
}

.drop_search li.DS_hover > div > a {
    background: #fff;
    color: #000;
}

.drop_search li > div > a > img.search-result-no-image {
    display: none
}

.drop_search li > div  > a > div.search-result-no-image {
    margin: 0px;
    width: 100%
}

.drop_search li > div > a > img.search-result-circle-image {
    border-radius: 50%;
    width: 80px;
}

.drop_search li > div > a > img.search-result-image {
    width: 48px;
    height: 48px;
    display: inline-block;
}

.drop_search li > div > a > img.search-result-image.search-result-best {
    width: 60px;
    height: 60px;
}

.drop_search li > div > a.best_search_ctx_btn {
    font-size: 34px;
    width: 10%;
    padding: 16px 20px 8px 8px;
    display: inline-block;
}

.drop_search li > div > a.search_ctx_btn {
    font-size: 34px;
    width: 10%;
    padding: 16px 20px 8px 8px;
}

.drop_search.ds_OFF {
    min-height: 0;
    opacity: 0;
    visibility: hidden;
}

@supports (-ms-ime-align: auto) {
    .recent_clear {
        margin-right: 18px;
    }

    .drop_search li > div > a {
        width: 88%;
    }
}

/* ==========================================================================
Section DJ´S - Mobile visible elements
========================================================================== */

a.container-section-dj {
    position: relative!important;
    opacity: 1!important;
}

/* ==========================================================================
Shopping cart header
========================================================================== */
.shopping-cart-head {
    opacity: 0;
    width: auto;
    top: 5px;
    height: auto;
    margin: 10px;
    position: relative;
    display: none;
}

.shopping-cart-head > a {
    opacity: 1;
}

.shopping-cart-head > a:hover {
    opacity: 0.5;
}

.shopping-cart-head > a > img {
    float: left;
    width: 173px;
    height: 30px;
}

.shopping-cart-head > a > i {
    font-size: 22px;
    padding: 2px 0 0 0;
}

.shopping-cart-head-s {
    display: none;
    float: left;
    width: auto;
    top: 5px;
    height: auto;
    margin: 10px 0 10px 0;
    position: relative;
}

.shopping-cart-head-s > a {
    opacity: 1;
}

.shopping-cart-head-s > a:hover {
    opacity: 0.5;
}

.shopping-cart-head-s > a > i {
    font-size: 22px;
    padding: 2px 0 0 0;
}

.search-head {
    float: left;
    width: auto;
    height: auto;
    margin: 10px 0 10px 0;
    position: relative;
    display: none;
}

.search-head > a {
    opacity: 1;
}

.search-head > a:hover {
    opacity: 0.5;
}

.search-head > a > img {
    float: left;
    width: 173px;
    height: 30px;
}

.search-head > a > i {
    font-size: 20px;
    padding: 3px 0 0 0;
}

/* ==========================================================================
Player Deeplink
========================================================================== */
.player_wrapper_table {
    bottom: 0;
    width: 100%;
    height: 5px;
    z-index: 4;
}

.deeplink_active {
    position: absolute;
    height: 100%;
}

/* ==========================================================================
Player
========================================================================== */

.player_wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    background: #282828;
    z-index: 10;
    flex: 1 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
}

.player_wrapper_hidden {
    display: none;
}

.player_wrapper > div:first-child {
    order: 1;
    float: none;
    width: auto;
    max-width: 400px;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 55px;
    margin: 0 10px 0 0;
}

.player_wrapper > div:first-child > a {
    float: left;
}

.player_wrapper > div:first-child > a:first-child > img {
    width: 54px;
    height: 53px;
}

.player_wrapper > div:first-child > a + a {
    float: left;
    position: relative;
    width: 55px;
    height: 55px;
}

.player_wrapper > div:first-child > a + a > i {
    float: left;
    margin: 15px 0 0 18px;
    font-size: 21px;
}

.player_wrapper > div:first-child > a + a:hover > i, .player_wrapper > div:first-child > a:hover > i {
    opacity: 0.5;
}

.player_wrapper > div:first-child > a + a.radios_off > i {
    color: #EA423F;
}

.player_wrapper > div:first-child > div {
    float: left;
    width: 280px;
    height: 55px;
    padding: 10px 0 0 0;
}

.player_wrapper > div:first-child > div > div {
    float: left;
    width: 278px;
    height: 17px;
    padding: 0 8px 0 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.player_wrapper > div:first-child > div > div:last-child > span {
    margin: 0 0 0 5px;
}

.player_wrapper > div:first-child > div > div:last-child {
    float: left;
    width: 278px;
    padding: 0 8px 0 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 16px;
}

.t_player {
    padding: 5px 15px 0 0;
    height: 55px;
    cursor: pointer;
    order: 2;
    flex: 3 0px;
}

.t_player_deeplink {
    padding: 0 0px 0 0;
    height: 2px;
}

.t_player > div:first-child {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
}

.t_player > div:first-child > div:first-child {
    position: absolute;
    opacity: 1;
    border: none;
    border-radius: 0%;
    top: 18px;
    float: left;
    width: 100%;
    height: 3px;
    background-color: #666;
    z-index: 1;
}

.t_player > div:first-child > div:last-child {
    position: absolute;
    opacity: 1;
    border: none;
    border-radius: 0%;
    top: 18px;
    float: left;
    height: 3px;
    background-color: #104c98;
    z-index: 2;
}

.t_player > div:last-child {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    z-index: 1
}

.t_player > div:last-child > div:first-child {
    font-size: 11px;
    position: absolute;
    top: 27px;
}

.t_player > div:last-child > div:last-child {
    font-size: 11px;
    position: absolute;
    top: 27px;
    right: 0;
}

.t_player_deeplink > div:last-child > div:last-child {
    font-size: 11px;
    position: absolute;
    top: 0px;
    right: 0;
}

.t_player > div:first-child > div {
    position: absolute;
    opacity: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #104c98;
    top: 14px;
    z-index: 3;
}

.t_player:hover > div:first-child > div {
    opacity: 1;
}

#t_player_slider {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    float: left;
    height: 5px;
    top: 0px;
    opacity: 1;
    position: absolute;
    z-index: 1;
}

#t_player_slider .ui-slider-handle {
    background-color: #981C15;
    border-radius: 50%;
    height: 10px;
    opacity: 0;
    position: absolute;
    top: 14px;
    margin-left: -5px;
    width: 10px;
    z-index: 3;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#t_player_slider .ui-slider-handle:focus, #t_player_slider:focus, #volumen_pop_slider .ui-slider-handle:focus, #volumen_pop_slider:focus {
    outline: 0;
}

#t_player_slider .ui-slider-range {
    background-color: #DE1717;
    border: medium none;
    border-radius: 0;
    float: left;
    height: 4px;
    opacity: 1;
    position: absolute;
    top: 17px;
    z-index: 2;
}

#t_player_slider .deeplink-range {
    top: 0px;
}

#t_player_slider .ui-slider-range.deeplink_bar {
    height: 7px;
    top: 2px;
}

.t_player:hover #t_player_slider .ui-slider-handle {
    opacity: 1;
}

.dummy-back {
    background-color: #666 !important;
    width: 100%;
    z-index: 1 !important;
}

.c_player {
    position: relative;
    float: right;
    height: 55px;
    order: 3;
    padding: 5px 0 0 0;
}

.c_player ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.c_player li, .c_player li > a {
    float: left;
    height: 45px;
    width: 45px;
}

/*.timerPlayer li > a:hover {
    background-color: #c4c4c4;
    color: #000;
}*/

.c_player li > a {
    position: relative;
}

.c_player li > a > i {
    position: relative;
    float: left;
    font-size: 21px;
    margin: 12px 0 0 0;
    text-align: center;
    width: 45px;
}

.c_player li > a#shuffle > i  {
    margin: 10px 0 0 0;
}

.c_player li > a:hover > i {
    opacity: 0.65;
}

.c_player > div {
    position: absolute;
    top: 7px;
    right: 95px;
    height: 31px;
    width: 2px;
    background: #2c2c2c;
}

.c_player li > a > i > i {
    opacity: 0;
    color: #fff;
    font-family: 'segoe';
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    width: 14px;
    height: 14px;
    position: absolute;
    background: black;
    top: 11px;
    right: 11px;
    border-radius: 50%;
}

.c_player li > a > i + i {
    opacity: 0;
    position: absolute;
    top: 0px;
    right: 0px;
}

.c_player li > a:hover > i + i {
    opacity: 0;
    z-index: -1;
}

.c_player li > a:active > i {
    color: #EA423F;
}

.c_player li > a > i.PPyr {
    font-size: 30px;
    margin: 4px 0 0 0;
}

/* Acciones de los controles del player */
.c_player li > a.c_player_active, .c_player li > a.repeat_one > i {
    color: #EA423F;
}

.c_player li > a.repeat_one > i > i, .c_player li > a.play_pause > i + i {
    opacity: 1;
    z-index: 0;
}

.c_player li > a.play_pause > i {
    opacity: 0;
}


.c_player li > a > i {
    position: relative;
    float: left;
    font-size: 21px;
    margin: 12px 0 0 0;
    text-align: center;
    width: 45px;
}

/* timerPlayer del player */

/* .timerPlayer li, .timerPlayer li > a {
    float: left;
    height: 65px;
    width: 150px;
    transition: color ease-in 150ms;
} */

.playerTimerPlayerButton {
    position: relative;
}

.timerActive {
    background-color: #DE1717;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px !important;
    border-radius: 5px;
}

.timerActive span{
    display: flex;
    font-weight: 800;
}

/*Volumen del player*/

.volumen {
    position: absolute;
    height: 200px;
    width: 50px;
    background-color: #282828;
    top: -210px;
    padding: 10px;
    cursor: pointer;
}

.volumen > div {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}

.volumen > div > div:first-child {
    position: absolute;
    width: 30px;
    height: 100%;
    left: 0px;
    background-color: #282828;
    z-index: 1;
}

.volumen:hover #pv_indicador {
    opacity: 1;
}

#volumen_pop_slider .ui-slider-range {
    position: absolute;
    bottom: 0;
    width: 4px;
    left: 15px;
    background-color: #EA423F;
    margin: 0px 0 0 -3px;
    z-index: 2;
}

#volumen_pop_slider .ui-slider-handle {
    position: absolute;
    opacity: 0;
    width: 10px;
    left: 9px;
    height: 10px;
    border-radius: 50%;
    background-color: #EA423F;
    z-index: 3;
}

.volumen:hover #volumen_pop_slider .ui-slider-handle {
    opacity: 1;
}

.dummy-back-volume {
    position: absolute;
    bottom: 0;
    width: 4px;
    height: 100%;
    left: 12px;
    background-color: #666;
    z-index: 1;
}

/* Disable de controles de player*/
.disable_cp {
    display: none;
    position: absolute;
    top: 2px;
    right: 0;
    height: 45px;
    width: 360px;
    opacity: 0.50;
}

.disable_cp.dis_ON {
    display: block;
}

.disable_button_new {
    opacity: 0.50;
    pointer-events: none;
    cursor: default;
}

.visible_button {
    visibility: visible;
}

.disable_button_new {
    opacity: 0.50;
    pointer-events: none;
    cursor: default;
}

.hide_button {
    visibility: hidden;
}

/* ==========================================================================
Pop outs
========================================================================== */
.queue_pop {
    position: absolute;
    bottom: 45px;
    right: 0;
    background-color: #282828;
    width: 280px;
    height: 666px;
    visibility: visible;
    z-index: 10;
}

.queuea_pop_details {
    width: 147px;
}

.queue_pop > div:first-child {
    float: left;
    width: 100%;
    padding: 20px 10px 10px 20px;
    height: 90px;
    border-bottom: 1px solid #7f7f7f;
}

.queue_pop > div:first-child > p {
    float: left;
    font-size: 18px;
    font-weight: bold;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.queue_pop > div:first-child > a {
    float: right;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: -4px 5px 0 0;
}

.queue_pop > div:first-child > a > i {
    font-size: 14px;
    margin: 5px 0 0 0;
}

.queue_pop > div:first-child > div {
    float: left;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.queue_pop > div:first-child > div:last-child {
    float: right;
    margin: 0;
    padding: 10px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.queue_pop > div:first-child > div:last-child > a, .queue_pop > div:first-child > div:last-child > a > i {
    float: left;
    width: 36px;
    height: 36px;
    text-align: center;
}

.queue_pop > div:first-child > div:last-child > a > i, .queue_pop > div:first-child > div:last-child > a {
    position: relative;
}

.queue_pop > div:first-child > div:last-child > a:hover, .queue_pop > div:first-child > a:hover > i {
    opacity: 0.65;
}

.queue_pop > div:first-child > div:last-child > a > i {
    font-size: 19px;
    padding: 6px 0 0 0;
}

.queue_pop.INC_queue_pop {
    right: -250px;
    visibility: hidden;
}

.queue_pop > div:nth-child(2) {
    float: left;
    width: 280px;
    height: 477px;
    overflow: hidden;
}

.queue_pop > div:nth-child(2) > div > div > ul {
    float: left;
    width: 280px;
    margin: 20px 0 0 0;
    padding: 0;
}

.queue_pop > div:nth-child(2) > div > div > ul > li {
    float: left;
    margin: 0;
    width: 280px;
    height: 45px;
}

.queue_pop > div:nth-child(2) > div > div > ul > li:hover {
    background-color: #C4C4C4;
}

.queue_pop > div:nth-child(2) > div > div > ul > li:hover > a {
    color: #000;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:first-child {
    float: left;
    width: 225px;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:first-child > div:first-child {
    float: left;
    width: 50px;
    height: 45px;
    text-align: center;
    padding: 15px 0 0 0;
    font-size: 13px;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:first-child > div:first-child > img {
    width: 14px;
    height: 20px;
    margin: -5px 0 0 0;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:first-child > div:last-child {
    float: left;
    height: 45px;
    width: 155px;
    padding: 8px 0 0 0;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:first-child > div:last-child > div:first-child {
    float: left;
    width: 100%;
    font-size: 15px;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:first-child > div:last-child > div:last-child {
    float: left;
    width: 100%;
    font-size: 13px;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:last-child {
    float: left;
    padding: 13px 0 0 0;
    width: 45px;
    height: 45px;
    text-align: center;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:last-child:hover {
    color: #282828;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:last-child:hover > i {
    color: #282828;
}

.queue_pop > div:nth-child(2) > div > div > ul > li > a:last-child > i {
    font-size: 18px;
}

.queue_pop > div:first-child > div:last-child > a.plus_all_pop_active > i {
    color: #EA423F;
}

.queue_pop > div:nth-child(2) > div > div > ul > li.lidr_space {
    height: 90px;
    padding-bottom: 45px;
    border-bottom: 4px solid #EA423F;
}

.queue_pop > div:last-child {
    float: left;
    width: 100%;
    padding: 5px 10px 10px 10px;
    height: 90px;
    border-top: 1px solid #7f7f7f;
}

.INC_plus_all_pop, .INC_context_pop, .INC_dropd_gral {
    display: none !important;
}

.context_pop {
    position: absolute;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    bottom: 0;
    width: 240px;
    background: #27282C;
}

.context_pop > ul {
    float: left;
    width: 240px;
    margin: 0;
    list-style: none;
    padding: 0;
}

.context_pop > ul > li {
    float: left;
    width: 240px;
    height: 50px;
}

.context_pop > ul > li:nth-child(7) {
    margin: 0;
}

.context_pop > ul > li:nth-child(7), .context_pop > ul > li:nth-child(8), .context_pop > ul > li:nth-child(9), .context_pop > ul > li:nth-child(10) {
    display: none;
}

.context_pop > ul > li > a,
.context_pop > ul > li > .fav_icon {
    float: left;
    width: 239px;
    height: 50px;
    color: #fff;
    padding: 18px 0 0 20px;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.context_pop > ul > li > a:hover,
.context_pop > ul > li > .fav_icon:hover {
    background-color: #c4c4c4;
    color: #000;
}

.context_pop > ul > li > a > i,
.context_pop > ul > li > .fav_icon > i {
    margin: -3px 5px 0 5px;
    float: left;
    position: relative;
    font-size: 21px;
    text-align: center;
    width: 45px;
}

.context_pop > ul > li > a > i > i {
    opacity: 0;
    color: #fff;
    font-family: 'segoe';
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    width: 14px;
    height: 14px;
    position: absolute;
    background: black;
    top: 11px;
    right: 11px;
    border-radius: 50%;
}

.context_pop > ul > li > a:hover > i,
.context_pop > ul > li > .fav_icon:hover > i {
    color: #000;
    opacity: 1;
}

.context_pop li > a.repeat_one > i, .context_pop li > a.c_player_active3 > i, .context_pop li > a.c_player_active2 > i {
    color: #EA423F;
}

.context_pop li > a.repeat_one > i > i {
    opacity: 1;
}

.cancelar_ctx {
    display: none;
}

.queue_ON {
    color: #2a83f5;
}

.dropd_gral {
    position: absolute;
    opacity: 1;
    visibility: visible;
    background: #16181d;
    width: 240px;
    height: auto;
    z-index: 90;
    top: 45px;
}

.dropd_gral ul {
    float: left;
    width: 240px;
    padding: 0;
    margin: 0;
}

.dropd_gral ul > li, .dropd_gral ul > li > a, .dropd_gral ul > li > .fav_icon {
    float: left;
    width: 240px;
    min-height: 40px;
    height: auto;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
}

.dropd_gral ul > li.hide_menu_desktop {
    display: none;
}

.dropd_gral ul > li > a,
.dropd_gral ul > li > .fav_icon {
    padding: 10px 0 10px 10px;
    line-height: 18px;
}

.dropd_gral ul > li > a:hover,
.dropd_gral ul > li > .fav_icon:hover {
    color: #000;
    background-color: #C4C4C4;
}

.dropd_gral ul > li.active_item > a,
.dropd_gral ul > li.active_item > .fav_icon {
    color: #000;
    background-color: #fff;
}

/*Dropdown contextuales en over de listas y álbumes*/
.dropd_img_cotx {
    position: fixed;
    display: none;
    background: #27282C;
    width: 243px;
    height: auto;
    z-index: 999;
}

.share_embed_code ul > li > a {
    padding: 6px 0 0 1px;
}

.share_embed_code ul > li > a > i {
    margin: 0;
}

.dropd_img_cotx ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #27282C;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 1);
    -moz-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 1);
    box-shadow: 0 0 3px 0 rgba(100, 100, 100, 1);
}

.dropd_img_cotx li {
    float: left;
    width: 100%;
    height: 35px;
    margin: 0;
    opacity: 1;
    visibility: visible;
    position: relative;
}

.dropd_img_cotx li > a {
    float: left;
    width: 100%;
    color: #fff;
    height: 35px;
    text-align: left;
    font-size: 16px;
    margin: 0;
    opacity: 1;
    visibility: visible;
    padding-top: 9px;
}

.dropd_img_cotx li > a:hover, .dropd_img_cotx.scnd_drop li > a:hover {
    color: #000;
    background-color: #C4C4C4;
}

.dropd_img_cotx li > a > i {
    position: relative;
    margin: -3px 10px 0 10px;
    text-align: center;
    width: 35px;
    font-size: 21px;
    float: left;
}

.dropd_img_cotx > ul > li > div.fav_icon {
    padding: 28px 0 0 20px;
}

.dropd_img_cotx > ul > li > div.fav_icon > i.icon-cm-like-heart {
    position: relative;
    float: left;
    margin: -2px 7px 0 11px;
    text-align: center;
    width: 35px;
    font-size: 21px;
}

.dropd_img_cotx.dropd_img_cotx_A, .scnd_drop.dropd_img_cotx_A {
    display: block;
}

.scnd_drop {
    padding: 0;
    display: none;
    color: #fff;
    position: fixed;
}

.scnd_drop li > a {
    background: #27282C;
}

.scnd_drop li.newl > a {
    display: flex;
    justify-content: center;
}

.dropd_img_cotx li > a.scnd_dropActive {
    background: #fff;
    color: #27282C;
}

.scnd_drop li {
    cursor: default;
}

.scnd_drop li:nth-child(1) > div {
    float: left;
    border: none;
    width: 100%;
    font-size: 16px;
    padding: 13px 15px 0 15px;
    height: 40px;
    cursor: default;
}

.scnd_drop li:nth-child(2) > div {
    float: left;
    border: none;
    width: 100%;
    font-size: 13px;
    height: 15px;
    padding: 0 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scnd_drop li:nth-child(2) > div:last-child {
    font-size: 11px;
}

.listaA_scroll, .newl {
    border-top: 1px solid #666;
}

.dropd_img_cotx li.listaA_scroll, .dropd_img_cotx li.listaA_scroll > ul {
    height: 150px;
}

.listaA_scroll li > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Dropdowns segundos en contextual de player */
.scnd_drop.sd_play_alist {
    left: -250px;
    top: 0px;
}

.dropd_profile {
    position: fixed;
    display: block;
    opacity: 1;
    background: #16181d;
    border: 1px #2d3139;
    border-style: solid;
    border-radius: 12px;
    width: 290px;
    right: 10px;
    height: auto;
    z-index: 90;
    top: 85px;
}

.dropd_profile ul {
    float: right;
    width: 290px;
    margin: 0 0 0 2px;
    padding: 12px 0;
}

.dropd_profile ul > li,
.dropd_profile ul > li > a,
.dropd_profile ul > li > button {
    display: flex;
    width: 290px;
    min-height: 40px;
    height: auto;
    text-align: left;
}

.dropd_profile ul > li > a,
.dropd_profile ul > li > button {
    padding: 15px 0 15px 25px;
    line-height: 18px;
    background-color: transparent;
    border: 0px;
    color: #ffffff;
    font-family: 'segoe', sans-serif;
}

.dropd_profile ul > li > a:not(.no_hover):hover,
.dropd_profile ul > li > button:not(.no_hover):hover {
    color: #fff;
    background-color: #2d3139ff;
}

.dropd_profile:after {
    content: "";
    border-style: solid;
    border-width: 20px;
    width: 0;
    height: 0;
    position: absolute;
    top: 0%;
    left: 80%;
}

.dropd_profile:after {
    margin-top: -40px;
    border-color: transparent transparent #27282C transparent;
}

.dp_OFF {
    display: none;
}

.profile_pop_claro360 {
    top: 115px !important;
}

.ctx_search {
    background: #282828;
    z-index: 9999;
}

.ctx_search ul {
    background: #282828;
}

.ctx_search li > a {
    background: #282828;
}

.ctx_cancel_btn {
    display: none;
}

.ctx_list_artist {
    height: auto;
    overflow-y: scroll;
    max-height: 180px;
}

.ctx_list_artist li > a  {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }

/* ==========================================================================
Términos y condiciones
========================================================================== */
.tyc_upper {
    float: left;
    width: 100%;
    padding: 0 27px 0 0;
    margin: 30px 0 30px 0;
    line-height: 17px;
}

.tyc_w {
    float: left;
    width: 100%;
    padding: 0 27px 0 0;
    margin: 30px 0;
}

.B_D_tyc {
    float: left;
    width: 100%;
    margin: -1px 0 0 0;
    min-height: 40px;
    border-top: 1px solid #7f7f7f48;
    border-bottom: 1px solid #7f7f7f48;
    padding: 0 15px;
    position: relative;
}

.B_D_tyc > div {
    width: 100%;
    margin: 12px 0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    padding-right: 45px;
}

.B_D_tyc > i {
    position: absolute;
    top: 8px;
    right: 25px;
    font-size: 23px;
}

.B_D_tyc:hover {
    color: #fff;
    background-color: #16181dff;
}

.tyc_drop {
    float: left;
    width: 100%;
    line-height: 17px;
    height: auto;
    opacity: 1;
    visibility: visible;
}

.tyc_drop p {
    margin: 20px;
}

.tyc_drop.tyc_drop_OFF {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

/* ==========================================================================
Listas o espacios sin llenar
========================================================================== */
.esp_vacio {
    height: 150px;
    margin: 30px 0px 30px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.esp_vacio.mrg-cero.mrg-fixed {
    margin-top: 16px;
}

.custom-carousel.mrg-fixed {
    margin-top: 25px !important;
}

.custom-carousel.mrg-fixed h1 {
    height: 20px;
    color: #E4E4E4;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
}

.esp_vacio.mrg-cero h2 {
    width: 100%;
    font-size: 21px;
    margin: 0 0 10px 0;
    height: 100%;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    display: flex;
    line-height: 30px;
    float: none;
}

.esp_vacio > h2 {
    width: 100%;
    font-size: 21px;
    margin: 0 0 10px 0;
    height: 22px;
    font-weight: bold;
    color: #ffffff;
}

.esp_vacio > p {
    font-size: 16px;
    height: 20px;
}

/* ==========================================================================
404
========================================================================== */
.pnf_404 {
    float: left;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 30px 0 20px 0;
    margin: 17% 0 0 0;
}

.pnf_404 > div {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
}

.pnf_404 > div:first-child {
    font-size: 40px;
}

.pnf_404 > div:nth-child(2) {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
}

.pnf_404 > div:last-child {
    font-size: 30px;
    line-height: 30px;
}

/* ==========================================================================
Alerta pop under menu y Ticker over player
========================================================================== */

.alert_pop_um {
    width: 100%;
    position: fixed;
    min-height: 35px;
    top: 85px;
    left: 0;
    padding: 10px 20px 10px 20px;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    white-space: pre;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.alert_pop_um > div:first-child {
    font-size: 15px;
    font-weight: 700;
    flex-grow: 1;
    line-height: 20px;
    margin: 0 0 0 240px;
}

.alert_pop_um > div:last-child, .ticker > div:last-child {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
}

.alert_pop_um > div > a:hover, .ticker > div > a:hover {
    opacity: 0.5;
}

.alert_pop_um > div > p > span > a {
    text-decoration: underline;
}

.alert_pop_um > div > p > span > a:hover {
    text-decoration: none;
}

.alert_pop_um.alertOFF, .alert_pop_um.mobile_alert.alertOFF {
    opacity: 0;
    visibility: hidden;
    top: 70px;
}

.alert_pop_um.mobile_alert {
    background: #155799;
}

.alert_pop_um.mobile_alert > div:first-child {
    display: flex;
    text-align: left;
}


.alert_pop_um.mobile_alert > div > div > a {
    text-decoration: underline;
}

.alert_pop_um.mobile_alert > div > div > i {
    margin: -6px 10px 0 0;
    font-size: 30px;
}

.full_pop_up {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: absolute;
    top: 0;
}

.messageBg {
    background: #fff;
    color: #000000;
}

.alertMessage {
    top: 0px;
    left: 0;
    width: 100%;
    padding: 10px 20px 10px 20px;
    z-index: 10001;
    opacity: 1;
    visibility: visible;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.alertMessage > div:first-child {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    flex-grow: 1;
    line-height: 19px;
    margin: 0;
}

.messageBg > div > p > span > a {
    color: #000000;
}

.closeMessage {
    color: #000000;
}

.alertBg {
    background: #ff9600;
    color: #ffffff;
}

.purple_box {
    width: 314px;
    height: auto;
    border-radius: 7px;
    padding: 16px;
    background-image: linear-gradient(179deg, #1f325a, #483561);
    font-family: 'Segoe';
    line-height: 1.17;
    font-size: 24px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.34);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.circle_icon {
    margin: 12px 0 12px 0;
}

.circle_icon i {
    border: 1px solid;
    border-radius: 50%;
    padding: 7px;
    font-size: 21px;
    color: #28306b;
    background: #fff;
}

.circle_icon i.fa-exclamation-circle {
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 40px;
    color: #FFF;
    background: transparent;
}

.circle_icon i.play_circle {
    padding: 4px 2px 2px 9px;
}

.circle_icon i.shuffle_circle {
    padding: 5px 7px 2px 7px;
}

.closeAlert {
    color: #000000;
}

.ticker {
    width: calc(100% - 240px);
    position: fixed;
    background: #155799;
    min-height: 50px;
    height: auto;
    bottom: 55px;
    left: 240px;
    padding: 10px 20px;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.ticker.tickerOFF {
    opacity: 0;
    visibility: hidden;
    bottom: -15px;
}

.ticker > div:first-child {
    float: left;
    font-size: 15px;
    font-weight: 700;
    width: 97%;
    text-align: center;
}

.tickerFull {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: 100;
    opacity: 1;
    visibility: visible;
    display: flex;
    justify-content: center;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.tickerFull.off {
    opacity: 0;
    visibility: hidden;
    bottom: -15px;
}

.tickerFull div.freedeeplink-image {
    position: relative;
    width: 100%;
    height: auto;
}

.tickerFull div.freedeeplink-image img{
    width: 100%;
    height: auto;
}

.tickerFull div.freedeeplink-image .freedeeplink-image-bg-mobile {
    display: block;
}

.tickerFull div.freedeeplink-image .freedeeplink-image-bg-desktop,
.tickerFull div.freedeeplink-image .freedeeplink-image-bg-tablet-768,
.tickerFull div.freedeeplink-image .freedeeplink-image-bg-tablet-1024 {
    display: none;
}

.tickerFull .freedeeplink-data {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    padding: 2em 2em 1em 2em;
    justify-content: flex-end;
}

.tickerFull .freedeeplink-data .freedeeplink-text {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 20px;
    display: flex;
    padding: .5em 0;
}

.tickerFull .freedeeplink-data .freedeeplink-text p {
    margin: auto;
}

/*Especifico de IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .tickerFull .freedeeplink-data .freedeeplink-text p {
        padding: 10% 0 0 0;
    }
}

.tickerFull .freedeeplink-data .freedeeplink-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em 0;
}

.tickerFull div.close-btn {
    position: absolute;
    top: 20px;
    right: 5px;
    font-size: 25px;
}

.button_deeplink {
    top: 80px;
}

.new_lvl {
    position: absolute;
    width: 385px;
    height: 450px;
    top: 0;
    bottom: 0;
    left: 27px;
    right: 0;
    margin: auto;
}

.new_lvl > div {
    float: left;
    width: 100%;
    text-align: center;
}

.new_lvl > div > img {
    height: 230px;
}

.new_lvl > div > p {
    float: left;
    width: 100%;
    text-align: center;
    margin: 5px 0;
    height: auto;
}

.new_lvl > div > p:nth-child(1), .new_lvl > div:nth-child(2) {
    font-weight: bold;
    font-size: 25px;
    margin: 10px 0;
    line-height: 26px;
}

.new_lvl > div > p:nth-child(2) {
    font-size: 28px;
    margin: 0px 0 10px 0;
    line-height: 28px;
}

.new_lvl > div > p:nth-child(3) {
    margin: 0px 0 15px 0;
    line-height: 18px;
}

.new_lvl > div > a {
    margin: 0 0 0 150px;
}

.multi_modal {
    background-color: #111111;
}

/* ==========================================================================
BlurOverlay spinner
========================================================================== */
.blur-in {
    -webkit-animation: blur 1s forwards;
    -moz-animation: blur 1s forwards;
    -o-animation: blur 1s forwards;
    animation: blur 1s forwards;
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -o-filter: blur(30px);
    -ms-filter: blur(30px);
    filter: blur(30px);
}

.blur-out {
    -webkit-animation: blur-out 1s forwards;
    -moz-animation: blur-out 1s forwards;
    -o-animation: blur-out 1s forwards;
    animation: blur-out 1s forwards;
}

@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -o-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
    }
}

@-moz-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -o-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
    }
}

@-o-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -o-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -o-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
    }
}

@-webkit-keyframes blur-out {
    0% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -o-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
    }
    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@-moz-keyframes blur-out {
    0% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -o-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
    }
    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@-o-keyframes blur-out {
    0% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -o-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
    }
    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes blur-out {
    0% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -o-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
    }
    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

.pop-up {
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 10001;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    display: flex;
}

.pop-up-wn, .pop-up-ads, .pop_up_full_modal {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    height: 100%;
    background: rgba(0, 0, 0, .85);
    bottom: 0;
}

.pop_up_full_modal.bundle {
    background: #1C212D;
}

.pop-up-wn.pop-up-group {
    background: rgba(0, 0, 0, .1);
}

.box {
    background-color: whitesmoke;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    position: relative;
}

.spinner {
    width: 8rem;
    height: 8rem;
    margin: calc(50vh - 4rem) auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.spinner img {
    width: 100%;
}

.pop-up-iframe {
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    height: 100%;
    background: #FFFFFF;
}

.msj-allscreen-pop-iframe {
    position: absolute;
    max-width: 470px;
    padding: 10px;
    max-height: 450px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #FFFFFF;
}

.msj-allscreen-pop-iframe > div:first-child {
    float: left;
    width: 100%;
    color: #000;
}

.msj-allscreen-pop-iframe > div:first-child > div:first-child > a {
    float: right;
    color: #000;
    font-size: 20px;
    margin-top: -20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.msj-allscreen-pop-iframe > div {
    float: left;
    width: 100%;
}

.msj-allscreen-pop-iframe > div:first-child > div:first-child > a:hover {
    opacity: 0.5;
}

.msj-allscreen-pop-iframe > div:last-child {
    float: left;
    width: 100%;
    color: #000;
}

.msj-allscreen-pop-iframe > div:last-child {
    position: relative;
    height: 100%;
}

.msj-allscreen-pop-iframe > div:last-child > div:nth-child(1) {
    font-size: 25px;
    line-height: 25px;
    border-bottom: 1px solid #999;
    padding: 0 0 15px 0;
}

.msj-allscreen-pop-iframe > div:last-child > div:nth-child(2) {
    padding: 15px 0;
}

.msj-allscreen-pop-iframe > div:last-child > div:nth-child(2) > i:first-child {
    float: left;
}

.msj-allscreen-pop-iframe > div:last-child > div:nth-child(2) > i:last-child {
    float: right;
}

.msj-allscreen-pop-iframe > div:last-child > div:last-child {
    position: absolute;
    bottom: 0px;
    left: 0;
    border-top: 1px solid #999;
    padding: 15px 0 0 0;
    width: 100%;
}

.b_bluish_carrito.iframe_b_m {
    width: 150px;
    float: right;
}

.b_bluish_carrito.iframe_b_m {
    text-align: center;
    font-size: 15px;
    border-radius: 20px;
    padding: 5px 0 0 0;
    float: left;
    height: 30px;
    width: 100%;
    background: rgba(19, 117, 236, 1);
    background: -moz-linear-gradient(top, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19, 117, 236, 1)), color-stop(100%, rgba(20, 81, 155, 1)));
    background: -webkit-linear-gradient(top, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    background: -o-linear-gradient(top, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    background: -ms-linear-gradient(top, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    background: linear-gradient(to bottom, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1375ec', endColorstr='#14519b', GradientType=0);
}

.b_bluish_carrito.iframe_b_m:hover {
    opacity: 0.5;
}

@-webkit-keyframes play {
    from {
        background-position: 0px;
    }
    to {
        background-position: -5110px;
    }
}

@-moz-keyframes play {
    from {
        background-position: 0px;
    }
    to {
        background-position: -5110px;
    }
}

@-ms-keyframes play {
    from {
        background-position: 0px;
    }
    to {
        background-position: -5110px;
    }
}

@-o-keyframes play {
    from {
        background-position: 0px;
    }
    to {
        background-position: -5110px;
    }
}

@keyframes play {
    from {
        background-position: 0px;
    }
    to {
        background-position: -5110px;
    }
}

.spinner45px {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 55px;
    opacity: 0.8;
    right: 0;
    background-image: url(/dist/imagenes/spinner_gif.gif);
}

.spinner55px {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    opacity: 0.8;
    right: 0;
    background-image: url(/dist/imagenes/spinner_user_recommend.gif);
    background-position: center;
    background-size: 90% auto;
    background-repeat: no-repeat;
    background-color: black;
}

.spinner55px.user-list-loader {
    width: 100%;
    height: 100%;
    background-size: 30% auto;
    background-color: #1d1d1d;
}

.spinner.spinner_off {
    display: none;
}

.load_more {
    position: absolute;
    bottom: 5px;
    left: 51%;
}

.load_more > a {
    float: left;
    text-align: center;
    width: 63px;
}

.load_more > a:hover > i {
    color: #EA423F;
}

.load_more > a:active > i {
    opacity: 0.7;
}

.load_more > a > i {
    color: #fff;
    font-size: 45px;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, .6);
}

/* ==========================================================================
Sin resultados
========================================================================== */
.sin_resultados {
    float: left;
    width: 100%;
}

.sin_resultados > p:first-child {
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.sin_resultados > p {
    line-height: 20px;
    width: 100%;
}

/* ==========================================================================
Drag and drop y mobile cerrar sesión
========================================================================== */
.drag_drop {
    -webkit-box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.5);
}

.mobile_cerrarS {
    display: none;
}

.mobile_loginS {
    display: none;
}

/* ==========================================================================
Mensaje de toda la pantalla para cambiar o eliminar cosas o crear.
========================================================================== */
.msj_allscreen_pop {
    width: 385px;
    padding: 20px;
    min-height: 200px;
    top: 0;
    bottom: 0;
    left: 27px;
    right: 0;
    margin: auto;
    background: #16181d;
    display: flex;
    flex-flow: column;
    border-radius: 5px;
}

/* ==========================================================================
+Mensaje de toda la pantalla para cambiar o eliminar cosas o crear para IE11
+========================================================================== */
.msj_allscreen_pop_IE {
    height: 20%;
    width: 385px;
    padding: 20px;
    min-height: 200px;
    top: 0;
    bottom: 0;
    left: 27px;
    right: 0;
    margin: auto;
    background: #27282C;
    display: flex;
    flex-flow: column;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 1);
    -moz-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 1);
    box-shadow: 0 0 3px 0 rgba(100, 100, 100, 1);
}

.msj_allscreen_pop.double_pop {
    min-height: 188px;
}

.msj_allscreen_pop_IE.double_pop {
    min-height: 188px;
}

.msj_allscreen_pop > div {
    float: left;
    width: 100%;
    font-size: 15px;
    margin: 0 0 15px 0;
    flex-grow: 1;
}

.msj_allscreen_pop.create_list_form > div.buttons_container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    float: none;
}

.msj_allscreen_pop.create_list_form > div.buttons_container .cmw-btn {
    width: 45%;
}

.msj_allscreen_pop > div.invited_marg_top {
    margin-bottom: 3px;
}

.msj_allscreen_pop_IE > div {
    float: left;
    width: 100%;
    font-size: 15px;
    margin: 0 0 15px 0;
    flex-grow: 1;
}

.msj_allscreen_pop_IE > div.invited_marg_top {
    margin-bottom: 3px;
}

.right_close {
    float: right;
}

.right_close img {
    height: 14px;
}

.msj_allscreen_pop > div.invited_marg_top {
    margin-top: 12px;
    text-align: center;
    min-height: 5px !important;
}

.msj_allscreen_pop_IE > div.invited_marg_top {
    margin-top: 12px;
    text-align: center;
    min-height: 5px !important;
}

.msj_allscreen_pop > div:nth-child(1).not_bold_pop {
    font-weight: normal;
}

.msj_allscreen_pop_IE > div:nth-child(1).not_bold_pop {
    font-weight: normal;
}

.msj_allscreen_pop > div.other_invite_text {
    text-align: center;
    margin-bottom: 15px;
}

.msj_allscreen_pop_IE > div.other_invite_text {
    text-align: center;
    margin-bottom: 15px;
}

.msj_allscreen_pop > div:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    margin: 0 0 10px 0;
    flex-grow: 1;
    text-align: center;
}

.msj_allscreen_pop.create_list_form > div:nth-child(1) {
    text-align: center;
    border: none;
}

.msj_allscreen_pop > div.pop_leave {
    height: 50px;
    line-height: 24px;
}

.msj_allscreen_pop_IE > div.pop_leave {
    height: 50px;
    line-height: 24px;
}

.msj_allscreen_pop > div > input {
    outline: none;
    width: 100%;
    background: #262626;
    font-size: 14px;
    float: left;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #464646;
    border-radius: .3rem;
}

.msj_allscreen_pop.create_list_form > div > input {
    height: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-radius: .3rem;
}

.msj_allscreen_pop_IE > div > input {
    outline: none;
    width: 100%;
    background: #262626;
    height: 30px;
    font-size: 14px;
    float: left;
    color: #fff;
    padding: 0 15px;
    border: 1px solid #464646;
}

.msj_allscreen_pop .buttons_container,
.msj_allscreen_pop_IE .buttons_container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
}

.msj_allscreen_pop .buttons_container > *,
.msj_allscreen_pop_IE .buttons_container > * {
    width: 45%;
}

/* Radios */
.msj_allscreen_pop.radios {
    height: 185px;
}

.msj_allscreen_pop_IE > div > input:focus {
    border: 1px solid #fff;
}

/*Play libre*/
.msj_allscreen_pop.free_play {
    height: 245px;
}

.msj_allscreen_pop_IE > div > a {
    min-width: 49%;
}

.msj_allscreen_pop_IE > div > a:first-child {
    margin: 0 5px 0 0;
}

.msj_allscreen_pop.free_play > div > a {
    margin-left: 25%
}

.free_play > div:nth-child(2) {
    text-align: center;
    justify-content: center;
    font-size: 17px;
}

/* Radios IE*/
.msj_allscreen_pop_IE.radios {
    height: 185px;
}

/*Play libre IE*/
.msj_allscreen_pop_IE.free_play {
    height: 245px;
}

.free_play > div:nth-child(3) {
    text-align: center;
}

.msj_allscreen_pop_IE.free_play > div > a {
    margin-left: 25%
}

.free_play > div:nth-child(4) {
    margin-top: 10%
}

/*Exist song in playlist*/
.msj_allscreen_pop.exist_song {
    height: 230px;
}

/*Exist song in playlist IE */
.msj_allscreen_pop_IE.exist_song {
    height: 230px;
}

.exist_song > div:nth-child(2) {
    text-align: center;
}

.exist_song > div:nth-child(3) {
    text-align: center;
}

/* ==========================================================================
Mensaje de un sólo dispositivo
========================================================================== */
.msj_un_disp {
    position: absolute;
    width: 385px;
    padding: 20px;
    height: 300px;
    top: -10%;
    bottom: 0;
    left: 27px;
    right: 0;
    margin: auto;
    background: #000;
}

.msj_un_disp > div {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 17px;
}

.msj_un_disp > div:first-child {
    margin: 0;
}

.msj_un_disp > div:first-child > a {
    float: right;
    width: auto;
}

.msj_un_disp > div:first-child > a > i {
    font-size: 18px;
}

.msj_un_disp > div:first-child > a:hover > i {
    opacity: 0.5;
}

.msj_un_disp > div:nth-child(3) {
    padding: 0 20px;
}

.msj_un_disp > div > i {
    font-size: 70px;
}

.msj_un_disp > div > i:last-child {
    margin: 0 0 0 10px;
}

.msj_un_disp > div > div {
    width: 100%;
    float: left;
    margin: 15px 0 15px 0;
}

.msj_un_disp > div > div > a {
    width: 150px;
    margin: 0 auto;
}

.msj_un_disp > div > div:first-child > a {
    color: #000;
    background: #fff;
    padding: 5px 10px;
}

.msj_un_disp > div > div:first-child > a:hover {
    opacity: 0.5;
    text-decoration: none;
}

.msj_un_disp > div > div > a:hover {
    text-decoration: underline;
}

/* ==========================================================================
NET upsell
========================================================================== */
.popupNET_upsell2 {
    position: absolute;
    max-width: 470px;
    padding: 10px 10px 0 10px;
    max-height: 255px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
}

.popupNET_upsell2 > div:first-child {
    float: left;
    width: 100%;
    color: #000;
}

.popupNET_upsell2 > div:first-child > a {
    float: right;
    color: #000;
    font-size: 20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.popupNET_upsell2 > div:first-child > a:hover, .popupNET_upsell2 > div:last-child > div > a:hover {
    opacity: 0.5;
}

.popupNET_upsell2 > div:last-child {
    float: left;
    position: relative;
    height: 90%;
    width: 100%;
    padding: 0 35px;
}

.popupNET_upsell2 > div:last-child > div {
    float: left;
    height: 45%;
    width: 100%;
    color: #444;
    text-align: center;
}

.popupNET_upsell2 > div:last-child > div > p {
    font-size: 18px;
    margin: 15px 0 0 0;
}

.popupNET_upsell2 > div:last-child > div > p:first-child {
    font-weight: bold;
}

.popupNET_upsell2 > div:last-child > div > a {
    float: left;
    width: 100%;
    background-color: #444;
    font-size: 18px;
    margin: 0px 0 20px 0;
    padding: 9px;
    height: 35px;
    font-weight: bold;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.popupNET_upsell2 > div:last-child > div > a:last-child {
    background-color: #999;
    color: #000;
}

/* ==========================================================================
Whats new
========================================================================== */
.whats_new {
    position: absolute;
    width: 1000px;
    height: 535px;
    top: -90px;
    bottom: 0;
    left: 27px;
    right: 0;
    margin: auto;
}

.whats_new > div:first-child, .whats_new > div:first-child > div {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 28px;
}

.whats_new > div:first-child > div > img {
    width: 300px;
}

.whats_new > div:first-child > div > a {
    position: absolute;
    top: 0;
    right: 0;
}

.whats_new > div:first-child > div > a:hover {
    opacity: 0.5;
}

.whats_new > div:first-child > div:last-child {
    line-height: 30px;
    margin: 25px 0;
}

.whats_new_in1, .whats_new_in2 {
    margin: 0 0 25px 0;
}

.whats_new_in1, .whats_new > div:last-child, .whats_new_in2 {
    float: left;
    width: 100%;
}

.whats_new_in1 > div, .whats_new_in2 > div {
    float: left;
    width: 50%;
    text-align: center;
}

.whats_new_in1 > div > img {
    width: 340px;
}

.whats_new_in2 > div > img {
    width: 500px;
}

.whats_new_in2 > div > img:last-child {
    display: none;
}

.whats_new_in1 > ul {
    float: left;
    width: 50%;
    padding: 95px 0 0 0;
}

.whats_new_in2 > ul {
    float: left;
    width: 50%;
    padding: 25px 10px 0 10px;
}

.whats_new_in1 > ul > li {
    float: left;
    width: 100%;
    list-style: initial;
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 35px 0;
}

.whats_new_in2 > ul > li {
    float: left;
    width: 100%;
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 25px 0;
}

.whats_new_in2 > ul > li:first-child {
    font-weight: bold;
}

.whats_new > div:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
}

.whats_new > div:last-child > ul {
    width: 50px;
    margin: 0 auto;
}

.whats_new > div:last-child > ul > li:first-child {
    margin: 0 20px 0 0;
}

.whats_new > div:last-child > ul > li {
    float: left;
    width: 10px;
    height: 10px;
}

.whats_new > div:last-child > ul > li > a {
    float: left;
    width: 10px;
    height: 10px;
    background: #777;
    border-radius: 50%;
}

.whats_new > div:last-child > ul > li.wn_active > a {
    background: #fff;
}

.whats_new > div:last-child > div {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 24px;
    line-height: 27px;
}

/* ==========================================================================
ads by google
========================================================================== */
div.ads-google-banner {
    width: 430px;
    height: 167px;
    top: 0px;
    left: 0px;
    opacity: 1;
    visibility: visible;
}

div.remove-play {
    display: none
}

/* ==========================================================================
VIDEO ADS
========================================================================== */
.vjs-error-display {
    display: none;
}

.video_ads_head {
    flex-grow: 1;
    align-items: flex-end;
    padding: 1rem;
    display: flex;
    justify-content: center;
    font-weight: bold;
}

.video_ads_foot {
    padding: 1rem;
    flex-grow: 1;
}

.video_ads {
    width: 40%;
    left: 30%;
    top: 27%;
    height: 40%;
}

.video_container {
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
}

.video_player {
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
}

.video_ads_content {
}

.video_ads_text {
    width: 330px;
    padding: 12px 0 0 0;
}

.video_ads_props {
    width: 800px;
    height: 600px;
}

.companion-ads {
    padding: 1rem;
    display: flex;
    z-index: 10100;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    > a {
        flex: 1;
        cursor: pointer;
    }
}

.overlayContainer {
    display: flex;
    height: auto;
    max-width: 100%;
    justify-content: center;
}

.overlayContainer img {
    width: 100%;
    height: auto;
    align-self: center;
}

/*Especifico de IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pop-up, .pop-up-wn, .pop-up-ads {
        background: rgba(0, 0, 0, .96);
    }
}

/* ==========================================================================
Ads media
========================================================================== */
.ads_media {
    position: absolute;
    width: 1000px;
    height: 535px;
    top: -150px;
    bottom: 0;
    left: 27px;
    right: 0;
    margin: auto;
}

.ads_media > div:first-child, .ads_media > div:first-child > div {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 28px;
    line-height: 30px;
    margin: 25px 0;
}

.ads_media > div:first-child {
    position: absolute;
    bottom: 0;
    left: 0;
}

.ads_media > div:first-child > div {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 24px;
    line-height: 27px;
}

.ads_content {
    margin: 0 0 25px 0;
    float: left;
    width: 100%;
}

.ads_content > div {
    float: left;
    width: 50%;
    text-align: center;
}

.ads_content > div > img {
    width: 340px;
}

.pop-up-ads {
    display: none
}

/* ==========================================================================
Animación fluida
========================================================================== */
.dropd_gral ul > li > a, .dropd_gral ul > li > .fav_icon, .dropd_gral, .context_pop > ul > li > a, .context_pop > ul > li > .fav_icon, .context_pop, .plus_all_pop a, .plus_all_pop, .queue_pop li > a, .queue_pop li, .queue_pop > div:first-child > div:last-child > a:hover > i > img, .queue_pop > div:first-child > div:last-child > a > i, .queue_pop > div:first-child > div:last-child > a, .queue_pop > div:first-child > a > i, .queue_pop, .c_player li > a > i > i, .c_player li > a:active > i, .c_player li > a > i > img, .c_player li > a > i, .t_player > div:first-child > div, .t_player > div:first-child > div:last-child, .player_wrapper > div:first-child > a > img, .carr_evento li > div > div > div > a > i, .carr_evento li > div > a, .carr_artista > div > a, .carr_artista li > a > div > i > img, .item_vip_user li > a > div > img, .item_artista li .overlay > div > i > img, .carr_artista li > a, .item_vip_user li > a, .item_artista li .overlay, .carr_s_gral > div > a, .carr_evento > div > a, .secc_listas_gral > div > a, .carr_s_gral li > a > div, .secc_listas_gral li > a > div, .carr_s_gral li > a > div > i > img, .secc_listas_gral li > a > div > i > img, .carr_s_gral li > a, .secc_listas_gral li > a, .carr_miniDes_G li > a, .carr_miniDes > div > a, .carr_miniDes_G > div > a, .carr_miniDes li > div > img, .container-search input#search, .B_Black_evento, .B_Black, .B_Blue, .nav_vertical li > a > i > img, .nav_vertical li > a, .nav_vertical > a, .nav_vertical,
.header > div:first-child > a, .dropd_img_cotx ul > li, .carr_radios li > a > div:first-child > i > img, .carr_radios li > a, .carr_radios li > a > div, .carr_miniDes li > div, .carr_miniDes i > img, .carr_miniDes_G li > a, .carr_miniDes_G li > a > div > i > img, .queue_pop li > a:last-child > i, .carr_radios > div > a, .drop_search li > a, .container-search input#search, .drop_search, .B_D_tyc, .tyc_drop, .alert_pop_um > div > a, .i_ply > i > img, .i_ply, .i_fav, .i_ctx, .i_ctx > i > img, #pv_indicador, .scnd_drop li > a, .scnd_drop, .B_Blanco, #nav_mobile_barra_lateral, .ar_evento > div > div:first-child > a, .ar_evento > div > div > div:last-child > a, .ar_normal > div:first-child > a, .ar_extras > a, .B_White2, .perfil1_1p > div:last-child > div > a > i, .p_actividad_rec li > div:first-child > a, .p_misiones li > div:last-child > div + div > a, .sig_seg li > div:last-child > div:nth-child(1) > div > a,
.trofeos li > div:first-child > a, .trofeos li > div:last-child > div > div:last-child > a, .amigos1 li > div:nth-child(1) > a, .seguir_usuario > a, .usuario_1 > div:nth-child(1) > div > a, .B_White3, .ayu_w li > a, .ayu_w li > a > div > i > img, .p_actividad_rec2 li > div:first-child > a, .sig_seg li > div:first-child > a, .pais_back, .pais_forw, .carr_miniDes li > a, .carr_miniDes_G li > div, .carr_miniDes_G li > div > i > img, .player_wrapper > div:first-child > a + a > i, .load_more > a > i, .msj_un_disp > div:first-child > a > i, .msj_un_disp > div > div:first-child > a, .dropd_img_cotx li > a, .carr_evento li > div > div:last-child > a > img, .whats_new > div:first-child > div > a, .shopping-cart-head > a, .shopping-cart-head-s > a, .search-head > a, .header > div:last-child.profile-head-container > div > a, .dropd_profile, .dropd_profile ul > li > a, .ads_media > div:first-child > div > a {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.secc_top_playlists > ul > li > .poster_data {
    text-align: center;
    font-weight: normal;
}

.secc_top_playlists > ul > li > .poster_data h3 {
    font-weight: bold;
}

/* ==========================================================================
Requiere revisión
========================================================================== */
.DG_allw, .DG_allw ul, .DG_allw li, .DG_allw li > a {
    overflow: auto;
}

.drop_search1 {
    overflow: auto !important;
    height: auto;
    max-height: 430px;
}

.player_drag_drop_over {
    box-shadow: 0 0 8em #104c98
}

.custom-carousel:hover > .carr_gral_scroll > ul:first-child > a, .custom-carousel:hover > .carr_gral_scroll > ul:last-child > a {
    opacity: 1 !important;
}

#context_menu_icon {
    visibility: visible;
    opacity: 1;
}

/* ==========================================================================
Promociones
========================================================================== */
.img-icon i {
    padding-top: 7px !important;
}

.img-icon .icon-coca-cola {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/dist/imagenes/icon-coca-cola.svg);
    height: 33px;
    width: auto;
    position: relative;
    display: block;
}

.img-icon .small-text {
    font-size: 9px;
    padding: 0;
}

li.img-icon:hover .icon-coca-cola {
    background-image: url(/dist/imagenes/icon-coca-cola-selected.svg);
}

.img-icon.i_v_active .icon-coca-cola {
    background-image: url(/dist/imagenes/icon-coca-cola-selected.svg);
}

.wait {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.wait_landscape {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.wait_portrait {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.wait_mobile {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bottom_menu {
    display: none;
}

.carouselsMainTitle {
    font-size: 35px !important;
}

/* ==========================================================================
  Forms Modal
========================================================================== */
.m_content > div.ini_s {
    margin: 0 auto;
    max-height: 522px;
    top: 25%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 522px;
}

.modal_form.ini_s2 {
    width: 100%;
    min-height: 355px;
}

.modal_form.ini_s2 > li > div.TAG_correo_login > ul > li {
    margin: 17px 0 6px 0;
}

.modal_form.ini_s2 > li > div.TAG_correo_login > ul > li > div.login_label {
    margin: 0 0 35px 0;
}

.modal_form.ini_s2 > li > div.TAG_correo_login > ul > li > div.login_label > label {
    font-size: 19px;
}

.modal_form.ini_s2 > li > div.TAG_correo_login > ul > li:last-child {
    text-align: center;
    margin: -10px 0 6px 0;
}

.modal_login > div:last-child > div:nth-child(2) > div > a {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #242323;
    margin: 20px 0 0 0;
    text-decoration: underline;
    text-align: center;
    font-family: 'Roboto Lt', sans-serif;
}

.modal_login > div:last-child > div:nth-child(2) > div > a:hover {
    text-decoration: none;
}

/* Parche temporal para artista */
.fix_artist_section .scroller_w {
    height: unset;
    overflow-y: auto;
}
.fix_artist_section .header {
    position: fixed;
    top: 0px;
}
/* ==========================================================================
Media Queries
========================================================================== */

@media screen and (max-width: 1460px) {
    .drop_search li > a > div:nth-child(2).search-result-description {
        width: 50%;
    }
}

/* ----------Escala de altura de browser--------- */

@media screen and (min-width: 1025px) and (max-height: 700px) {
    .header_claro360 {
        margin-top: 35px;
    }
}

@media screen and (max-width: 1366px) {
    .lista_canciones.lista_c_al {
        width: 70%;
    }
}

/* ----------IPAD PRO --------- */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
    .header {
        top: 0;
        z-index: 5;
    }

    .sub_menu {
        position: fixed;
        top: 50px;
    }

    .c_tipo1_wrapper, .c_tipo4_wrapper, .c_tipo5_wrapper {
        padding: 27px 0 4px 230px;
    }

    body, .scroller_w {
        overflow: scroll;
    }

    .c_tipo1_wrapper, .c_tipo2_wrapper {
        overflow-x: hidden;
    }

    .radios_container, .djs_container {
        padding: 27px 0 4px 252px;
    }

    .m_wrapper {
        position: relative;
    }

    #t_player_slider .ui-slider-handle {
        opacity: 1;
    }

    .v_ipads_off {
        display: none;
    }

    .container-search input#search {
        font-size: initial;
    }

    .carr_miniDes_G li > div {
        width: 100%;
    }

    .nav_vertical ul {
        overflow: hidden;
    }

    .video_ads_head {
        height: auto;
        /* left: 30%; */
    }

    .video_ads {
        width: 70%;
        left: 15%;
        top: 25%;
        height: 25%
    }

    .header_claro360 {
        top: 35px !important;
    }

    .nav_vertical_claro360 {
        top: 100px !important;
    }

    .sub_menu_claro360 {
        top: 100px !important;
    }

    .claro360_menu {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1000;
    }

    .wait {
        display: none;
    }

    .wait_landscape {
        display: block
    }

}

@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
    .header {
        top: 0;
    }

    .sub_menu {
        position: fixed;
        top: 50px;
    }

    .scroller_w {
        margin: 80px 0 0 0;
    }

    .c_tipo1_wrapper, .c_tipo2_wrapper {
        overflow-x: hidden;
    }

    .radios_container, .djs_container {
        padding: 27px 0 4px 252px;
    }

    .carr_radios, .item_artista {
        width: 103%;
    }

    body, .scroller_w {
        overflow: scroll;
    }

    .m_wrapper {
        position: relative;
    }

    #t_player_slider .ui-slider-handle {
        opacity: 1;
    }

    .v_ipads_off {
        display: none;
    }

    .container-search input#search {
        font-size: initial;
    }

    .carr_miniDes_G li > div {
        width: 100%;
    }

    .whats_new {
        width: 885px;
    }

    .nav_vertical ul {
        overflow: hidden;
    }

    .ads_media {
        width: 885px;
    }

    .header_claro360 {
        top: 35px !important;
    }

    .nav_vertical_claro360 {
        top: 100px !important;
    }

    .sub_menu_claro360 {
        top: 100px !important;
    }

    .claro360_menu {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1000;
    }
}

@media screen and (max-width: 720px) {
    .c_tipo1_wrapper, .c_tipo2_wrapper {
        padding: 0;
    }
}

/*tablets in portrait mode*/
@media only screen and (min-device-width: 701px) and (max-device-width: 1024px) and (orientation: portrait) {
    .video_ads {
        width: 70%;
        left: 15%;
        top: 25%;
        height: 30%
    }

    .wait {
        display: none;
    }

    .wait_landscape {
        display: none
    }

    .wait_portrait {
        display: block
    }
}

/* ----------Pantalla mas de 1024px con altura de menos de 700px--------- */
@media screen and (min-width: 1024px) and (max-height: 700px) {
    .whats_new {
        height: 400px;
    }

    .whats_new_in1 > div > img {
        width: 235px;
    }

    .whats_new_in2 > div > img {
        width: 325px;
    }

    .whats_new_in1 > ul {
        padding-top: 45px;
    }

    .whats_new_in1 > ul > li {
        margin: 0 0 35px;
    }

    .whats_new_in2 > ul > li {
        margin: 0 0 18px;
    }

    .whats_new_in1 > ul > li, .whats_new_in2 > ul > li {
        font-size: 18px;
        line-height: 20px;
    }

    .whats_new > div:last-child > div {
        font-size: 20px;
        line-height: 20px;
    }

    .nav_vertical ul {
        overflow: hidden;
    }

    .ads_media {
        height: 400px;
    }

    .ads_content > div > img {
        width: 235px;
    }

    .nav_vertical_claro360 {
        top: 100px !important;
    }

    .sub_menu_claro360 {
        top: 100px !important;
    }

    .claro360_menu {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1000;
    }
}

@media screen and (max-width: 1100px) {
    .B_Blue {
        height: auto;
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .B_Blue > div {
        font-size: 12px;
    }
}

/* ----------Pantalla 1024px o menores --------- */
@media screen and (max-width: 1024px) {

    .pnf_404 {
        margin: 25% 0 0 0;
    }

    .nav_interno > ul > li.adjust_text {
        white-space: pre-wrap;
        overflow: hidden;
    }

    .c_tipo4_wrapper h1 {
        width: 100%;
    }

    .t_player > div:first-child > div {
        opacity: 1;
    }

    .volumen #pv_indicador {
        opacity: 1;
    }

    .scroller_w {
       margin: 0px 0 0 0;
    }

    .isDeeplink {
        margin-bottom: 0px;
        min-height: 100vh;
    }

    .m_wrapper {
        position: relative;
    }

    .c_tipo1_wrapper, .c_tipo2_wrapper {
        overflow-x: hidden;
    }

    /* .header > div:nth-child(2) {
        width: 25%;
    } */

    .sub_menu {
        position: fixed;
        top: 70px;
    }

    .carr_s_gral li > a, .carr_radios li > a, .secc_listas_gral li > a, .carr_artista li > a, .item_vip_user li > a, .item_artista li > a,
    .carr_miniDes li > a, .carr_miniDes_G li > a {
        background: rgba(0, 0, 0, 0);
    }

    #t_player_slider .ui-slider-handle {
        opacity: 1;
    }

    .player_wrapper > div:first-child > div {
        max-width: 190px;
    }

    .player_wrapper > div:first-child > div > div, .player_wrapper > div:first-child > div > div:last-child {
        width: 185px;
    }

    .v_ipads_off {
        display: none;
    }

    .nav_vertical > a:hover, .nav_vertical li > a:hover {
        background: transparent;
        color: #fff;
    }

    .whats_new {
        width: 885px;
    }

    .nav_vertical ul {
        overflow: hidden;
    }

    .profile-s {
        width: 240px;
    }

    .alert_pop_um {
        width: 100%;
        margin: 0 0 0 5px;
    }

    .alertMessage {
        top: 0px;
        width: 100%;
    }

    .alertMessage > div:first-child {
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        flex-grow: 1;
        line-height: 19px;
        margin: 0 !important;
    }

    .alert_pop_um > div:first-child {
        font-size: 15px;
        font-weight: 700;
        flex-grow: 1;
        line-height: 19px;
    }

    .container-search input#search {
        font-size: initial;
        /* width: 74% */
    }

    /*
    .container-search input#search:focus {
        width: 85%
    }
    */

    .ads_media {
        width: 885px;
    }

    .header_claro360 {
        top: 35px !important;
    }

    .nav_vertical_claro360 {
        top: 100px !important;
    }

    .sub_menu_claro360 {
        top: 100px !important;
    }

    .main_claro360 {
        margin: 100px 0 0 0;
    }

    .claro360_menu {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1000;
    }

    .tyc_upper div {
        margin-bottom: 100px;
    }

    .header > div:nth-child(3).unlimited-button-copntainer > div > a > div {
        display: none;
    }

    /* .header > div:nth-child(3) {
        margin: 20px 0 10px 10px;
        flex-grow: 2;
        display: flex;
        flex-direction: row-reverse;
    } */

}

/* ----------IPAD --------- */
@media only screen
and (min-width: 768px)
and (max-height: 1024px)
and (orientation: landscape) {
    .radios_container, .djs_container {
        padding: 27px 0 4px 252px;
    }

    .carr_radios, .item_artista {
        width: 103%;
    }
}

@media only screen
and (min-width: 768px)
and (max-height: 1024px)
and (orientation: portrait) {
    .radios_container, .djs_container {
        padding: 27px 0 4px 252px;
    }
}

/* ----------Pantalla 910 px o menores --------- */
@media screen and (max-width: 997px) {
    .player_wrapper > div:first-child > a {
        margin: 0 10px 0 0;
    }

    .player_wrapper > div:first-child > a + a {
        display: none;
    }

    .c_player > ul > li:nth-child(4), .c_player > ul > li:nth-child(5), .c_player > ul > li:nth-child(6), .c_player > ul > li:nth-child(7) {
        display: none;
    }

    .context_pop > ul > li:nth-child(7), .context_pop > ul > li:nth-child(8), .context_pop > ul > li:nth-child(9), .context_pop > ul > li:nth-child(10) {
        display: block;
    }

    .player_wrapper > div:first-child {
        max-width: 205px;
    }

    .player_wrapper > div:first-child > div, .player_wrapper > div:first-child > div > div, .player_wrapper > div:first-child > div > div:last-child {
        width: 150px;
    }

    .player_wrapper > div:first-child > div {
        max-width: 150px;
    }

    .pnf_404 {
        margin: 48% 0 0 0;
    }

    .disable_cp {
        width: 180px;
    }

    .msj_allscreen_pop {
        top: -15%;
    }

    .carr_miniDes_G li > div {
        width: 100%;
    }

    .msj_allscreen_pop_IE {
        top: -15%;
    }

    .carr_miniDes_G li > div > div + div {
        width: 40%;
    }

    .whats_new {
        width: 650px;
        height: 545px;
    }

    .whats_new_in1 > ul {
        padding: 65px 0 0 35px;
    }

    .whats_new_in2 > ul {
        padding: 0 10px 0 25px;
    }

    .whats_new_in2 > ul > li {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 13px 0;
    }

    .nav_vertical li > a > i > div {
        font-size: 10px;
    }

    .logo-s {
        width: 28% !important;
    }

    .ads_media {
        width: 650px;
        height: 545px;
    }
}

@media screen and (max-width: 850px) {
    .header > div:nth-child(2) {
        width: 25%;
    }
}

@media screen and (max-width: 800px) {
    .header > div:nth-child(2) {
        width: 35%;
    }

    .header > div:nth-child(3) {
        margin: auto 10px;
        flex-grow: 0;
    }

    .header > div:nth-child(3).unlimited-button-copntainer {
        min-width: auto;
    }

    .header > div:nth-child(3).unlimited-button-copntainer > div > a > div {
        display: none;
    }

    .header > div:last-child.profile-head-container {
        flex-grow: 0;
    }

    .alert_pop_um {
        width: 100%;
    }

    .alertMessage {
        top: 0px;
        width: 100%;
    }

    .alertMessage > div:first-child {
        text-align: center !important;
        font-size: 15px;
        font-weight: 700;
        flex-grow: 1;
        line-height: 19px;
        width: 100% !important;
        margin: 0 !important;
    }

    .alert_pop_um > div:first-child {
        font-size: 15px;
        font-weight: 700;
        flex-grow: 1;
        line-height: 19px;
        margin: 0;
    }
    .container-search {
        width: 238px;
    }

    .container-search input#search {
        width: 70%
    }

    #player-general-container {
        width: 300px;
        height: 250px;
    }
    /*
    .container-search input#search:focus {
        width: 84%
    }
    */

    .container-search .icon-hp-close {
        left: 210px;
    }

    .drop_search {
        width: 239px;
    }

    #player-general-container {
        width: 300px;
        height: 250px;
    }

    .video_ads_foot {
        width: 55%;
    }

    .video_ads_props {
        width: 640px;
        height: 360px;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    @media screen and (max-width: 742px) {
        /* CSS specific to iOS devices */
        .sub_menu {
            overflow: unset!important;
        }
    }
}

/* ----------Pantalla 742 px fix de destacados --------- */
@media screen and (max-width: 742px) {
    .logo-s {
        width: 27% !important;
    }

    .wait {
        display: none;
    }

    .wait_landscape {
        display: none;
    }

    .wait_portrait {
        display: none;
    }

    .wait_mobile {
        display: block;
    }

    .sub_menu {
        overflow: auto;
    }

    .sub_menu > ul {
        width: max-content;
    }
}

/* ----------Pantalla 736 px fix de destacados --------- */
@media screen and (max-width: 736px) {
    .carr_miniDes li > div:first-child {
        width: 100%;
    }

    .carr_miniDes li > div.i_ply {
        left: 50%;
    }

    .carr_miniDes li, .carr_miniDes_G li {
        background: transparent;
        border: none;
    }

    .w_album {
        text-align: justify !important;

    }

    .w_album.list_detail_deeplink > div {
        width: 70%;
        max-width: 100%;
    }

    .w_album > div:last-child {
        float: left;
        left: 160px;
        margin: 0 0 15px 15px;
        position: relative;
        bottom: 140px;
    }

    .w_album.list_detail_deeplink > div:last-child {
        left: 0;
    }

    .header > div:nth-child(2) {
        width: 35%;
    }
}

/* ----------Pantalla 725 px fix de destacados --------- */
@media screen and (max-width: 725px) {
    .logo-s {
        width: 25% !important;
    }
}

/* ----------Pantalla 700 px o menores --------- */
/* Moviles */
@media screen and (max-width: 700px) {
    * {
      box-sizing: border-box;
    }

    .alert_pop_um {
        width: 100%;
    }

    .alertMessage {
        top: 0;
        width: 100%;
    }

    .alert_pop_um > div:first-child {
        font-size: 15px;
        font-weight: 700;
        flex-grow: 1;
        line-height: 20px;
        margin: 0;
    }

    .nav_v_INactive {
        display: none;
    }

    #nav_vertical_open {
        display: none;
    }

    #nav_mobile_barra_lateral {
        display: none;
    }

    .nav_vertical {
        top: 0;
    }

    .nav_vertical li > a > i > div {
        display: none;
    }

    .nav_vertical.nav_v_INactive li > a > i {
        padding: 17px 0 0 0;
    }

    .nav-empty-button {
        display: none;
    }

    .header {
        position: fixed;
        height: auto;
        min-height: 50px;
        width: 100%;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .scroller_w {
        padding-top: 0px;
    }

    .scroller_w:has(div.c_tipo3_wrapper > header.servicios-header) {
        padding-top: 88px;
    }

    .header > div:first-child {
        min-height: 50px;
        display: flex;
        align-items: center;
        width: calc(80% - 15px);
        margin-left: 12px;
    }

    .header > div.logo-free-deeplink:first-child {
        margin: 12px 0 10px 10px;
    }

    .header > div:first-child img.logo-CM {
        width: 173px;
        height: 30px;
    }

    .header > div:nth-child(2) {
        order: 1;
        width: 80%;
        /* width: 100%; */
        margin-bottom: 15px;
        margin-top: 15px;
        position: absolute;
        left: 50%;
        right: 50%;
        transform: translateX(calc(-50% - 15px));
    }

    .header > div:nth-child(3) {
        box-sizing: border-box;
        width: calc(20% - 20px);
    }

    .header > div:nth-child(3) .profile-head {
       margin: 0;
    }

    .container-search {
        max-width: none;
    }

    .container-search > form {
        display: flex;
        gap: 15px;
    }

    .drop_search {
        max-width: none;
        /* max-height: none;
        width: 100vw;
        margin-top: 15px;
        left: -15px; */
    }

    /* .drop_search1 {
        min-height: 90vh;
    } */

    .search-head {
        display: none;
        top: 5px !important;
        right: 80px !important;
    }

    .c_tipo1_wrapper, .c_tipo2_wrapper {
        padding: 0;
        /* height: calc(100vh - 160px); */
    }

    .sub_menu {
        position: fixed;
        top: 50px;
    }

    .sub_menu > ul > li > a > i, .player_wrapper > div:first-child > a, .t_player > div:last-child {
        display: none;
    }

    .t_player_deeplink > div:last-child {
        display: block;
    }

    .sub_menu > ul {
        padding: 0;
    }

    .sub_menu > ul > li {
        margin: 0 5px;
        font-size: 14px;
    }

    .sub_menu > ul > li:first-child {
        margin-left: 8px;
    }

    .sub_menu > ul > li > a {
        width: 100%;
    }

    #generos_pop {
        position: fixed;
        top: 85px;
    }

    .shopping-cart-head {
        opacity: 1;
        top: 5px !important;
        right: 55px !important;
        display: block;
    }

    .shopping-cart-head-s {
        display: block;
        top: 5px !important;
        right: 10px !important;
    }

    .player_wrapper > div:first-child {
        margin: 0;
        width: 50%;
    }

    .player_wrapper > div:first-child > div {
        padding: 8px 0 0 15px;
    }

    .t_player {
        position: absolute;
        flex: initial;
        top: -21px;
        width: 100%;
        padding: 0;
        height: 26px;
    }

    .t_player_deeplink {
        position: relative;
        flex: initial;
        top: -3px;
        left: 0px;
        width: 100%;
        padding: 0;
        height: 26px;
    }

    #t_player_deeplink .t_player {
        height: 5px;
    }

    #t_player_slider {
        height: 27px;
    }

    #t_player_slider .ui-slider-range {
        height: 7px;
        top: 15px;
    }

    #t_player_slider .deeplink-range {
        height: 7px;
        top: 0px;
    }

    #t_player_slider .ui-slider-handle {
        height: 15px;
        width: 15px;
        top: 11px;
    }

    .c_player {
        position: absolute;
        right: 0;
        top: 0;
    }

    .container-search.cs-active {
        display: block;
    }

    .header > div:first-child {
        z-index: 0;
    }

    .label-head {
        display: none !important;
    }

    .scnd_drop.sd_play_alist {
        left: -27px;
        border: 1px solid #666;
    }

    .header {
        z-index: 999;
        margin-left: 0;
    }

    .mobile_cerrarS {
        display: block;
    }

    .mobile_loginS {
        display: block;
    }

    .whats_new {
        left: 0;
        width: 100%;
        padding: 0 10px;
    }

    .whats_new_in2 > div > img:first-child {
        display: none;
    }

    .whats_new_in2 > div > img:last-child, .whats_new_in1 > div > img {
        display: initial;
        width: 85%;
        margin: 15px 0;
    }

    .whats_new_in1 > div > img {
        width: 200px;
        margin: 15px 0;
    }

    .whats_new > div:first-child > div > img {
        width: 190px;
    }

    .whats_new > div:first-child > div > a {
        right: 15px;
    }

    .whats_new > div:first-child > div:last-child {
        font-size: 20px;
        line-height: 22px;
        margin: 10px 0;
    }

    .whats_new_in1 > div, .whats_new_in2 > div, .whats_new_in1 > ul, .whats_new_in2 > ul {
        width: 100%;
    }

    .whats_new_in2 > ul, .whats_new_in1 > ul {
        padding: 0;
    }

    .whats_new_in2 > ul > li, .whats_new_in1 > ul > li {
        margin: 0 0 10px 0;
        text-align: center;
        font-size: 17px;
        line-height: 20px;
    }

    .whats_new > div:last-child > div {
        font-size: 18px;
        line-height: 20px;
        padding: 0 42px;
    }

    .ticker {
        width: 100%;
        left: 0;
        bottom: 110px;
        padding: 15px 25px 11px 50px;
        bottom: 121px;
    }

    .nav_vertical_claro360 {
        top: 35px !important;
    }

    .sub_menu_claro360 {
        top: 85px !important;
    }

    .main_claro360 {
        margin: 115px 0 0 0;
    }

    /*Contextual player para moviles*/
    .context_pop, .dropd_img_cotx {
        top: 0;
        left: 0;
        position: fixed;
        z-index: 9998;
        width: 100%;
        height: 100%;
        background: #27282C;
    }

    .context_pop > ul, .dropd_img_cotx.scnd_drop > ul, .dropd_img_cotx ul {
        background: transparent;
        height: 100%;
        overflow-y: scroll;
    }

    .context_pop > ul, .context_pop > ul > li, .context_pop > ul > li > a, .context_pop > ul > li > .fav_icon, .context_pop > ul > li > .fav_icon {
        width: 100%;
    }

    .context_pop > ul > li, .context_pop > ul > li > a, .context_pop > ul > li > .fav_icon, .context_pop > ul > li > .fav_icon, .context_pop > ul > li > .fav_icon, .dropd_img_cotx > ul > li, .dropd_img_cotx > ul > li > a {
        height: 70px;
    }

    .context_pop > ul > li > a, .dropd_img_cotx > ul > li > a {
        padding: 28px 0 0 20px;
    }

    .context_pop > ul > li:last-child, .dropd_img_cotx > ul > li:last-child {
        margin-bottom: 70px;
    }

    .cancelar_ctx {
        width: 100%;
        float: left;
        height: 70px;
        display: block;
        position: fixed;
        bottom: 0;
        border-top: 1px solid #C4C4C4;
        background: #27282C;
    }

    .cancelar_ctx > a {
        width: 100%;
        height: 70px;
        float: left;
        text-align: center;
        padding-top: 28px;
    }

    .dropd_img_cotx.scnd_drop {
        top: 0;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999;
        width: 100%;
        height: 100%;
        border: none;
        font-size: 14px;
        background: #27282C;
    }

    .dropd_img_cotx.scnd_drop > ul, .dropd_img_cotx.scnd_drop > ul > li, .dropd_img_cotx.scnd_drop > ul > li > a {
        width: 100%;
    }

    .dropd_img_cotx.scnd_drop > ul > li > a {
        padding: 28px 0 0 20px;
    }

    .dropd_img_cotx li.listaA_scroll {
        height: auto !important;
    }

    .listaA_scroll li, .newl, .newl > a {
        height: 70px !important;
    }

    .listaA_scroll li > a {
        height: 70px;
        padding: 28px 20px;
    }

    .dropd_img_cotx.scnd_drop > ul > li:first-child {
        height: auto;
    }

    .dropd_img_cotx.scnd_drop > ul > li:first-child > div {
        font-size: 20px;
        height: 50px;
        padding-top: 20px;
    }

    .dropd_gral ul > li.hide_menu_desktop {
        display: block;
    }

    .dropd_img_cotx.scnd_drop > ul > li, .dropd_img_cotx.scnd_drop > ul > li > a {
        height: 70px;
        font-size: 14px;
    }

    .context_pop > ul > li > a:hover, .context_pop > ul > li > .fav_icon:hover, .dropd_img_cotx li > a:hover, .dropd_img_cotx.scnd_drop li > a:hover, .dropd_gral ul > li > a:hover, .dropd_gral ul > li > .fav_icon:hover {
        background: transparent;
        color: #fff;
    }

    .context_pop > ul > li > a:hover > i,
    .context_pop > ul > li > .fav_icon:hover > i {
        color: #fff;
    }

    div.ads-google-banner {
        width: 387px;
        height: 134px
    }

    .video_ads_head {
        width: 100%;
        height: auto;
        font-size: 16px;
    }

    .video_ads_head > img {
        align-self: center;
    }

    .video_ads_foot {
        width: 54%;
    }

    .video_ads {
        width: 70%;
        left: 15%;
        top: 25%;
        height: 30%
    }

    .video_ads_props {
        width: 600px;
        height: 300px;
    }

    .claro360_scroll_menu {
        display: block !important;
    }

    .claro360_scroll_menu > i {
        font-size: 20px;
    }

    .claro360_scroll_menu > a > img {
        margin: 5px 10px 0 0;
    }

    .claro360_menu_horizontal {
        display: none !important;
    }

    .claro360_menu {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1000;
    }

    .claro360_menu > ul > li > a > i {
        display: none;
    }

    .claro360_menu > ul {
        padding: 0;
    }

    .claro360_menu > ul > li {
        margin: 0 5px;
        font-size: 14px;
    }

    .claro360_menu > ul > li:first-child {
        margin-left: 8px;
    }

    .claro360_menu > ul > li > a {
        width: 100%;
    }

    .player_wrapper {
        bottom: 60px;
    }

    .bottom_menu {
        display: block;
        position: fixed;
        bottom: -2px;
        width: 100%;
        background: rgba(0, 0, 0, .7);
        height: 65px;
        z-index: 4;
    }

    .bottom_menu > ul {
        width: 100%;
        height: 100%;
        background-color: #282828;
    }

    .bottom_menu > ul > li {
        position: relative;
        width: 20%;
        font-size: 17px;
        text-align: center;
        display: inline-block;
        vertical-align: bottom;
    }

    .bottom_menu > ul > li > a {
        display: block;
        line-height: 1;
        margin: 5% 0;
    }

    .bottom_menu > ul > li > a:hover {
        color: #fff;
        border-bottom: 2px solid #fff;
        padding-bottom: 2px;
    }

    .bottom_menu > ul > li > a > i {
        font-size: 22px;
    }

    .bottom_menu > ul > li.sub_m_active {
        border-bottom: 2px solid #fff;
    }

    .bottom_menu > ul > li > div.dropd_gral, .nav_interno_2 > ul > li > div.dropd_gral, .bottom_menu > ul > li > div.dropd_profile {
        position: absolute;
    }

    .bottom_menu.sm_down {
        z-index: 0;
    }

    .B_Blue {
        height: auto;
    }

    .queue_pop {
        height: 660px;
    }

    .about_container {
        overflow-y: hidden;
    }

    .icn_on {
        display: none;
    }

    .ctx_list_artist {
        max-height: none;
    }

    a.container-section-dj {
        position: relative!important;
        opacity: 1!important;
    }

    .search-input-container {
        position: relative;
        width: 100%;
    }

    /* .btn_close {
        display: inline-block;
    } */

    .transparent-mobile ~ .alert_pop_um.mobile_alert {
        top: 0;
    }

    .alert_pop_um.mobile_alert {
        margin: 0;
    }

    .alert_pop_um.mobile_alert ~ .scroller_w {
        padding-top: 45px;
    }

    .transparent-mobile:has(~ .alert_pop_um.mobile_alert) {
        top: 10px;
    }
}

@media screen and (max-height: 623px) {
    .queue_pop {
        height: 444px;
    }

    .queue_pop > div:nth-child(2) {
        height: 265px;
    }
}

@media screen and (max-width: 618px) {
    /* .header > div:nth-child(2) {
        margin: 1rem 20%;
    } */
    /* .drop_search {
        width: 360px;
    } */
}

@media screen and (max-width: 600px) {
    .predictive_songs td:nth-child(3), .predictive_songs th:nth-child(3),
    .predictive_songs.C_album td:nth-child(3), .predictive_songs.C_album th:nth-child(3),
    .predictive_songs.C_album td:nth-child(4), .predictive_songs.C_album th:nth-child(4),
    .predictive_songs td:nth-child(4), .predictive_songs th:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 500px) {
   /*  .header > div:nth-child(2) {
        margin: 1rem 10%;
    } */
}

@media screen and (max-width: 420px) {

    .msj_allscreen_pop {
        width: 280px;
        min-height: 180px;
        padding: 15px;
        left: 0px;
    }

    .alert_pop_um {
        padding-left: 10px;
        min-height: 40px;
        height: auto;
        width: 100%;
        margin: 0 0 0 0;
        position: fixed;
        z-index: 100;
    }

    .alert_pop_um > div:first-child {
        font-size: 15px;
        font-weight: 700;
        flex-grow: 1;
        line-height: 19px;
        margin: 0;
    }

    .alert_pop_um > div:last-child, .ticker > div:last-child {
        top: 5px;
        right: 10px;
    }

    .alertMessage {
        top: 60px;
    }

    .carr_miniDes li > div:first-child > img {
        width: 590px;
        top: 39%;
    }

    .carr_s_gral li, .carr_artista li, .item_artista li, .item_vip_user li, .item_artista li, .secc_listas_gral li, .carr_radios li, .carr_s_gral li > div, .secc_listas_gral li > div, .carr_radios li > div, .carr_artista li > div + div, .item_vip_user li > div + div {
        width: 100px;
    }

    .carr_s_gral li > a, .carr_radios li > a, .secc_listas_gral li > a, .carr_s_gral li > div:first-child,
    .secc_listas_gral li > div:first-child, .carr_radios li > div:first-child, .carr_artista li > div:first-child,
    .item_vip_user li > div:first-child, .carr_artista li > a, .item_vip_user li > a {
        width: 100px;
        height: 100px;
    }

    .carr_s_gral li > div:first-child > img, .secc_listas_gral li > div:first-child > img, .carr_radios li > div:first-child > img, .carr_artista li > div:first-child > img {
        width: 100px;
        height: 98px;
    }

    .item_artista li .image-wrapper {
        width: 98px;
        height: 98px;
        margin: 0 auto;
    }

    .player_wrapper > div:first-child > div, .player_wrapper > div:first-child > div > div, .player_wrapper > div:first-child > div > div:last-child {
        width: 100%;
    }

    .carr_miniDes li, .carr_miniDes_G li, .carr_miniDes li > div {
        width: 387px;
        height: 134px;
    }

    .carr_s_gral {
        height: 205px;
    }

    .carr_radios, .carr_artista {
        height: 180px;
    }

    .carr_radios, .item_artista {
        width: 110%;
    }

    .carr_s_gral li > div.top_canciones h3, .carr_s_gral li > div.top_canciones h2 {
        width: 66px;
    }

    .alert_pop_um > div:last-child {
        margin-top: 5px;
    }

    .ticker {
        width: 100%;
        padding: 10px 20px 10px 15px;
        height: auto;
        min-height: 35px;
    }

    .ticker > div:first-child {
        font-size: 13px;
        width: 94%;
    }

    .msj_un_disp, .new_lvl {
        left: 0;
    }

    .new_lvl {
        width: 375px;
        margin: 0 auto;
        top: 60px;
    }

    .new_lvl > div > img {
        height: 150px;
    }

    .carr_miniDes_G li > div > div {
        width: 135px;
    }

    .carr_miniDes_G li > div > div + div {
        top: 35px;
        left: 135px;
        width: 60%;
    }

    .whats_new {
        top: -60px;
        height: 450px;
    }

    .whats_new_in1 > div > img {
        width: 160px;
        margin: 10px 0;
    }

    .whats_new_in2 > div > img:last-child {
        margin: 10px 0;
    }

    .search-head {
        display: none;
        top: 0px !important;
        right: 80px !important;
    }

    .container-search.cs-active {
        display: block;
    }

    /* .container-search {
        display: none;
    } */

    .container-search.cs-active {
        margin-left: auto;
    }

    .drop_search {
        top: 60px;
        margin-top: -10px;
        /* width: 370px; */
    }

    .drop_search > div {
        float: left;
        width: 98%;
        margin-left: 1px;
    }

    /* .header > div:nth-child(2) {
        margin: 1rem 5%;
    } */

    .header > div:last-child.profile-head-container > div > a > i > img {
        width: 30px;
        height: 30px;
    }

    .header > div:last-child.profile-head-container > div.shopping-cart-head {
        display: block;
        top: 5px !important;
        right: 60px !important;
        margin: 10px;
    }

    .shopping-cart-head-s {
        display: block;
        top: 0px !important;
    }

    .profile-head > a > i {
        font-size: 28px;
    }

    .dropd_profile {
        top: 70px;
    }

    .dropd_profile:after {
        content: "";
        border-style: solid;
        border-width: 20px;
        width: 0;
        height: 0;
        position: absolute;
        top: 0%;
        left: 84%;
    }

    .ads_media {
        top: -60px;
        height: 280px;
    }

    .ads_content > div > img {
        width: 240px;
        margin: 0;
    }

    .carr_s_gral li > div.i_ply, .secc_listas_gral li > div.i_ply, .carr_radios li > div.i_ply,
    .carr_s_gral li > div.i_fav, .secc_listas_gral li > div.i_fav, .carr_radios li > div.i_fav,
    .carr_s_gral li > div.i_ctx, .secc_listas_gral li > div.i_ctx, .carr_radios li > div.i_ctx,
    .secc_listas_gral.playlist_list_wrapper .overlay .i_ply,
    .secc_listas_gral.playlist_list_wrapper .overlay .i_ctx,
    .secc_listas_gral.playlist_list_wrapper .overlay .i_fav {
        display: none !important;
    }

    .tyc_upper div {
        margin-bottom: 30px;
    }

    .nav_vertical .nav_burger_a {
        display: none;
    }

    .menu-small-text {
        font-size: 12px;
        padding: 5px 0 0 0;
    }

    .B_Black_evento > div {
        width: 140px;
    }

    .queue_pop {
        height: 560px;
    }

    .queue_pop > div:nth-child(2) {
        max-height: 377px;
        height: 100%;
    }

    .btn_unlimited {
        width: 33px;
    }

    .video_ads_foot {
        top: 146%;
        width: 100%;
        left: 0;
    }

    .video_ads_props {
        width: 300px;
        height: 250px;
    }

    .video_ads_text {
        width: 300px;
        padding: 12px 0 0 0;
        font-size: 13px;
    }
}

/* ----------Pantalla 375 px o menores --------- */
@media screen and (max-width: 375px) {
    .container-search input#search:focus {
        width: calc(85% - 35px);
    }

    .c_player li, .c_player li > a, .c_player li > a > i {
        width: 41px;
    }

    .c_player li > a > i > img:last-child {
        left: 4px;
    }

    .carr_miniDes li, .carr_miniDes_G li, .carr_miniDes li > div {
        width: 350px;
        height: 133px;
    }

    .carr_s_gral li > a, .carr_radios li > a, .secc_listas_gral li > a, .carr_s_gral li > div:first-child, .secc_listas_gral li > div:first-child,
    .carr_radios li > div:first-child, .carr_artista li > div:first-child, .item_vip_user li > div:first-child, .carr_artista li > a, .item_vip_user li > a {
        width: 100px;
        height: 100px;
    }

    .carr_s_gral li > div:first-child > img, .secc_listas_gral li > div:first-child > img, .carr_radios li > div:first-child > img,
    .carr_artista li > div:first-child > img, .item_vip_user li > div:first-child > img {
        width: 100px;
        height: 98px;
    }

    .item_artista li .image-wrapper {
        width: 98px;
        height: 98px;
        margin: 0 auto;
    }

    .carr_s_gral li, .carr_artista li, .item_vip_user li, .item_artista li, .secc_listas_gral li, .carr_radios li,
    .carr_s_gral li > div, .secc_listas_gral li > div, .carr_radios li > div, .carr_artista li > div + div, .item_vip_user li > div + div, .item_artista li > div + div {
        width: 100px;
    }

    .carr_artista > div > a {
        top: 0px;
    }

    .carr_artista li, .item_artista li, .item_vip_user li {
        margin: 0px 15px 0 0;
    }

    .dropd_img_cotx li > a, .dropd_img_cotx li {
        width: 100%;
    }

    .carr_miniDes_G li > div > div + div {
        left: 135px;
        width: 200px;
        top: 30px;
    }

    .carr_miniDes_G li > div > div + div > h3 {
        font-size: 13px;
    }

    .carr_miniDes_G li > div > div + div > h2 {
        font-size: 11px;
    }

    .carr_s_gral li > div.top_canciones {
        width: 100px;
    }

    .queue_pop {
        height: 460px;
    }

    .queue_pop > div:nth-child(2) {
        height: 280px;
    }

    .queue_pop > div:nth-child(2) > div > div > ul {
        margin: 5px 0 0 0;
    }

    .dropd_gral ul > li, .dropd_gral ul > li > a, .dropd_gral ul > li > .fav_icon {
        font-size: 14px;
        min-height: 32px;
        line-height: 15px;
    }

    .dropd_gral ul > li > a,
    .dropd_gral ul > li > .fav_icon {
        padding-top: 9px;
    }

    .disable_cp {
        width: 164px;
    }

    .whats_new {
        height: 380px;
        top: -70px;
    }

    .whats_new_in1 > div > img {
        width: 155px;
    }

    .whats_new > div:last-child > div {
        font-size: 15px;
        line-height: 20px;
        padding: 0;
        font-weight: bold;
        margin: 0 0 15px 0;
    }

    .whats_new_in2 > ul > li, .whats_new_in1 > ul > li {
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 4px 0;
    }

    .dropd_profile ul > li, .dropd_profile ul > li > a {
        font-size: 14px;
        min-height: 32px;
        line-height: 15px;
    }

    .dropd_profile ul > li > a {
        padding-top: 9px;
    }

    .profile-head > a > i {
        font-size: 25px;
    }

    #profile_pop {
        /* height: 140px; */
    }

    #profile_pop_s {
        height: 100px;
    }

    .ads_media {
        height: 270px;
        top: -70px;
    }

    .player_wrapper {
        width: 101%;
    }

    .B_Black_evento > div {
        width: 125px;
    }

    .bottom_menu {
        bottom: -3px;
    }

    /* .drop_search {
        width: 345px;
    } */

    .alert_pop_um > div:first-child {
        margin: 0px;
        text-align: center;
    }

    .alert_pop_um > div:last-child, .ticker > div:last-child {
        top: 5px;
        right: 10px;
    }

}

@media screen and (max-width: 360px) {
    /* .header > div:nth-child(2) {
        margin: 1rem 3%;
    } */
    .B_Black_evento > div {
        width: 125px;
    }
}

/* ----------Pantalla 320 px o menores --------- */
@media screen and (max-width: 320px) {

    .c_player li, .c_player li > a, .c_player li > a > i {
        width: 37px;
    }

    .c_player li > a > i > img:last-child {
        left: 2px;
    }

    .queue_pop {
        height: 415px;
    }

    .queue_pop > div:nth-child(2) {
        height: 240px;
    }

    .queue_pop > div:nth-child(2) > div > div > ul {
        margin: 5px 0 0 0;
    }

    .volumen #pv_indicador {
        opacity: 1;
    }

    .dropd_img_cotx li > a, .dropd_img_cotx li {
        width: 100%;
    }

    .carr_evento {
        height: 260px;
    }

    .carr_evento li > div {
        width: 290px;
    }

    .carr_evento li > div > a {
        width: 86%;
        height: 115px;
    }

    .carr_evento li > div > div {
        width: 100%;
        padding: 7px 10px;
    }

    .B_Black_evento {
        height: auto;
    }

    .B_Black_evento > div {
        width: 105px;
    }

    .pnf_404 {
        margin: 36% 0 0 0;
    }

    .pnf_404 > div:nth-child(2) {
        font-size: 30px;
    }

    .pnf_404 > div:last-child {
        font-size: 20px;
    }

    .carr_miniDes li, .carr_miniDes_G li, .carr_miniDes li > div {
        width: 300px;
        height: 120px;
    }

    .carr_miniDes li > div:first-child > img {
        width: 530px;
        top: 35%;
    }

    .carr_s_gral li, .carr_artista li, .item_vip_user li, .item_artista li, .secc_listas_gral li, .carr_radios li,
    .carr_s_gral li > div, .secc_listas_gral li > div, .carr_radios li > div,
    .carr_artista li > div + div, .item_vip_user li div + div, .item_artista li > div + div {
        width: 90px;
    }

    .carr_s_gral li > a, .carr_radios li > a, .secc_listas_gral li > a, .carr_s_gral li > div:first-child, .secc_listas_gral li > div:first-child,
    .carr_radios li > div:first-child, .carr_artista li > div:first-child, .item_vip_user li > div:first-child, .carr_artista li > a, .item_vip_user li > a {
        width: 90px;
        height: 90px;
    }

    .carr_s_gral li > div:first-child > img, .secc_listas_gral li > div:first-child > img, .carr_radios li > div:first-child > img,
    .carr_artista li > div:first-child > img, .item_vip_user li > div:first-child > img {
        width: 100px;
        height: 88px;
    }

    .item_artista li .image-wrapper {
        width: 88px;
        height: 88px;
    }

    .disable_cp {
        width: 148px;
    }

    .msj_allscreen_pop {
        top: -35%;
    }

    .msj_un_disp {
        width: 100%;
    }

    .new_lvl {
        width: 320px;
    }

    .new_lvl > div > img {
        height: 130px;
        top: 40px;
    }

    .new_lvl > div > a {
        margin: 0 0 0 120px;
    }

    .carr_miniDes_G li > div > div {
        width: 120px;
    }

    .carr_miniDes_G li > div > div + div {
        left: 120px;
        width: 165px;
        top: 35px;
    }

    .carr_miniDes_G li > div > div + div > h3 {
        line-height: 14px;
    }

    .whats_new {
        height: 305px;
    }

    .whats_new > div:first-child > div > img {
        width: 152px;
        margin: 7px 0 0 0;
    }

    .whats_new > div:first-child > div:last-child {
        font-size: 15px;
        line-height: 18px;
        margin: 5px 0;
        font-weight: bold;
    }

    .whats_new_in1 > div > img {
        width: 110px;
        margin: 5px 0;
    }

    .whats_new_in2 > div > img:last-child {
        margin: 5px 0;
        width: 68%;
    }

    .whats_new_in2 > ul > li, .whats_new_in1 > ul > li {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 5px;
    }

    .whats_new > div:last-child > div {
        font-size: 13px;
    }

    .ads_media {
        height: 200px;
    }

    .ads_content > div > img {
        width: 180px;
        margin: 5px 0;
    }

    .tyc_upper div {
        margin-bottom: 0px;
    }

    /* .drop_search {
        width: 290px;
    } */

    .video_ads_foot {
        top: 135%;
    }
}

@media screen and (min-width: 420px) {
    .tickerFull .freedeeplink-data {
        padding-top: 3em;
    }

    .tickerFull .freedeeplink-data .freedeeplink-text {
        padding: 1em 0;
        font-size: 22px;
        line-height: 24px;
    }

    .tickerFull .freedeeplink-data .freedeeplink-button {
        padding: 1em 0;
    }

    .tickerFull div.close-btn {
        top: 30px;
    }
}

@media screen and (min-width: 576px) {
    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-tablet-768 {
        display: block;
    }

    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-mobile,
    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-tablet-1024,
    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-desktop {
        display: none;
    }

    .tickerFull .freedeeplink-data {
        padding-top: 2em;
        flex-direction: row;
        width: 70%;
        padding: 2em 1em 1em 1em;
    }

    .tickerFull .freedeeplink-data .freedeeplink-text {
        font-size: 18px;
        line-height: 20px;
        max-width: 50%;
        padding: 0 .5em;
    }

    .tickerFull .freedeeplink-data .freedeeplink-button {
        padding: 0 .5em;
    }

    .tickerFull div.close-btn {
        top: 25px;
    }
}

/* DESKTOP GENERIC RESOLUTION */
@media screen and (min-width: 700px) {
    .scroller_w > div {
        height: calc(100vh - 180px);
    }
    body {
        overflow: hidden;
    }

    .header > div:first-child {
        width: 23%;
    }
}

/* MOBILE GENERIC RESOLUTION */
@media screen and (max-width: 700px) {
    .scroller_w {
        padding-bottom: 170px;
        padding-top: 60px;
    }

    .stop-scrolling {
        height: 100%;
        overflow: hidden;
    }

    .isDeeplink {
        margin-bottom: 0px;
        height: auto;
    }
}

@media screen and (min-width: 768px) {
    .tickerFull .freedeeplink-data {
        padding-top: 2.5em;
    }

    .tickerFull .freedeeplink-data .freedeeplink-text {
        font-size: 24px;
        line-height: 26px;
    }

    .tickerFull .freedeeplink-data .freedeeplink-button {
        justify-content: left;
    }

    .tickerFull div.close-btn {
        top: 30px;
    }

    .header > div:first-child {
        margin: 5px 0px 10px 5px;
    }
}

@media screen and (min-width: 1024px) {
    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-tablet-1024 {
        display: block;
    }

    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-mobile,
    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-tablet-768,
    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-desktop {
        display: none;
    }

    .tickerFull .freedeeplink-data .freedeeplink-text {
        max-width: 65%;
    }

    .tickerFull .freedeeplink-data .freedeeplink-button {
        width: 35%;
    }
}

@media screen and (min-width: 1366px) {
    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-desktop {
        display: block;
    }

    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-mobile,
    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-tablet-768,
    .tickerFull div.freedeeplink-image .freedeeplink-image-bg-tablet-1024 {
        display: none;
    }

    .tickerFull .freedeeplink-data .freedeeplink-text {
        max-width: 55%;
        font-size: 28px;
        line-height: 26px;
    }
}

@media screen and (min-width: 700px) {
    .scroller_w > div.addon-video-container {
        height: calc(100vh - 70px);
    }
}

.profile-head-container {
    flex-grow: 1;
}

.profile-head-container .profile-avatar {
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
}

.profile-head-container .profile-avatar .perfil_img_nav{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

@media screen and (min-width: 1024px) {
    .profile-head-container .profile-avatar {
        margin-right: 10px;
    }
}

@media screen and (max-height: 800px) {
    .overlayContainer {
        max-width: 700px;
    }
}

@media screen and (max-height: 740px) {
    .overlayContainer {
        max-width: 640px;
    }
}

@media screen and (max-height: 680px) {
    .overlayContainer {
        max-width: 580px;
    }
}

@media screen and (max-height: 620px) {
    .overlayContainer {
        max-width: 520px;
    }
}

@media screen and (max-height: 580px) {
    .overlayContainer {
        max-width: 420px;
    }
}

@media screen and (max-height: 520px) {
    .overlayContainer {
        max-width: 360px;
    }
}

@media screen and (max-height: 480px) {
    .overlayContainer {
        max-width: 300px;
    }
}

.no-scroll {
    overflow: hidden;
}

.family_bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.family_bottom .family_space h2 {
    width: 100%;
}

.family_space .family_bottom > div .primary-button {
    min-width: 150px;
}

.display-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.justify-content-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.align-items-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
/* CSS3 & maqueta HTML5 por Teresa Lass */

/* ==========================================================================
Wrapper tipo 2
========================================================================== */

.nav_interno > ul.mymusic {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0 auto;
    width: 90%;
}

/*El default de elementos es de 4, en li hay que agregar clases extra si se quieren menos o más elementos*/
.nav_interno > ul > li {
    float: left;
    height: 36px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
    cursor: pointer;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.nav_interno > ul.mymusic > li {
    float: none;
}

.nav_interno > ul > li > a, .nav_interno_2 li > a {
    float: left;
    height: 35px;
    width: 100%;
    text-align: center;
    padding: 9px 0 0 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.nav_interno_2 li > a {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 0 0 15px;
    justify-content: center;
    align-items: center;
}

.nav_interno_2 li > a > span {
    flex-grow: 1;
    padding: 0 0 4px 0;
}

.nav_interno_2 li > a.sort-filter {
    padding: 10px 0 10px 10px;
    left: 0;
}

.nav_interno_2 li ul > li > a {
    display: inline-block;
    flex-wrap: unset;
    justify-content: unset;
    align-items: unset;
}


.nav_interno_2 li > a.user_list_add_list {
    padding: 0;
}

.nav_interno > ul > li:hover, .nav_interno_2 li:hover {
    color: #000;
}

/*Dos elementos*/
.nav_interno > ul.ni_2e {
    padding: 0 12% 0 30%;
    margin-top: 0%;
    margin-bottom: 3%;
}

.nav_interno > ul.ni_2e li {
    width: 33.33%;
}

/*Tres elementos*/
.nav_interno > ul.ni_3e {
    padding: 0 17% 0 17%;
}

.nav_interno > ul.ni_3e li {
    width: 33.33%;
}

/*Cuatro elementos*/
.nav_interno > ul.ni_4e {
    padding: 0 0 0 15%;
}

.nav_interno > ul.ni_4e li {
    width: 20%;
}

/*cinco elementos*/
.nav_interno > ul.ni_5e li {
    width: 20%;
}

/*seis elementos*/
.nav_interno > ul.ni_6e {
    padding: 0;
    display: table;
    height: auto;
    margin: 0 auto;
}

.nav_interno > ul.ni_6e li {
    width: 16.66%;
    float: none;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    padding: 1% 5px;
}

/*siete elementos*/
.nav_interno > ul.ni_7e {
    padding: 0;
}

.nav_interno > ul.ni_7e li {
    width: 14%;
}

/* Estado activo del navegador de pestañas */
.nav_interno > ul > li.nav_interno_a {
    background: #fff;
    color: #000;
}

.react-tabs__tab--selected {
    background: #fff !important;
    color: #000 !important;
}

/*Cuatro postsers en un solo li en seccion de listas gral*/
.secc_listas_gral li > div:first-child.cuatro1 {
    padding: 0;
}

.secc_listas_gral li > div:first-child.cuatro1 > img {
    width: 50%;
    height: 70px;
    margin: 0;
}

/*El default de elementos en el segundo nivel de menú es de 2, en li hay que agregar clases extra si se quieren menos o más elementos*/
.nav_interno_2 {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.nav_interno_2 > ul {
    height: 36px;
    margin: 0 auto;
}

.nav_interno_2 > ul > li {
    float: right;
    display: flex;
    position: relative;
    padding-right: 8px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.nav_interno_2 > ul > li > a > span + i {
    font-size: 16px;
    line-height: 15px;
    margin: 2px 10px 0 10px;
}

/*Un elemento*/
.nav_interno_2.ni2_1e > ul {
    padding: 0 41.1% 0 39%;
}

.nav_interno_2.ni2_1e > ul > li {
    width: 100%;
}

.secc_listas_gral {
    float: left;
    height: auto;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
}

.secc_listas_gral-no-content {
    height: auto;
    width: 100%;
    margin: 25px 10px 0px 10px;
    overflow: hidden;
    text-align: center;
}

.secc_listas_gral-no-content.favorites-no-content {
    margin-top: 50px;
    font-size: 0.88em;
    padding: 0;
}

.secc_listas_gral-no-content.empty-list-container {
    text-align: left;
    margin: 50px;
}

.secc_listas_gral-no-content.favorites-no-content .placeholder-msg,
.secc_listas_gral-no-content.empty-list-container .placeholder-msg {
    font-weight: normal;
    line-height: 1;
    height: auto;
}

.secc_listas_gral ul {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.DG_allw.dg_scroll {
    max-height: 360px;
    overflow: auto;
}

.dropd_gral.DG_allw, .dropd_gral.DG_allw ul, .dropd_gral.DG_allw li, .dropd_gral.DG_allw li > a {
    width: 100%;
}

.rotate, .rotate2 {
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.rotate.down, .rotate2.down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.DG_allw.dg_scroll::-webkit-scrollbar {
    width: 7px;
}

.DG_allw.dg_scroll::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.DG_allw.dg_scroll::-webkit-scrollbar-thumb {
    background-color: #4f5664ff;
    border-radius: 10px;
}

/* Vip */
.i_book {
    position: absolute;
    cursor: pointer;
    text-align: center;
    width: 45px;
    height: 45px;
    top: 50px;
    left: 50px;
    font-size: 20px;
    padding: 10px 0 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.i_book:hover,
.i_book.Iactive {
    border: 0;
}

.item_artista li .i_book {
    position: relative;
    width: auto;
    height: auto;
    top: auto;
    left: auto;
}

.item_artista li:hover .i_book,
.item_vip_user li:hover .i_book {
    opacity: 1;
    visibility: visible;
}

.carousel_items_list li:hover .i_book {
    opacity: 1;
    visibility: visible;
}

.content_details_wrapper.desktop {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

#plyrMasterInst {
    width: 100vw;
    height: 100vh;
}

@media screen and (min-width: 750px)  {
    .content_details_wrapper.desktop {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}

.content_details_carousel_wrapper {
    padding: 0 20px;
}

.content_details_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 15px;
    gap: 20px;
}

.content_details_wrapper .content-image {
    max-width: 245px;
    width: auto;
    max-height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.content_details_wrapper .content-info {
    max-width: 450px;
    color: #EEEEEE;
    font-family: Roboto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.content_details_wrapper .content-info .content_title {
    font-weight: 500;
    font-size: 32px;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 0;
}

.content_details_wrapper .content-info .content_subtitle {
    font-weight: 400;
    font-size: 14px;
    margin-top: 3px;
}

.content_details_wrapper .content-info .content_category {
    font-size: 14px;
    margin: 16px 0;
}

.content_details_wrapper .content-info .content_description {
    margin-top: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #EEEEEE;
}

.content_details_wrapper .content-info .content_service-logo {
    max-height: 35px;
    margin-top: 25px;
    align-self: flex-start;
}

.content_details_wrapper .content-info .buttons_container .btn {
    padding: 13px 18px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    transition: all 250ms ease-out;
}

.content_details_wrapper .content-info .buttons_container .btn:hover {
    opacity: 0.7;
}

.content_details_wrapper .content-info .buttons_container {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

.content_details_wrapper .content-info .buttons_container .btn.red {
    background-color: #EA423F;
    width: 60%;
    color: white;
    border: 0;
}

.content_details_wrapper .content-info .buttons_container .btn.gray {
    background-color: #3B3B3B;
    flex-grow: 1;
}

@media screen and (max-width: 500px) {
    .content_details_wrapper:not(.desktop) {
        padding: 0 !important;
        margin-bottom: 150px;
    }

    .content_details_wrapper .content-info {
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top;
        min-height: 42vh;
        display: flex;
        position: relative;
    }

    .overlay-addons {
        background: unset !important;
        width: 100%;
    }

    .overlay {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        flex: 1;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(29, 29, 29, 0.5) 20%, rgb(29, 29, 29, 1) 60%);
        padding: 18px;
        color: #FEFEFE;
        overflow: auto;
        margin-top: 260px;
        position: absolute;
    }

    .overlay .content_title {
        font-weight: 700;
        font-size: 26px;
        word-wrap: break-word;
        margin-bottom: 0;
    }

    .overlay .content_subtitle {
        font-weight: 500;
        font-size: 16px;
        margin-top: 10px;
    }

    .overlay .content_description {
        margin-top: 7px;
    }

    .overlay .content_category {
        margin-top: 7px;
    }

    .overlay .content_service-logo {
        max-height: 45px !important;
        align-self: flex-start;
        margin-bottom: 10px;
    }

    .overlay .buttons_container {
        margin-top: 20px;
        display: flex;
        gap: 20px;
    }

    .overlay .buttons_container .btn {
        padding: 13px 18px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
        border-radius: 8px;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

    .overlay .buttons_container .btn.red {
        background-color: #EA423F;
        width: 60%;
    }

    .overlay .buttons_container .btn.red.solo {
        width: 100%;
    }

    .overlay .buttons_container .btn.gray {
        background-color: #3B3B3B;
        flex-grow: 1;
    }

    .bg-gray {
        background-color: rgb(29, 29, 29);
    }
}

/* ==========================================================================
Wrapper tipo 3
========================================================================== */
.paises_h1 {
    position: absolute;
    font-size: 20px;
    top: 13px;
    left: 27px;
    z-index: 4;
}

.paises_w {
    position: relative;
    padding: 0 27px;
}

.img_paises {
    position: relative;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px;
    overflow: hidden;
    margin: 0 0 27px 0;
}

.img_paises > div:last-child {
    height: 200%;
    width: 200%;
    position: absolute;
    top: -13%;
    left: -50%;
}

.img_paises img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    min-width: 50%;
    min-height: 50%;
}

.pais_mascara {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    height: 155px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0000000', endColorstr='#00000000', GradientType=0);
}

.img_paises h2 {
    position: absolute;
    top: 70px;
    z-index: 5;
    right: 135px;
    height: 90px;
    font-size: 75px;
    text-transform: uppercase;
    text-align: right;
    margin: 0;
    letter-spacing: 5px;
    line-height: 90px;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 1);
}

.pais_back {
    opacity: 1;
    z-index: 5;
    position: absolute;
    width: 50px;
    height: 240px;
    color: #fff;
    top: 0;
    left: 0px;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9000000', endColorstr='#00000000', GradientType=1);
}

.pais_back:hover, .pais_forw:hover {
    opacity: 0.5;
}

.pais_back > i, .pais_forw > i {
    margin: 90px 0 0 16px;
    font-size: 45px;
}

.pais_forw {
    opacity: 1;
    z-index: 5;
    position: absolute;
    width: 50px;
    height: 240px;
    color: #fff;
    top: 0;
    right: 0px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7) 100%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000', GradientType=1);
}

/* ==========================================================================
Eventos y conciertos
========================================================================== */
.ec_wrapper, .ar_wrapper {
    float: left;
    padding: 20px 27px 45px 0;
    height: 100%;
    width: 100%;
    flex: 1 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.ec_1 {
    float: left;
    order: 1;
    height: 100%;
    flex: 3 0px;
}

.ec_1 ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ec_1 li {
    position: relative;
    float: left;
    margin: 0 1% 1% 0;
    width: 32.3%;
}

.ec_1 li > div {
    float: left;
    border: 1px solid #7f7f7f;
    padding: 12px 0;
    width: 100%;
    height: 265px;
    background: rgba(0, 0, 0, 0.6);
}

.ec_1 li > div > div {
    float: left;
    width: 50%;
    height: 100%;
    padding: 0 12px;
}

.ec_1 li > div > div:first-child {
    border-right: 1px solid #7f7f7f;
    position: relative;
}

.ec_1 h2 {
    float: left;
    width: 100%;
    font-size: 17px;
    margin: 0 0 15px 0;
    line-height: 20px;
}

.ec_1 li > div > div:first-child > p {
    line-height: 17px;
}

.ec_1 li > div > div:first-child > p + a {
    float: left;
    font-size: 12px;
    text-decoration: underline;
    margin: 12px 0;
}

.ec_1 li > div > div:first-child > p + a:hover {
    text-decoration: none;
}

.ec_1 li > div > div:first-child > div {
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 90%;
}

.ec_1 li > div > div:first-child > div > a {
    float: left;
    margin: 0 12px 0 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.ec_1 li > div > div:first-child > div > a:hover {
    opacity: 0.5;
}

.ec_1 li > div > div:last-child {
    float: left;
    text-align: center;
    position: relative;
}

.ec_1 li > div > div:last-child > a {
    float: left;
    width: 100%;
}

.ec_1 li > div > div:last-child > a > img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    height: 120px;
}

.ec_1 li > div > div:last-child > a:hover > img {
    opacity: 0.5;
}

.ec_1 li > div > div:last-child > p {
    float: left;
    text-align: left;
    margin: 12px 0 0 0;
    font-size: 12px;
}

.ec_1 li > div > div:last-child > a.B_Black_evento {
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 88%;
}

/* ==========================================================================
Perfil
========================================================================== */
.perfil1 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    padding: 30px 0 0 27px;
}

.perfil1.djs {
    height: 200px;
}

.perfil1 h1 {
    float: left;
    font-size: 20px;
    margin: 0;
    z-index: 4;
}

.perfil1 > div:last-child {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}

.perfil_w {
    position: relative;
    padding: 0 0 0 27px;
}

.secundary-button-int {
    background: transparent;
    outline: none;
    border-radius: 25px;
    border: 1px solid #2d3139;
    width: 100%;
    height: 48px;
    margin-top: 10px
}

.B_White2 {
    float: left;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    height: 30px;
    text-align: center;
}

.usuario_edit .B_White2 {
    margin: 0;
}

.coutries-img-placeholder {
    border-radius: 8px;
}

.B_White3 {
    float: left;
    position: relative;
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #fff;
    height: 30px;
    text-align: center;
}

.B_White3:hover {
    opacity: 0.5;
    color: #000;
}

.B_White2:hover {
    background-color: #fff;
    color: #000;
}

.B_White2 div, .B_White3 div {
    float: left;
    width: 100%;
    margin: 6px 0 0 0;
}

.ajustes_b {
    float: right;
    width: 200px;
    padding: 0 27px 0 0;
}

.ajustes_b > a.B_White2 {
    margin: 0;
}

.pf_cambiar {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.img_width {
    max-width: 120px;
}

.pf_cambiar:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.pf_cambiar > a {
    float: left;
    width: 150px;
    height: 150px;
    padding: 65px 25px;
    text-align: center;
}

.perfil1_1p, .perfil1_2p {
    float: left;
    width: 50%;
    height: 170px;
}

.perfil1_1p {
    display: flex;
    width: 100%;
    height: 256px;
}

.perfil1_1p > div:first-child {
    width: 288px;
    height: 288px;
    padding: 0 32px 32px 32px;
    display: flex;
    align-items: center;
}

.perfil1_1p > div:first-child > img {
    border-radius: 50%;
    width: 100%;
}

.perfil1_1p > div:last-child {
    float: left;
    order: 2;
    flex: 3 0px;
    padding: 0 14px;
}

.perfil1_1p > div:last-child > div {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.perfil1_1p > div:last-child > div > a:hover > i {
    opacity: 0.5;
}

.perfil1_1p > div:last-child > div > span > span {
    font-weight: bold;
}

.perfil1_1p > div:last-child > h2 {
    float: left;
    font-weight: normal;
    font-size: 20px;
    margin: 10px 0;
    line-height: 23px;
}

.perfil1_1p > div:last-child > div:last-child {
    margin: 13px 0 0 0;
}

.perfil1_1p > div:last-child > div.user_name {
    text-overflow: ellipsis;
    max-width: 190px;
    max-height: 30px;
    overflow: hidden;
    float: left;
    font-weight: normal;
    font-size: 20px;
    margin: 10px 0 10px 0;
    line-height: 30px;
}

.perfil1_1p > div:last-child > div.ita {
    margin: 15px 0 0 0;
}

.perfil1_1p > div:last-child > div:last-child > a:hover {
    text-decoration: none;
}

.perfil1_1p .B_Blue {
    margin: 0px 5px 0 0;
}

.perfil1_1p .B_Blue i, .usuario_w .B_Blue i {
    margin: 0 5px 0 0;
    font-size: 17px;
}

.btwit {
    background: #55acee;
}

.btwit:hover {
    background: #81c6fb;
}

.perfil1_2p {
    padding: 0 25px;
    border-left: 1px solid #fff;
}

.perfil1_2p > div {
    float: left;
    width: 100%;
    position: relative;
}

.perfil1_2p > div:first-child {
    font-size: 18px;
    margin: 8px 0 0 0;
    min-height: 20px;
    line-height: 20px;
}

.perfil1_2p > div > span, .perfil1_2p > div > div > span {
    font-weight: bold;
}

.perfil1_2p > div {
    font-size: 16px;
}

.perfil1_2p > div:nth-child(2) {
    height: 10px;
    margin: 15px 0 0 0;
    width: 250px;
    z-index: 0;
}

.perfil1_2p > div:last-child {
    margin: 15px 0 0 0;
}

.perfil1_2p > div:last-child > div {
    float: left;
    width: auto;
}

.perfil1_2p > div:last-child > div:first-child {
    margin: 0 10px 0 0;
    height: 30px;
    width: 30px;
}

.perfil1_2p > div:last-child > div:last-child {
    padding: 10px 0 0 0;
}

.progress_bar {
    float: left;
    height: auto;
    width: 100%;
    position: relative;
}

.progress_bar > div:first-child {
    position: absolute;
    opacity: 1;
    border: none;
    border-radius: 0%;
    top: 0;
    float: left;
    width: 100%;
    height: 10px;
    border: 1px solid #fff;
    z-index: 1;
    border-radius: 5px;
}

.progress_bar > div:last-child {
    position: absolute;
    opacity: 1;
    border: none;
    border-radius: 0%;
    top: 1px;
    left: 1px;
    float: left;
    height: 8px;
    background-color: #DE1717;
    z-index: 2;
    border-radius: 5px;
}

.nav_interno > ul.nav-space {
    margin: 20px 0;
}

.vip_p {
    margin: 15px 0 0 0;
}

.seguir_usuario > a:hover, .usuario_1 > div:nth-child(1) > div > a:hover {
    opacity: 0.5;
}

.seguir_usuario > a {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    float: left;
    text-align: center;
}

.seguir_usuario > a > i {
    padding: 7px 0 0 0;
}

.seguir_usuario > div {
    float: left;
    margin: 9px 0 0 0;
}

/* Perfil reducido */
.puntuacion {
    float: left;
    font-size: 40px;
    margin: 20px 0 0 0;
}

.cover_pts > a {
    width: 90px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cover_pts > span {
    float: right;
}

.p_actividad_rec2 {
    float: left;
    width: 99%;
    margin: 8px 0 40px 0;
}

.p_actividad_rec2 > div:first-child {
    float: left;
    width: 100%;
    height: 25px;
}

.p_actividad_rec2 h1 {
    float: left;
    margin: 0 20px 0 0;
    font-size: 20px;
    font-weight: normal;
}

.p_actividad_rec2 > div:first-child > div {
    overflow: hidden;
    height: 25px;
}

.p_actividad_rec2 > div:first-child > div > img {
    display: inline-block;
    width: 22px;
    height: 9px;
    margin: 6px 0 0 0;
}

.p_actividad_rec2 > div:first-child > div::after {
    content: "";
    left: 22px;
    display: block;
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
    position: relative;
    top: -11px;
}

.p_actividad_rec2 ul {
    padding: 0;
    margin: 15px 0 0 0;
    float: left;
    width: 100%;
}

.p_actividad_rec2 li {
    float: left;
    width: 100%;
    min-height: 60px;
    flex: 1 50%;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.p_actividad_rec2 li > div:first-child {
    width: 45px;
    float: left;
    order: 1;
    position: relative;
}

.p_actividad_rec2 li > div:first-child > a:hover, .sig_seg li > div:first-child > a:hover {
    opacity: 0.5;
}

.p_actividad_rec2 li > div:first-child > a > img {
    width: 45px;
    border-radius: 8px;
}

.p_actividad_rec2 li > div:nth-child(2) {
    float: left;
    flex: 3 0px;
    order: 2;
    padding: 7px 15px 0 15px;
    font-size: 15px;
    position: relative;
}

.p_actividad_rec2 li > div:nth-child(2) > div {
    float: left;
    width: 100%;
    font-size: 14px;
}

.p_actividad_rec2 li > div:nth-child(2) > div:first-child {
    margin: 0 0 5px 0;
}

.p_actividad_rec2 li > div:nth-child(2) > div > i {
    float: left;
    margin: 0 5px 0 0;
}

.p_actividad_rec2 li > div > div > a {
    font-weight: bold;
}

.p_actividad_rec2 li > div:nth-child(2) > div > a:hover, .sig_seg li > div:last-child > div:nth-child(2) > div > a:hover {
    text-decoration: underline;
}

.p_actividad_rec2 li > div:nth-child(2) > div:last-child {
    position: absolute;
    width: auto;
    top: 15px;
    right: 0;
}

.sig_seg {
    width: 100%;
    padding: 0;
    margin-top: 30px;
}

.sig_seg ul {
    float: left;
    width: 100%;
    margin: 0 0 10%;
    padding: 0;
}

.sig_seg li {
    float: left;
    max-width: 315px;
    width: 100%;
    display: flex;
    margin: 0 1% 1% 0;
    height: 120px;
    background: rgba(0, 0, 0, 0.6);
}

.sig_seg li > div:first-child {
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100px;
}

.sig_seg li > div:first-child > a {
    float: left;
    margin: 0px;
    display: flex;
    justify-content: center;
}

.sig_seg li > div:first-child > a > img {
    width: 100%;
    border-radius: 50%;
    width: 90px;
    height: 90px;
}

.sig_seg li > div:last-child {
    width: 68%;
    padding: 0 0 0 15px;
    height: 100%;
    max-width: 205px;
    display: flex;
    align-items: flex-start;
}

.sig_seg li > div:last-child > div {
    float: left;
    width: 100%;
}

.sig_seg li > div:last-child > div:nth-child(1) {
    padding: 5px 0 0 0;
}

.sig_seg li > div:last-child > div:nth-child(1) > div:first-child {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.sig_seg li > div:last-child > div:nth-child(1) > div {
    float: left;
    margin: 3px 0;
    width: 100%;
}

.sig_seg li > div:last-child > div:nth-child(1) > div > span {
    font-weight: bold;
}

.B_White_seguir {
    float: left;
    width: 110px;
    height: 24px;
    border: 1px solid #DE1717;
    padding: 3px 0;
    text-align: center;
    background: #DE1717;
    color: #fff;
}

.B_White_seguir i {
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 11px;
    width: 17px;
    height: 17px;
    padding: 3px 0 0 0;
    margin-right: 5px;
    float: right;
}

.B_White_seguir:hover {
    color: #fff;
    background: #DE1717;
}

.B_White_seguir:hover i {
    border: 1px solid #DE1717;
}

.B_White_seguir.BWS_Active {
    color: #fff;
    background: #282828;
    border: 1px solid #282828;
}

.B_White_seguir.BWS_Active i {
    color: #981C15;
    border: 1px solid #981C15;
}

.sig_seg li > div:last-child > div:nth-child(2) {
    text-align: right;
}

.c_tipo2_wrapper > div > div > div.sig_seg > ul {
    margin-top: 25px;
}

.social_share_btn {
    margin: 10px;
    font-size: 20px;
}

/* ==========================================================================
Ajustes
========================================================================== */
.usuario_w {
    float: left;
    margin: 30px 0;
    width: 100%;
    padding: 0 27px 0 0;
    flex: 1 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.usuario_1, .usuario_2, .usuario_3 {
    margin-left: 30px;
    border: 1px solid #2D3139;
    border-radius: 8px;
    min-height: 200px;
    margin-bottom: 5%;
    padding: 10px;
}

.pf_logo {
    width: 120px;
}

.usuario_2 td > a:last-child.btn_full_width {
    width: 100%;
}

.usuario_3 {
    max-height: 300px;
    margin: 0 10px 30px 0;
}

.usuario_family {
    margin: 30px 20px 0 10px;
    padding: 20px;
    flex: 1 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    background: rgba(0, 0, 0, 0.2);
}

.family_space {
    width: 310px;
    min-height: 190px;
    border: 1px solid #7f7f7f48;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    position: relative;
    margin: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.family_space h2 {
    line-height: 20px;
    width: 100%;
}
.family_space .admin_text {
    align-self: flex-end;
}

.family_space_gray {
    width: 310px;
    min-height: 190px;
    border: 1px solid #7f7f7f48;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    margin: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.family_space_gray_disabled {
    pointer-events: none;
    color: #848484;
}

.family_space_text {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 30px;
}

.family_input {
    outline: none;
    width: 100%;
    background: transparent;
    height: 35px;
    font-size: 12px;
    float: left;
    color: #fff;
    padding: 0 9px;
    border: none;
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
}

.family_input:focus {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.family_input.edit_input {
    width: 60%;
    margin-bottom: 10px;
}

.family_input::-webkit-input-placeholder {
    font-size: 13px;
    font-style: italic;
    font-family: 'Roboto Lt';
    font-weight: 300;
    color: #ffffff;
}

.family_input:-moz-placeholder {
    font-size: 13px;
    font-style: italic;
    font-family: 'Roboto Lt';
    font-weight: 300;
    color: #ffffff;
}

.family_input::-moz-placeholder {
    font-size: 13px;
    font-style: italic;
    font-family: 'Roboto Lt';
    font-weight: 300;
    color: #ffffff;
}

.family_input:-ms-input-placeholder {
    font-size: 13px;
    font-style: italic;
    font-family: 'Roboto Lt';
    font-weight: 300;
    color: #ffffff;
}

.admin_text {
    color: #DA291c;
    float: right;
    font-size: 12px;
}

.pending_text {
    align-self: flex-end;
    color: #EAA844;
    float: right;
    font-size: 12px;
}

.family_space::before,
.family_space::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}

.family_space::before {
    border-width: 1.1em;
    border-right-color: #DA291c;
    border-top-color: #DA291c;
}

.family_space.family_added::before {
    border-width: 1.1em;
    border-color: transparent;
}

.family_space.family_pending::before {
    border-width: 1.1em;
    border-right-color: #EAA844;
    border-top-color: #EAA844;
}

.family_cover {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 30px 0px 20px 0px;
}

.family_places_text {
    font-size: 20px;
    width: 100%;
    margin: 5px;
    line-height: 24px;
    margin-bottom: 15px;
}

.family_places_sub_text {
    font-size: 16px;
    width: 100%;
    margin: 5px;
    line-height: 20px;
    margin-bottom: 20px;
}

.family_mail {
    float: left;
    width: 160px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 15px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.family_name {
    font-weight: normal;
    font-family: Helvetica, Arial;
    margin-top: 10px;
    margin-bottom: -10px;
    font-size: 20px;
    line-height: 25px;
    word-wrap: break-word;
    word-break: break-all;
}

.fp_text_wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fp_text_pendiente_wrap {
    padding-bottom: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.section_purchase {
    float: right;
    width: 100%;
}

.section_users {
    margin-right: 340px;
    position: relative;
    bottom: 400px;
    display: flex;
    flex-flow: row wrap;
}

.section_users_pf {
    margin-right: 340px;
    bottom: 400px;
    display: contents;
}

.purchase_box {
    border: 1px solid #7f7f7f48;
    border-radius: 8px;
    padding: 20px;
    padding-top: 25px;
    float: right;
    width: 325px;
    height: 390px;
    margin-right: 20px;
}

.purchase_box h2 {
    line-height: 45px;
}

.purchase_box p {
    font-size: 14px;
    line-height: 30px;
}

.purchase_box div {
    margin-top: 60px;
}

.purchase_box p span {
    color: #fff;
    font-weight: bold;
}

.B_W.B_log.family_btn {
    width: 150px;
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 10px;
}

.B_W.B_log.family_btn_disable {
    width: 150px;
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 10px;
    background: gray;
}

.B_Button.B_W.family_button_disable{
    pointer-events: none;
    background: gray;
}

.btn_leave {
    text-decoration: underline;
}

.btn_leave.disable_button {
    cursor: default;
}

.center_leave {
    text-align: center;
    margin-top: 20px;
}

.center_family_btn {
    margin: 15px;
    display: flex;
    justify-content: center;
}

.usuario_5 {
    float: left;
    width: 100%;
    border: 1px solid #7f7f7f;
    min-height: 100px;
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
}

.usuario_1 > div:nth-child(1) {
    width: 215px;
    float: left;
    order: 1;
    padding: 15px;
}

.usuario_1 > div:nth-child(2) {
    float: left;
    order: 2;
    flex: 3 0px;
    padding: 0 14px 40px;
}

.usuario_1 > div:nth-child(1) > div {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 25px 0;
    position: relative;
}

.usuario_1 > div:nth-child(1) > div > img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.usuario_1 > div:nth-child(1) > div > a {
    position: absolute;
    top: 1px;
    height: 148px;
    left: 19px;
    width: 148px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.usuario_1 > div:nth-child(1) > div > a > i {
    font-size: 30px;
    width: 100%;
    margin: 50px 0 5px 0;
}

.user_edition_container header {
    display: table;
    width: 100%;
    padding: 1rem 0;
}

.user_data_container {
    padding-bottom: 40px;
}

    .user_data_container .form_container,
    .password_edition_container .form_container {
        padding-right: 150px;
    }

    .user_data_container.editing .form_container,
    .password_edition_container.editing .form_container {
        margin-top: -50px;
    }

    .user_edition_container header > * {
        display: inline-block;
        vertical-align: middle;
    }

    .user_edition_container header h2 + div {
        width: 150px;
        float: right;
    }

    .user_edition_container .form_container .input_group {
        display: inline-block;
        vertical-align: bottom;
        width: 33.33%;
        max-width: 14rem;
        padding-right: 2%;
    }

.usuario_1 label {
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
    position: relative;
}

.usuario_1 .editing label:not(.cc2) {
    padding-right: 22px;
}

.usuario_1 input.DMA {
    width: 32.3%;
    text-align: center;
    margin: 0 1% 5px 0;
    background-color: #16181d;
    border-radius: 4px;
    color: #707a8f !important;
    padding: 16px;
    font-size: 14px;
    border: none;
}

.usuario_2_m, .user-address-container {
    float: left;
    width: 100%;
    margin: 40px 0px;
}

.user-address-container input {
    width: 24.33%;
    margin: 0 1rem 0 0;
}

.user-address-container input, span.note {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.genero-checkbox input[type="checkbox"], .genero-checkbox .checked {
    display: none;
}

.genero-checkbox input[type="checkbox"]:checked ~ .checked {
    display: inline-block;
}

.genero-checkbox input[type="checkbox"]:checked ~ .unchecked {
    display: none;
}

.unchecked {
    margin: 0 0 0 -2px;
}

.genero-checkbox i {
    cursor: pointer;
    font-size: 18px;
}

.genero-checkbox.cc2, .compra-checkbox.cc2 {
    margin: 5px 0 0 0;
    float: left;
    width: 100px;
}

.genero-checkbox.cc2 i, .compra-checkbox.cc2 i {
    float: left;
    width: 20px;
    margin: 0 5px 0 0;
}

/*Boton de facebook y lápiz de edición*/
.usuario_1 > div:nth-child(1) > a.B_Blue {
    width: 100%;
    margin: 0 0 10px 0;
}

.usuario_1 > div:nth-child(1) > a.B_Blue > div {
    font-size: 13px;
    padding: 0 10px;
}

.usuario_1 .fa-pencil {
    position: absolute;
    right: 5px;
    top: 0;
}

.usuario_2 > div:first-child {
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 17px;
    background-color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}

.usuario_2 > div:first-child > span {
    font-weight: bold;
}

.usuario_2 > div:last-child, .usuario_3 > div {
    float: left;
    width: 100%;
    padding: 20px 15px;
}

.usuario_2 table, .usuario_3 table {
    float: left;
    width: 100%;
}

.usuario_2 td, .usuario_2 th, .usuario_3 td, .usuario_3 th {
    text-align: center;
    height: 35px;
    border-right: 1px solid #464646;
}

.usuario_3 th:first-child {
    font-size: 20px;
}

.usuario_2 td:first-child, .usuario_3 td:first-child, .usuario_3 th:first-child {
    text-align: left;
    padding: 0 0 0 10px;
}

td.text_subscription_td {
    padding: 10px!important;
}

.usuario_2 td:last-child, .usuario_2 th:last-child, .usuario_3 td:last-child, .usuario_3 th:last-child {
    border: none;
}

.usuario_2 tr:nth-child(even), .usuario_3 tr:nth-child(even) {
    background-color: #333;
}

.usuario_2 tr:last-child, .usuario_3 tr:last-child {
    background-color: transparent;
}

.usuario_2 tr:last-child > td {
    padding: 15px 0 0 15px;
    max-width: 380px;
}

.usuario_2 tr:last-child > td.td_fp_bundle {
    padding: 15px 22px 0 30px;
    max-width: 250px;
}

.usuario_3 tr:last-child > td {
    padding: 15px 10px 0 10px;
}

.usuario_3 td > a, .usuario_2 td > a {
    width: 46%;
    float: left;
    margin-right: 2%;
    padding: 0 5px;
}

.usuario_2 td > a:last-child {
    width: 46%;
}

.usuario_2 td > a:last-child.cancel_width {
    width: 95%;
    margin: 5px 0;
}

.usuario_2 td > a.cancel_p {
    padding-top: 20px;
}

.usuario_2 td > span {
    font-size: 11px;
    font-style: italic;
}

.cmw_suscription_btn_fix {
    max-width: 250px;
    min-width: 150px;
}

.cmw_suscription_cell_flex > div {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
}

.cmw_suscription_cell_flex > div > a.b_bluish_precios {
    padding: 10px;
    border-top: 1px solid #DE1717;
    background: #DE1717;
    width: 100%;
    margin: 10px 0;
}

.cmw_suscription_cell_flex > div > a.b_bluish_precios > .btn_subs_bundle {
    font-size: 15px!important;
}

.cmw_suscription_cell_flex > div > a.b_bluish_precios > div:first-child {
    font-size: 22px;
    font-weight: bold;
    min-height: 22px;
}


.b_bluish_per {
    float: left;
    text-align: center;
    padding: 4px 0;
    width: 153px;
    min-height: 30px;
    font-size: 18px;
    border-top: 1px solid #DE1717;
    background: #DE1717;
}

.b_bluish_per:hover, .usuario_2 td > a.b_bluish_precios:hover {
    border-top: 1px solid #DE1717;
    background: #DE1717;
}

.usuario_3 .b_bluish_per {
    padding: 11px 5px 13px 5px;
    width: 100%;
}

.usuario_4 .b_bluish_per {
    padding: 7px 0 0 0;
    height: 30px;
    font-size: 16px;
}

.usuario_2 td > a.b_bluish_precios {
    padding: 10px;
    margin-top: 10px;
    border-top: 1px solid #DE1717;
    background: #DE1717;

}

.usuario_2 td > a.b_bluish_precios_disabled {
    padding: 10px;
    margin-top: 10px;
    border-top: 1px solid #848484;
    background: rgba(192,192,192,0.3);
    background: -moz-linear-gradient(top, rgba(192,192,192,0.3) 0%, rgba(192,192,192,0.3) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1192,192,192,0.3)), color-stop(100%, rgba(15, 41, 73, 1)));
    background: -webkit-linear-gradient(top, rgba(192,192,192,0.3) 0%, rgba(192,192,192,0.3) 100%);
    background: -o-linear-gradient(top, rgba(192,192,192,0.3) 0%, rgba(192,192,192,0.3) 100%);
    background: -ms-linear-gradient(top, rgba(192,192,192,0.3) 0%, rgba(192,192,192,0.3) 100%);
    background: linear-gradient(to bottom, rgba(192,192,192,0.3) 0%, rgba(192,192,192,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104b98', endColorstr='#0f2949', GradientType=0);
    pointer-events: none;
}


.cmw_suscription_cell_flex > div > a.cmw_button_disabled,
.cmw_button_disabled {
    background: rgb(102, 102, 102);
    border-top: 1px solid #666666;
}

.usuario_2 td > a.b_bluish_precios > div {
    float: left;
    width: 100%;
    padding: 0;
    text-decoration: none;
}

.usuario_2 td > a.b_bluish_precios > div:first-child {
    font-size: 22px;
    font-weight: bold;
    min-height: 22px;
}

.usuario_2 td > a.b_bluish_precios > div.btn_subs_bundle {
    font-size: 15px;
}


.usuario_2 td > a.a_fp_bundle {
    width: 98%;
}

.usuario_2 td > a.a_bundle {
    width: 31%;
    min-height: 65px;
}

.usuario_2 td > a:last-child.a_bundle {
    width: 30%;
    min-height: 65px;
}

.usuario_2 td > a.one_button {
    width: 98%;
}

.usuario_2 td > a > div {
    float: left;
    text-decoration: underline;
    padding: 15px 0;
    width: 100%;
    text-align: center;
}

.usuario_2 td > a:hover > div {
    text-decoration: none;
}

.b_black_per, .b_white_per {
    float: left;
    text-align: center;
    padding: 6px 0 0 0;
    width: 153px;
    height: 30px;
    font-size: 16px;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.b_black_per {
    color: #fff;
    margin: 10px 0 0 0;
}

.b_black_per:hover {
    color: #000;
    background-color: #fff;
}

.b_white_per {
    background-color: #fff;
    color: #000;
}

.b_white_per:hover {
    color: #000;
    opacity: 0.5;
}

.b_bluish_per.active_bbp {
    margin: 0;
    background: #666;
    border-top: 1px solid #666;
    cursor: default;
}

.b_bluish_per.active_bbp > p {
    margin: 5px 0 0 0;
    font-weight: bold;
}

.plan_info, .plan_info_fp {
    width: 372px;
    margin: 0 auto;
}

.plan_info > div, .plan_info_fp > div {
    line-height: 17px;
    font-size: 16px;
    float: left;
    width: 100%;
    margin: 3px 0;
}

.plan_info > div > span, .plan_info > div > div > span, .plan_info_fp > div > span {
    font-weight: bold;
    margin: 0 10px 0 0;
}

.plan_info > div.plan_validity {
    font-size: 14px;
    padding: 8px 0;
}

.plan_cancelado {
    float: left;
    width: 100%;
}

.itunes_cancelation {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.plan_cancelado > a.b_white_per {
    width: 100%;
    min-height: 30px;
    height: auto;
}

.plan_cancelado > a.b_white_per > p {
    margin: 5px 0;
    text-decoration: underline;
}

.b_white_per.plan_cancelado {
    float: left;
    margin: 12px 0;
    width: 98%;
    min-height: 40px;
    height: auto;
    padding: 12px 0 5px 0;
}

.b_white_per.plan_cancelado.plan2 {
    float: left;
    width: 95%;
    margin: 10px 0;
    min-height: 30px;
    height: auto;
    padding: 7px 0 5px 0;
}

.fullBtn {
    width: 100% !important;
}

.p_info_2 {
    width: 100%;
    float: left;
    margin: 12px 0;
}

.usuario_4 {
    order: 1;
    flex: 3 0px;
    width: 100%;
}

.usuario_4, .usuario_4 > ul {
    float: left;
}

.usuario_4 > ul {
    padding: 0;
    margin: 0;
    margin-bottom: 5%;
}

.usuario_4 li {
    float: left;
    width: 365px;
    margin: 0 10px 10px 0;
    border: 1px solid #7f7f7f;
    height: 270px;
    background: rgba(0, 0, 0, 0.6);
}

.usuario_4 li > div:first-child {
    float: left;
    margin: 0 0 15px 0;
    width: 100%;
    background: #333;
    height: 35px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    padding: 9px 0 0 0;
}

.usuario_4 li > div {
    float: left;
    width: 50%;
    padding: 0 12px;
    height: 200px;
}

.usuario_4 li > div:nth-child(2) {
    border-right: 1px solid #464646;
    text-align: left;
}

.usuario_4 li > div:nth-child(2) > div, .usuario_4 li > div:nth-child(3) > div {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    line-height: 18px;
}

.usuario_4 li > div:nth-child(2) > a {
    float: left;
    width: 100%;
    text-decoration: underline;
    font-size: 12px;
}

.usuario_4 li > div:nth-child(2) > a:hover {
    text-decoration: none;
}

.usuario_4 li > div:nth-child(3) > div:first-child {
    font-weight: bold;
    margin: 0 0 30px 0;
    font-size: 13px;
}

.usuario_4 p {
    margin-top: 1em;
}

.tc_us {
    border-top: 1px solid #464646;
    padding: 5px 0 0 0;
}

.usuario_5 > div:first-child {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 15px 0;
}

.usuario_5 > div {
    float: left;
    width: 100%;
}

.usuario_5_m {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.usuario_5_m > div {
    display: inline-block;
    width: 140px;
}

.usuario_5_m > div:first-child{
    margin-right: 20px;
}

.onoffswitch {
    float: right;
    margin: -13px 0 0 0;
    position: relative;
    width: 51px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 15px;
    border: 1px solid #7f7f7f;
    border-radius: 15px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}

.onoffswitch-label:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    margin: 0px;
    background: #FFFFFF;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 37px;
    border: 1px solid #7f7f7f;
    border-radius: 10px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #981C15;
}

.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    border-color: #981C15;
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 3px;
}

.pf_logo_text {
    font-size: 22px;
    text-align: center;
    margin: 10px 0 25px 0;
}

.modal_bundle2 {
    width: 400px;
    height: 100%;
    z-index: 10000;
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin-right: auto;
    margin-left: auto;
}

.B_Button.B_W.B_Bundle2{
    background: #981c15;
    display: flex;
    width: 200px !important;
    margin-bottom: 20px;
    border-radius: 10px;
    margin-left: auto !important;
    margin-right: auto;
    position: relative;
    bottom: 110px;
}

/* ==========================================================================
Ayuda
========================================================================== */
.ayu_w {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.ayu_w ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.ayu_w li {
    float: left;
    width: 407px;
    margin: 0 10px 20px 0;
    position: relative;
}

.ayu_w li > div {
    float: left;
    width: 100%;
}

.ayu_w li > div:first-child {
    margin: 0 0 10px 0;
}

.ayu_w li > a {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .65);
    width: 407px;
    height: 229px;
    opacity: 0;
}

.ayu_w li > a:hover {
    opacity: 1;
}

.ayu_w li > a > div {
    float: left;
    margin: 95px 0 0 175px;
}

.ayu_w li > a > div > i > img:last-child {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 95px;
    left: 175px;
}

.ayu_w li > a > div:hover > i > img:last-child {
    opacity: 1;
    visibility: visible;
}

.ayu_w li > a > div:hover > i > img:first-child {
    opacity: 0;
    visibility: hidden;
}

.ayu_w h3 {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ayu_w > ul > li > div > h2 {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*Fix pts*/
.c_pts_p {
    float: left;
    width: 100%;
    text-align: right;
    font-size: 11px;
    position: absolute;
    bottom: 6px;
}

/*Disabled*/
.diss_btn {
    opacity: 0.5 !important;
    cursor: default !important;
    pointer-events: none;
}

.mobile_logo2 {
    max-width: 120px;
}

.bundle_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.bundle_img img {
    min-height: 35px;
}

img.bundle_img {
    transform: scale(1.7);
}

img.bundle_img_claro {
    position: absolute;
    right: 25%;

}

.bundle_start_btn {
    position: static;
    right: 15px;
    margin-bottom: 80px;
}

.bundle_marg_top {
    margin-top: 160px;
}

.bundle_marg_top2 {
    margin-top: 110px;
}

.bundle_marg_top3 {
    margin-top: 50px;
}

.promo_marg_top {
    margin: 50px 45px 12px;
}

.bundle_link {
    text-decoration: none;
    margin-bottom: 20px;
    margin-top: 40px;
}

.new_bundle_flow {
    padding: 50px 30px 0 30px;
}

.new_bundle_marg_top1 {
    margin-top: 110px;
}

.new_bundle_marg_top2 {
    margin-top: 80px;
    margin-bottom: 40px;
}

.new_bundle_link {
    text-decoration: none;
    margin-bottom: 20px;
    margin-top: 40px;
}

.innerupsell_w > header.header-section {
    position: absolute;
    top: 2rem;
    margin-top: 1rem;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media screen and (min-width: 1580px) {
    .ec_1 li > div > div:last-child > a > img {
        max-width: 213px;
    }
}

/* ----------Pantalla --------- */
@media screen and (max-width: 1200px) {
    .innerupsell_w > header.header-section {
        top: 3rem;
    }
}

@media screen and (max-width: 1170px) {
    .label-head {
        max-width: 124px !important;
    }
}

@media screen and (max-width: 1024px) {

    .usuario_family {
        width: 99%;
        margin-left: 0px;
    }

    .secc_listas_gral li {
        margin: 0px 1.4% 15px 0;
    }

    .label-head {
        max-width: 100px !important;
        display: none !important;
    }

    .e_contenido .secc_listas_gral li, .paises_w .secc_listas_gral li {
        margin: 0px 1.1% 15px 0;
    }

    .e_contenido > div.item_artista li {
        margin: 10px 10px 0 0;
    }

    .item_artista li {
        margin: 10px 14px 0 0;
    }

    .item_artista li > a {
        max-width: 100%;
    }

    .ar_1 {
        padding: 0 5px 0 0;
    }

    .ar_2, .ar_3, .ar_4 {
        padding: 0 5px;
    }

    .usuario_1 input {
        font-size: 13px;
    }

    /* .usuario_4 li {
        width: 48.4%;
    } */

    .usuario_4, .usuario_4 > ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .ayu_w ul {
        padding: 0 0 0 5.6%;
    }

    .usuario_4 li {
        height: 275px;
    }

    .usuario_4 li > div {
        height: 205px;
    }

    .usuario_4 .b_bluish_per, .usuario_4 .b_white_per, .usuario_4 .b_black_per {
        width: 100%;
    }

    .c_tipo3_wrapper {
        padding-top: 5px;
    }

    .usuario_3 .b_bluish_per {
        font-size: 14px;
        line-height: 16px;
    }

    .usuario_2 td > a.b_bluish_precios > div.btn_subs_bundle {
        font-size: 13px;
    }
}

@media screen and (max-width: 1100px) {
    .ec_1 li {
        width: 49%;
    }

    .nav_interno_2.ni2_1e > ul {
        padding: 0 37.1% 0 35%;
    }

    .nav_interno_2 > ul {
        padding: 0 28% 0 26%;
    }

    .usuario_1, .usuario_2, .usuario_3 {
        overflow-x: scroll;
    }

    .perfil1_1p .B_Blue i, .usuario_w .B_Blue i {
        margin-right: 5px;
        font-size: 17px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .innerupsell_w > header.header-section {
        display: none;
    }

    .section_users {
        bottom: 0;
        top: 5px;
        margin-right: 0px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .section_purchase {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 980px) {
    .nav_interno_2.ni2_1e > ul {
        padding: 0 37.1% 0 35%;
    }

    .purchase_box {
        margin-right: 0px;
    }
}

@media screen and (max-width: 960px) {
    .ec_1 li {
        width: 49%;
    }

    .secc_listas_gral li {
        margin: 0px 3.8% 15px 0;
    }

    .img_width {
        max-width: 120px;
    }

    .perfil1_1p.dj_card {
        width: 75%;
    }

    .perfil1_1p {
        width: 60%;
    }

    .perfil1_2p {
        width: 40%;
    }

    .perfil1_2p > div:nth-child(2) {
        width: 100%;
    }

    .dj_card {
        width: 75%;
    }

    .usuario_2 td > a, .usuario_2 td > a:last-child {
        width: 100%;
        margin: 5px 0;
    }

    .usuario_2 tr:last-child > td {
        padding: 15px 15px 0 15px;
    }

    .usuario_4 > ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 5%;
    }

    .usuario_4 {
        order: 2;
    }
}

@media screen and (max-width: 920px) {
    .sig_seg ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .sig_seg li {
        width: calc((100% - 30px) / 2);
    }
}

@media screen and (max-width: 850px) {
    .purchase_box {
        margin-left: auto;
        float: none;
        margin-right: auto;
    }

    .family_mail {
        width: 152px;
    }

    .perfil1_1p .B_Blue {
        margin: 0px;
    }

}

@media screen and (max-width: 800px) {
    .label-head {
        display: none !important;
    }

    .modal_bundle2 {
        width: 300px;
        left: 0px;
    }

    .secc_listas_gral li {
        margin: 0px 5.2% 15px 0;
    }

    .usuario_2 tr:last-child > td {
        padding: 15px 15px 0 15px;
    }

    .usuario_family {
        margin: 0;
        padding: 4px;
    }

    .family_input {
        width: 105%;
    }

    .family_input.edit_input {
        width: 58%;
    }

    .family_space {
        width: 295px;
    }

    .family_space_gray {
        width: 295px;
    }

    .paises_w .nav_interno > ul {
        padding: 0;
    }

    .nav_interno > ul {
        padding: 0 4% 0 0;
    }

    .nav_interno > ul.ni_5e {
        padding: 0 4% 0 0;
    }

    .nav_interno > ul.ni_3e {
        padding: 0;
    }

    .nav_interno > ul.ni_2e {
        padding: 0 12% 0 10%;
    }

    .nav_interno > ul.ni_2e li {
        width: 50%;
    }

    .nav_interno_2.ni2_1e > ul {
        padding: 0 30%;
    }

    .nav_interno > ul > li > a, .nav_interno_2 li > a {
        font-size: 12px;
    }

    .user_edition_container .form_container .input_group {
        width: 100%;
        max-width: 100%;
    }

    .usuario_1 input {
        font-size: 14px;
    }

    .b_bluish_per {
        padding: 8px 3px 0 3px;
    }

    .usuario_4 .b_bluish_per {
        width: 100%;
    }

    .usuario_4 li {
        height: 275px;
    }

    .usuario_3 {
        margin-right: 0;
    }

    .usuario_3{
        width: 100%;
    }

    .ayu_w li {
        width: 48%;
    }

    .ayu_w ul {
        padding: 0;
    }

    .e_contenido > div.item_artista li {
        margin: 10px 23px 0 0;
    }

    .perfil1 {
        height: 280px;
    }

    .p_misiones, .p_promos {
        width: 48%;
    }

    .perfil1 > div:last-child {
        margin-top: 15px;
    }

    .item_artista li {
        margin: 10px 4.3% 0 0;
    }

    .sig_seg ul {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .sig_seg li {
        width: 100%;
    }

    .amigos1 li {
        width: 96%;
    }

    .ordenar {
        top: -16px;
    }

    .amigos {
        margin-top: 30px;
    }

    .usuario_4 li {
        width: 100%;
    }

    .ec_1 li {
        width: 100%;
        margin: 0 0 4% 0;
    }

    .ec_1 li > div > div:last-child > a > img {
        max-width: 225px;
    }

    .usuario_4 {
        order: 2;
        flex: 1 0 auto;
        margin-top: 20px;
    }

    .plan_info, .plan_info_fp {
        width: 220px;
    }

    .usuario_2 td > a.b_bluish_precios > div.btn_subs_bundle {
        font-size: 10px;
    }

    .usuario_2 td > a.b_bluish_precios > div.btn_subs_info {
        font-size: 12px;
        padding: 8px 0 0 0;
    }
}

@media screen and (max-width: 768px) {
    .secc_listas_gral li {
        margin: 0px 29px 15px 0;
    }

    .e_contenido .secc_listas_gral li, .paises_w .secc_listas_gral li {
        margin: 0px 23px 15px 0;
    }

    .ajustes_b {
        width: 165px;
        padding: 0 12px 0 0;
        /* margin-top: -10px; */
    }

    .perfil1 {
        height: 300px;
        padding: 48px 0 0 15px;
    }

    .perfil1_1p {
        height: 125px;
    }

    .perfil1_1p > div:first-child, .perfil1_1p > div:first-child > img {
        width: 120px;
        height: 120px;
    }

    .perfil1_1p > div:last-child > div, .perfil1_1p > div:last-child > div:last-child {
        margin: 5px 0 0 0;
    }

    .perfil1_2p {
        float: left;
        margin: 0;
    }

    .puntuacion {
        font-size: 23px;
        margin: 6px 0 0 0;
    }

    .perfil_w {
        padding: 0 0 0 15px;
    }

    .p_actividad_rec2 ul {
        padding-right: 10px;
    }

    .perfil1_1p > div:last-child > h2 {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 27px;
    }

    .sig_seg li, .trofeos li {
        margin-bottom: 3%;
    }

    .sig_seg ul {
        padding: 0 15px 0 0;
    }

    .perfil1.djs {
        height: 245px;
    }

    .perfil1.vip {
        height: 215px;
    }

    .perfil1_1p > div:last-child > div {
        font-size: 12px;
    }

    .usuario_2 td > a, .usuario_2 td > a:last-child {
        width: 100%;
        margin: 5px 0;
    }

    .perfil1_1p .B_Blue > div {
        font-size: 11px;
    }

    .usuario_2 td > a.a_bundle {
        width: 100%;
    }

    .usuario_2 td > a:last-child.a_bundle {
        width: 100%;
    }

    .usuario_1, .usuario_2, .usuario_3 {
        margin-bottom: 20%;
    }

    .plan_info_fp > div {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .plan_info > div {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .innerupsell_w > header.header-section {
        top: 3.2rem;
    }
}

@media screen and (max-width: 700px) {
    .ec_1 li > div > div:last-child > a > img {
        max-width: 100%;
    }

    .usuario_3 {
        max-height: 500px;
    }

    .usuario_3 .b_bluish_per {
        height: auto;
    }

    .e_contenido .secc_listas_gral li {
        margin: 0 16px 15px 0;
    }

    .secc_listas_gral li > div:first-child.cuatro1 > img {
        height: 50%;
    }

    .usuario_1 > div:nth-child(1) {
        width: 100%;
    }

    .usuario_w {
        padding: 0 16px 0 0;
    }

    .secc_listas_gral {
        padding-left: 15px;
    }

    .secc_listas_gral li {
        margin: 0px 27px 15px 0;
    }

    .c_tipo1_wrapper {
        padding: 0px;
        padding-top: 30px;
    }

    .c_tipo2_wrapper {
        padding: 10px 0px 0 10px;
    }

    .c_tipo2_wrapper h1 {
        line-height: 26px;
        padding-right: 10px;
    }

    .c_tipo3_wrapper {
        padding: 5px 0 0 0px;
    }

    .nav_interno {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .radios_container .nav_interno {
        white-space: normal;
    }

    .nav_interno > ul {
        display: inline-block;
        vertical-align: middle;
        width: 650px;
    }

    .nav_interno > li {
        width: 140px;
    }

    .nav_interno > ul.ni_2e {
        padding: 0 6% 0 0%;
        width: 100%;
    }

    .nav_interno_2.ni2_1e i {
        margin-top: 2px;
    }

    .nav_interno > ul.ni_3e {
        width: 430px;
    }

    .nav_interno > ul.ni_5e {
        width: 750px;
    }

    .nav_interno > ul.ni_4e {
        padding: 0 0% 0 0;
    }

    .nav_interno > ul.ni_4e li {
        width: 25%;
    }

    .nav_interno_2.ni2_1e > ul {
        padding: 0 23%;
    }

    .nav_interno > ul.ni_6e {
        padding-right: 16px;
    }

    .DG_allw, .DG_allw > ul, .DG_allw > ul > li, .DG_allw > ul > li > a {
        width: 260px;
    }

    #filtro_gen_pop {
        width: 100%;
    }

    .nav_interno_2 li:first-child .DG_allw {
        left: 0;
    }

    .nav_interno_2 li:last-child .DG_allw {
        right: 0;
        left: initial;
    }

    .usuario_4 li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .perfil_w .lista_canciones {
        padding: 0 15px 0 0;
        margin: 0;
    }

    .ayu_w li {
        width: 46%;
    }

    .ec_wrapper {
        padding-right: 15px;
    }

    .e_contenido > div.item_artista li, .e_contenido > div.secc_listas_gral li {
        margin: 0px 30px 15px 0;
    }

    .b_white_per.plan_cancelado {
        font-size: 13px;
        padding-top: 10px;
    }

    .usuario_2 td > a.b_bluish_precios > div:first-child {
        font-size: 17px;
    }

    .usuario_2 td > a.b_bluish_precios > div.btn_subs_bundle {
        font-size: 15px;
    }

    .usuario_2 td > a.b_bluish_precios > div {
        font-size: 12px;
    }

    .ayu_w li > a {
        width: 100.5%;
        height: 103px;
        background: transparent;
    }

    .ayu_w li > a > div {
        display: none;
    }

    .perfil1 {
        height: 400px;
        margin: 0;
    }

    .perfil1_1p, .perfil1_2p {
        width: 100%;
        border: none;
        margin: 0 0 6%;
    }

    .perfil1_1p > div:last-child {
        order: 2;
        flex: 3 0px;
        padding: 0;
        margin: 0 2%;
    }

    .perfil1_2p {
        height: auto;
        padding: 10px 0 0 0;
    }

    .sig_seg li, .trofeos li {
        width: 100%;
    }

    .cover_pts {
        width: 60px !important;
    }

    .sig_seg {
        margin-bottom: 50px;
    }

    .plan_info {
        width: 110px;
    }

    .plan_info_fp {
        width: 70px;
    }

    .plan_info > div {
        font-size: 12px;
        line-height: 13px;
    }

    .plan_info_fp > div {
        font-size: 12px;
        line-height: 15px;
    }

    .usuario_2 td:first-child {
        font-size: 12px;
    }

    .perfil1_2p > div:nth-child(2) {
        width: 250px;
    }

    .radios_container .nav_interno > ul > li {
        padding: 0 5px;
    }

    .socialIconButton {
        display: flex;
    }

    .socialIconButton > a {
        height: 25px;
        display: flex;
        flex-basis: 10%;
    }

    .socialIconButton > a > i {
        display: flex;
        align-self: center;
    }

    .section_users {
        margin-bottom: 180px;
        height: 100%;
    }

    .usuario_4 > ul {
        margin-bottom: 20%;
    }
}

@media screen and (max-width: 480px) {
    .secc_listas_gral {
        padding-left: 0;
        margin: 0 0 30% 0;
        margin-top: 8%;
    }

    .secc_listas_gral li {
        margin: 0 12px 15px 0;
    }

    .plan_info > div > span, .plan_info > div > div > span, .plan_info_fp > div > span {
        margin: 0px;
    }

    .perfil1_1p.dj_card {
        width: 100%;
    }

    .secc_listas_gral-no-content.favorites-no-content {
        font-size: 3.3vw;
        padding: 0;
        margin: 25px 0;
    }
}

@media screen and (max-width: 400px) {
    .perfil1_1p .B_Blue > div {
        font-size: 11px;
        padding: 0 7px;
    }

    .perfil1 {
        padding: 25px 0 0 15px;
    }

    @-moz-document url-prefix() {
        .perfil1.djs .perfil1_1p > div:last-child {
            width: 165px;
            flex: unset;
        }

        .perfil1.djs .social_share_btn {
            margin: 0 5px;
        }
    }

    .perfil1_1p > div:last-child {
        order: 2;
        width: 50%;
        padding: 3%;
    }
}

@media screen and (max-width: 420px) {

    .usuario_2 > div:last-child {
        float: left;
        width: 100%;
        padding: 15px 6px;
    }

    .img_width {
        max-width: 75px;
    }

    .mobile_logo2 {
        max-width: 75px;
    }

    .pf_logo {
        width: 75px;
    }

    .usuario_2 tr:last-child > td.td_fp_bundle {
        padding: 15px 5px 0 5px;
    }

    .usuario_2 td > a.a_fp_bundle > div.btn_subs_bundle {
        font-size: 9px;
    }

    .plan_info > div.plan_validity {
        font-size: 10px;
        padding: 8px 8px 8px 0;
    }
}

/* ----------Pantalla 375 px o menores --------- */
@media screen and (max-width: 375px) {
    .secc_listas_gral {
        padding-left: 0;
        margin-top: 8%;
    }

    .secc_listas_gral li {
        margin: 0px 12px 15px 0;
    }

    .nav_interno > ul > li > a, .nav_interno_2 li > a {
        padding: 9px 0;
    }

    .nav_interno_2 > ul {
        padding: 0 9%;
    }

    .nav_interno_2 > ul > li > a > span + i {
        right: 10px;
    }

    .usuario_2 td:first-child, .usuario_3 td:first-child, .usuario_3 th:first-child {
        font-size: 13px;
        padding: 10px;
    }

    .usuario_2 tr:last-child > td, .usuario_3 tr:last-child > td {
        padding: 15px 5px 0 5px;
    }

    .usuario_2 td > a, .usuario_3 td > a {
        width: 100%;
    }

    .b_bluish_per {
        padding: 4px 0;
    }

    .usuario_3 .b_bluish_per {
        font-size: 12px;
        height: auto;
        padding: 7px 11px;
        width: 100%;
    }

    .B_Blue > div {
        font-size: 13px;
        padding: 0 5px;
    }

    .e_contenido > div.item_artista li, .e_contenido > div.secc_listas_gral li {
        margin: 0px 18px 15px 0;
    }

    .plan_info {
        width: 130px;
    }

    .plan_info_fp {
        width: 75px;
    }

    .itunes_cancelation {
        font-size: 10px;
    }

    .plan_info > div, .plan_info_fp > div, .b_white_per.plan_cancelado {
        font-size: 10px;
        line-height: 11px;
    }

    .usuario_2 td:first-child {
        font-size: 10px;
        padding: 5px;
    }

    .usuario_2 > div:last-child {
        padding: 20px 5px;
    }

    .b_white_per.plan_cancelado {
        padding-top: 20px;
    }

    .cover_pts {
        width: 50px !important;
    }

    .perfil1_1p a.B_Blue {
        width: 100%;
    }

    .perfil1_1p .B_Blue > div {
        font-size: 10px;
        padding: 0;
    }

    .img_width {
        max-width: 83px;
    }

    .mobile_logo2 {
        max-width: 83px;
    }

    .pf_logo {
        width: 83px;
    }

    .radios_container .nav_interno_2 > ul {
        padding: 0 9%;
    }
}

/* ----------Pantalla 360 px Galaxy S5 --------- */
@media screen and (max-width: 360px) {
    .secc_listas_gral li {
        margin: 0px 12px 15px 0;
    }

    .img_width, .mobile_logo2, .pf_logo {
        max-width: 70px;
    }

    .purchase_box {
        width: 100%;
    }

    .section_users {
        right: 10px;
    }

    .perfil1_1p > div:first-child, .perfil1_1p > div:first-child > img {
        width: 100px;
        height: 100px;
    }

    @-moz-document url-prefix() {
        .perfil1.djs .perfil1_1p > div:last-child {
            width: 125px;
        }

        .perfil1.djs .B_White_seguir {
            margin: 0 0 10px 0;
        }
    }
}

/* ----------Pantalla 320 px o menores --------- */
@media screen and (max-width: 320px) {
    .secc_listas_gral li, .item_radios li {
        width: 90px;
    }

    .secc_listas_gral li > div:first-child, .item_radios li > div:first-child,
    .secc_listas_gral.playlist_list_wrapper li .base_cover_image {
        width: 90px;
        height: 90px;
    }

    .secc_listas_gral li > div:first-child.cuatro1 > img {
        height: 44px;
    }

    .secc_listas_gral li > div:first-child > img, .item_radios li > div:first-child > img {
        width: 100px;
        height: 88px;
        padding: 5%;
    }

    .DG_allw, .DG_allw ul, .DG_allw li, .DG_allw li > a {
        left: -55px;
    }

    .perfil1_1p > div:first-child, .perfil1_1p > div:first-child > img {
        width: 100px;
        height: 100px;
    }

    .perfil1_1p > div:last-child {
        width: 200px;
    }

    .perfil1_1p .B_Blue {
        height: auto;
    }

    .item_artista li {
        margin: 10px 10px 0 0;
    }

    .seguir_persona {
        margin: 0;
    }

    .ayu_w li {
        width: 45%;
    }

    .ec_1 li > div {
        height: 320px;
    }

    .e_contenido > div.item_artista li, .e_contenido > div.secc_listas_gral li {
        margin: 0px 10px 15px 0;
    }

    .nav_interno > ul > li {
        width: 22%;
    }

    .perfil1_1p {
        height: auto;
    }

    .plan_info {
        width: 130px;
    }

    .plan_info_fp {
        width: 70px;
    }

    .b_white_per.plan_cancelado {
        padding-top: 10px;
    }

    .cover_pts {
        width: 47px !important;
    }

    .usuario_w {
        padding: 0 5px 0 0;
    }

    .usuario_5_m {
        margin-top: 30px;
    }

    .c_tipo2_wrapper h1 {
        line-height: 26px;
        padding: 0 10px 0 10px;
    }

    .c_tipo2_wrapper {
        padding: 27px 0 0 6px;
    }

    .usuario_2 > div:last-child {
        padding: 20px 0;
    }

    .img_width {
        max-width: 55px;
    }

    .mobile_logo2 {
        max-width: 55px;
    }

    .pf_logo {
        width: 55px;
    }

    .plan_info > div.plan_validity {
        padding: 8px 25px 8px 0;
    }
}
/*Modal bundle alert */

.innerupsell_w > .modal_bundle{
    overflow-y: auto;
}
.payway_container > div > .modal_bundle{
    margin-top: -80px;
}
.payway_container > div > .modal_bundle2{
    margin-top: -45px;
}
.payway_container > div {
    width: auto;
    height: 780px;
    overflow: scroll;
}
.payway_container > div::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.modal_bundle {
    background: rgb(28, 34, 45);
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
}

.modal_bundle .bundle_img{
    width: 300px;
    margin-top: 10%;
}

.modal_bundle > ul {
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
    margin-bottom: 75px;
    min-height: 640px;
    width: 350px; /*Descomentar en fase 2 */
    position: relative;

}
.modal_bundle > ul > li:nth-child(2){
    margin-top: 100px;
    margin-bottom: 100px;
}

.modal_bundle > ul > li {
    text-align: center;
}

.B_Button.B_W.B_Bundle{
    background: #DE1717;
    display: block;
    width: 100%!important;
    margin-bottom: 20px;
}

.B_Button.B_W.B_Bundle2:hover {
    background: #DE1717;
}

.bundle_ext {
    position: initial;
    padding-top: 0;
    padding-bottom: 10px;
}

/*! @license
 * Shaka Player
 * Copyright 2016 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */
.shaka-hidden{display:none!important}.shaka-video-container{top:0;left:0;display:flex}.shaka-video-container .material-icons-round{font-family:'Material Icons Round';font-size:24px}.shaka-video-container *{font-family:Roboto-Regular,Roboto,sans-serif}.shaka-video-container:fullscreen{width:100%;height:100%;background-color:#000}.shaka-video-container:fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-webkit-full-screen{width:100%;height:100%;background-color:#000}.shaka-video-container:-webkit-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-moz-full-screen{width:100%;height:100%;background-color:#000}.shaka-video-container:-moz-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-ms-fullscreen{width:100%;height:100%;background-color:#000}.shaka-video-container:-ms-fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-controls-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:1}.shaka-video-container:not([shaka-controls=true]) .shaka-controls-container{display:none}.shaka-controls-container *{flex-shrink:0}.shaka-controls-container[casting=true] .shaka-fullscreen-button{display:none}.shaka-bottom-controls{width:96%;padding:0;padding-bottom:2.5%;z-index:1}.shaka-controls-button-panel{padding:0;margin:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;overflow:hidden;min-width:48px;font-size:12px;font-weight:400;font-style:normal;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-controls-button-panel,.shaka-controls-container[shown=true] .shaka-controls-button-panel{opacity:1}.shaka-controls-button-panel>*{color:#fff;height:32px;margin:1px 6px;padding:0;background:0 0;border:0;cursor:pointer}.shaka-play-button-container{margin:0;width:100%;height:100%;flex-shrink:1;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.shaka-scrim-container{margin:0;width:100%;height:100%;flex-shrink:1;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s;background:linear-gradient(to top,#000 0,rgba(0,0,0,0) 15%)}.shaka-controls-container[casting=true] .shaka-scrim-container,.shaka-controls-container[shown=true] .shaka-scrim-container{opacity:1}.shaka-text-container{position:absolute;left:0;right:0;top:0;bottom:0;bottom:0;width:100%;min-width:48px;transition:bottom cubic-bezier(.4,0,.6,1) .1s;transition-delay:.5s;font-size:20px;line-height:1.4}.shaka-text-container *{font-size:20px;line-height:1.4}.shaka-text-container span{background-color:rgba(0,0,0,.8);color:#fff;display:inline-block}.shaka-text-container .shaka-nested-cue:not(:last-of-type):after{content:" ";white-space:pre}.shaka-controls-container[shown=true]~.shaka-text-container{bottom:15%;transition-delay:0s}.shaka-spinner-container{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;flex-shrink:1;display:flex;justify-content:center;align-items:center}.shaka-video-container:not([shaka-controls=true]) .shaka-spinner-container{display:none}.shaka-spinner{position:relative;top:0;left:0;margin:0;box-sizing:border-box;padding:7.8%;width:0;height:0;filter:drop-shadow(0 0 2px rgba(255, 255, 255, .5))}.shaka-play-button{box-sizing:border-box;padding:7.5%;width:0;height:0;margin:0;border-radius:50%;box-shadow:rgba(0,0,0,.1) 0 0 20px 0;border:none;background-size:50%;background-repeat:no-repeat;background-position:center center;background-color:rgba(255,255,255,.9);opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-play-button,.shaka-controls-container[shown=true] .shaka-play-button{opacity:1}.shaka-play-button[icon=play]{background-image:url(data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8%205v14l11-7z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E)}.shaka-play-button[icon=pause]{background-image:url(data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6%2019h4V5H6v14zm8-14v14h4V5h-4z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E)}.shaka-current-time{font-size:14px;color:#fff;height:auto;cursor:pointer}.shaka-current-time[disabled]{background-color:transparent;color:#fff;cursor:default}.shaka-controls-container button:focus,.shaka-controls-container input:focus{outline:1px solid Highlight;outline:1px solid -webkit-focus-ring-color}.shaka-controls-container button:-moz-focus-inner,.shaka-controls-container input:-moz-focus-outer{outline:0;border:0}.shaka-controls-container:not(.shaka-keyboard-navigation) button:focus,.shaka-controls-container:not(.shaka-keyboard-navigation) input:focus{outline:0}.shaka-range-container{position:relative;top:0;left:0;margin:4px 6px;height:4px;border-radius:4px;background:#fff}.shaka-volume-bar-container{width:100px}.shaka-range-element{-webkit-appearance:none;background:0 0;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;height:12px;top:-4px;z-index:1}.shaka-range-element::-webkit-slider-runnable-track{width:100%;height:12px;background:0 0;color:transparent;border:none}.shaka-range-element::-webkit-slider-thumb{-webkit-appearance:none;border:none;border-radius:12px;height:12px;width:12px;background:#fff}.shaka-range-element::-moz-range-track{width:100%;height:12px;background:0 0;color:transparent;border:none}.shaka-range-element::-moz-range-thumb{-webkit-appearance:none;border:none;border-radius:12px;height:12px;width:12px;background:#fff}.shaka-range-element::-ms-track{width:100%;height:12px;background:0 0;color:transparent;border:none}.shaka-range-element::-ms-thumb{-webkit-appearance:none;border:none;border-radius:12px;height:12px;width:12px;background:#fff}.shaka-range-element::-ms-tooltip{display:none}.shaka-range-element::-ms-fill-lower{display:none}.shaka-range-element::-ms-fill-upper{display:none}.shaka-seek-bar-container{opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-seek-bar-container,.shaka-controls-container[shown=true] .shaka-seek-bar-container{opacity:1}.shaka-ad-markers{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%}/*!
 * @license
 * The SVG/CSS buffering spinner is based on http://codepen.io/jczimm/pen/vEBpoL
 * Some local modifications have been made.
 *
 * Copyright (c) 2016 by jczimm
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */.shaka-spinner-svg{position:absolute;top:0;left:0;right:0;bottom:0;animation:rotate 2s linear infinite;transform-origin:center center;width:100%;height:100%;margin:0;padding:0}.shaka-spinner-path{stroke:#202124;stroke-dasharray:20,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.shaka-spacer{cursor:default;flex-shrink:1;flex-grow:1;margin:0}.shaka-settings-menu{overflow-x:hidden;overflow-y:auto;white-space:nowrap;background:#fff;box-shadow:0 1px 9px 0 rgba(0,0,0,.4);border-radius:2px;max-height:250px;min-width:180px;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s;display:flex;flex-direction:column;position:absolute;z-index:2;right:15px;bottom:30px}.shaka-controls-container[casting=true] .shaka-settings-menu,.shaka-controls-container[shown=true] .shaka-settings-menu{opacity:1}.shaka-settings-menu button{font-size:14px;background:0 0;color:#000;border:none;min-height:30px;padding:3.5px 6px;display:flex;align-items:center}.shaka-settings-menu button:hover{background:#e0e0e0}.shaka-keyboard-navigation .shaka-settings-menu button:focus{background:#e0e0e0}.shaka-settings-menu i{padding-left:10px;padding-right:10px}.shaka-settings-menu.shaka-low-position{bottom:15px}.shaka-overflow-menu span{text-align:left}.shaka-overflow-button-label{position:relative;display:flex;flex-direction:column}.shaka-current-selection-span{color:rgba(0,0,0,.54)}.shaka-audio-languages span,.shaka-playback-rates span,.shaka-resolutions span,.shaka-text-languages span{margin-left:54px}.shaka-back-to-overflow-button span{margin-left:0}.shaka-back-to-overflow-button i{padding-right:20px}.shaka-auto-span{left:17px}.shaka-captions-on{color:#000}.shaka-captions-off{color:grey}.shaka-server-side-ad-container{width:100%;height:100%}.shaka-server-side-ad-container:not([ad-active=true]){pointer-events:none}.shaka-video-container[shaka-controls=true] .shaka-controls-container iframe{height:92%;z-index:1}.shaka-ad-controls{display:flex;flex-direction:row;z-index:1;padding-bottom:1%}.shaka-video-container:not([shaka-controls=true]) .shaka-ad-controls{display:none}.shaka-ad-controls button,.shaka-ad-controls div{color:#fff;font-size:initial}.shaka-ad-controls div:not(.shaka-skip-ad-counter){margin:1px 6px}.shaka-ad-counter,.shaka-ad-position{display:flex;justify-content:flex-end;flex-direction:column;text-shadow:1px 1px 4px #000}.shaka-skip-ad-container{position:relative;right:-2%;display:flex;flex-direction:row;margin:0}.shaka-skip-ad-button{padding:5px 15px;background:rgba(0,0,0,.7);border:none;cursor:pointer}.shaka-skip-ad-button:disabled{background:rgba(0,0,0,.3)}.shaka-skip-ad-counter{padding:5px 5px;background:rgba(0,0,0,.7);margin:0}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype')}@font-face{font-family:'Material Icons Round';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v26/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmM.otf) format('opentype')}.material-icons-round{font-family:'Material Icons Round';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}
/* CSS3 & maqueta HTML5 por Teresa Lass */

/* ==========================================================================
Wrapper tipo 4
========================================================================== */

/*Flex box*/

.button_wrapper_deeplink {
    margin: 30px auto 0;
    max-width: 260px;
}

.list_detail_deeplink img {
    margin-top: 30px;
}

.seguidores {
    width: 100%;
    font-size: 15px;
    height: 19px;
    margin: 5px 0 0 0;
}

.seguidores_deeplink {
    width: 100%;
    float: left;
    font-size: 15px;
    margin: 10px 0 0 0;
}

.placeholder {
    position: absolute;
    height: 258px;
    width: 100%;
    background: transparent;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.placeholder_a {
    position: absolute;
    height: 151px;
    width: 151px;
    background: transparent;
    top: 0;
    left: 38px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.placeholderOFF {
    opacity: 0;
    visibility: hidden;
}

.album-price-desktop {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-input-int {
    height: 48px;
    background-color: #16181d;
    border-radius: 4px;
    color: #707a8f !important;
    padding: 16px;
    font-size: 14px;
    width: 100%;
    display: flex;
    border: none;
}

.main-input-mobile-int {
    height: 48px;
    background-color: #16181d;
    border-radius: 4px;
    color: #707a8f !important;
    padding: 0 0 0 65px;
    font-size: 14px;
    width: 100%;
    display: flex;
    border: none;
}

.main-input-pf-int {
    height: 48px;
    background-color: #16181d;
    border-radius: 4px;
    color: #707a8f !important;
    padding: 10px;
    font-size: 14px;
    display: flex;
    border: none;
}

.main-input-int::placeholder,
.main-input-mobile-int::placeholder,
.main-input-pf-int::placeholder {
    color: #707a8f !important;
}

.mobile-number-registered {
    padding-left: 70px;
}

.button_internal_ux {
    max-width: 150px;
    float: inline-end;
    text-align: center;
}

.button_internal_pqt_ux {
    max-width: 450px;
    float: inline-end;
    text-align: center;
}

.button_internal_pf_ux {
    max-width: 150px;
    text-align: center;
}

.B_White {
    float: left;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    height: 30px;
    text-align: center;
}

.B_Red_Light {
    position: relative;
    background-color: #DE1717;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 14px;
    border-radius: 30px;
    padding: 15px;
    float: left;
    text-align: center;
}

.B_Red_Light.off {
    visibility: hidden;
}

.B_Blue_Light {
    position: relative;
    background-color: #6594DF;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 14px;
    border-radius: 30px;
    padding: 15px;
    float: left;
    text-align: center;
    width: 100%;
}

.B_Blue_Light.disabled {
    cursor: not-allowed;
}

.B_Blue_Light.off {
    visibility: hidden;
}

.B_White_s {
    float: left;
    position: relative;
    width: 100%;
    height: 40px;
    text-align: left;
    padding: 0 0 0 18px;
}

.B_White div {
    float: left;
    width: 93%;
    margin: 6px 0 0 0;
}

.B_White_s div {
    float: left;
    width: 100%;
    margin: 13px 0 0 0;
}

.B_White.disabled, .B_White_s.disabled {
    cursor: not-allowed;
}

.B_White:not(.disabled):hover, .B_White_s:not(.disabled):hover {
    background-color: #fff;
    color: #000;
    transition: none 33ms cubic-bezier(.3, 0, 0, 1);
    transition-property: all;
    transform: scale(1.06);
}

.jump_btn {
    background-color: #fff;
    color: #000;
    transition: none 33ms cubic-bezier(.3, 0, 0, 1);
    transition-property: all;
    transform: scale(1.06);
}

.B_shuffle_new {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.B_White:hover i > img:last-child, .B_White3:hover i > img:last-child {
    opacity: 1;
    visibility: visible;
}

.B_White:hover i > img:first-child, .B_White3:hover i > img:first-child {
    opacity: 0;
    visibility: hidden;
}

.B_White i {
    position: absolute;
    top: 4px;
    left: 160px;
    font-size: 19px;
}

.B_White i > img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.B_Black_G.B_White_a, .B_White.B_White_a, .carrito_precio.B_White_a {
    background-color: #fff;
    color: #000;
}

.B_White_a:hover {
    opacity: 0.5;
}

.album-price-mobile {
    display: none
}

.container-zona-vip {
    padding-left: 30px;
}

.container-zona-vip ul{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
}

.container-zona-vip ul li{
    float: none;
    margin: 0;
}

/* Lista Canciones */
.lista_canciones {
    width: 100%;
    margin: 20px 0 0 0;
    float: left;
    padding: 0 27px 0 0;
    min-height: 300px;
}

.lista_canciones.lista_c_al {
    margin: 15px 0 0 265px;
    width: 80%;
}

.lista_canciones.lista_c_al.col_sn_album {
    margin-top: 14px;
    padding: 0 32px;
}

.lista_canciones table, .lista_canciones_compra table {
    width: 100%;
    float: left;
    margin: 0 0 50px 0;
}

.lista_canciones th {
    text-align: left;
    border-bottom: 1px solid #fff;
    height: 40px;
    padding: 0 0 0 10px;
    cursor: default;
}

.lista_canciones td {
    height: 50px;
    padding: 2px 10px;
    color: #9ba2b0;
}

.lista_canciones td:first-child {
    position: relative;
    padding-left: 5px;
    color: white;
}

.lista_canciones tr, .lista_canciones_compra tr {
    cursor: pointer;
}

.lista_canciones tr:hover > td, .lista_canciones_compra tr:hover > td {
    background: rgba(255, 255, 255, .1);
}

.list_event_wraper {
    padding: 0 15px 0 0;
    margin-bottom: 90px;
}

.lista_predictiva .predictive_radios td:last-child {
	/*display: flex;*/
}

.lista_predictiva .predictive_radios td:last-child ul,
.lista_predictiva .predictive_podcasts td:last-child ul {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.lista_predictiva .predictive_radios td:last-child ul li,
.lista_predictiva .predictive_podcasts td:last-child ul li {
	    flex-basis: 50%;
}

@media screen and (min-width: 998px) {
    .lista_canciones.lista_predictiva td:first-child {
        width: 30%;
    }

    .lista_canciones.lista_predictiva.list_artist td:first-child {
        width: 90%;
    }

    .lista_canciones.lista_predictiva.list_radios td:first-child,
    .lista_canciones.lista_predictiva.list_podcasts td:first-child {
        width: calc(40% - 100px);
    }

    .lista_canciones.lista_predictiva th:nth-child(2),
    .lista_canciones.lista_predictiva td:nth-child(2) {
        width: 25%;
    }

    .lista_canciones.lista_predictiva.list_radios th:nth-child(2),
    .lista_canciones.lista_predictiva.list_radios td:nth-child(2),
    .lista_canciones.lista_predictiva.list_podcasts th:nth-child(2),
    .lista_canciones.lista_predictiva.list_podcasts td:nth-child(2) {
        width: 30%;
    }

    .lista_canciones.lista_predictiva th:nth-child(3),
    .lista_canciones.lista_predictiva td:nth-child(3) {
        width: 20%;
    }

    .lista_canciones.lista_predictiva.list_radios th:nth-child(3),
    .lista_canciones.lista_predictiva.list_radios td:nth-child(3),
    .lista_canciones.lista_predictiva.list_podcasts th:nth-child(3),
    .lista_canciones.lista_predictiva.list_podcasts td:nth-child(3) {
        width: 30%;
    }

    .lista_canciones.lista_predictiva:not(.list_radios) th:nth-child(4),
    .lista_canciones.lista_predictiva:not(.list_radios) td:nth-child(4),
    .lista_canciones.lista_predictiva:not(.list_podcasts) th:nth-child(4),
    .lista_canciones.lista_predictiva:not(.list_podcasts) td:nth-child(4) {
        width: 10%;
    }

    .lista_canciones.lista_predictiva th:nth-child(5),
    .lista_canciones.lista_predictiva td:nth-child(5) {
        width: 15%;
    }
}

@media screen and (max-width: 997px) {
    .lista_canciones.lista_predictiva.list_songs th:first-child,
    .lista_canciones.lista_predictiva.list_songs td:first-child {
        width: 30%;
    }

    .lista_canciones.lista_predictiva.list_playlists th:first-child,
    .lista_canciones.lista_predictiva.list_playlists td:first-child {
        width: 0;
    }

    .lista_canciones.lista_predictiva.list_radios td:first-child,
    .lista_canciones.lista_predictiva.list_radios td:first-child,
    .lista_canciones.lista_predictiva.list_podcasts td:first-child,
    .lista_canciones.lista_predictiva.list_podcasts td:first-child {
        width: calc(40% - 52px);
    }

    .lista_canciones.C_album td:last-child,
    .lista_canciones.C_album th:last-child {
        width: auto;
    }

    .lista_canciones.lista_c_al td:last-child,
    .lista_canciones.ni_eventos2 td:last-child {
        width: auto;
    }

    .lista_canciones.lista_predictiva th:nth-child(2),
    .lista_canciones.lista_predictiva td:nth-child(2) {
        width: 0;
    }

    .lista_canciones.lista_predictiva.list_radios th:nth-child(2),
    .lista_canciones.lista_predictiva.list_radios td:nth-child(2),
    .lista_canciones.lista_predictiva.list_podcasts th:nth-child(2),
    .lista_canciones.lista_predictiva.list_podcasts td:nth-child(2) {
        width: 30%;
    }

    .lista_canciones.lista_predictiva th:nth-child(3),
    .lista_canciones.lista_predictiva td:nth-child(3) {
        width: 0;
    }

    .lista_canciones.lista_predictiva.list_radios th:nth-child(3),
    .lista_canciones.lista_predictiva.list_radios td:nth-child(3),
    .lista_canciones.lista_predictiva.list_podcasts th:nth-child(3),
    .lista_canciones.lista_predictiva.list_podcasts td:nth-child(3) {
        width: 30%;
    }

    .lista_canciones.lista_predictiva:not(.list_radios) th:nth-child(4),
    .lista_canciones.lista_predictiva:not(.list_radios) td:nth-child(4),
    .lista_canciones.lista_predictiva:not(.list_podcasts) th:nth-child(4),
    .lista_canciones.lista_predictiva:not(.list_podcasts) td:nth-child(4) {
        width: 10%;
    }

    .lista_canciones.lista_predictiva th:nth-child(5),
    .lista_canciones.lista_predictiva td:nth-child(5) {
        width: 5%;
        padding: 0;
    }

    .lista_canciones.lista_predictiva:not(.list_users):not(.list_artist) td > div > ul > li:nth-child(1),
    .lista_canciones.lista_predictiva:not(.list_users):not(.list_artist) td > div > ul > li:nth-child(2),
    .lista_canciones.lista_predictiva:not(.list_users):not(.list_artist) td > div > ul > li:nth-child(3) {
        display: none;
    }

    .seguidores_deeplink {
        margin: 10px 0 0 0;
    }

    .seguidores_deeplink span {
        margin: 10px 0 0 0;
    }
}

@media screen and (max-width: 600px) {
    .lista_canciones.lista_predictiva th:first-child,
    .lista_canciones.lista_predictiva td:first-child {
        width: 60%;
    }

    .lista_canciones.lista_predictiva.list_artist th:first-child,
    .lista_canciones.lista_predictiva.list_artist td:first-child {
        width: 80%;
    }

    .lista_canciones.lista_predictiva:not(.list_users):not(.list_playlists):not(.list_radios):not(.list_albums) th:nth-child(3),
    .lista_canciones.lista_predictiva:not(.list_users):not(.list_playlists):not(.list_radios):not(.list_albums) td:nth-child(3),
    .lista_canciones.lista_predictiva:not(.list_users):not(.list_playlists):not(.list_radios) th:nth-child(4),
    .lista_canciones.lista_predictiva:not(.list_users):not(.list_playlists):not(.list_radios) td:nth-child(4),
    .lista_canciones.lista_predictiva:not(.list_users):not(.list_playlists):not(.list_podcasts):not(.list_albums) th:nth-child(3),
    .lista_canciones.lista_predictiva:not(.list_users):not(.list_playlists):not(.list_podcasts):not(.list_albums) td:nth-child(3),
    .lista_canciones.lista_predictiva:not(.list_users):not(.list_playlists):not(.list_podcasts) th:nth-child(4),
    .lista_canciones.lista_predictiva:not(.list_users):not(.list_playlists):not(.list_podcasts) td:nth-child(4) {
        display: none;
    }

    .lista_predictiva.list_radios th:nth-child(3),
    .lista_predictiva.list_podcasts th:nth-child(3) {
        display: none;
    }

    .lista_predictiva.list_radios td:nth-child(3),
    .lista_predictiva.list_podcasts td:nth-child(3) {
        display: none;
    }

    .seguidores_deeplink {
        margin: 10px 0 0 0;
    }
}

@media screen and (min-width: 1500px) {
    .list_table_icons_col {
        position: relative;
    }
}
/***************************************************************/

.lista_canciones td > span {
    float: left;
    margin: 0 5px 0 50px;
}

.lista_canciones td .finished-podcast {
    color: #DA291C;
    margin-top: 4px
}

.lista_canciones td .finished-podcast > i {
    color: #DA291C;
    margin: 0 4px;
}

.lista_canciones td .song-inline-center {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}

.lista_canciones td .song-inline-center > span {
    margin: 0 5px 0 8px;
}

.lista_canciones td > span > i {
    font-size: 17px;
    color: #fff;
    margin: -2px 0 0 0;
}

.lista_canciones td:first-child .song-inline-center > div.inC_album {
    min-width: 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    right: 5px;
}

.lista_canciones td:first-child .song-inline-center > div.inC_album > img {
    min-width: 42px;
    position: absolute;
    width: 42px;
    height: 42px;
    top: 0px;
    left: 0px;
}

.lista_canciones td .song-inline-center > div.inC_album > i {
    font-size: 30px;
    color: #fff;
    position: relative;
    width: 30px;
    height: 30px;
    opacity: 0;
}

.deeplink_song:hover > div.inC_album > i {
    opacity: 1;
}

.lista_canciones tr:hover > td .song-inline-center > div.inC_album > i {
    opacity: 1;
}

.lista_canciones tr > td .song-inline-center p.song-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lista_canciones td:last-child > div {
    width: 215px;
    float: right;
}

.lista_canciones td > div > ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}

.lista_canciones td > div > ul > li, .lista_canciones td > div > ul > li > a {
    float: left;
    position: relative;
}

.lista_canciones td > div > ul > li > a {
    width: 33px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    padding: 7px 0 0 0;
}

.lista_canciones td > div > ul > li > a#album_fav {
    padding: 5px 0 0 0;
}

.lista_canciones td > div > ul > li > a > i > img:last-child {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.lista_canciones td > div > ul > li > a.clist_active_a {
    text-shadow: 0px 1px 2px #000000;
    color: #EA423F !important;
    border: 0 !important;
    box-shadow: 0px 0px 0px #000000 !important;
}

.lista_canciones td > div > ul > li > a:hover > i {
    opacity: 0.6;
}

.lista_canciones td > div > ul > li:last-child > a {
    margin: 0;
}

.lista_canciones tr.now_playing {
    background: rgba(255, 255, 255, .3);
}

.list_td_1_ellip {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lista_canciones td:first-child > div, .lista_canciones td:nth-child(2) > div {
    width: 100%;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lista_canciones td:first-child > div.inC_container {
    display: flex;
    height: 100%;
    align-items: center;
}

.lista_canciones td:first-child > div.inC_container img {
    top: 4px;
    left: 10px;
}

.lista_canciones td:first-child > div.inC_container img.artist-poster {
    top: 4px;
    left: 10px;
    border-radius: 50%;
}

.lista_canciones td:first-child > div.inC_container > div.inC_album {
    position: relative;
    width: 42px;
    height: 42px;
}

.lista_canciones td:first-child > div.inC_container > span {
    margin: 0 0 0 75px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: normal;
    padding-right: 10px;
    color: white;
    align-self: center;
}

.lista_canciones td a {
    color: #9ba2b0;
}

.lista_canciones td > .variousArtistSongs:before {
    color: #9ba2b0;
}

.lista_canciones td a:hover {
    text-decoration: none;
}

.list_table_row div a {
    text-decoration: underline;
    line-height: normal;
}

.list_table_row div a:hover {
    text-decoration: none;
}

.lista_canciones.rseach {
    margin-top: 20px
}

.clist_active > i {
    text-shadow: 0px 1px 2px #000000;
    color: #EA423F !important;
}

.clist_active_a, .clist_active_b {
    text-shadow: 0px 1px 2px #000000;
    color: #EA423F !important;
    box-shadow: 0px 1px 2px #000000 !important;
}

.btn_active_a {
    color: white;
    background-color: #DE1717;
}

@media (any-hover: hover) {

    .btn_active_a:hover {
        background-color: #B11112;
    }

}

.clist_active2 > i, .clist_active2 {
    color: #000 !important;
}

.clist_active2 {
    background-color: #fff !important;
}

.clist_active_light > i {
    text-shadow: 0px 1px 2px #000000;
    color: #EA423F !important;
}

.sort-filter {
    display: block;
    position: relative;
}

.sort-filter .icon-filter {
    position: absolute;
    right: 5px;
}

/*Columna de albumes*/
.lista_canciones.C_album td:nth-child(4) {
    width: 70px;
}

.lista_canciones.C_album td:last-child {
    width: 265px;
}

/* Lista Canciones modificacion a dropdown para botón contextual, tambien para opciones de album */
.opciones_clista li > div,
.opciones_calbum li > div {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 15px 0 15px;
}

.opciones_clista li > div + div,
.opciones_calbum li > div + div {
    font-size: 11px;
    padding: 0 15px 0 15px;
}

.opciones_clista li > div + div, .opciones_clista li > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.opciones_clista li > a > i,
.opciones_clista li > .fav_icon > i,
.opciones_calbum li > a > i {
    position: relative;
    float: left;
    margin: -2px 14px 0 0;
    text-align: center;
    width: 35px;
    font-size: 21px;
}

.opciones_clista li > a > i > img,
.opciones_calbum li > a > i > img {
    margin: -7px 1px 0 0;
}

.opciones_clista li > a > i > img:last-child,
.opciones_calbum li > a > i > img:last-child {
    position: absolute;
    top: 0;
    left: 1px;
    opacity: 0;
    visibility: hidden;
}

.opciones_clista li > a:hover > i > img:last-child,
.opciones_calbum li > a:hover > i > img:last-child {
    opacity: 1;
    visibility: visible;
}

.op_cl_ctx .hide_menu{
    display: none !important;
}

/* Componente de busqueda/etiqueta de amigos */
.dropd_busqueda {
    position: absolute;
    opacity: 1;
    visibility: visible;
    background: #000;
    width: 240px;
    height: auto;
    z-index: 90;
    top: 55px;
    left: 225px;
}

.dropd_busqueda > div:first-child {
    width: 100%;
    float: left;
    height: 60px;
    padding: 12px 0 0 0;
}

.dropd_busqueda > div:first-child > div {
    width: 100%;
    float: left;
    text-align: center;
    font-weight: bold;
}

.dropd_busqueda > div:first-child > div + div {
    font-weight: normal;
    margin: 8px 0 0 0;
    font-size: 13px;
    padding: 0 10px;
}

.dropd_busqueda ul {
    float: left;
    width: 240px;
    padding: 0;
    margin: 15px 0 30px 0;
}

.dropd_busqueda ul > li, .dropd_busqueda ul > li > a {
    float: left;
    position: relative;
    width: 240px;
    height: 40px;
    text-align: left;
    font-size: 16px;
}

.dropd_busqueda ul > li > a {
    padding: 13px 15px 0 54px;
    width: 100%;
    float: left;
}

.dropd_busqueda ul > li > a:hover {
    color: #000;
    background-color: #fff;
}

.dropd_busqueda ul > li > a > div {
    position: absolute;
    top: 5px;
    left: 15px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #7f7f7f;
}

.container-search input#search2 {
    outline: none;
    width: 193px;
    background: #262626;
    height: 26px;
    font-size: 14px;
    float: left;
    color: #fff;
    padding: 0 30px 0 15px;
    border: 1px solid #464646;
}

.container-search input#search2:focus {
    color: #FFF;
}

.container-search input#search2::-webkit-input-placeholder {
    color: #666;
}

.container-search input#search2:-moz-placeholder {
    color: #666;
}

.container-search input#search2::-moz-placeholder {
    color: #666;
}

.container-search input#search2:-ms-input-placeholder {
    color: #666;
}

/* ==========================================================================
Wrapper tipo 5
========================================================================== */
.eventos_r {
    float: right;
    order: 2;
    width: 450px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.eventos_r1, .eventos_r2 {
    float: left;
    height: 50%;
    width: 100%;
    padding: 0 0 45px 0;
}

.eventos_r1 > div:first-child, .eventos_r2 > div:first-child {
    float: left;
    width: 100%;
    height: 45px;
    font-size: 17px;
    color: #fff;
    background-color: #333;
    padding: 15px 25px;
}

.eventos_r2.e_r2_artista {
    height: 100%;
}

.e_evento {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    flex: 1 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.e_evento_1 {
    text-align: center;
    float: left;
    order: 1;
    width: 227px;
}

.e_evento_1 div > img {
    height: 170px;
    border-radius: 4px;
}

.e_evento_1 div > div {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    height: 170px;
}

.e_evento_1 div > div + div {
    float: left;
    width: 100%;
    height: 65px;
    margin: 15px 0 0 0;
}

.e_evento_1 div > div + div > ul {
    padding: 6px 20px 0 20px;
    height: 40px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.e_evento_1.e_e_artista div > img {
    border-radius: 50%;
    height: 151px;
}

.e_evento_1.e_e_artista {
    width: 500px;
}

.e_evento_1.e_e_artista > div > div {
    width: 227px;
}

.e_evento_2 {
    border-right: 1px solid #fff;
    padding: 0 20px;
    float: left;
    order: 2;
    flex: 3 0px;
    max-height: 245px;
    text-align: justify;
}

.e_evento_2 h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 25px 0;
}

.e_evento_2 p {
    font-size: 14px;
    line-height: 20px;
    float: left;
    width: 100%;
    display: block;
    display: -webkit-box;
    height: 260px;
    margin: 0 auto;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.e_evento_2 a {
    font-size: 13px;
    text-decoration: underline;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.e_evento_2 a:hover {
    text-decoration: none;
}

.e_evento_2.e_e2_artista {
    border: none;
}

.e_evento_3 {
    padding: 0 20px;
    float: left;
    order: 3;
    width: 320px;
}

.e_evento_3 > div {
    position: relative;
    float: left;
    width: 100%;
}

.e_evento_3 > div:last-child {
    float: left;
    width: 100%;
}

.B_White2, .B_White3 {
    float: left;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    height: 30px;
    text-align: center;
    margin: 10px 0;
}

.B_White2:hover, .B_White3:hover {
    background-color: #fff;
    color: #000;
}

.B_White2 div {
    float: left;
    width: 100%;
    margin: 6px 0 0 0;
}

.B_White3 div {
    float: left;
    width: 95%;
    margin: 6px 0 0 0;
}

.B_White2 i {
    position: absolute;
    font-size: 18px;
    top: 5px;
    right: 15px;
}

.B_White2 .fa-check {
    position: absolute;
    font-size: 18px;
    top: 5px;
    left: -80px;
}

.B_White3 i {
    position: absolute;
    top: -3px;
    right: 20%;
}

.B_White3 i > img:last-child {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.nav_interno.ni_eventos > ul, .lista_canciones.ni_eventos2 {
    padding: 0 15px 0 0;
}

.e_evento.e_e_artista_w {
    margin-top: 30px !important;
}

.e_contenido.e_e_artista_cont {
    width: 100%;
    float: left;
    padding: 0 10px 25px 15px;
}

.B_White2.eb_active {
    background-color: #fff;
    color: #000;
}

.eventos_r1_cont, .eventos_r2_cont {
    float: left;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}

.eventos_r1_cont ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.eventos_r1_cont ul > li {
    float: left;
    width: 100%;
    height: 85px;
    border-bottom: 1px solid #4e4e51;
}

.eventos_r1_cont ul > li > a {
    float: left;
    width: 75px;
    height: 85px;
    padding: 17px 0 0 0;
    position: relative;
}

.eventos_r1_cont ul > li > a > img {
    float: left;
    border: 1px solid #4e4e51;
    border-radius: 50%;
}

.eventos_r1_cont ul > li > a:hover {
    opacity: 0.5;
}

.eventos_r1_cont ul > li > a > i {
    position: absolute;
    top: 49px;
    right: 25px;
    border-radius: 50%;
    border: 1px solid #4e4e51;
    color: #90ff3c;
}

.eventos_r1_cont ul > li > div {
    float: left;
    height: 85px;
    width: 280px;
    padding: 20px 0 0 0;
}

.eventos_r1_cont ul > li > div + div {
    float: right;
    height: 85px;
    padding: 35px 0 0 0;
    width: auto;
}

.eventos_r1_cont ul > li > div > div {
    float: left;
    width: 100%;
    margin: 0 0 12px 0;
    font-size: 16px;
}

.eventos_r1_cont ul > li > div > div > i {
    float: left;
    margin: 0 10px 0 0;
    font-size: 17px;
}

.eventos_r1_cont ul > li > div > div > a:hover {
    text-decoration: underline;
}

.eventos_r2_cont ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.eventos_r2_cont ul > li {
    float: left;
    width: 100%;
    height: auto;
    padding: 25px 0;
    border-bottom: 1px solid #4e4e51;
}

.eventos_r2_cont ul > li > div:first-child {
    float: left;
    width: 75px;
    height: 70px;
}

.eventos_r2_cont ul > li > div:first-child > a {
    float: left;
    width: 45px;
    height: 45px;
}

.eventos_r2_cont ul > li > div:first-child > a:hover, .eventos_r2_cont ul > li > div:last-child > div:last-child > a:hover {
    opacity: 0.5;
}

.eventos_r2_cont ul > li > div:last-child {
    float: left;
    width: 335px;
}

.eventos_r2_cont ul > li > div:last-child > div {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.eventos_r2_cont ul > li > div:last-child > div:last-child {
    margin: 0;
}

.eventos_r2_cont ul > li > div:last-child > div > a {
    float: left;
    width: auto;
}

.eventos_r2_cont ul > li > div:last-child > div > a:first-child, .eventos_r2_cont ul > li > div:last-child > div > span > a {
    font-weight: bold;
}

.eventos_r2_cont ul > li > div:last-child > div > a:hover, .eventos_r2_cont ul > li > div:last-child > div > span > a:hover {
    text-decoration: underline;
}

.eventos_r2_cont ul > li > div:last-child > div > div {
    float: right;
    width: auto;
}

/* ==========================================================================
Carrito de compras
========================================================================== */
.carrito_icono {
    position: relative;
    width: 20px;
    height: 20px;
    top: 8px;
    left: -10px;
}

.carrito_icono .contador_canciones,
.shoppingcart_handler .contador_canciones {
    position: absolute;
    min-width: 16px;
    border-radius: 8px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 0 2px rgba(0, 0, 0, .4);
    font-size: 10px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 2px 3px;
}

.carrito_icono .contador_canciones  {
    top: -8px;
    left: 14px;
    background: #DE1717
}

.shoppingcart_handler .contador_canciones {
    top: 10px;
    left: 54%;
    background-color: #EA423F;
    color: white;
}

.carrito_icono .contador_canciones.mas-999 {
    left: 6px;
    font-size: 9px;
}

.carrito_w {
    width: 100%;
    padding: 20px 27px 0 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.lista_canciones_compra {
    order: 1;
    flex: 1 0;
    width: 100%;
    margin: 0;
    float: left;
    padding: 0 27px 0 0;
    min-height: 300px;
}

/*Lista de compras*/
.lista_canciones_compra th {
    text-align: left;
    background: #333;
    height: 40px;
    padding: 0 0 0 10px;
    cursor: default;
}

.lista_canciones_compra th > a {
    text-decoration: underline;
}

.lista_canciones_compra th > a:hover {
    text-decoration: none;
}

.lista_canciones_compra td > div {
    float: left;
    width: 100%;
}

.lista_canciones_compra td {
    height: 55px;
    border-bottom: 1px solid #fff;
    padding: 2px 10px;
}

.lista_canciones_compra td:first-child {
    width: 73px;
}

.lista_canciones_compra td:nth-child(2) {
    padding-left: 0;
}

.lista_canciones_compra td:first-child > a {
    float: left;
    width: 45px;
    height: 45px;
}

.lista_canciones_compra td:first-child > a:hover, .lista_canciones_compra td > a:hover > i, .compra-checkbox i:hover {
    opacity: 0.5;
}

.lista_canciones_compra td:nth-child(3), .lista_canciones_compra td:nth-child(4) {
    width: 115px;
}

.lista_canciones_compra td > div {
    float: left;
    width: 85%;
    margin: 0 0 -2px 0;
    text-align: left;
    height: 20px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lista_canciones_compra td > div + div {
    font-size: 13px;
}

.lista_canciones_compra td {
    text-align: center;
}

.lista_canciones_compra i {
    font-size: 18px;
}

.compra-checkbox input[type="checkbox"], .compra-checkbox .checked {
    display: none;
}

.compra-checkbox input[type="checkbox"]:checked ~ .checked {
    display: inline-block;
}

.compra-checkbox input[type="checkbox"]:checked ~ .unchecked {
    display: none;
}

.unchecked {
    margin: 0 0 0 -2px;
}

.compra-checkbox i {
    cursor: pointer;
    font-size: 18px;
}

.cc2 {
    margin: 0 30px 0 0;
    float: left;
}

.cc2 i {
    float: left;
    width: 20px;
    margin: 0 5px 0 0;
}

.lista_canciones_compra td > div.carrito_precio {
    float: left;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    margin: 10px 5px;
}

.lista_canciones_compra.comprado {
    padding: 0;
    flex: initial;
}

.lista_canciones_compra.c_vacio {
    flex: 3 0px;
}

.lista_canciones_compra.comprado td:nth-child(3), .lista_canciones_compra.comprado td:nth-child(4) {
    width: auto;
}

.lista_canciones_compra.comprado th:nth-child(3), .lista_canciones_compra.comprado th:nth-child(4) {
    text-align: center;
}

.carrito_vacio {
    float: left;
    width: 100%;
}

.carrito_vacio > p:first-child {
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.carrito_vacio > p {
    line-height: 20px;
    width: 100%;
}

.carrito_vacio_carrusel {
    position: absolute;
    bottom: 0;
    padding: 0 0 0 75px;
}

.carrito_vacio_carrusel h1 {
    margin: 0 20px 0 0;
}

.b_bluish_carrito {
    text-align: center;
    font-size: 15px;
    padding: 8px 0 0 0;
    float: left;
    height: 30px;
    width: 100%;
    background: #DE1717;
}

button.b_bluish_carrito {
    border: none;
    padding: 0;
    color: #FFF;
}

.B_Black_G > div {
    width: 100%;
    margin: 6px 0;
    text-align: center;
    font-size: 15px;
}

.B_Black_G:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}

.B_Black_G {
    float: left;
    width: 100%;
    height: 30px;
    border: 1px solid #fff;
    padding: 0 12px;
    position: relative;
}

button.B_Black_G {
    background-color: transparent;
    color: #FFF;
}

.B_Black_G > i {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 16px;
}

.B_Black_G img {
    float: left;
    text-align: center;
}

.B_Black_G p {
    text-align: center;
    width: auto;
}

.compra_spinner {
    width: 100%;
    float: left;
    height: 270px;
}

.compra_spinner > .spinner {
    left: 0;
}

.payform {
    float: left;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    height: 30px;
    text-align: center;
}

.payform div {
    float: left;
    width: 100%;
    margin: 6px 0 0 0;
}

.payform p {
    margin: -16px 0 0 80px;
    width: auto;
}

.payform img {
    margin: 0 0 0 -76px;
}

.checkout > ul > li.fp_titulo {
    height: auto;
}

.checkout > ul > li.fp_titulo > i {
    float: left;
    font-size: 21px;
    right: initial;
    top: initial;
    color: #fff;
    position: relative;
}

.checkout > ul > li.fp_titulo > div {
    float: left;
    margin: 4px 0 0 10px;
}

.checkout > ul > li.fp_telcel {
    float: left;
    width: 100%;
    margin: 20px 0;
    height: auto;
}

.fp_telcel > div {
    float: left;
    width: 100%;
    font-size: 13px;
    margin: 10px 0 0 0;
}

.checkout > ul > li.fp_claro {
    margin: 12px 0 0 0;
    height: auto;
}

.checkout > ul > li.fp_claro > div > p {
    font-size: 15px;
    line-height: 17px;
}

.checkout > ul > li.fp_claro > div > input {
    width: 57px;
    margin: 8px 5px 0 0;
}

.fp_claro > div > div {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.fp_claro > div > div > a {
    float: left;
    width: 30px;
    padding: 8px 0 0 6px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.fp_claro > div > div > a:hover {
    opacity: 0.5;
}

.fp_claro > div > div > input {
    float: left;
    width: 87%;
}

.checkout.cod_promo {
    height: auto;
}

.cond_cod_promo {
    float: left;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    font-size: 12px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.checkout > ul > li.fp_cp_boton {
    position: relative;
    top: initial;
    left: initial;
    float: left;
}

.cond_cod_promo.ccp_Active {
    opacity: 1;
    visibility: visible;
    height: 205px;
}

.checkout li.prepago_aj > div > input {
    width: 58px;
    margin: 0 5px 0 0;
    padding: 0;
}

.checkout li.prepago_aj > div > input:last-child {
    margin: 0;
}

.checkout > ul > li.pay_pcancion {
    font-size: 17px;
}

.checkout > ul > li.pay_pcancion > div, .checkout > ul > li.pay_pcancion > div > p {
    width: 100%;
    float: left;
}

.checkout > ul > li.pay_pcancion > div > p {
    height: auto;
    line-height: 23px;
}

.size_icon {
    font-size: 22px;
    margin-left: 20px;
}

/* ==========================================================================
Dropdown paises
========================================================================== */
.pais_drop {
    position: absolute;
    opacity: 1;
    visibility: visible;
    background: #000;
    width: 100%;
    height: auto;
    z-index: 90;
    top: 30px;
    height: 400px;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

.pais_drop ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.pais_drop ul > li {
    float: left;
    width: 100%;
    height: 40px;
    text-align: left;
    font-size: 16px;
}

.pais_drop ul > li > a {
    padding: 13px 0 0 10px;
    width: 100%;
    height: 40px;
    float: left;
}

.pais_drop ul > li > a:hover {
    color: #000;
    background-color: #fff;
}

.dropd_gral.allup {
    top: 30px;
}

/* ==========================================================================
Variación drop Info, lista y artistas.
========================================================================== */
.dropd_img_cotx.scnd_drop_album {
    width: 242px;
    top: 40px;
    left: -250px;
    padding: 0;
    font-weight: normal;
}

.dropd_img_cotx.scnd_drop_album li > a {
    background: #000;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.dropd_img_cotx.scnd_drop_album li {
    cursor: default;
}

.dropd_img_cotx.scnd_drop_album li:nth-child(1) > div {
    float: left;
    border: none;
    width: 100%;
    font-size: 16px;
    padding: 13px 15px 0 15px;
    height: 40px;
    cursor: default;
}

.dropd_img_cotx.scnd_drop_album li:nth-child(2) > div {
    float: left;
    border: none;
    width: 100%;
    font-size: 13px;
    height: 15px;
    padding: 0 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scnd_drop_album li:nth-child(2) > div:last-child {
    font-size: 11px;
}

.dropd_img_cotx.scnd_drop_info {
    width: 242px;
    position: fixed;
    padding: 0;
    font-weight: normal;
    overflow: scroll;
    height: 200px;
}

.scnd_drop_info ul {
    margin: 0;
}

.scnd_drop_info li:first-child {
    height: auto;
}

.dropd_img_cotx.scnd_drop_info li {
    width: 100%;
    cursor: default;
}

.dropd_img_cotx.scnd_drop_info li > div {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 0 0 10px 0;
    cursor: default;
}

.dropd_img_cotx.scnd_drop_info li > div:nth-child(2) {
    font-size: 11px;
    font-weight: bold;
}

.scnd_drop_info li > div:first-child {
    margin: 10px 0 0 0;
}

.scnd_drop_info li > div > img {
    width: 100px;
    height: 100px;
}

.scnd_drop_info table {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px;
}

.scnd_drop_info tr {
    cursor: default;
}

.dropd_img_cotx.scnd_drop_info td {
    border: none;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    white-space: initial;
}

.dropd_img_cotx.scnd_drop_info td:first-child {
    text-align: right;
    width: 50%;
    font-weight: bold;
    padding: 3px 5px;
}

.scnd_drop_info td:last-child {
    text-align: left;
    padding-left: 0;
    padding: 3px 5px;
}

.scnd_drop_info tr:hover > td {
    background-color: transparent;
}

.img_ctx {
    display: none;
}

.ctx_search {
    background: #282828;
    z-index: 9999;
}

.ctx_search ul {
    background: #282828;
}

.ctx_search li > a {
    background: #282828;
}

/* Animación fluida*/
.opciones_clista li > a > i > img, .opciones_clista li > a > i, .opciones_clista li > .fav_icon > i, .lista_canciones td > div > ul > li > a > i, .lista_canciones td, .w_album li > a, .w_album > div:first-child > div > a > i, .B_White, .B_White_s, .B_White i, .w_album_botons > ul > li > a > i > img, .dropd_busqueda, .dropd_busqueda ul > li > a, .container-search input#search2, .B_White2, .B_White3, .e_evento_3 > div > ul > li > a, .e_evento_1 > img + div > ul > li > a,
.eventos_r1_cont ul > li > a, .eventos_r2_cont ul > li > div:first-child > a:hover, .eventos_r2_cont ul > li > div:last-child > div:last-child > a:hover, .e_evento_1 div > img + div > ul > li > a > i > img, .e_evento_1 div > img + div > ul > li > a:hover, .lista_canciones_compra td, .lista_canciones_compra td:first-child > a, .lista_canciones_compra td > a > i, .compra-checkbox i:hover, .b_bluish_carrito, .B_Black_G
.pais_drop ul > li > a, .lista_canciones tr > td > div.inC_album > i, .w_album > div:first-child i {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* ==========================================================================
Ventana pop UP con iframe y telcel
========================================================================== */
.pop-up-NET_g {
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}

.msj_allscreen_pop_NET_g {
    position: absolute;
    max-width: 470px;
    padding: 10px;
    max-height: 450px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
}

.msj_allscreen_pop_NET_g > div:first-child, .msj_allscreen_pop_telcel > div:first-child, .paket_pop > div:first-child {
    float: left;
    width: 100%;
    color: #000;
}

.msj_allscreen_pop_NET_g > div:first-child > div:first-child > a,
.msj_allscreen_pop_NET_g > div:first-child > div:first-child > button {
    float: right;
    color: #000;
    font-size: 20px;
    margin-top: -20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-color: #fff;
    border: none;
}

.msj_allscreen_pop_NET_g > div, .msj_allscreen_pop_telcel > div {
    float: left;
    width: 100%;
}

.msj_allscreen_pop_NET_g > div:first-child > div:first-child > a:hover,
.msj_allscreen_pop_NET_g > div:first-child > div:first-child > button:hover,
.msj_allscreen_pop_telcel > div:first-child > div:first-child > a:hover,
.paket_pop > div:first-child > div:first-child > a:hover,
.mailing_pop > div:first-child > div:first-child > a:hover {
    opacity: 0.5;
}

.msj_allscreen_pop_NET_g > div:last-child {
    float: left;
    width: 100%;
    color: #000;
}

.msj_allscreen_pop_NET_g > div:last-child, .msj_allscreen_pop_telcel > div:last-child, .paket_pop > div:last-child, .mailing_pop > div:last-child {
    position: relative;
    height: 100%;
}

.msj_allscreen_pop_NET_g > div:last-child > div:nth-child(1), .msj_allscreen_pop_telcel > div:last-child > div:nth-child(1), .paket_pop > div:last-child > div:nth-child(1) {
    font-size: 25px;
    line-height: 25px;
    border-bottom: 1px solid #999;
    padding: 0 0 15px 0;
}

.msj_allscreen_pop_NET_g > div:last-child > div:nth-child(2), .msj_allscreen_pop_telcel > div:last-child > div:nth-child(2), .paket_pop > div:last-child > div:nth-child(2) {
    padding: 15px 0;
}

.msj_allscreen_pop_NET_g > div:last-child > div:nth-child(2) > i:first-child {
    float: left;
}

.msj_allscreen_pop_NET_g > div:last-child > div:nth-child(2) > i:last-child {
    float: right;
}

.msj_allscreen_pop_NET_g > div:last-child > div:last-child, .msj_allscreen_pop_telcel > div:last-child > div:last-child, .paket_pop > div:last-child > div:last-child {
    position: absolute;
    bottom: 0px;
    left: 0;
    border-top: 1px solid #999;
    padding: 15px 0 0 0;
}

.b_bluish_carrito.iframe_b_m {
    width: 150px;
    float: right;
}

.msj_allscreen_pop_telcel {
    position: absolute;
    max-width: 470px;
    padding: 10px;
    max-height: 450px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
}

.msj_allscreen_pop_telcel > div:first-child > div:first-child > a, .paket_pop > div:first-child > div:first-child > a {
    float: right;
    color: #fff;
    font-size: 20px;
    margin-top: -20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.msj_allscreen_pop_telcel > div:last-child > div, .paket_pop > div:last-child > div {
    float: left;
    width: 100%;
    color: #fff;
}

.msj_allscreen_pop_telcel > div:last-child > div:nth-child(1), .paket_pop > div:last-child > div:nth-child(1) {
    color: #fff;
}

.msj_allscreen_pop_telcel > div:last-child > div:nth-child(2) > i:first-child {
    float: left;
    width: 150px;
}

.B_Black.pop_telcel {
    width: 150px;
    margin: 0 0 0 33%;
}

.msj_allscreen_pop_telcel > div:last-child > div > div {
    font-size: 17px;
    margin: 0 0 20px 0;
}

.msj_allscreen_pop_telcel table, .paket_pop table, .paket_pop ul, .paket_pop li {
    width: 100%;
    float: left;
}

.msj_allscreen_pop_telcel td {
    border-top: 1px solid #fff;
    padding: 10px 0;
}

.msj_allscreen_pop_telcel td:first-child {
    width: 130px;
    padding-right: 10px;
    line-height: 18px;
}

/*Especifico de IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pop-up-NET_g {
        width: 470px;
    }
}

/* ==========================================================================
Paquetes de canciones
========================================================================== */
/*Especifico de IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .paket_pop {
        width: 470px;
    }

    .mailing_pop {
        width: 470px;
    }
}

.paket_pop {
    position: absolute;
    max-width: 470px;
    padding: 10px;
    max-height: 340px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
}

.paket_pop > div:last-child > div:last-child > div > a {
    float: left;
    width: 150px;
}

.paket_pop > div:last-child > div:last-child > div {
    width: 300px;
    margin: 0 auto;
}

.paket_pop > div:last-child > div:nth-child(2) > div:first-child {
    font-size: 17px;
    line-height: 17px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #fff;
    text-align: center;
}

.paket_pop td {
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
}

.paket_pop td > img {
    margin: 0 10px 0 0;
}

.paket_pop td > span {
    font-style: italic;
    font-size: 12px;
}

.paket_pop td > a {
    text-decoration: underline;
}

.paket_pop td > a:hover {
    text-decoration: none;
}

.paket_pop tr:nth-child(2) > td {
    background-color: #333;
    padding: 5px 0;
}

.paket_pop tr:last-child > td {
    text-align: center;
    font-size: 14px;
    padding: 10px 0 0 0;
}

.paket_pop.adquirido_pket {
    max-height: 330px;
}

.paket_pop > div:last-child > div:last-child > div.un_btnpop {
    width: 150px;
}

.paket_pop ul {
    list-style: initial;
    padding: 0 0 0 20px;
}

.paket_pop li {
    padding: 10px 0;
    font-size: 15px;
}

.paket_pop li:last-child {
    list-style: none;
    text-align: center;
    font-size: 10px;
}

.mailing_pop {
    position: absolute;
    max-width: 500px;
    max-height: 360px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #16181d;
    border-radius: 5px;
}

.mailing_pop > div:first-child > div:first-child > a {
    width: 16px;
    text-align: right;
    float: right;
    color: #fff;
    font-size: 20px;
    margin-top: -30px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.mailing_pop > div:last-child > div:last-child > div > a {
    float: left;
    width: 150px;
}

.mailing_pop > div:last-child > div:last-child > div {
    width: 300px;
    margin: 0 auto;
}

.mailing_pop > div:last-child > div:nth-child(1) {
    padding: 20px 15px 0px 15px;
    color: #9ba2b0;
    font-size: 16px;
    font-feature-settings: "clig" off,"liga" off;
    font-family: AMX;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    line-height: 24px;
}

.mailing_pop > div:last-child > div:nth-child(1) > p {
    width: 400px;
}

.mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(1) {
    font-size: 17px;
    line-height: 17px;
    margin: 22px 0 0 38px;
    width: 140px;
    height: 140px;
    float: left;
}

.mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(1) > div > img {
    width: 140px;
    height: 140px;
    border-radius: 8px;
}

.mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(4) {
    float: left;
}

.mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(4) > div:first-child {
    color: red;
    margin: -8px 0 2px 60px;
    font-size: 12px;
}

.mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(5) {
    float: left;
}

.mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(5) > div:first-child {
    margin: 0 0 0 35px;
    font-size: 13px;
}

.mailing_pop textarea#mailing {
    outline: none;
    resize: none;
    width: 85%;
    background: #262626;
    height: 28px;
    font-size: 14px;
    float: left;
    color: #fff;
    padding: 5px 5px 0 10px;
    border: 1px solid #464646;
    margin: 20px 35px 10px 35px;
}

.mailing_pop textarea#mailing:focus {
    color: #FFF;
}

.mailing_pop textarea#mailing::-webkit-input-placeholder {
    color: #666;
}

.mailing_pop textarea#mailing:-moz-placeholder {
    color: #666;
}

.mailing_pop textarea#mailing::-moz-placeholder {
    color: #666;
}

.mailing_pop textarea#mailing:-ms-input-placeholder {
    color: #666;
}

.mailing_pop table {
    width: 290px;
    height: 165px;
    float: right;
}

.mailing_pop td {
    padding: 20px 0 0 20px;
    font-size: 16px;
    line-height: 20px;
    color: #9ba2b0;
    font-size: 16px;
    font-feature-settings: "clig" off,"liga" off;
    font-family: AMX;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    line-height: 24px;
}

.mailing_pop td > img {
    margin: 0 10px 0 0;
}

/*Cuatro postsers en un solo li en seccion de listas gral*/
.mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(1) > div.mailing_four_cover > img {
    width: 50%;
    height: 70px;
    margin: 0;
}

.mailing_four_cover {
    padding: 0;
}

.mailing_pop td > span {
    font-style: italic;
    font-size: 12px;
}

.mailing_pop td > a {
    text-decoration: underline;
}

.mailing_pop td > a:hover {
    text-decoration: none;
}

.mailing_pop > div:last-child > div:last-child {
    position: absolute;
    bottom: 0;
    left: 33%;
    padding: 0 0 30px 0;
}

.mailing_pop > div:last-child > div:last-child > div.un_btnpop {
    width: 150px;
}

.usuario_3.pkt_c {
    width: 500px;
    flex: initial;
    max-height: 800px;
}

.mailing_pop_hide {
    visibility: hidden;
}

.mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(1) > div > img.round_profile {
    border-radius: 50%;
}

/*Especifico de IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .usuario_3.pkt_c {
        flex: none;
    }
}

.usuario_3 > div.pakte_comprado {
    padding: 0;
}

.pakte_comprado > div:first-child {
    background: #333;
    text-align: center;
    width: 100%;
    float: left;
    height: 35px;
    font-size: 17px;
    padding: 11px 0 0 0;
}

.p_activo {
    padding: 25px;
}

.p_activo, .p_activo > div, .pakte_comprado ul, .pakte_comprado li {
    width: 100%;
    float: left;
    font-size: 17px;
}

.p_activo > div {
    height: 35px;
}

.p_activo > div:last-child {
    border-bottom: 1px solid #fff;
    padding-bottom: 25px;
}

.pakte_comprado ul {
    list-style: initial;
    padding: 0 25px 0 40px;
}

.pakte_comprado li {
    height: 40px;
}

.pakte_comprado li > img {
    width: 35px;
    margin: 0 10px;
}

.pakte_comprado > div:last-child {
    width: 100%;
    float: left;
    padding: 25px;
}

.pakte_comprado > div:last-child > div {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.pakte_comprado > div:last-child > div:first-child {
    height: 73px;
    padding-top: 32px;
}

.pakte_comprado > div:last-child > div:last-child > div {
    font-size: 17px;
    line-height: 18px;
    padding: 12px;
    background: #333;
    text-align: center;
    height: auto;
    margin-bottom: 5px;
}

.pakte_comprado > div.cancelar_paket > div {
    width: 100%;
    text-align: center;
}

.pakte_comprado > div.cancelar_paket > div > a.B_Blanco {
    width: 100%;
}

.plan_validity {
    padding: 0 40px;
    margin: 15px;
}

/* CSS Predictive Search */
.predictive_list tr {
    height: 64px;
}

.lista_canciones.ni_eventos2 td.list_td_details {
    width: 100px;
    padding: 0;
}

.lista_predictiva td.list_td_details > div {
    width: 60px;
}

.lista_canciones td > div > ul > li > a > i.icon-like {
    top: 2px;
}

.predictive_img,
.predictive_img img {
    border-radius: 50%;
}

.predictive_user_img {
    width: 48px;
    height: 48px;
    top: 0px;
    left: 0px;
    position: absolute;
}

.list_td_details td > div > ul > li > a {
    padding: 5px 0 0 0;
}

.lista_canciones td.list_td_details > div > ul > li > a {
    padding: 0 0 0 0;
}

.lista_canciones.ni_eventos2 td.list_td_first_details {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lista_canciones td.list_td_details > ul > li {
    float: left;
    padding-left: 6px;
}

.lista_canciones td.list_td_details > ul > li > div.Iactive {
    border: 0px;
}

.list_td_details > div:first-child > ul > li > a, .list_td_details > ul > li > div {
    border: 0px solid #EA423F !important;
}

.ps_user_follow_button > ul > li > a.B_White_seguir {
    width: 110px;
}

/*FIX SCROLL*/
.list_detail-text_truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.icon-edit {
    font-size: 20px;
    margin: 3px 0 0 12px;
}

.list-title-edit {
    display: flex;
}

.list-title-edit h1 {
    max-width: 100%;
}

.album-list-detail h1 {
    padding: 0 0 2px 0;
}

.list_detail.identified-songs-playlist .list_detail-text_truncate {
    overflow: visible;
}

.list_detail_deeplink h1 {
    padding: 0 0 15px 0px;
}

.list_detail_deeplink h2{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.list_detail.album-list-detail h2 {
    margin: .5px 0;
    height: 20px;
}

.list_detail.album-list-detail h6 {
    margin: 0 0 5px 0;
    height: auto;
    text-align: left;
}

.list_detail_deeplink img {
    cursor: default;
}

.subtitle_marg_bottom {
    margin-bottom: 10px;
}

.list_detail_information {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.fix_artist_table {
    height: auto !important;
}

.fix_artist_table > div {
    width: 100%;
    float: left;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msj_allscreen_pop > div.center_desc {
    text-align: center;
    font-size: 13px;
}

.msj_allscreen_pop > div.center_btn {
    margin: 2% 0 0 25%;
}
/* ==========================================================================
Media Queries
========================================================================== */

/* ----------IPAD PRO --------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1366px) and (max-width: 1366px) {
    .scroller_w {
        position: absolute;
        top: 80px;
    }

    .B_White:hover, .B_White_s:hover {
        background-color: initial;
        color: #fff;
        transition: none 33ms cubic-bezier(.3, 0, 0, 1);
        transition-property: all;
        transform: scale(1.06);
    }

    .B_White:hover i > img:last-child, .B_White3:hover i > img:last-child {
        opacity: 0;
        visibility: hidden;
    }

    .B_White:hover i > img:first-child, .B_White3:hover i > img:first-child {
        opacity: 1;
        visibility: visible;
    }
}

/* ----------Pantalla 1024 px o menores--------- */
@media screen and (max-width: 1024px) {

    .checkout input {
        font-size: 11px;
    }

    .eventos_r {
        display: none;
    }

    .B_White:hover, .B_White_s:hover {
        background-color: initial;
        color: #fff;
        transition: none 33ms cubic-bezier(.3, 0, 0, 1);
        transition-property: all;
        transform: scale(1.06);
    }

    .B_White:hover i > img:last-child, .B_White3:hover i > img:last-child {
        opacity: 0;
        visibility: hidden;
    }

    .B_White:hover i > img:first-child, .B_White3:hover i > img:first-child {
        opacity: 1;
        visibility: visible;
    }

    .sin_resultados {
        margin-top: 20px;
    }

    .list_detail_information {
        width: 100%;
    }

    .list_detail.identified-songs-playlist .list_detail-text_truncate {
        overflow: hidden;
    }

    .w_album.user-playlist > div:last-child {
        max-width: 480px;
    }

    .list_detail.identified-songs-playlist .list_detail-text_truncate {
        overflow: hidden;
    }

    .lista_canciones.lista_c_al {
        margin: 0;
        width: 100%;
    }

    .lista_canciones.ni_eventos2.lista_predictiva.list_artist .list_td_details td:last-child {
        width: auto;
    }

    .lista_canciones td:last-child > div, .lista_canciones td:last-child {
        width: 33px;
    }

    .lista_canciones td:last-child > div.artist-social-container, .list_artist td:last-child {
        width: 80px;
    }

    .e_evento {
        float: none;
        justify-content: center;
    }

    .e_evento_1 {
        width: 280px;
        padding: 0 20px;
    }

    .e_evento_3 {
        width: 280px;
    }

    .w_album {
        position: absolute;
    }

    .list_detail_information {
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (min-width: 1024px) {
    .album-price-desktop {
        margin-bottom: 5%;
    }
}

/* DESKTOP GENERIC */
@media screen and (min-width: 700px) {
}

@media screen and (max-width: 1024px) {

}

/* ----------Pantalla 910 px o menores--------- */
@media screen and (max-width: 997px) {
    .user-playlist .list-title-edit h1 {
        max-width: 100%;
    }

    .w_album {
        width: 100%;
        margin: 0 0 30px 0;
        order: initial;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .w_album > div:last-child {
        width: 100%;
        float: none;
    }

    .w_album.list_detail:not(.album-list-detail) > div:last-child a[type="button"] {
        max-width: 130px;
        margin: 10px auto 0;
        float: none;
        display: flex;
    }

    .w_album.album-list-detail {
        text-align: center;
        position: static;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .list_detail.album-list-detail h2 {
        text-align: center;
    }

    .list_detail .base_cover_image {
        max-width: 240px;
        vertical-align: top;
        padding: 1%;
    }

    .lista_canciones td > div {
        width: auto;
    }

    .lista_canciones td > div > ul > li:nth-child(1), .lista_canciones td > div > ul > li:nth-child(2), .lista_canciones td > div > ul > li:nth-child(3) {
        display: none;
    }

    .lista_canciones.list_users td > div > ul > li:nth-child(1), .lista_canciones.list_users td > div > ul > li:nth-child(2), .lista_canciones.list_users td > div > ul > li:nth-child(3) {
        display: block;
    }

    .lista_canciones.list_artist td > div > ul > li:nth-child(1), .lista_canciones.list_artist td > div > ul > li:nth-child(2), .lista_canciones.list_artist td > div > ul > li:nth-child(3) {
        display: block;
    }

    .op_cl_ctx > ul > li:nth-child(2), .op_cl_ctx > ul > li:nth-child(3), .op_cl_ctx > ul > li:nth-child(4) {
        display: block;
    }

    .opciones_clista.op_cl2lvl {
        top: 25px;
        left: -245px;
        padding: 0;
        font-weight: normal;
        border: 1px solid #666;
    }

    .dropd_busqueda {
        left: 10px;
    }

    .lista_canciones_compra {
        flex: initial;
        padding: 0;
    }

    .checkout {
        width: 100%;
        height: auto;
        margin-bottom: 100px;
    }

    .checkout > ul > li, .checkout > ul {
        width: 100%;
    }

    .checkout > ul {
        height: auto;
    }

    .checkout > ul > li:last-child {
        position: relative;
        bottom: initial;
        top: initial;
        float: left;
    }

    .checkout .pais_drop {
        bottom: 30px;
        top: initial;
    }

    .checkout input {
        font-size: 14px;
    }

    .e_evento_2.e_e2_artista {
        display: block;
    }

    .e_evento_2, .eventos_r {
        display: none;
    }

    .dropd_img_cotx.scnd_drop {
        top: 0px;
        left: initial;
        right: 250px;
    }

    .lista_canciones.C_album td:last-child > div > ul > li > a {
        margin: 0;
    }

    .lista_canciones_compra.c_vacio {
        flex: initial;
    }

    /*FIX SCROLL*/
    .list_detail .seguidores {
        width: 100%;
        margin: 5px auto;
        font-size: 15px;
        text-align: center;
    }

    .list_detail.user-playlist .base_cover_image {
        padding: 0;
    }

    .list_detail.user-playlist > div:nth-last-child(2) {
        padding: 0;
    }
}

@media screen and (max-width: 997px) {
    /*FIX SCROLL*/
    .list_detail h1 {
        font-size: 22px;
        height: auto;
        width: 100%;
        margin: 2px 0;
        max-width: 480px;
        text-align: center;
    }

    .album-list-detail h1 {
        text-align: center;
    }

    .list_detail_deeplink h1 {
        text-align: center;
    }

    .list_detail h2, .list_detail.album-list-detail h2 {
        font-size: 17px;
        margin: 10px 0;
        text-align: center;
    }

    .list_detail h2 {
        text-align: center;
    }

    .list_detail h6 {
        font-size: 13px;
    }

    .w_album.list_detail > div:last-child > div:first-child {
        height: auto;
        font-size: 15px;
        margin: 10px 0;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .list_detail_information > div {
        font-size: 15px;
    }

    .w_album.list_detail {
        width: 100%;
        max-width: 100%;
        order: initial;
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
    }

    .seguidores {
        text-align: center;
    }

    .list_detail.album-list-detail h6 {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .list_event_wraper {
        margin-bottom: 90px;
    }
}

@media screen and (max-width: 750px) {
    .e_evento_1.e_e_artista > div > div {
        width: 200px;
    }

    .list_detail h2 {
        text-align: center;
    }
}

@media screen and (max-width: 736px) {
    .w_album.list_detail > div:last-child {
        margin: 0;
        bottom: 155px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .w_album.album-list-detail > div:last-child {
        top: 0;
        left: 0;
        width: 140px;
    }

    .w_album.list_detail > div:last-child > div:first-child > div + div {
        float: left;
        text-align: center;
        width: 100%;
    }

    .w_album.list_detail_deeplink > div:last-child {
        margin: 10px 0 0 0;
        width: 260px;
        bottom: 0;
        position: relative;
    }
}

.song-context-menu, .close-context-menu {
    display: none;
}

.close-context-menu{
    font-size: 25px;
}

.close-context-menu:hover{
    cursor: pointer;
}

/* ----------Pantalla 700 px o menores --------- */
@media screen and (max-width: 700px) {
    .c_tipo4_wrapper {
        padding: 0 0 0 15px;
        /* height: calc(100vh - 158px); */
    }

    .w_album > div:last-child > div:first-child > div {
        float: left;
    }

    .w_album > div:last-child > div:first-child > div + div {
        float: left;
    }

    .c_tipo4_wrapper h1, .c_tipo4_wrapper h2, .c_tipo4_wrapper h6 {
        padding: 0 27px;
    }

    .c_tipo4_wrapper h1, .c_tipo4_wrapper h2 {
        padding: 0 0;
    }

    .c_tipo4_wrapper_deeplink h1 {
        text-align: left;
        margin: 0 0 10px 0;
    }

    .lista_canciones, .lista_canciones_compra {
        padding-bottom: 50px;
        padding-left: 0;
    }

    .opciones_calbum {
        right: -5px;
    }

    .scnd_drop {
        right: 30px;
        border: 1px solid #666;
    }

    .scnd_drop_album {
        border: 1px solid #666;
    }

    .pakte_comprado > div:last-child {
        padding: 15px 0;
    }

    .lista_canciones.lista_c_al {
        padding: 0;
    }

    .secc_listas_gral-no-content.empty-list-container {
        text-align: left;
        margin: 0;
    }

    .dropd_gral.ctx_fullscrn, .dropd_img_cotx {
        top: 0;
        left: 0;
        position: fixed;
        z-index: 200;
        width: 100%;
        height: 100%;
        background: #27282C;
    }

    .dropd_gral.ctx_fullscrn > ul, .dropd_img_cotx.scnd_drop_album > ul, .scnd_drop_info ul, .dropd_img_cotx ul {
        background: transparent;
        height: 100%;
        overflow-y: scroll;
        padding-top: 12%;
    }

    .dropd_gral.ctx_fullscrn > ul, .dropd_gral.ctx_fullscrn > ul > li, .dropd_gral.ctx_fullscrn > ul > li > a {
        width: 100%;
    }

    .dropd_gral.ctx_fullscrn > ul > li, .dropd_img_cotx > ul > li {
        height: 70px;
    }

    .dropd_gral.ctx_fullscrn > ul > li:last-child, .dropd_img_cotx.scnd_drop_album > ul > li:last-child, .scnd_drop_info ul > li:last-child, .dropd_img_cotx ul > li:last-child {
        margin-bottom: 70px;
    }

    .opciones_clista > ul > li:first-child {
        position: relative;
        margin-top: 20px;
        margin-bottom: 5%;
    }

    .dropd_gral.ctx_fullscrn > ul > li > a, .dropd_img_cotx > ul > li > a {
        height: 70px;
        padding: 28px 0 0 20px;
    }

    .img_ctx_content {
        display: block;
        width: 65px !important;
        height: 65px;
        padding: 0 !important;
        border: 1px solid #2f2f2f;
        position: absolute;
        top: 5px;
        left: 5px;
        margin: 5px;
    }

    .img_ctx {
        display: flex;
        width: 100%;
        height: auto;
    }

    .list_detail h2 {
        text-align: center;
    }

    .opciones_clista li > div:first-child {
        margin-top: 16px;
    }

    .opciones_clista li > .title-song-contextual {
        padding: 14px 15px 0 85px;
    }

    .opciones_clista li > div + div {
        padding: 0 15px 0 85px;
    }

    .opciones_clista.op_cl2lvl, .dropd_img_cotx.scnd_drop_album {
        top: 0;
        left: 0;
        position: fixed;
        z-index: 9999;
        width: 100%;
        height: 100%;
        border: none;
        font-size: 14px;
        background: #27282C;
    }

    .opciones_clista.op_cl2lvl > ul, .opciones_clista.op_cl2lvl > ul > li, .opciones_clista.op_cl2lvl > ul > li > a,
    .dropd_img_cotx.scnd_drop_album > ul, .dropd_img_cotx.scnd_drop_album > ul > li, .dropd_img_cotx.scnd_drop_album > ul > li > a {
        width: 100%;
    }

    .opciones_clista.op_cl2lvl > ul > li, .opciones_clista.op_cl2lvl > ul > li > a {
        height: 70px;
    }

    .opciones_clista.op_cl2lvl > ul > li > a, .dropd_img_cotx.scnd_drop_album > ul > li > a {
        padding: 28px 0 0 20px;
    }

    .dropd_img_cotx li.listaA_scroll {
        height: auto !important;
    }

    .listaA_scroll li, .newl, .newl > a {
        height: 70px !important;
    }

    .listaA_scroll li > a {
        height: 70px;
        padding: 28px 20px;
    }

    .dropd_img_cotx.scnd_drop_album > ul > li:first-child {
        height: auto;
    }

    .dropd_img_cotx.scnd_drop_album > ul > li:first-child > div {
        font-size: 20px;
        height: 50px;
        padding-top: 20px;
    }

    .dropd_img_cotx.scnd_drop_album > ul > li, .dropd_img_cotx.scnd_drop_album > ul > li > a {
        height: 70px;
        font-size: 14px;
    }

    .dropd_img_cotx.scnd_drop_info {
        top: 0;
        left: 0;
        position: fixed;
        z-index: 9999;
        width: 100%;
        height: 100%;
        border: none;
        font-size: 14px;
    }

    .scnd_drop_info li > div:first-child {
        margin: 25px 0 0 0;
        font-size: 18px;
        float: left;
        height: 25px;
    }

    .dropd_img_cotx.scnd_drop_info li > div:nth-child(2) {
        font-size: 16px;
        float: left;
        height: 30px;
    }

    .scnd_drop_info li > div > img {
        width: 200px;
        height: 200px;
    }

    .scnd_drop_info table {
        margin: 25px 0 0 0;
    }

    .dropd_img_cotx.scnd_drop_info td {
        font-size: 15px;
        line-height: 23px;
    }

    /*Condiciones codigos promocionales*/
    .msj_allscreen_pop_telcel.codigoP_pop {
        width: 100%;
        max-height: none;
    }

    .msj_allscreen_pop_telcel.codigoP_pop td:first-child > p {
        font-style: italic;
        margin: 15px 0 0 0;
        float: left;
        width: 100%;
    }

    .msj_allscreen_pop_telcel.codigoP_pop td {
        border-top: none;
        padding: 0 10px;
    }

    .msj_allscreen_pop_telcel.codigoP_pop {
        max-height: 365px;
    }

    .mailing_pop {
        max-height: 360px;
        margin: 50px auto 0 auto;
    }

    .mailing_pop table {
        width: 265px;
        height: 165px;
        float: right;
    }

    .mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(1) > div.mailing_four_cover > img {
        height: 50%;
    }

    .w_album img {
        max-width: 100%;
    }

    .list_detail.album-list-detail h6 {
        padding: 0 0;
    }

    .list_event_wraper {
        margin-bottom: 120px;
    }

    .dropd_img_cotx ul {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        background: #27282C;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 1);
        -moz-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 1);
        box-shadow: 0 0 3px 0 rgba(100, 100, 100, 1);
    }


    .dropd_gral.ctx_search.ctx_fullscrn,
    .dropd_img_cotx.scnd_drop.dropd_img_cotx_A.ctx_search {
        top: 48px;
        height: 100%;
        background: #17181A;
        border-radius: 0;
        -webkit-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0);
        -moz-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0);
        box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0);
        z-index: 9999;
    }

    .dropd_img_cotx.scnd_drop.dropd_img_cotx_A.ctx_search {
        z-index: 10000;
    }

    .ctx_search ul, .dropd_gral.ctx_search.ctx_fullscrn > ul,
    .dropd_img_cotx.scnd_drop.dropd_img_cotx_A.ctx_search > ul {
        background: #17181A;
        height: 75%;
        overflow-y: scroll;
        padding-bottom: 0;
        padding-top: 0;
        -webkit-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0);
        -moz-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0);
        box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0);
        position: relative;
    }

    .dropd_gral.ctx_search.ctx_fullscrn > ul > li,
    .dropd_img_cotx.scnd_drop.dropd_img_cotx_A.ctx_search > ul > li {
        background: #17181A;
        font-size: 16px;
    }

    .dropd_gral.ctx_search.ctx_fullscrn > ul > li:first-child,
    .dropd_img_cotx.scnd_drop.dropd_img_cotx_A.ctx_search > ul > li:first-child {
        margin-top: 0;
        margin-bottom: 0;
    }

    .ctx_search li > a,
    .dropd_gral.ctx_search.ctx_fullscrn > ul > li > a {
        background: #17181A;
    }

    .ctx_cancel_btn {
        width: 100%;
        float: left;
        height: 100px;
        display: block;
        position: fixed;
        bottom: 0;
        background: #17181A;
    }

    .ctx_cancel_btn > a {
        position: relative;
        font-family: 'Roboto', sans-serif;
        float: left;
        text-align: center;
        padding-top: 18px;
        font-size: 17px;
        width: 85%;
        height: 50px;
        margin: 25px 0 0 25px;
        background-color: #4A4C5A;
        border-radius: 10px;
        text-transform: uppercase;
    }

    .shoppingcart_handler .contador_canciones {
        top: -2px;
        left: 15px;
    }

    .song-context-menu {
        display: flex;
        width: 100%;
        min-height: 100px;
        max-height: 250px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .song-context-menu .song-title {
        font-weight: 600;
        font-size: 20px;
    }
    .song-context-menu .song-artist {
        color: #999;
        font-size: 16px;
    }
    .close-context-menu {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        color: #FFF;
    }
}

@media screen and (max-width: 650px) {
    .lista_canciones.ni_eventos2 td.list_td_first_details {
        max-width: 300px;
    }
}

@media screen and (max-width: 450px) {
    .mailing_pop table {
        width: 255px;
        height: 165px;
        float: right;
    }

    .lista_canciones.ni_eventos2 td.list_td_first_details {
        max-width: 280px;
    }

    .lista_predictiva.ni_eventos2 td.list_td_first_details {
        max-width: 180px!important;
    }

    .list_td_1_ellip {
        max-width: 100px;
    }

    .ps_user_follow_button > ul > li > a.B_White_seguir {
        width: 90px;
    }
}

@media screen and (max-width: 430px) {
    .mailing_pop table {
        width: 250px;
        height: 165px;
        float: right;
    }

    /* Fix Button Follow user */
    .B_White_seguir span {
        display: none;
    }

    .ps_user_follow_button > ul > li > a.B_White_seguir {
        width: 40px;
    }

    .B_White_seguir {
        display: flex;
        padding: 0!important;
    }

    .B_White_seguir div {
        display: flex;
        margin: auto;
    }

    .B_White_seguir i {
        text-align: center;
        margin: auto;
    }
}

/* ----------Pantalla 414 px o menores --------- */
@media screen and (max-width: 420px) {
    .c_tipo2_wrapper .lista_canciones {
        padding: 0 15px 50px 0;
    }

    .lista_canciones.list_radios td:first-child,
    .lista_canciones.list_radios td:first-child,
    .lista_canciones.list_podcasts td:first-child,
    .lista_canciones.list_podcasts td:first-child {
        width: 80% !important;
    }

    .lista_canciones.list_radios td:last-child,
    .lista_canciones.list_radios td:last-child,
    .lista_canciones.list_podcasts td:last-child,
    .lista_canciones.list_podcasts td:last-child {
        width: 40px !important;
    }

    .lista_canciones.list_radios.C_album td:nth-child(4), .lista_canciones.list_radios.C_album th:nth-child(4),
    .lista_canciones.list_radios td:nth-child(4), .lista_canciones.list_radios th:nth-child(4),
    .lista_canciones.list_podcasts.C_album td:nth-child(4), .lista_canciones.list_podcasts.C_album th:nth-child(4),
    .lista_canciones.list_podcasts td:nth-child(4), .lista_canciones.list_podcasts th:nth-child(4) {
        display: block;
    }

    .lista_predictiva.list_radios td:nth-child(4),
    .lista_predictiva.list_podcasts td:nth-child(4) {
    	display: table-cell!important;
    }

    .lista_predictiva.list_radios table.predictive_radios th:nth-child(4),
    .lista_predictiva.list_podcasts table.predictive_podcasts th:nth-child(4) {
    	display: table-cell;
    }

    .lista_canciones.C_album td:nth-child(2), .lista_canciones.C_album th:nth-child(2) {
        display: table-cell;
    }

    .lista_canciones.list_radios td:nth-child(2),
    .lista_canciones.list_radios td:nth-child(2),
    .lista_canciones.list_podcasts td:nth-child(2),
    .lista_canciones.list_podcasts td:nth-child(2) {
        width: calc(50% - 40px) !important;
    }

    .lista_canciones.rseach td:nth-child(3), .lista_canciones.rseach th:nth-child(3) {
        display: table-cell;
    }

    .lista_canciones.lista_c_al.col_sn_album td:nth-child(4), .lista_canciones.lista_c_al.col_sn_album th:nth-child(4) {
        display: table-cell;
    }

    .rseach td:nth-child(2), .rseach th:nth-child(2) {
        display: none;
    }

    .c_tipo5_wrapper {
        padding: 27px 0 0 15px;
    }

    .carrito_w {
        padding-right: 15px;
    }

    .lista_canciones_compra {
        padding: 0;
    }

    .lista_canciones_compra td {
        padding: 0;
    }

    .lista_canciones_compra th > a, .lista_canciones_compra th {
        font-size: 11px;
    }

    .lista_canciones_compra td > div.carrito_precio {
        font-size: 13px;
        padding: 6px;
    }

    .lista_canciones_compra {
        padding-bottom: 0px;
    }

    .DG_allw {
        left: 0px;
    }

    .comprado th:nth-child(3), .comprado td:nth-child(3) {
        display: none;
    }

    .e_evento_1.e_e_artista {
        width: 227px;
    }

    .perfil1.p_artista {
        height: 400px;
    }

    .perfil1.p_artista.p_artista_deeplink {
        height: 350px;
    }

    .p_artista_deeplink  h1 {
        float: none;
        font-size: 20px;
        text-align: center;
        z-index: 4;
    }

    .button_deeplink{
        top: 0px;
    }

    .msj_allscreen_pop_telcel {
        width: 350px;
        max-height: 510px;
    }

    .B_Black.pop_telcel {
        margin: 0 0 0 28%;
    }

    .mailing_pop {
        max-height: 440px;
    }

    .mailing_pop > div:last-child > div:nth-child(1) {
        padding: 0 15px 2px 15px;
    }

    .mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(1) {
        margin: 22px 0 0 15px;
    }

    .mailing_pop > div:last-child > div:nth-child(1) > p {
        width: 300px;
        font-size: 16px;
    }

    .mailing_pop > div:last-child > div:nth-child(1) > a {
        margin-top: -40px;
        font-size: 22px;
    }

    .mailing_pop table {
        width: 210px;
    }

    .mailing_pop td {
        padding: 20px 25px 0 10px;
        font-size: 14px;
    }

    .mailing_pop tr:nth-child(3) > td {
        padding: 0;
    }

    .mailing_pop textarea#mailing {
        margin: 20px 35px 10px 15px;
        width: 92%;
        height: 60px;
    }

    .mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(4) > div:first-child {
        width: 380px;
        margin: -5px 0 4px 15px;
        text-align: center;
    }

    .mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(5) > div:first-child {
        width: 300px;
        margin: 0 0 0 50px;
        text-align: center;
    }

    .mailing_pop > div:last-child > div:last-child {
        left: 30%;
        bottom: 3%;
    }

    .list_detail_deeplink > div:last-child {
        left: 0px;
    }

    .list_detail h1 {
        padding: 0 0 3px 0;
        max-width: 375px;
    }

    .list_detail_deeplink h1 {
        max-width: 330px;
        text-align: center;
    }

    .subtitle_marg_bottom {
        text-align: center;
    }

    .list_detail .base_cover_image {
        position: relative;
        margin: 0;
        padding: 0;
        clear: both;
    }

    .list_detail_deeplink .base_cover_image {
        position: relative;
        display: block;
        margin: 0px;
        padding: 5px 5px 0 0;
        clear: both;
    }

    .list_detail h2, .list_detail.album-list-detail h2 {
        margin: 2px 0 5px 0;
        padding: 0;
    }

    .list_detail h6, .list_detail.album-list-detail h6 {
        margin: 3px 0 10px 0px;
        padding: 0;
    }

    .lista_canciones.lista_predictiva.list_radios td:nth-child(2),
    .lista_canciones.lista_predictiva.list_podcasts td:nth-child(2) {
        display: none;
    }

    .lista_canciones.lista_predictiva.list_radios th:nth-child(2),
    .lista_canciones.lista_predictiva.list_podcasts th:nth-child(2) {
        display: none;
    }
}

/* ----------Pantalla Iphone X--------- */
@media screen and (height: 812px) {
    .list_detail h1 {
        padding: 0 0 3px 0;
        max-width: 325px;
    }

    .list_detail h2, .list_detail.album-list-detail h2 {
        margin: 2px 0 5px 0;
        padding: 0;
    }

    .list_detail h6, .list_detail.album-list-detail h6 {
        margin: 3px 0 10px 5px;
        padding: 0;
    }

    .list_detail_deeplink h2{
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/* ----------Pantalla 375 px o menores --------- */
@media screen and (max-width: 375px) {
    .lista_canciones td:nth-child(4), .lista_canciones th:nth-child(4), .lista_canciones td > div, .lista_canciones td > div > ul > li,
    .lista_canciones td > div > ul > li > a {
        width: 40px;
    }

    .lista_canciones {
        padding: 0 0 50px 0;
    }

    .lista_canciones td > div > ul > li > a > i > img:last-child {
        left: 4px;
    }

    .c_tipo2_wrapper .lista_canciones {
        padding: 0 15px 50px 0;
    }

    .secc_listas_gral.p_art li, .item_artista.p_art li {
        margin-right: 17px;
    }

    .lista_canciones_compra td:first-child, .lista_canciones_compra th:nth-child(2) {
        display: none;
    }

    .comprado td:first-child {
        display: table-cell;
    }

    .comprado .B_Black_G {
        padding: 0 6px;
    }

    .comprado .B_Black_G > div {
        font-size: 11px;
        margin-top: 7px;
    }

    .paket_pop {
        max-height: 335px;
    }

    .paket_pop td {
        font-size: 13px;
    }

    .pakte_comprado li {
        font-size: 15px;
    }

    .pakte_comprado > div:last-child > div:last-child > div {
        font-size: 14px;
    }

    .pakte_comprado a.b_bluish_per {
        font-size: 14px;
        height: auto;
    }

    .msj_allscreen_pop_telcel.codigoP_pop {
        max-height: 400px;
    }

    .msj_allscreen_pop_telcel.codigoP_pop > div:last-child > div:first-child {
        font-size: 22px;
    }

    .msj_allscreen_pop_telcel.codigoP_pop > div:first-child > div:first-child > a {
        margin-top: -26px;
    }

    .mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(4) > div:first-child {
        width: 355px;
        margin: -5px 0 2px 10px;
        text-align: center;
    }

    .mailing_pop table {
        width: 190px;
    }

    .list_detail h1 {
        max-width: 330px;
    }

    .list_detail_deeplink h1 {
        max-width: 330px;
        text-align: center;
    }

    /* Fix Button Follow user */
    .B_White_seguir span {
        display: none;
    }

    .ps_user_follow_button > ul > li > a.B_White_seguir {
        width: 100%;
    }
    .B_White_seguir {
        display: flex;
        padding: 0!important;
    }
    .B_White_seguir div {
        display: flex;
        margin: auto;
    }

    .B_White_seguir i {
        text-align: center;
        margin: auto;
    }
}

/* ----------Pantalla 320 px o menores --------- */
@media screen and (max-width: 320px) {
    .c_tipo4_wrapper h1, .c_tipo4_wrapper h2, .c_tipo4_wrapper h6 {
        padding: 0 10px;
    }

    .c_tipo4_wrapper h1 {
        font-size: 18px;
    }

    .c_tipo4_wrapper h2 {
        font-size: 15px;
    }

    .w_album > div:last-child {
        margin: 0 0 15px 15px;
    }

    .w_album > div:last-child > div:first-child > div, .w_album > div:last-child > div:first-child > div + div {
        font-size: 13px;
        margin: 0;
    }

    .w_album > div:last-child > div:first-child > div {
        width: 100%;
    }

    .B_White div {
        width: 100%;
    }

    .seguidores {
        width: 155px;
        margin: 5px 0;
        float: none;
    }

    .secc_listas_gral.p_art li, .item_artista.p_art li {
        margin-right: 9px;
    }

    .comprado td:first-child, .comprado th:nth-child(2) {
        display: none;
    }

    .w_album > div:last-child > div:nth-child(3) > .B_White i {
        left: 92px;
    }

    .w_album > div:last-child > div:nth-child(3) > .B_White div {
        text-align: left;
        padding: 0 0 0 30px;
    }

    .B_White i {
        left: 150px;
    }

    .msj_allscreen_pop_telcel {
        width: 290px;
        max-height: 425px;
    }

    .B_Black.pop_telcel {
        margin: 0 0 0 23%;
    }

    .msj_allscreen_pop_telcel td {
        font-size: 12px;
        padding: 4px 0;
    }

    .msj_allscreen_pop_telcel > div:last-child > div > div {
        font-size: 14px;
        line-height: 14px;
        margin: 0 0 10px 0;
    }

    .msj_allscreen_pop_telcel td:first-child {
        width: 90px;
    }

    .pakte_comprado ul {
        padding: 0 25px;
    }

    .pakte_comprado li {
        font-size: 13px;
        height: 30px;
    }

    .pakte_comprado > div:last-child > div:first-child {
        padding-top: 15px;
        line-height: 17px;
    }

    .pakte_comprado > div:last-child > div:last-child > div {
        padding: 6px;
    }

    .msj_allscreen_pop_telcel.codigoP_pop {
        max-height: 335px;
        top: 40px;
    }

    .msj_allscreen_pop_telcel.codigoP_pop > div:last-child > div:first-child {
        font-size: 18px;
    }

    .msj_allscreen_pop_telcel.codigoP_pop > div:last-child > div:nth-child(2) {
        padding: 0;
    }

    .msj_allscreen_pop_telcel td {
        font-size: 11px;
        line-height: 14px;
    }

    .mailing_pop {
        max-height: 460px;
    }

    .mailing_pop table {
        width: 150px;
    }

    .mailing_pop td {
        font-size: 15px;
        padding: 20px 0 0 0;
    }

    .mailing_pop td > b {
        font-size: 18px;
    }

    .mailing_pop tr:nth-child(4) > td {
        font-size: 14px;
    }

    .mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(4) > div:first-child {
        margin: -8px 0 0 10px;
    }

    .mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(5) > div:first-child {
        margin: 0 0 0 10px;
    }

    .mailing_pop > div:last-child > div:last-child {
        left: 25%
    }

    .mailing_pop > div:last-child > div:nth-child(2) > div:nth-child(1) > div.mailing_four_cover > img {
        height: 44px;
    }

    .list_detail h1 {
        margin: 2px 0 10px 0;
        padding: 0;
        max-width: 290px;
    }

    .list_detail h2, .list_detail.album-list-detail h2 {
        margin: 2px 0 5px 0;
        padding: 0;
    }

    .list_detail h6, .list_detail.album-list-detail h6 {
        margin: 3px 0 10px 0px;
        padding: 0;
    }

    .w_album.list_detail >
    div:last-child >
    div:nth-child(3) >
    .B_White div {
        padding: 0;
        text-align: unset;
    }

    .lista_canciones.ni_eventos2 td.list_td_first_details {
        max-width: 200px;
    }

    /* Fix Button Follow user */
    .B_White_seguir span {
        display: none;
    }

    .ps_user_follow_button > ul > li > a.B_White_seguir {
        width: 100%;
    }
    .B_White_seguir {
        display: flex;
        padding: 0!important;
    }
    .B_White_seguir div {
        display: flex;
        margin: auto;
    }

    .B_White_seguir i {
        text-align: center;
        margin: auto;
    }

    .plan_validity {
        font-size: 10px;
    }
}

/* ----------Pantalla Iphone 4--------- */

@media screen and (max-height: 635px) and  (max-width: 1024px), (max-width: 980px), (max-height: 635px) {
    /*FIX SCROLL*/
    .w_canciones {
        margin: 0;
    }

    .lista_canciones.lista_c_al {
        margin: 0;
        width: 100%;
    }

    .lista_canciones.lista_c_al.col_sn_album {
        margin: 0;
        width: 100%;
        margin-bottom: 16px;
    }
}

/*--------------------------------------*/

@media screen and (max-height: 410px) and (max-width: 700px) {
    .mailing_pop {
        height: 390px;
    }

    .pop-up-NET_g {
        overflow-y: auto;
    }
}

@media screen and (max-height: 410px) and (max-width: 420px) {
    .mailing_pop {
        height: 440px;
    }
}

/* ==========================================================================
Alert
========================================================================== */
.alert_popup {
    display: flex;
    justify-content: center;
    align-items: center;
}

.alert_off{
    display: none;
}

.alert_modal{
    background: #0F0F0F;
    padding: 15px;
    border-radius: 5px;
}
.alert_modal p.alert_title{
    white-space: pre-line;
    text-align: center;
    color: white;
}
.alert_modal p.alert_dialog_text{
    white-space: pre-line;
    text-align: center;
    color: white;
}

.alert_modal_small{
    width: 350px;
    margin: 30% auto;
}

.alert_modal_footer{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.alert_modal_footer button{
    white-space: nowrap;
    text-decoration: none;
    padding: 6px 12px;
    background : #ffffff;
}

.alert_modal_footer button:hover{
    background: #dddddd;
}

.alert_btn_block {
    width: 75%;
}

/* ==========================================================================
ANIMATIONS
========================================================================== */
.fadeIn {
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;
}

@keyframes fadeIn{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

/*
    Refactor álbum Cover
*/
.cover-page-album {
    position: relative;
}

.cover-page-album > div:first-child {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    padding-left: 1em;
    padding-right: 1em;
}

.cover-page-album-container > div {
    cursor: pointer;
    opacity: 0;

    font-size: 18px;
}

.cover-page-album-container > div.icon-cover-page.i_ply {
    font-size: 22px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    display: flex;
}

.cover-page-album-container > div {
    align-self: center;
}

.icon-cover-page.i_ply > a.icon-play2 {
    margin: 0 auto;
    align-self: center;
}

.icon-cover-page.i_ply:hover .icon-play2 {
    color: #EA423F;
}

li:hover .cover-page-album > div:first-child div.icon-cover-page {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1023px) {
    .B_Red_Light {
        width: 100%;
    }
}

.blueFill:-webkit-autofill,
.blueFill:-webkit-autofill:hover,
.blueFill:-webkit-autofill:focus,
.blueFill:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;;
    box-shadow: 0 0 0px 1000px #3A3A3A inset;
    -webkit-box-shadow: 0 0 0px 1000px #3A3A3A inset;
    -moz-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

input::-ms-clear {
    display: none;
}

.icon_top {
    margin-top: 10px;
}

.bg_icon {
    position: relative;
    opacity: .92;
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(47, 47, 47, 0.6)', endColorstr='rgba(7, 7, 7, 0.36)', GradientType=0);
    -webkit-transform: translate3d(0, 0, 0);
    z-index: -1;
    height: 60px;
}

.bg_icon_disabled {
    position: relative;
    z-index: -1;
    width: 75px;
    height: 63px;
}

.prepaid_bottom {
    position: relative;
    bottom: 15px;
}

.border_icon_top {
    border-top: solid 2px #9b9b9b;
}

.icon_bottom {
    position: relative;
    bottom: 45px;
}

.border_icon_bottom {
    border-bottom: solid 1px #9b9b9b;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(2) > a.icon_active.icon_intern {
    padding-bottom: 7px;
    margin-top: -5px;
}

.close_pass_new {
    float: right;
    bottom: 175px;
    margin-right: 2%;
    font-size: 40px;
    color: #fff;
    position: relative;
    cursor: pointer;
}

.confirm_text {
    margin: 20px 30px -12px 30px;
    text-align: center;
    font-family: 'Roboto';
}

.m_content_new {
    width: 60%;
    font-family: 'Roboto Lt', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: calc(100vh - 160px);
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    margin-top: 50px;
}

.B_Button_new.B_Bish_new a img.logoCMU {
    height: 35.5px;
    padding-bottom: 12px;
}

.m_content2_new {
    width: 100%;
    font-family: 'Roboto Lt', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    min-height: calc(100vh - 160px);
    padding: 15px;
    padding-bottom: 0;
}

.mp_payway .payment_title {
    margin: 15px 0px;
    width: 100%;
}

.mp_payway-wrapper-aux {
    padding: 30px;
}

.mp_payway .wrapper-box > p.payment_title {
    margin-left: -0px;
}

.forgot_text_new {
    width: 300px;
    font-size: 20px;
    font-family: 'Roboto';
    color: #fff;
    line-height: 1.05;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.m_content2_new > div:last-child {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    min-height: 640px;
    width: 300px;
    position: relative;
}

.marg_negative {
    margin-bottom: -65px;
}

.m_content2_new > div:last-child.CL_login_net {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    min-height: 640px;
    width: 370px;
    position: relative;
}

.companies_left_marg {
    margin-left: 45px;
}

.net_width {
    width: 68px;
    height: 25px;
}

.hdtv_width {
    width: 86px;
    height: 25px;
    margin-left: 9px;
}

.claro_width {
    width: 58px;
    height: 25px;
}

.CL_text_new {
    position: relative;
    color: #000;
    float: right;
    width: 100%;
}

.CL_forms_new > li > div:first-child.title_br {
    font-family: 'Roboto Md';
    font-size: 44px;
}

.CL_forms_new_alexa > li > div:first-child.title_br {
    font-family: 'Roboto Md';
    font-size: 44px;
}

.img_claroHDTV {
    height: 68px;
}

.input_pass_new {
    padding: 80px;
    padding-left: 38%;
    padding-right: 38%;
}

.input_pass_new2 {
    padding: 20px;
    padding-left: 39%;
    padding-right: 39%;
}

.new_sent_pass {
    color: #6286BB;
    position: relative;
    bottom: 20px;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: bold;
    line-height: 1.31;
    text-align: center;
    color: #ffcd35;
}

.pass_sub_title {
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 1.17;
    text-align: center;
    color: #eeeeee;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(3) > a > img.new_logo_fb {
    width: 75px;
    height: 64px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(3) > a.fb_up > img {
    height: 84px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(3) > a > img.mobile_logo_register_new {
    width: 100px;
}

.CL_forms_new > li > div:nth-child(2) > ul li.adjust_three_img {
    width: 33.3%;
}

.CL_forms_new > li > div:nth-child(2) > ul li.adjust_four_img {
    width: 25%;
}

.CL_forms_new > li > div:nth-child(2) > ul li.adjust_two_img {
    width: 50%;
}

.confirm_code_text {
    color: #ffcd35;
    text-align: center;
    font-family: 'Roboto';
    padding: 0 10% 0 10%;
    margin-top: 5%;
    height: 80px;
}

.input_pass_new input {
    min-width: 200px;
}

.tel_num_new {
    margin-bottom: 80px;
    margin-top: 20px;
}

.tel_num_new_pin {
    margin-bottom: 30px;
}

.imp_marg_bottom {
    margin-bottom: 166px;
}

.imp_marg_top_bottom {
    margin-top: 5px;
    margin-bottom: 20px;
}

.CL_telcel_login_new input.input_height_tel1 {
    height: 25px;
}

.CL_telcel_login_new input.input_height_tel2 {
    height: 50px;
    padding-top: 25px;
}

.body_top {
    margin-top: 30px;
}

.CL_forms_new {
    float: left;
}

.pop_password_new {
    position: absolute;
    background: #000102;
    width: 100%;
    text-align: center;
    color: #CFCFCF;
    padding-top: 200px;
    line-height: 40px;
    top: 0;
    height: calc(100% + 250px);
    z-index: 999;
    opacity: 0.97;
}

.family_advertising {
    width: 550px;
    position: absolute;
    margin-left: 80px;
    margin-top: 200px;
}
.btn_cont_inv_congrats{
    height: auto!important;
    max-height: 500px!important;
}
.btn_cont_inv {
    background: rgba(0, 0, 0, .3);
    padding: 20px 3px 220px 3px;
    bottom: 10px;
    right: 25%;
    left: 50%;
    text-align: center;
    margin-left: -150px;
    position: absolute;
    width: 280px;
    z-index: 0;
    max-height: 580px;
    height: 100%;
    overflow: hidden;
}
.btn_cont_inv > div {
    height: initial;
    position: relative;
}

.btn_pf_inv {
    height: 80%;
    max-height: 800px;
}

.phone_placeholder {
    border-bottom: 1px solid #fff;
    margin-top: 5px;
    font-family: 'Roboto';
    cursor: pointer;
    font-size: 16px;
}

.center_mail_text2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    min-height: calc(100vh - 160px);
    width: 100%;
}

.center_mail_text_alexa {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}

.confirm_cont_alexa {
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    width: 500px;
    height: 660px;
    margin-top: 80px;
    z-index: 1;
    text-shadow: 0px 0px 3px #494949;
    padding-left: 30px;
    padding-top: 25px;
    padding-right: 30px;
    font-weight: bold;
}

.confirm_email_cont {
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    margin-left: auto;
    margin-right: auto;
    width: 392px;
    height: 487px;
    margin-top: 80px;
    z-index: 1;
    text-shadow: 0px 0px 3px #494949;
    padding-left: 30px;
    padding-top: 25px;
    padding-right: 30px;
    font-weight: bold;
}

.confirm_email_cont.br_container {
    width: 520px;
}

.error_email_cont {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 361px;
    height: 446px;
    text-align: center;
}

.confirm_error {
    margin: 30px 20px 0px 30px;
    line-height: 30px;
    font-weight: bold !important;
}

.confirm_thank_you {
    margin: 42px 0 24px 0;
}

.confirm_title {
    font-family: 'Roboto';
    font-size: 26px;
    line-height: 1.19;
    font-weight: normal;
    text-align: center;
    color: #ffcd35;
    text-shadow: 0 2px 4px #000000;
}

.confirm_text_alexa {
    color: #fff;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 28px;
    line-height: 1.24;
    text-shadow: 0 3px 5px #000000;
    margin: 100px 50px 75px 50px;
}

.confirm_purchase {
    text-align: center;
    color: #fff;
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.65), rgba(47, 47, 47, 0.6));
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 487px;
    text-shadow: 0px 0px 3px #494949;
    padding-left: 10px;
    padding-top: 0px;
    z-index: 1;
    padding-right: 10px;
    font-weight: bold;
}

.confirm_purchase p {
    font-family: 'MyriadPro';
    font-size: 18px;
    line-height: 1.67;
    font-weight: normal;
}

.success_purchase_title {
    font-family: 'MyriadPro';
    font-size: 21px;
    text-align: center;
    font-weight: normal;
}

.confirm_title.confirm_error_title {
    font-size: 46px;
    font-family: 'Roboto Md';
    line-height: 1.19;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px;
}

.confirm_title p {
    font-size: 26px;
    color: #ffcd35;
    font-family: 'Roboto';
    text-shadow: 0 2px 4px #000000;
}

.confirm_mail_text {
    font-size: 21px;
    font-family: 'segoe';
    font-weight: lighter;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.confirm_mail_text span{
    word-break: break-word;
}

.confirm_junk {
    margin: 40px 55px 40px 55px;
    font-family: 'segoe';
    font-weight: lighter;
    font-size: 15px;
    font-weight: 300;
}

.confirm_free_alexa {
    margin: 60px 55px 0px 55px;
    font-family: 'segoe';
    font-weight: lighter;
    font-size: 15px;
    font-weight: 300;
    color: #ffcd35;
}

.junk_br.confirm_junk {
    margin-top: 20px;
}

.confirm_one_step {
    font-family: 'Roboto';
    font-size: 46px;
    font-weight: 500;
    line-height: .8;
    margin-bottom: 15px;
    text-align: center;
}

.error_email_cont2 {
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    width: 300px;
    height: 300px;
    padding: 20px;
}

.confirm_title2 p.confirm_error2 {
    color: #fff;
}

.center_purchase {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    min-height: calc(100vh - 160px);
}

.purchase_cont {
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.65), rgba(47, 47, 47, 0.6));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.65), rgba(47, 47, 47, 0.6));
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.65), rgba(47, 47, 47, 0.6));
    padding: 15px 10px 15px 10px;
    width: 293px;
    z-index: 1;
    margin-top: 80px;
}

.purchase_title {
    text-align: center;
    font-family: 'Roboto';
    font-size: 26px;
    font-weight: bold;
    line-height: 1.35;
    text-align: center;
    color: #ffcd35;
    text-shadow: 0 2px 2px #2a2a2a;
}

.plan_box {
    width: 264px;
    border-radius: 8px;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
    padding-bottom: 5px;
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.34);
}

.rectangle_sky_blue {
    width: 264px;
    height: 55px;
    padding-top: 5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #48659e;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.17;
    padding-left:15px;
    padding-right: 15px;
}

.rectangle_blue {
    width: 264px;
    height: 55px;
    padding-top: 5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #1e2a44;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.17;
}

.listen_free {
    font-family: 'Roboto';
    font-size: 18px;
    text-align: center;
    margin-top: 60px;
}

.listen_free a {
    color: #ffcd35;
}

.rectangle_light_blue {
    width: 264px;
    height: 55px;
    padding-top: 5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #1498e5;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.17;
}

.rectangle_light_yellow {
    width: 264px;
    height: 55px;
    padding-top: 5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #EB8C36;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.17;
}

.free_month {
    font-size: 14px;
    font-weight: normal;
}

.purchase_text {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    line-height: 1.36;
    color: #3d3d3d;
    margin-left: 10px;
}

.btn_purchase {
    width: 168px;
    height: 35px;
    border-radius: 70px;
    background-color: #5886c0;
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Roboto';
    margin-top: 5px;
}

.payment_method_title {
    width: 369px;
    height: 35px;
    font-family: 'Roboto';
    font-size: 26px;
    font-weight: bold;
    line-height: 1.35;
    margin-left: -35px;
    letter-spacing: normal;
    text-align: center;
    color: #ffcd35;
    text-shadow: 0 2px 2px #2a2a2a;
}

.btn_cancel_alexa {
    color: #ffcd35;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: bold;
    margin-top: 150px;
    cursor: pointer;
}

.B_Button_new.B_B_new.B_font_alexa {
    font-size: 18px;
}

.B_pad_add {
    padding: 5px 15px 5px 15px;
}

.btn_invited {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background: #DA291c;
    font-family: Roboto;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    width: 220px;
    padding: 10px 0px 10px 0px;
}

.btn_invited_error {
    margin-top: 30px;
}

.btn_enjoy, .btn_add_friends {
    width: 240px;
    cursor: pointer;
    height: 50px;
    border-radius: 100px;
    background-color: #5886c0;
    padding-top: 15px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

.btn_add_friends {
    margin-top: 15px;
}

.enjoy_link {
    padding: 16px 45px 16px 45px;
}

.invite_text {
    text-align: center;
    line-height: 25px;
    word-wrap: break-word;
}

.center_check {
    text-align: center;
    color: #6ab814;
    z-index: 2;
}

.white_ball {
    background: #fff;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 40px;
    z-index: -1;
}

.success_register_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.invite_title {
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    word-wrap: break-word;
}

.invite_subtitle {
    color: #ffcd35;
    text-shadow: 0 2px 4px #000000;
    word-wrap: break-word;
    font-family: 'Roboto Lt';
    line-height: 1.3;
}

.family_plan_title {
    font-weight: bold;
    font-size: 70px;
}

.family_advertising ul li {
    font-size: 28px;
    font-weight: normal;
    color: #F9FAFB;
    line-height: 35px;
}

.family_advertising img {
    width: 380px;
    height: auto;
}

.CL_forms_new > li {
    float: left;
    width: 100%;
    padding: 0;
}

.CL_forms_new > li.help_marg {
    margin-bottom: 20px;
}

.CL_forms_new > li.form_row_mob_mx {
    padding-bottom: 16px;
}

.CL_forms_new > li.form_row_mob_co {
    padding-bottom: 14px;
}

.CL_forms_new > li > div:first-child {
    font-size: 45px;
    line-height: 23px;
    font-family: 'Roboto Md';
}

.CL_forms_new > li > div:first-child.code_link {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    color: #ffcd35;
    cursor: pointer;
    margin-bottom: 35px;
}

.CL_forms_new > li > div:nth-child(2) {
    margin: 15px 0;
}

.CL_forms_new > li > div:nth-child(2), .CL_forms_new > li > div:nth-child(2) > ul {
    float: left;
    width: 100%;
}

.CL_forms_new > li > div:nth-child(2) > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
}

.new_background {
    opacity: 0.92;
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(47, 47, 47, 0.6)', endColorstr='rgba(7, 7, 7, 0.36)', GradientType=0);
    -webkit-transform: translate3d(0, 0, 0);
    position: absolute;
    width: 100%;
    height: 65%;
    z-index: -1;
    top: 160px;
}

.new_background_1 {
    opacity: 0.92;
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(47, 47, 47, 0.6)', endColorstr='rgba(7, 7, 7, 0.36)', GradientType=0);
    -webkit-transform: translate3d(0, 0, 0);
    position: absolute;
    width: 100%;
    height: 65%;
    z-index: -1;
    top: 160px;
}

.new_background_promo {
    opacity: 0.92;
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(47, 47, 47, 0.6)', endColorstr='rgba(7, 7, 7, 0.36)', GradientType=0);
    -webkit-transform: translate3d(0, 0, 0);
    position: absolute;
    width: 100%;
    height: 65%;
    z-index: -1;
}

.CL_forms_new > li > div:nth-child(2) > ul li {
    width: 25%;
    text-align: center;
    height: 63px;
}

.CL_forms_new > li.cont_padd_bottom {
    padding-bottom: 20px;
}

.CL_forms_new_alexa > li > div:nth-child(2) > ul li {
    text-align: center;
    height: 63px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(2) > a > i > img.imageClaro {
    margin-top: -1px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(3) > a > img {
    max-width: 100%;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(1) > a {
    margin-top: 12px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li > a {
    color: #fff;
    font-size: 30px;
    width: 100%;
    text-align: center;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

.CL_forms_new > li > div:nth-child(2) > ul > li > a.selected_360_new {
    padding: 12px 7px 5px 7px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li > a:hover {
    opacity: 0.5;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:last-child > a > i > img {
    width: 100%;
}

.CL_forms_new > li > div:nth-child(2) > ul > li > a.icon_active {
    color: #27384B;
    border-radius: 5px;
    font-size: 35px;
    opacity: 1;
    margin-top: 13px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(2) > a.icon_active {
    margin-top: 12px;
    padding-bottom: 14px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(3) > a.icon_active > i > img {
    width: 35px;
}

.CL_forms_new.ini_s2 > li > div.CL_correo_login_new > ul > li.boton_ini {
    margin: 60px 0 0 0;
}

.CL_forms_new.ini_s2 {
    width: 100%;
    min-height: 155px;
}

.CL_forms_new.ini_s2_bookClaim {
    min-height: 500px;
}

.landing_dark_bg {
    padding-top: 20px;
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    height: 490px;
    z-index: -1;
}

.dark_bg_full {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.6), #0707075c);
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
}

.CL_forms_new.ini_s2.adjust_background {
    position: relative;
}

.CL_forms_new.ini_s2 .new_background {
    top: 268px;
}

.CL_forms_new.ini_s2 .new_background_1 {
    height: 470px;
    top: 187px;
}

.CL_forms_new.ini_s2 .new_background2 {
    height: 480px;
    top: 128px;
}

.CL_forms_new.ini_s2 .new_background.new_background2 {
    top: 127px;
}

.small_yellow {
    width: 266px;
    height: 36px;
    font-family: 'MyriadPro';
    font-size: 12px;
    line-height: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center;
    color: #ffcd35;
}

.small_top {
    position: relative;
    top: 140px;
}

.small_top2 {
    position: relative;
    top: 80px;
}

.small_top3 {
    position: relative;
    top: 140px;
}

.payment_yellow_text {
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    color: #ffcd35;
}

.payment_yellow_text .resend_yellow {
    font-family: 'Roboto';
    color: #ffcd35;
    font-size: 18px;
    font-weight: bold;
}

.card_input {
    display: inline-block;
    width: 70px;
    margin-left: 5px;
    margin-right: 5px;
}

.card_input2 {
    display: inline-block;
    width: 60px;
    margin-left: 40px;
}

.btn_purchase {
    border-radius: 100px;
    background-color: #5886c0;
    width: 240px;
    padding-top: 15px;
    height: 50px;
    text-align: center;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    margin-top: 150px;
    color: #fff;
}

.btn_purchase2 {
    border-radius: 100px;
    background-color: #5886c0;
    width: 168px;
    padding-top: 8px;
    height: 35px;
    text-align: center;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    color: #fff;
}

.purchase_link {
    padding-left: 41px;
    padding-right: 41px;
    padding-top: 9px;
    padding-bottom: 8px;
}

.payment_title {
    width: 369px;
    height: 35px;
    font-family: 'Roboto';
    font-size: 26px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: normal;
    margin-left: -34px;
    margin-bottom: 15px;
    text-align: center;
    color: #ffcd35;
    text-shadow: 0 2px 2px #2a2a2a;
}

.title_upsell {
    font-size: 44px;
    color: #fff;
    font-family: 'Roboto Md';
    text-shadow: 1px 1px 5px #000;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.2;
}

.advertisement_text {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: normal;
    margin-bottom: 15px;
    text-align: center;
    color: #ffcd35;
    text-shadow: 0 2px 2px #2a2a2a;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

.btn_purchase.B_purchase_top {
    margin-top: 0px;
}

.CL_forms_new.ini_s2 > li > div.CL_correo_login_new > ul > li {
    margin: 10px 0;
}

.CL_forms_new.ini_s2 > li > div.CL_correo_login_new > ul > li.confirm_marg {
    margin-top: 5px;
}

.CL_forms_new.ini_s2 > li > div.CL_correo_login_new > ul > li.boton_ini_new {
    margin: 30px 0;
}

/* Correo Login */
.CL_correo_login_new {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}

.CL_correo_login_new ul, .CL_correo_login_new li {
    float: left;
    width: 100%;
}

.CL_correo_login_new li {
    margin: 10px 0;
}

.CL_telcel_login_new input, .CL_telcel_pago_new input {
    outline: none;
    width: 100%;
    background: transparent;
    height: 35px;
    margin-top: 5px;
    font-size: 16px;
    float: left;
    color: #444;
    padding: 0 9px;
    border: none;
    border-bottom: 1px solid #999;
}

.CL_telcel_login_new input.input_bundle_new {
    margin-top: 20px;
}

.CL_correo_login_new input::-webkit-input-placeholder, .CL_telcel_login_new input::-webkit-input-placeholder, .CL_telcel_pago_new input::-webkit-input-placeholder {
    font-family: 'Roboto Lt Lt', sans-serif;
}

.CL_correo_login_new input::-moz-placeholder, .CL_telcel_login_new input::-moz-placeholder, .CL_telcel_pago_new input::-moz-placeholder {
    opacity: 1;
    font-family: 'Roboto Lt', sans-serif;
}

.CL_correo_login_new input:-moz-placeholder, .CL_telcel_login_new input:-moz-placeholder, .CL_telcel_pago_new input:-moz-placeholder {
    opacity: 1;
    font-family: 'Roboto Lt', sans-serif;
}

.CL_correo_login_new input:-ms-input-placeholder, .CL_telcel_login_new input:-ms-input-placeholder, .CL_telcel_pago_new input:-ms-input-placeholder {
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto Lt', sans-serif;
}

.CL_login_new > div:last-child {
    padding: 30px 0 0 0;
    margin: 25px 0 0 0;
}

.CL_login_new > div:last-child > div:nth-child(1) {
    margin-left: auto;
    margin-right: auto;
}

.CL_login_new > div:last-child > div:nth-child(1) > div, .lbtn_error > div > a {
    margin: 0 auto;
    width: 355px;
}

.CL_login_new > div:last-child > div:nth-child(2) {
    float: left;
    padding: 20px 0 0 0;
    width: 100%;
}

.CL_login_new > div:last-child > div:nth-child(2) > a:hover {
    text-decoration: none;
}

.landing_title_new {
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    font-family: 'Roboto Md';
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
    color: #ffffff;
}

.new_option_text {
    font-size: 25px;
    width: 340px;
    line-height: 60px;
    color: #ffcd35;
    font-weight: normal;
    position: relative;
    right: 20px;
    font-family: 'Roboto';
    text-shadow: 0 2px 4px #000000;
}

.promo_code_title {
    font-size: 45px;
    line-height: 52px;
    font-family: 'Roboto';
    margin: 25px 0 20px 0;
    padding: 30px 0 0 0;
    font-weight: 500;
}

.new_option_text2 {
    font-size: 25px;
    margin-top: 20px;
    margin-left: 18px;
    width: 100%;
    text-align: center;
    line-height: 1.24;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffcd35;
    text-shadow: 0 2px 4px #000000;
    font-family: 'Roboto', sans-serif;
}

.new_option_text3 {
    font-size: 25px;
    line-height: 40px;
    margin-top: 20px;
    text-align: center;
    color: #CFE2FA;
    font-weight: lighter;
    font-family: 'Roboto Lt', sans-serif;
}

.br_top {
    margin-bottom: 30px;
}

.fa-check-circle.success_check {
    font-size: 50px;
}

.success_text {
    font-size: 34px;
    text-align: center;
    color: #ffcd35;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 26px;
    text-shadow: 0 2px 2px #2a2a2a;
    margin-top: 60px;
    min-width: 320px;
    line-height: 1;
    margin-bottom: 120px;
}

/* ==========================================================================
Dropdown paises
========================================================================== */
.DP_paises_new {
    position: fixed;
    background: #000102;
    width: 100%;
    text-align: center;
    color: #CFCFCF;
    padding-top: 50px;
    line-height: 40px;
    top: 0;
    height: 100%;
    overflow-y: auto;
    z-index: 999;
    opacity: 0.95;
}

.DP_paises_new > ul {
    float: left;
    width: 100%;
    padding: 15px 0;
}

.DP_paises_new > ul > li {
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 3px 0;
    padding: 0 35px;
}

.DP_paises_new > ul > li > a:hover {
    text-decoration: underline;
}

.DP_p_OFF_new {
    display: none;
}

/* ==========================================================================
Nav-Logo
========================================================================== */
.nav_logo_l_new {
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 0 15px;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.nav_logo_l_new.nav_logo_fp {
    position: static;
}

.nav_logo_l_new_help {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0) 100%);
}

.nav_logo_l_new > div:first-child {
    float: left;
    width: auto;
    height: auto;
    margin: 10px 0;
    z-index: 9999;
    position: relative;
}

.nav_logo_l_new > div:first-child > a > img {
    opacity: 1;
    float: left;
    width: 173px;
    height: 30px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.nav_logo_l_new > div:first-child > a:hover > img {
    opacity: 0.5;
}

.nav_logo_l_new > div:last-child {
    float: right;
    width: auto;
}

.nav_logo_l_new > div:last-child > div {
    float: right;
}

.nav_logo_l_new > div:last-child > div {
    margin-top: 18px;
}

.nav_logo_l_new > div:last-child > div > a {
    float: left;
    margin: 0 0 0 30px;
}

.nav_logo_l_new > div:last-child > div > a:hover {
    text-decoration: none;
}

.nav_logo_l_new > div:last-child > div > a > div > i {
    margin: 0px 0 0 5px;
}

.nav_logo_l_new > div:last-child > div > a:last-child {
    width: 115px;
}

.nav_logo_l_new > div:last-child > div > a > div {
    font-size: 16px;
}

.nav_logo_l_new > div:last-child > div > a > div.select_country > div {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 10px -5px 0;
}

.nav_logo_l_new > div:last-child > div > a > div.select_country > div > img {
    width: 40px;
    transform: translate(0, -20px);
    max-width: none;
}

.logo_cm {
    width: 220px;
}

.profile-head > a {
    width: 50px !important;
    margin: 0 0 0 0 !important;
}

.profile-head > a > img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    max-width: 40px;
}

.profile-head > a > i {
    font-size: 35px;
}

.profile-head {
    position: relative;
    margin: 5px 10px 10px 10px;
}

.label-head {
    font-size: 15px;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    padding: 10px 0 5px 0;
    max-width: 110px;
    overflow: hidden;
    position: relative;
    margin: 0px 10px 0px 10px;
}

.label_head_mail {
    max-width: 600px;
}

.nav_logo_l_new > div:last-child > div.label-head.profile_name {
    max-width: 100%;
    margin-right: 10px;
}

.nav_logo_l_new > div:last-child > div > a:last-child.profile_link {
    width: 100%;
}

/* ==========================================================================
Botones centrales
========================================================================== */
.Bot_w_new, .Bot_w_new > ul, .Bot_w_new > ul > li {
    float: right;
    width: 400px;
}

h1 > div.landing_title {
    text-align: center;
    margin-top: 50px;
}

h1 > div.landing_title > span {
    font-size: 56px;
    font-weight: bold;
    color: #fff;
    font-family: 'Roboto';
    text-shadow: 1px 1px 5px #000;
}

.yellow_title {
    color: #ffcd35;
    text-shadow: 1px 1px 5px #000;
    font-family: 'Roboto';
    line-height: 30px;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
}

.Bot_w_new {
    margin: 30px 0 0 0;
    text-align: center;
    z-index: 99;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:last-child > a > i > img.logo_360_new {
    width: 75px;
}

.Bot_w_new > ul > li {
    margin: 15px 0;
}

.Bot_w_new.bundle > ul > li.bundle_upper_text {
    text-transform: uppercase;
    font-size: 16px;
    color: #ffcd35;
    font-weight: bold;
}

.Bot_w_new.bundle > ul > li.bundle_upper_text a {
    color: inherit;
}

.B_new_link {
    color: #ffcd35;
    text-decoration: underline;
}

.B_marg_top {
    margin-top: 5px;
    margin-bottom: 40px;
}

.B_marg_top.B_marg_top2 {
    margin-top: 75px;
}

.cont_h_new {
    height: 60px;
}

.already_register_text {
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 1.43;
}

.already_register_text a {
    text-decoration: underline;
    color: #ffcd35;
}

.Bot_w_new > ul > li:last-child {
    font-size: 16px;
    text-align: center;
}

.Bot_w_new > ul > li:last-child > a {
    text-align: center;
    width: 100%;
    margin: 10px 0 0 0;
    text-decoration: underline;
}

.Bot_w_new > ul > li:last-child > a:hover {
    text-decoration: none;
}

.B_Button_new {
    width: 300px;
    height: 50px;
    padding: 0 0 0 0;
    text-align: center;
    font-family: 'Roboto Lt', sans-serif;
    font-weight: bold;
    font-size: 16px;
    border-radius: 30px;
}

.B_Button_new > a {
    padding: 15px 0 15px 0;
    height: 50px;
    font-size: 14px;
    display: block;
    font-family: 'Roboto'
}

.Bot_w_new > ul > li:last-child > a.highlight_new {
    font-size: 18px;
    font-weight: bold;
}

.CL_forms_new.ini_s2 > li > div.CL_correo_login_new > ul > li.B_pass_new {
    margin-top: 20px;
}

.CL_forms_new.ini_s2 > li > div.CL_correo_login_new > ul > li.B_pass_new.B_pass_alexa {
    margin-top: 30px;
}

.CL_forms_new.ini_s2 > li > div.CL_correo_login_new > ul > li.B_pass_new a {
    color: #ffcd35;
    font-family: 'Roboto';
    font-size: 13px;
}

.login_text_alexa {
    font-family: 'Roboto';
    margin: 30px 22px 6px 22px;
    font-size: 13.5px;
}

.login_text_alexa a {
    color: #ffcd35;
}

.CL_forms_new > li > div:first-child.promo_link {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto';
    margin-top: 20px;
    padding: 0 10%;
}

.promo_link {
    font-family: 'Roboto';
    font-size: 14px;
}

.B_Button_new.B_Big_new.B_less_padd {
    padding-left: 40px;
    padding-right: 40px;
    background: #0d4cad;
}

.botons_login_alexa {
    margin-top: 60px;
}

.DP_paises_new > ul > li.select_country_text {
    font-size: 22px;
    font-weight: bold;
}

.show_pass {
    position: relative;
    bottom: 30px;
    font-size: 16px;
    font-family: 'Roboto';
    left: 110px;
    cursor: pointer;
}

.CL_correo_login_new input.pass_padd_right {
    padding-right: 80px;
}

.B_Button_new.B_W_new {
    color: #fff;
    background: rgb(18, 136, 226);
    background: -moz-linear-gradient(left, rgba(18, 136, 226, 1) 0%, rgba(0, 171, 224, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(18, 136, 226, 1) 0%, rgba(0, 171, 224, 1) 100%);
    background: linear-gradient(to right, rgba(18, 136, 226, 1) 0%, rgba(0, 171, 224, 1) 100%);
}

.B_Button_new.B_B_new {
    background: #5886c0;
    font-size: 14px;
    font-family: 'Roboto';
}

.B_Button_new.B_B_red {
    background: #DE1717;
    font-size: 14px;
    font-family: 'Roboto';
}

.B_Button_new2.B_B_new2 {
    background: #981c15;
    border-color: #981c15;
    font-size: 14px;
    font-family: 'Roboto';
    border-radius: 10px;
}

.B_Button_new.B_B_new2 {
    background: #5886c0;
    font-size: 14px;
    font-family: 'Roboto';
}

.B_Button_new.B_B_new_red {
    background: #DE1717;
    font-size: 14px;
    font-family: 'Roboto';
}

.B_Button_new.B_B_dark {
    background: #3A3A3A;
    font-size: 14px;
    font-family: 'Roboto';
}

.B_PF {
    display: inline-block;
    width: 80%!important;
}

.B_Button_new.B_Bish_new {
    background: rgb(228, 34, 34);
    background: -moz-linear-gradient(left, rgba(228, 34, 34, 1) 0%, rgba(211, 59, 35, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(228, 34, 34, 1) 0%, rgba(211, 59, 35, 1) 100%);
    background: linear-gradient(to right, rgba(228, 34, 34, 1) 0%, rgba(211, 59, 35, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e42222', endColorstr='#d33b23', GradientType=1);
}

.B_Button_new.B_Bish_free {
    background: #6594DF;
    font-size: 14px;
    font-family: 'Roboto';
}

.B_Button_new.B_Bish_bundle {
    background: #1D4876;
    font-size: 14px;
    font-family: 'Roboto';
}

.B_Button_new.B_Bish_unlimited {
    background: #FF2300;
    font-size: 14px;
    font-family: 'Roboto';
}

.B_Button_new.B_Bish_new a img {
    width: 196px;
    height: 20px;
}

.B_Big_sus {
    width: 800px;
    padding-left: 95px;
    padding-right: 95px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
}

.B_Big_new {
    width: 800px;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
}

.B_Big_new2 {
    padding-left: 85px;
    padding-right: 85px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
}

.B_Big_new3 {
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 12px;
    background-color: #5886c0;
}

.B_top_new {
    position: relative;
    top: 100px;
}

.btn_promo {
    top: 80px;
}

.B_top_new_2 {
    position: relative;
    top: 180px;
}

.B_top_new_3 {
    position: relative;
    top: 60px;
}

.B_top_new4 {
    position: relative;
    top: 20px;
}

.B_top_new_5 {
    position: relative;
    top: 100px;
}

.boton_ini_new > div {
    margin-top: 60px;
}

.new_select_country {
    margin: 0 auto;
}

.select_country {
    color: #eeeeee;
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: 600;
    margin-bottom: 15px;
}

.select_country img {
    position: relative;
    right: 10px;
    width: 35px;
    top: 12px;
}

.ie-icon-arrow img {
    width: 20px;
    top: 4px;
    right: 3px;
}

.ie-icon-arrow-2 img {
    width: 17px;
    top: 3px;
    right: 0;
}

ul li.B_marg_bottom_2 > div, ul li.B_marg_bottom > div {
    margin-left: auto;
    margin-right: auto;
}

.I_marg_bottom {
    margin-top: 40px;
    margin-bottom: 5px;
}

.I_marg_bottom.I_hight {
    height: 50px;
    padding-top: 19px;
}

.I_marg_top {
    margin-top: 20px;
    margin-bottom: 20px;
}

.Bot_w_new, .Bot_w_new > ul, .Bot_w_new > ul > li, .ayuda_new, .ayuda_new > div {
    width: 100%;
    float: left;
}

.help_new {
    font-size: 17px;
}

.CL_login_new > div:last-child > div:nth-child(1).help_new {
    width: 100%;
}

.CL_login_new > div:last-child.bg_bundle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 492px;
    height: 590px;
    background-image: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
}

.help_new > a {
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    color: #ffcd35;
    font-family: 'Roboto';
}

.ayuda_new > div {
    border-top: 1px solid #979797;
}

.ayuda_new > div > a, .Bot_w_new > ul > li:last-child > a {
    color: #979797;
}

.telcel_pin_new, .telcel_pin_new > a {
    float: left;
    width: 100%;
}

.CL_telcel_login_new > ul > li.telcel_pin_new {
    margin: 10px 0 60px 0;
}

.CL_telcel_login_new > ul > li.resent_pin_new > a {
    color: #ffcd35;
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: bold;
}

.CL_telcel_login_new > ul > li.resent_pin_new > a.top_resend {
    position: relative;
    top: 25px;
    font-weight: normal;
}

.CL_telcel_login_new > ul > li.resent_pin_new {
    margin: 10px 0 10px 0;
}

.CL_telcel_login_new > ul > li.resent_pin_new.resent_marg_bottom {
    margin-bottom: -50px;
}

.CL_telcel_login_new > ul > li.telcel_pin_new_mobile {
    margin: 0px 0 10px 0;
}

.CL_telcel_login_new > ul > li.telcel_pin_new_button {
    padding-bottom: 60px;
    float: left;
    width: 100%;
}

.CL_telcel_login_new > ul > li.boton_telcel {
    margin: 0 0 10px 0;
}

.CL_telcel_login_new > ul > li.boton_telcel.B_top_telcel {
    margin-bottom: 90px;
}

.boton_telcel_mobile {
    margin-top: 50px;
}

.boton_login_mobile {
    margin-bottom: 40px;
}

.CL_telcel_login_new > ul > li.telcel_pin_new_mobile.boton_login_mobile_pin {
    float: left;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 30px;
}

.fb_up {
    bottom: 5px;
}

.CL_telcel_login_new > ul > li.resent_pin_new {
    margin: 10px 0 10px 0;
}

.CL_telcel_login_new > ul > li.boton_telcel_register {
    margin: 0 0 15px 0;
}

.telcel_pin_new > a {
    text-align: center;
    color: #ffcd35;
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: bold;
}

.telcel_pin_new2 {
    margin: -4px 0 -37px 0;
}

.telcel_pin_new2 > a {
    text-align: center;
    color: #ffcd35;
    font-size: 18px;
    top: 7px;
    position: relative;
    font-family: 'Roboto';
}

.terms_new {
    width: 215px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 54px;
    font-family: 'Roboto'
}

.terms_new2 {
    width: 215px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    font-family: 'Roboto'
}


.verify_required_field{
    color: #da291c;
    pointer-events: none;
    cursor: default;
    font-size: 11px;
}

.verify_required_field:hover{
    cursor: default;
    text-decoration: none!important;
    color: #ffcd35!important;
}

.verify_required_field_c_data{
    margin-top: 20px;
}

.error_card_paid {
    position: relative;
    bottom: 240px;
}

.error_prepaid {
    position: absolute;
    bottom: 250px;
}

.terms_margin {
    font-size: 13px;
    margin-top: 30px;
    margin-bottom: 0px;
}

.CL_forms_new.ini_s2 > li > div.CL_correo_login_new > ul > li.card_date_code {
    margin: 0;
}

.terms_top {
    margin-top: 60px;
    margin-bottom: 40px;
}

.terms_top2 {
    position: relative;
    top: 30px;
    margin-bottom: 70px;
    z-index: -1;
}

.CL_login_new > div:last-child > div:nth-child(1) > div.terms_new {
    margin-bottom: 40px;
}

.btn_bottom {
    padding: 80px 0 0 0;
}

.terms_link {
    color: #ffcd35;
}

.terms_link:hover {
    color: #6286BB;
    text-decoration: underline;
}

.telcel_pin_new > a:hover {
    text-decoration: none;
}

.CL_login_new > div:last-child > div:nth-child(1) > div.marg_left_top {
    margin-left: 50px;
    position: relative;
    top: 100px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(2) > a.img_tel_mx {
    padding-top: 18px;
}

.CL_forms_new > li > div:nth-child(2) > ul > li:nth-child(4) > a.img_claro_mx {
    padding-top: 18px;
}

/* background image */
.carrusel_L {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -999;
}

.carrusel_L > div > div {
    height: 200%;
    width: 200%;
    position: fixed;
    top: -50%;
    left: -50%;
    z-index: -999;
}

.carrusel_L > div > div > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

.background_landing_desktop {
    display: inline;
}

.background_landing_tablet {
    display: none;
}

.backgorund_landing_mobile {
    display: none;
}

.background_landing_desktop {
    display: none;
}

.background_landing_tablet {
    display: none;
}

.backgorund_landing_mobile {
    display: inline;
}

/* background image Landing */
.carrusel_L {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -999;
}

.carrusel_L > div > div {
    height: 200%;
    width: 200%;
    position: fixed;
    top: -50%;
    left: -50%;
    z-index: -999;
}

.carrusel_L > div > div > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

.background_landing_desktop {
    display: inline;
}

.background_landing_tablet {
    display: none;
}

.backgorund_landing_mobile {
    display: none;
}

/******* Bundle ***********/
.bundle_text_new {
    line-height: 40px;
}

.bundle_start_text {
    font-size: 25px;
    line-height: 1.24;
    font-family: 'Roboto';
    color: #ffffff;
    margin-bottom: 30px;
    padding: 0 30px 0 30px;
    font-weight: bold;
    text-shadow: 0 2px 4px #000000;
}

.new_bundle_flow {
    padding: 50px 30px 0 30px;
}

.bg_bundle .bundle_start{
    background: #212121;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bundle_top1 {
    padding-top: 70px;
}

.promo_start_text {
    font-size: 25px;
    line-height: 40px;
    font-family: 'Roboto';
    color: #ffcd35;
    margin: 25px 0 46px 0;
    padding: 30px 0 0 0;
    text-shadow: 0 2px 4px #000000;
}

.start_text_subtitle {
    margin: 0 0 20px 0;
    padding: 0 20px;
}

.code_start_text {
    font-family: 'Roboto';
    font-size: 26px !important;
    font-weight: bold;
    width: 320px;
    position: relative;
    right: 10px;
    line-height: 1.35;
    margin-bottom: 6px;
    text-align: center;
    color: #ffcd35;
    text-shadow: 0 2px 2px #2a2a2a;
}

.bundle_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.bundle_img img {
    min-height: 35px;
}

img.bundle_img {
    transform: scale(1.7);
}

img.bundle_img_claro {
    position: absolute;
    right: 25%;

}

.bundle_start_btn {
    position: static;
    right: 15px;
    margin-bottom: 80px;
}

.bundle_marg_top {
    margin-top: 160px;
}

.bundle_marg_top2 {
    margin-top: 110px;
}

.bundle_marg_top3 {
    margin-top: 50px;
}

.promo_marg_top {
    margin: 50px 45px 12px;
}

.m_wrapper .bundle_link {
    text-decoration: none;
    margin-bottom: 20px;
    margin-top: 40px;
}

.help_landing {
    margin-top: 10px;
    margin-bottom: 40px;
}

.bundle_link.help_landing {
    text-decoration: none;
}

.m_wrapper .bundle_link.help_landing a {
    color: #ffcd35;
    font-family: 'Roboto';
    font-weight: bold;
}

.cancel_onboarding {
    margin-bottom: 15px;
}

.bundle_link a {
    color: #ffcd35;
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: bold;
}

.bundle_message {
    color: #ffcd35;
    padding-top: 70px;
    font-weight: bold;
}

.bundle_message2 {
    color: #ffcd35;
    margin-top: 90px;
    font-family: 'Roboto';
    font-weight: bold;
    padding-top: 50px;
    font-size: 15px;
}

.new_bundle_message {
    color: #ffffff;
    margin-top: 90px;
    font-family: 'Roboto';
    font-weight: bold;
    padding-top: 150px;
    font-size: 15px;
}

.new_bundle_link a {
    color: #DE1717;
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: bold;
}

.promo_message {
    color: #ffcd35;
    margin: 0 20px 0 20px;
    font-family: 'Roboto';
    position: relative;
    top: 35px;
}

.promo_message_rensed {
    margin-bottom: 20px;
    padding: 0 26px 0 26px;
    font-size: 15px;
    color: #ffcd35;
    font-family: 'Roboto';
}

.promo_code_link {
    margin: 1em 0;
}

.promo_code_link a {
    text-decoration: underline;
}

.bundle_message_resend {
    color: #cde4ff;
    padding-top: 150px;
    padding-bottom: 10px;
}

.new_bundle_message_resend {
    color: #cde4ff;
    padding-top: 222px;
    padding-bottom: 10px;
}

.CL_forms_new > li > div:nth-child(2).code_link {
    color: #cde4ff;
    text-decoration: underline;
    margin-top: 40px;
}

.CL_login_new > div:last-child > div:nth-child(2).selector_cont {
    float: none;
    padding: 0;
    margin-bottom: 30px;
}

.error_tipo1_new.err_onboarding > div:last-child {
    clear: both;
    width: 95%;
}

.error_tipo1_new {
    float: unset;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
    z-index: -1;
}

.error_tipo1_new > div {
    position: relative;
    left: 50%;
    transform: translate(-50%, 40%);
}

.payment_unlimited_TELMEX .error_tipo1_new > div {
    position: absolute;
    top: 225px;
}

.error_upsell.error_tipo1_new > div,
.error_tipo1_new.error_family_plan > div {
    position: static;
    left: unset;
    transform: unset;
}

.error_tipo1_new.error_bundle {
    position: relative;
    bottom: 140px;
    margin-bottom: 0;
}

.error_tipo1_new.error_new_bundle {
    position: relative;
    bottom: 140px;
    margin-top: 30px;
    margin-bottom: 0;
}

.error_tipo1_new.error_tipoL {
    margin: 5px;
    margin-top: -15px;
}

.error_tipo1_new.error_tipo3_new {
    margin-top: -20px;
}

.error_tipo1_new > div:first-child {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

.error_tipo2_new > div, .error_tipo3_new > div {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

.error_top {
    margin-top: 15px;
}

.error_tipo1_new > div:first-child, .error_tipo2_new > div:first-child, .error_tipo3_new > div:first-child {
    float: left;
    width: 10%
}

.error_tipo1_new > div > i, .error_tipo2_new > div > i, .error_tipo3_new > div > i {
    color: red;
    font-size: 20px;
    margin-right: 5px;
    margin-top: 10px;
}

.error_tipo1_new > div:last-child, .error_tipo2_new > div:last-child {
    float: unset;
    width: 90%;
    text-align: center;
    color: #f54559;
    font-size: 13px;
    font-family: 'Roboto Lt';
}

.error_newUp{
    margin-top: -30px;
}
.error_space_bottom{
    margin-bottom: 15px;
}

.error_register div {
    position: relative;
    bottom: 32px;
}

.error_tipo3_new > div:last-child {
    float: left;
    width: 100%;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

.error_on {
    margin: 0 0 15px 0;
    padding: 0 34% 0 34%;
    line-height: 1.5;
}

.error_off {
    margin: 0 0 55px 0;
}

.error_position_email {
    position: absolute;
    bottom: 300px;
    z-index: 1;
}

.error_position_email_alexa {
    position: relative;
    bottom: 290px;
    margin-top: 30px;
}

.error_position_phone {
    position: absolute;
    bottom: 300px;
}

.error_position_fb {
    position: relative;
    bottom: 15px;
    height: 0px;
}

.error_position_claro360 {
    position: absolute;
    bottom: 300px;
}

.error_attends {
    bottom: 280px;
}

.error_tipo1_new.error_register {
    margin-bottom: 0px;
    margin-top: 0px;
}

.error_register.error_registerLatam_old_experience {
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    min-height: auto;
    clear: both;
    height: 100%;
}

.error_registerLatam_old_experience  > div:last-child {
    display: contents!important;
}

.error_tipo1_new.error_register.error_tipo3_new.error_registerLatam_old_experience > div:last-child {
    display: inline-block!important;
}

.error_tipo1_new.error_register.error_bottom > div:last-child {
    bottom: 270px;
}

.error_tipo1_new.error_register.error_tipo3_new > div:last-child {
    bottom: 280px;
}

.error_registerLatam_old_experience > div:last-child {
    bottom: 0px!important;
}

.error_tipo1_new.error_mobile_paid {
    position: relative;
    bottom: 135px;
}

.error_tipo1_new.error_mobile_paid2 {
    position: absolute;
    bottom: 105px;
}

.error_tipo1_new.error_mobile_paid3 {
    position: absolute;
    bottom: 5px!important;
}

.box_down {
    position: relative;
    top: 170px;
}

.error_tipo1_new > div:last-child {
    display: inline-block;
    text-align: center;
    color: #f54559;
    font-size: 13px;
    width: 300px;
    padding: 0 15px 0 15px;
    font-family: 'Roboto Lt';
}

.error_tipo1_new > div:last-child.error_fp {
    width: 280px;
}

.payment_methods_container .error_tipo1_new > div:last-child {
    font-size: 12px;
    padding: 0;
}

.error_tipo1_newup > div:last-child {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    position: relative;
    bottom: 22px;
    left: 30px;
}

.error_tipo1_newup > div i {
    color: red;
    font-size: 20px;
    margin-right: 5px;
}

.error_tipo2_new {
    display: inline-block;
    text-align: center;
    color: #f54559;
    font-size: 13px;
    width: 300px;
    padding: 0 15px 0 15px;
    font-family: 'Roboto Lt';
}

/* ----------Fix 1024px--------- */
@media screen and (max-width: 1024px) {
    .input_pass_new2 {
        padding-left: 33%;
        padding-right: 33%;
    }
}

/* ==========================================================================
Media Queries
========================================================================== */

/* ----------Pantalla 375px/iphone portrait o menores de 697px--------- */
@media screen and (max-width: 697px) {

}

/* ----------Pantalla 540px--------- */
@media screen and (max-width: 540px) {

}

/* ----------Fix 778px pantallas pequeñas en hright--------- */
@media screen and (max-width: 778px) {

}

/* ----------Pantalla 755px o menores de 755px--------- */
@media screen and (max-width: 778px) {

}

/* ----------Pantalla 800px/ipad portrait o menores de 800px--------- */
@media screen and (max-width: 936px) {

}

/* ----------Fix small screens in hright--------- */
@media screen and (min-height: 1100px) {

}

@media only screen and (device-width: 1024px) and (orientation: landscape) {

}

@media only screen and (device-width: 1024px) and (orientation: landscape) {

}

/* ==========================================================================
Términos y condiciones
========================================================================== */

.m_content2_tyc_new {
    width: 100%;
    padding: 120px 40px 0 40px;
    font-family: 'Roboto Lt', sans-serif;
}

.m_content2_tyc_new > div:last-child {
    margin-left: auto;
    margin-right: auto;
    min-height: 640px;
    width: 400px;
}

.m_content2_tyc_new > div:last-child.tyc_reg_new {
    font-size: 15px;
    text-align: left;
    width: 100%;
    height: auto;
    padding: 0 25px;
    position: relative;
}

.m_content2_help_new > div:last-child.tyc_reg_new {
    font-size: 12px;
}

.tyc_reg_new h1 {
    color: #fff;
    text-align: left;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    margin: 0 0 0 0;
}

.tyc_reg_new > div.tyc_upper_new {
    float: left;
    width: 100%;
    padding: 0 27px 0 0;
    margin: 30px 0 30px 0;
    line-height: 17px;
}

.tyc_reg_new > div.tyc_w_new {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.tyc_reg_new > div.tyc_w_new > div > a.B_D_tyc_new {
    float: left;
    width: 100%;
    margin: -1px 0 0 0;
    min-height: 40px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0 15px;
    position: relative;
    color: #fff;
}

.tyc_reg_new > div.tyc_w_new > div:first-child > a.B_D_tyc_new {
    border-top: 0px solid #fff;
}

.tyc_reg_new > div.tyc_w_new > div > a.B_D_tyc_new > div {
    width: 100%;
    margin: 12px 0;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    padding-right: 45px;
}

.tyc_reg_new > div.tyc_w_new > div > a.B_D_tyc_new > i {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 23px;
    color: #fff;
}

.tyc_reg_new > div.tyc_w_new > div > a.B_D_tyc_new:hover {
    color: #000;
    background-color: #fff;
}

.tyc_reg_new > div.tyc_w_new > div > div.tyc_drop_new {
    float: left;
    width: 100%;
    color: #fff;
    line-height: 17px;
    height: auto;
    display: block;
}

.tyc_reg_new > div.tyc_w_new > div > div.tyc_drop_new p {
    margin: 20px;
}

.tyc_reg_new > div.tyc_w_new > div > div.tyc_drop_new.tyc_drop_new_OFF {
    display: none;
}

.tyc_reg_new > div > div.nav_interno {
    float: left;
    width: 100%;
    margin: 20px 0 40px 0;
}

.tyc_reg_new > div > div.nav_interno > ul {
    height: 36px;
    margin: 0;
    padding: 0 10% 0 8%;
}

.tyc_reg_new > div > div.nav_interno > ul > li {
    float: left;
    height: 36px;
    width: 25%;
    color: #fff;
    border: 1px solid #fff;
    border-left: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
    padding: 7px 0 0 0;
    cursor: pointer;
}

.tyc_reg_new > div > div.nav_interno > ul > li:first-child {
    border-left: 1px solid #fff;
    color: #fff;
}

.tyc_reg_new > div > div.nav_interno > ul > li > a {
    float: left;
    height: 35px;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 7px 0 0 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.tyc_reg_new > div > div.nav_interno > ul > li:hover {
    background: #fff;
    color: #000;
}

/*Dos elementos*/
.tyc_reg_new > div > div.nav_interno > ul.ni_2e {
    padding: 0 12% 0 30%;
}

.tyc_reg_new > div > div.nav_interno > ul.ni_2e li {
    width: calc(33.33% + 30px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tyc_reg_new > div > div.nav_interno > ul > li.nav_interno_a {
    color: #fff;
    background: #6286BB;
}

.tyc_texto_new {
    color: #fff;
}

.tyc_texto_new > p {
    margin: 15px 0 0 0;
}

@media screen and (min-width: 1367px) {
    .DP_paises_new {
        padding-top: 100px;
    }
}

/* ----------Pantalla 1024px/ipad landscape o menores de 1220px--------- */
@media screen and (max-width: 1228px) {
    .logo_cm {
        width: 290px;
    }

    .m_content2_tyc_new > div:last-child.tyc_reg_new {
        margin: 10% 0 0 0;
    }

    .family_advertising {
        width: 380px;
    }

    .family_advertising .family_plan_title {
        font-size: 60px;
    }
}

@media screen and (max-width: 1366px) {
    /*fix country selector*/
    .logo_cm {
        width: 300px;
        position: relative;
        bottom: 70px;
    }

    .DP_paises_new ul li a img.logo_cm {
        position: static;
        width: 250px;
    }
}

/* ----------IPAD PRO --------- */
@media only screen and (device-height: 1366px) and (orientation: portrait) {
    /*fix country selector*/
    .logo_cm {
        width: 320px;
        position: relative;
    }
}

@media screen and (max-width: 936px) {
    .tyc_reg_new > div > div.nav_interno > ul.ni_2e {
        padding: 0 0 0 24%
    }
}

@media screen and (max-width: 740px) {
    .invite_title {
        font-size: 34px;
    }

    .nav_logo_l_new {
        position: static;
    }

    .nav_logo_l_new_help {
        position: absolute;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0) 100%);
    }

    .background_landing_desktop {
        display: none;
    }

    .background_landing_tablet {
        display: none;
    }

    .backgorund_landing_mobile {
        display: inline;
    }
}

@media screen and (min-width: 700px) {
    .profile-head {
        margin: 0px 10px 0px 10px;
    }
}

/* ----------Fix 720px--------- */
@media screen and (max-width: 720px) {
    /* ----FIX LANDING-FORGOT-PASSWORD------*/
    .input_pass_new2 {
        padding-left: 27%;
        padding-right: 27%;
    }
}

@media screen and (max-width: 700px) {
    .CL_forms_new.ini_s2 .new_background {
        top: 275px;
    }

    .new_background {
        top: 150px;
        height: 70%;
    }

    .landing_dark_bg {
        height: 510px;
    }

    .m_content2_new.landing_code_container h1 > div:last-child {
        font-size: 30px;
        width: 100%;
    }
}

@media screen and (height: 812px) {
    .CL_forms_new.ini_s2 .new_background {
        top: 275px;
    }
}

@media screen and (max-width: 697px) {
    .m_content2_tyc_new > div:last-child.tyc_reg {
        margin: 25% 0 0 0;
    }

    .center_mail_text2 {
        display: block;
    }

    .center_mail_text2.success_container {
        display: flex;
    }

    .confirm_email_cont, .confirm_email_cont.br_container {
        width: 380px;
    }

    .payment_title {
        position: relative;
        left: 20px;
    }

    .confirm_purchase {
        margin-top: 30px;
    }

    .m_content2_new.mobile_bottom {
        padding-top: 0;
        margin-top: -10%;
    }

    .nav_logo_l_new > div:last-child > div {
        margin-right: -10px;
    }

    .CL_login_new > div:last-child.remove_padd {
        padding-top: 0;
    }

    .code_start_text {
        left: 0;
    }

    .m_content_new {
        width: 80%;
    }

    .listen_free {
        margin-top: 20px;
    }

    .center_purchase {
        top: calc(100% - 202px);
    }

    .yellow_title {
        font-size: 20px;
    }

    .Bot_w_new {
        margin-top: 10px;
    }

    .nav_logo_l_new > div:first-child > a > img {
        width: 110px;
    }

    .CL_forms_new > li > div:first-child {
        font-size: 35px;
    }

    .CL_forms_new > li > div:first-child p {
        line-height: 35px;
        margin-top: 15px;
    }

    .tyc_reg_new > div > div.nav_interno > ul.ni_2e {
        padding: 0;
    }

    .tyc_reg_new > div > div.nav_interno > ul.ni_2e li {
        width: 50%;
    }

    .tyc_reg_new h1 {
        font-size: 18px;
    }

    .tyc_reg_new > div > div.nav_interno > ul > li.nav_interno_a {
        font-weight: bold;
    }

    .CL_login_new > div:last-child.bg_bundle {
        width: 420px;
    }

    .CL_forms_new.ini_s2 .new_background.new_background2 {
        top: 142px;
    }

    .CL_forms_new.ini_s2.adjust_background.payment_methods_container {
        float: none;
        top: 85px;
    }

    .CL_forms_new.ini_s2.payment_methods_container .new_background2 {
        height: 360px;
    }

    .CL_forms_new.payment_methods_container > li > div:first-child p {
        text-align: center;
        margin: 15px auto;
        left: 50%;
        transform: translateX(-50%);
    }
    /*Family plan*/
    .form_container_family_plan > div{
        margin-top: 0px!important;
    }
}

@media screen and (max-height: 750px) {
    .btn_cont_inv {
        position: static;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        max-height: 565px;
        bottom: 0px;
    }
    .btn_cont_inv > div {
        height: initial;
        position: relative;
    }
    .btn_cont_inv_congrats{
        max-height: 450px !important;
    }

}

@media screen and (max-height: 750px) {
    .btn_cont_inv_spc {
        position: static;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        max-height: 800px;
        bottom: 0px;
        height: 98%;
        padding-bottom: 20px;
        padding-top: 60px;
    }
}
@media screen and (min-height: 751px) and (max-height: 1000px){
    .btn_cont_inv_spc {
        position: fixed;
        max-height: 800px;
        bottom: 160px;
        height: 98%;
    }
}

@media screen and (max-width: 460px) {
    .CL_forms_new.ini_s2 .new_background {
        top: 240px;
    }

    .error_tipo1_new.error_register > div:last-child {
        right: 60px;
    }

    .CL_login_new > div:last-child.bg_bundle {
        width: 370px;
    }

    .CL_forms_new.payment_methods_container > li > div:first-child p {
        width: 100%;
    }
}

/* ----------Pantalla 450px--------- */
@media screen and (max-width: 450px) {
    .m_content2_new {
        padding-top: 100px;
    }

    .nav_logo_l_new {
        position: static;
    }

    .purchase_cont {
        width: 373px;
        margin-left: auto;
        margin-right: auto;
    }

    .success_container {
        margin-top: 80px;
        min-height: 400px;
        width: 100%;
    }

    .center_purchase {
        display: block;
    }

    .nav_logo_l_new_help {
        position: absolute;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0) 100%);
    }

    .m_content2_tyc_new {
        padding: 120px 0 0 0;
    }

    .m_content2_tyc_new > div:last-child.tyc_reg_new {
        font-size: 14px;
    }

    /* ----------LOGIN--------- */
    .CL_forms_new > li > div:first-child {
        font-size: 35px;
    }

    .CL_forms_new > li > div:first-child p {
        line-height: 35px;
        margin-top: 15px;
    }

    /* ----FIX LANDING-FORGOT-PASSWORD------*/
    .input_pass_new2 {
        padding-left: 15%;
        padding-right: 15%;
    }

    .pop_password_new {
        padding-top: 35%;
        height: calc(100% + 310px);
    }

    .close_pass_new {
        bottom: 15%;
        margin: 0 7% 0 0;
    }

    .logo_cm {
        width: 320px;
        position: relative;
        top: 10px;
    }

    h1 > div.landing_title > span {
        font-size: 35px;
    }

    .nav_logo_l_new > div:first-child > a > img {
        width: 110px;
    }

    .nav_logo_l_new > div:last-child > div > a {
        margin: 0 0 0 15px;
    }

    .nav_logo_l_new > div:last-child > div > a:last-child {
        width: 115px;
    }

    .m_content_new {
        margin-top: 30px;
    }

    .background_landing_desktop {
        display: none;
    }

    .background_landing_tablet {
        display: none;
    }

    .backgorund_landing_mobile {
        display: inline;
    }

    .bundle_text_new {
        line-height: 20px;
        margin: 0 0 15px 0;
    }

    .B_Button_new {
        width: 80%;
    }

    .show_pass {
        left: 110px;
    }

    .error_tipo1_new.error_register > div:last-child {
        right: 40px;
    }

    .CL_login_new > div:last-child.bg_bundle {
        width: 340px;
    }
}

@media screen and (max-width: 400px) {
    .CL_forms_new.ini_s2.adjust_background.payment_methods_container {
        top: 70px;
    }

    .CL_forms_new.ini_s2.payment_methods_container .new_background2 {
        height: 380px;
        top: 157px;
    }

    .CL_forms_new.payment_methods_container > li > div:first-child p {
        margin: 15px auto 30px 0;
    }
}

@media screen and (max-width: 414px) {
    .CL_forms_new.ini_s2 .new_background {
        top: 240px;
    }
    .label_head_mail {
        max-width: 88px;
    }
    .error_tipo1_new {
        text-align: left;
    }
    .error_card_paid {
        bottom: 235px;
    }
}

/* ----------Pantalla 360px--------- */
@media screen and (max-width: 360px) {
    /* ----------LOGIN--------- */
    .CL_forms_new > li > div:first-child {
        font-size: 50px;
    }

    .show_pass {
        position: relative;
        left: 60px;
    }
}

/* ----------Screen 320px--------- */
@media screen and (max-width: 345px) {
    /* ----------LOGIN --------- */
    .CL_forms_new > li > div:first-child {
        font-size: 35px;
    }

    .new_option_text {
        font-size: 29px;
        line-height: 80px;
        color: #ffcd35;
        font-weight: normal;
        font-family: 'Roboto';
    }

    .show_pass {
        position: relative;
        left: 30px;
    }

    h1 > div.landing_title > span {
        font-size: 25px;
    }

    .CL_forms_new.ini_s2 .new_background {
        top: 240px;
    }

    .card_input {
        margin-left: 0;
    }
}

/* ----------Pantalla 460px--------- */
@media screen and (max-width: 460px) {
    .m_content2_new > div:last-child {
        width: 100%;
    }

    .m_content2_new.landing_mobile_container > div:last-child,
    .m_content2_new.landing_code_container > div:last-child {
        width: 300px;
    }
}

/* ----------Pantalla 375px--------- */
@media screen and (max-width: 375px) {
    .landing_title_new {
        padding: 0 20px;
    }

    .landing_dark_bg {
        height: 520px;
    }

    .m_content2_new.landing_mobile_container > div:last-child,
    .m_content2_new.landing_code_container > div:last-child {
        width: 100%;
    }

    .m_content2_new.landing_code_container h1 > div:last-child {
        padding: 10px;
    }

    .CL_login_new > div:last-child > div:nth-child(1) {
        width: auto;
    }

    .CL_login_new > div:last-child > div:nth-child(1) > div, .lbtn_error > div > a {
        width: auto;
    }

    .CL_telcel_login_new {
        width: auto;
    }

    .error_tipo1_new {
        margin: 30px auto 0 auto;
    }

    .error_tipo1_new > div:last-child {
        width: 100%;
    }

    .CL_forms_new > li > div:first-child {
        font-size: 35px;
    }

    .CL_forms_new > li > div:nth-child(2), .CL_forms_new > li > div:nth-child(2) > ul {
        width: 100%;
    }

    .CL_forms_new.ini_s2 .new_background {
        top: 275px;
    }

    .CL_correo_login_new input, .CL_telcel_login_new input, .CL_telcel_pago_new input {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    .show_pass {
        position: relative;
        left: 90px;
    }

    .error_tipo1_new.error_register > div:last-child {
        right: 0;
    }

    .CL_login_new > div:last-child.bg_bundle {
        width: 300px;
    }

    .bundle_start_text {
        margin-bottom: 15px;
    }

    .error_card_paid {
        bottom: 218px;
    }
}

@media screen and (max-width: 375px) {
    .tyc_reg_new > div > div.nav_interno > ul.ni_2e li {
        font-size: 11px;
    }
}

@media screen and (max-width: 320px) {
    .CL_forms_new.ini_s2 .new_background {
        top: 275px;
    }

    .CL_forms_new.payment_methods_container .small_yellow {
        width: 100%;
    }

    .m_content2_new.landing_mobile_container h1 > div:last-child {
        font-size: 30px;
    }

    .label_head_mail {
        max-width: 35px;
    }
    .error_card_paid {
        bottom: 230px;
    }
}

@media screen and (max-width: 317px) {
    .CL_forms_new.payment_methods_container .error_tipo1_new.error_mobile_paid {
        bottom: 160px;
    }
}

/* Family plan */
.title_family_plan{
    line-height: 50px!important;
    min-height: 100px;
}

.complete_data_family_plan{
    margin-top: 30px;
}

.complete_data_family_plan_address{
    margin-top: 120px;
}

.CL_correo_login_new ul.list_form_family_plan li{
    width: 100%!important;
    height: auto!important;
}

.form_container_family_plan > div{
    margin-top: 5px;
}

.form_family_plan_one_rows{
    display: inline-flex;
    padding-top: 10px;
    width: 100%;
}

.fp_mp_adress_wrapper {
    padding: 0 50px;
}

.fp_mp_adress_wrapper div.onb_multi_forms{
    width: 100%;
}

.fp_mp_adress_wrapper .main-input{
    padding: 12px;
}

.form_family_plan_two_rows{
    display: inline-flex;
    padding-top: 10px;
}

.form_family_plan_two_rows input:first-child{
    margin-right: 5px;
    max-width: calc(50% - 5px);
}

.form_family_plan_two_rows input:last-child{
    margin-left: 5px;
    max-width: calc(50% - 5px);
}

.list_form_family_plan li input.half_width{
    width: 50%;
}

.title_family_plan > p.new_option_text2{
    font-size: 20px;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

.error_register_family_plan{
    font-weight: bold;
}

.terms_family_plan_space {
    margin-top: 50px;
}
/* Family plan */

@font-face {
    font-family: 'Roboto Md';
    src: url(/dist/Roboto-Medium.eot);
    src: url(/dist/Roboto-Medium.eot?#iefix) format('embedded-opentype'), url(/dist/Roboto-Medium.woff2) format('woff2'), url(/dist/Roboto-Medium.woff) format('woff'), url(/dist/Roboto-Medium.ttf) format('truetype'), url(/dist/imagenes/Roboto-Medium.svg#Roboto-Medium) format('svg');
    font-style: normal;
}

.CL_login_nu {
    background: rgba(255, 255, 255, 0.02);
    padding: 35px 15px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.cont_family_nu p.white_font {
    color: #DFE2E5;
}

.CL_login_nu > div {
    float: left;
    width: 100%;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.check_marg_top {
    padding-top: 20px;
}

.CL_login_nu > div:last-child {
    margin: 25px 0 0 50px;
}

.CL_login_nu > div:last-child > div:nth-child(1) {
    float: left;
    width: 100%;
}

.CL_login_nu > div:last-child > div:nth-child(1) > div, .lbtn_error > div > a {
    width: 255px;
}

.CL_login_nu > div:last-child > div:nth-child(1) > div.white_ball {
    width: 30px;
}

.CL_login_nu > div:last-child > div:nth-child(1) > div.error_newUp {
    margin: 0 auto 50px auto;
    width: 300px;
}

.CL_login_nu > div:last-child > div:nth-child(2) {
    float: left;
    padding: 20px 0 0 0;
    width: 100%;
}

.CL_login_nu > div:last-child > div:nth-child(2) > a {
    float: left;
    width: 50%;
    font-size: 20px;
    color: #fff;
    text-decoration: underline;
    text-align: center;
}


.CL_login_nu > div:last-child > div:nth-child(2) > a.back_left {
    float: none;
    width: 50px;
    margin-left: -10px;
}

.CL_login_nu > div:last-child > div:nth-child(2) > a.help_right {
    float: none;
    width: 50px;
}

.CL_login_nu > div:last-child > div:nth-child(2) > a:hover {
    text-decoration: none;
}

.CL_login_nu > div:last-child > div:nth-child(2).links_justify {
    display: flex;
    justify-content: space-around;
}

.m_content2 > div:last-child.CL_family_thanks_nu {
    background: rgba(255, 255, 255, 0.05);
    width: 40%;
    float: right;
}

.CL_forms.border_white > li > div:nth-child(2) > ul > li > a.icon_active {
    border: 1px solid #fff;
    background: #fff;
    color: #263645;
}

.tel_bottom {
    position: relative;
    bottom: 7px;
}

.CL_forms.border_white > li > div:nth-child(2) > ul > li > a {
    color: #fff;
}

.icon_bottom {
    position: relative;
    bottom: 10px;
}

.codigo_promo_fpago_nu, .codigo_promo_fpago_nu > a {
    float: left;
    width: 100%;
}

.codigo_promo_fpago_nu > a {
    color: #fff;
    text-align: center;
    margin: 15px 0 0 0;
    font-size: 18px;
    line-height: 20px;
    text-decoration: underline;
}

.codigo_promo_fpago_nu > a:hover {
    text-decoration: none;
    color: #fff;
}

.up_input_upsell {
    margin-top: -30px !important;
}

.error_nu {
    display: inline-block;
    text-align: center;
    color: #f54559;
    font-size: 13px;
    width: 300px;
    padding: 10px 15px 0 15px;
    font-family: 'Roboto Lt';
}

.CL_correo_login_nu input, .CL_telcel_login_nu input, .CL_telcel_pago_nu input {
    outline: none;
    width: 100%;
    background: transparent;
    height: 35px;
    font-size: 17px;
    float: left;
    color: #fff;
    padding: 0 9px;
    border: none;
    border-bottom: 1px solid #fff;
}

.phone_marg_top_nu {
    margin-top: 10px !important;
}

.CL_correo_login_nu input:focus, .CL_telcel_login_nu input:focus, .CL_telcel_pago_nu input:focus {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.CL_correo_login_nu input::-webkit-input-placeholder, .CL_telcel_login_nu input::-webkit-input-placeholder, .CL_telcel_pago_nu input::-webkit-input-placeholder {
    font-size: 17px;
    color: #fff;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.CL_correo_login_nu input:-moz-placeholder, .CL_telcel_login_nu input:-moz-placeholder, .CL_telcel_pago_nu input:-moz-placeholder {
    font-size: 17px;
    color: #fff;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.CL_correo_login_nu input:-ms-input-placeholder, .CL_telcel_login_nu input:-ms-input-placeholder, .CL_telcel_pago_nu input:-ms-input-placeholder {
    font-size: 17px;
    color: #fff;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.CL_telcel_pago_nu, .CL_telcel_pago_nu > div {
    float: left;
    width: 100%;
}

.CL_telcel_pago_nu {
    margin: 0;
    margin-top: -30px;
}

.CL_telcel_pago_nu.telcel_fix_marg {
    margin-top: 0;
}

.CL_payway_buttons_seccion {
    display: inline-block;
    width: 100%;
}

.mobile_top_nu {
    margin-top: 10px !important;
}

.mobile_text_info_msg {
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    margin-top: 50px;
}

.CL_telcel_pago_nu > div:first-child {
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 17px;
    line-height: 20px;
}

.CL_telcel_pago_nu > div.boton_telcel {
    margin: 0;
    padding: 0 20%;
}

.CL_telcel_pago_nu > div.telcel_pin_nu {
    margin: 20px 0 0 0;
    text-align: center;
}

.input_tarjetas_nu {
    margin: 15px 0 0 0;
}

.input_tarjetas_nu, .input_tarjetas_nu > div {
    float: left;
    width: 100%;
    height: 50px;
}

.input_tarjetas_nu > div {
    margin: -18px 0 15px 0;
}

.input_tarjetas_nu > div > input {
    float: left;
    width: 70px;
    text-align: center;
    margin: 0 15px 0 7px;
}

.input_tarjetas_nu > div > input.prepaid_card {
    width: 100%;
}

.input_tarjetas_nu > div > div {
    float: left;
    padding: 10px 0 0 0;
}

.terms_text {
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 1.3;
}

.terms_text_yellow {
    color: #ffcd35;
}

.input_tarjetas_nu input {
    width: 100%;
    background: transparent;
    height: 41px;
    font-size: 14px;
    float: left;
    color: #fff;
    padding: 0 9px;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
}

.input_tarjetas_nu input:focus {
    color: #fff;
}

.input_tarjetas_nu input::-webkit-input-placeholder {
    font-size: 17px;
    color: #fff;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.input_tarjetas_nu input:-moz-placeholder {
    font-size: 17px;
    color: #fff;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.input_tarjetas_nu input:-ms-input-placeholder {
    font-size: 17px;
    color: #fff;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.input_tarjetas_nu.prepago > div > input {
    margin: 0 7px 0 0;
}

.input_tarjetas_nu.prepago > div > input:last-child {
    margin: 0;
}

.input_tarjetas_nu > div > input.input_cvv {
    margin-left: 30px;
}

.B_Button.B_W.B_nu {
    background: #DA291c;
    font-weight: 500;
    font-family: Roboto;
    font-size: 16px;
    width: 220px;
    margin-left: 5.5%;
    margin-bottom: 20px;
}

.B_nu_secundary {
    border: 1px solid #2d3139;
    font-weight: 500;
    font-family: Roboto;
    font-size: 16px !important;;
    width: 220px;
    margin-left: 5.5%;
    margin-bottom: 20px;
    width: 250px !important;
    margin-left: 0 !important;
    height: 50px !important;
}

.B_Button.B_W.B_nu.B_nu_payway {
    margin-left: 13%;
}

.B_Button.B_W.B_nu:hover {
    background: #DA291c;
}

.B_vertical_marg {
    margin: 35px 0px 20px 0px;
}

.telcel_pin_nu > a {
    text-decoration: underline;
    text-align: center;
    color: #fff;
}

.logo_nu {
    width: 330px;
}

.m_content2 > div:first-child.CL_upsell_nu {
    color: #fff;
    padding-top: 8%;
}

.CL_upsell_nu h2 {
    font-size: 60px;
}

.CL_upsell_nu p span {
    font-size: 22px;
    line-height: 32px;
}

.m_content2 > div:last-child.cont_family_nu {
    width: 400px;
    height: calc(100vh - 205px);
    margin-left: auto;
    margin-right: auto;
}

.green_check {
    color: #7DB53B;
    margin-right: 10px;
}

.white_green_check {
    font-size: 32px !important;
    color: #ffffff;
    width: 38px;
    height: 38px;
    background: #7DB53B;
    border-radius: 50%;
    position: relative;
    padding: 3px 0 0 0;
    top: -5px;
    margin-bottom: 20px;
}

.white_bg_nu {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    left: 27px;
    bottom: 20px;
}

.empty_bg_nu {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    left: 27px;
    bottom: 20px;
}

.family_title_nu {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}

.family_title_payway {
    font-size: 20px;
    text-align: center;
    margin-bottom: 25px;
    color: #E3E5E8;
}

.family_title_nu.active_title_nu {
    margin-bottom: 10px;
}

.upgrade_name_title {
    font-size: 20px;
    padding: 30px 30px 30px 30px;
    word-wrap: break-word;
    line-height: 1.1;
}

.upgrade_text_nu {
    line-height: 1.2;
    word-wrap: break-word;
    margin-bottom: 40px;
}

.cont_family_nu p {
    color: #E3E5E8;
    text-align: left;
    font-size: 18px;
    margin-left: 60px;
    line-height: 1.1;
    margin-bottom: 15px;
}

.phone_placeholder {
    position: relative;
    border-bottom: 1px solid #fff;
    margin-top: 5px;
    font-family: 'Roboto';
    cursor: pointer;
    font-size: 16px;
}

.CL_telcel_pago_nu > div:first-child.phone_marg_top {
    margin-top: 40px;
}

.B_W.B_payway {
    font-size: 16px;
    font-family: 'Roboto';
    width: 250px !important;
    margin-left: 0 !important;
    height: 50px !important;
}

.bundle_int_close {
    top: 40px;
    left: 340px;
    position: relative;
    font-size: 25px;
}

.bundle_int_close_MX {
    top: 40px;
    left: 155px;
    position: relative;
    font-size: 25px;
}

.bundle_int_play{
    margin-left: 10px;
}
.family_btn_nu {
    max-width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.payway_img_unl {
    text-align: center;
    margin-top: 2rem;
}

.payway_img_unl img {
    width: 250px;
    margin-bottom: 20px;
}

.B_top {
    margin-top: 50px;
}

.CL_login_nu > div:last-child.family_btn_nu > div:nth-child(2) > a {
    width: 100%;
    text-decoration: none;
}

.CL_login_nu > div:last-child.family_btn_nu > div:nth-child(2) > a.B_continue {
    padding-bottom: 40px;
    padding-top: 5px;
    height: 56px;
    line-height: 25px;
}


.CL_login_nu > div:last-child > div:nth-child(1).btn_upsell_fp {
    float: none;
}

.b_text > div.b_white {
    color: #fff;
}

.title_upsell {
    font-size: 44px;
    color: #fff;
    font-family: 'Roboto Md';
    text-shadow: 1px 1px 5px #000;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.2;
}

.advertisement_text {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: normal;
    margin-bottom: 15px;
    text-align: center;
    color: #ffcd35;
    text-shadow: 0 2px 2px #2a2a2a;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

.subtitle_upsell {
    font-family: 'Roboto';
    font-size: 26px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: normal;
    margin-bottom: 15px;
    text-align: center;
    color: #ffcd35;
    text-shadow: 0 2px 2px #2a2a2a;
}

.payway_register_cont {
    text-align: center;
    position: relative;
    bottom: 38px;
}

.telmex_img {
    position: relative;
    bottom: 14px;
}

.payway_container {
    width: 500px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
}

.payway_container.hide {
    display: none;
}

.promo_code_thanks_cont {
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(47, 47, 47, 0.6)', endColorstr='rgba(7, 7, 7, 0.36)', GradientType=0);
    -webkit-transform: translate3d(0, 0, 0);
    width: 350px;
    height: 550px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    padding-top: 130px;
}

.payway_container.payway_container_mtop {
    margin-top: 0;
}

.family_thanks_payway {
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(47, 47, 47, 0.6)', endColorstr='rgba(7, 7, 7, 0.36)', GradientType=0);
    -webkit-transform: translate3d(0, 0, 0);
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    height: 89%;
}

.payment_payway {
    display: flex;
    text-align: center;
}

.payment_payway_flex {
    display: flex;
    text-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    width: 100%;
}

.payment_payway_flex > div {
    height: 50px;
    flex-grow: 1;
    position: relative;
    width: 100%;
}

.payment_payway_flex li {
    width: 100%;
    padding: 5px;
    height: 44px;
    position: relative;
    bottom: 55px;
}

.payment_payway li {
    width: 75px;
    padding: 5px;
    height: 44px;
    position: relative;
    bottom: 55px;
}

.payment_payway div {
    height: 50px;
}

.payment_payway li:nth-child(3) a i {
    font-size: 22px;
}

.payment_payway li:nth-child(4) a img {
    margin-top: -5px;
}

.no_background {
    background: unset;
}

.icon_active_bg {
    position: relative;
    opacity: .92;
    background: linear-gradient(to bottom, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -moz-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    background: -webkit-linear-gradient(top, rgba(47, 47, 47, 0.6), rgba(7, 7, 7, 0.36));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(47, 47, 47, 0.6)', endColorstr='rgba(7, 7, 7, 0.36)', GradientType=0);
    -webkit-transform: translate3d(0, 0, 0);
    z-index: -1;
    border-top: solid 2px #9b9b9b;
    height: 50px;
    bottom: 12px;
}

.icon_hide_bg {
    visibility: hidden;
    height: 50px;
    bottom: 12px;
    z-index: -1;
    position: relative;
}

.border_bottom {
    border-bottom: solid 1px #9b9b9b;
}

.icon_card_upsell {
    font-size: 22px !important;
}

.yellow_text {
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #ffcd35;
    margin-top: 50px;
}

.yellow_text2 {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    color: #ffcd35;
    margin-top: 50px;
}

.promo_start_text2 {
    font-size: 25px;
    line-height: 40px;
    font-family: 'Roboto';
    color: #ffcd35;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 280px;
    text-shadow: 0 2px 4px #000000;
}

.bundle_img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bundle_img img {
    min-height: 35px;
}

.promo_code_title {
    text-align: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.white_text_upsell {
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    margin: 10px 20px;
    color: #fff;
}

.yellow_text_underline {
    color: #ffcd35;
    text-decoration: underline;
    cursor: pointer;
}

.yellow_text_upsell {
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    position: relative;
    top: 230px;
    color: #ffcd35;
}

.yellow_text_upsell2 {
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    position: relative;
    top: 120px;
    color: #ffcd35;
}

.yellow_text_upsell3 {
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    position: relative;
    top: 130px;
    color: #ffcd35;
    padding: 2rem 1rem;
}

.promo_message_rensed {
    margin-bottom: 20px;
    padding: 0 26px 0 26px;
    font-size: 15px;
    color: #ffcd35;
    line-height: 1.3;
    font-family: 'Roboto';
}

.new_bundle_c {
    background: #1C212D;
    padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
    .m_content2 > div:last-child.cont_family_nu {
        width: 100%;
        min-width: 250px;
    }

    .CL_login_nu > div:last-child.buttons_up_center {
        margin: 0 30% 0 30%;
    }

    .m_content2 > div:last-child.cont_family_nu.newup_cont {
        padding-top: 30px;
    }

    .m_content2 > div:last-child.CL_family_thanks_nu {
        width: 100%;
    }

    .white_bg_nu {
        left: 110px;
    }

}

@media screen and (max-width: 800px) {
    .bundle_int_close {
        left: 260px;
    }

    .bundle_int_close_MX {
        left: 125px;
    }
}

@media screen and (max-width: 780px) {
    .white_bg_nu {
        left: 2px;
    }
}

@media screen and (max-width: 570px) {
    .m_content2 > div:last-child.cont_family_nu {
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;
    }

    .CL_upsell_nu h2 {
        font-size: 50px;
    }

    .CL_login_nu > div:last-child {
        margin: 25px 0 0 0;
    }

    .CL_login_nu > div:last-child.buttons_up_center {
        margin: 0 15% 0 15%;
    }
}

@media screen and (max-width: 420px) {
    .white_bg_nu {
        left: 12px;
    }
}

@media screen and (max-width: 375px) {
    .logo_nu {
        width: 270px;
    }

    .CL_upsell_nu h2 {
        font-size: 35px;
    }

    .CL_upsell_nu p span {
        font-size: 18px;
        line-height: 32px;
    }

    .CL_login_nu > div:last-child {
        margin: 25px 0 0 0;
    }

    .family_title_nu {
        font-size: 37px;
    }

    .white_bg_nu {
        left: 3px;
    }
}

@media screen and (max-width: 322px) {
    .family_title_nu {
        font-size: 36px;
    }

    .white_bg_nu {
        left: 46px;
        bottom: 21px;
    }
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container { /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */

.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/

/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);;
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/dist/imagenes/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/dist/slick.eot);
    src: url(/dist/slick.eot?#iefix) format('embedded-opentype'), url(/dist/slick.woff) format('woff'), url(/dist/slick.ttf) format('truetype'), url(/dist/imagenes/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

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

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(/dist/fontawesome-webfont.eot);src:url(/dist/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/dist/fontawesome-webfont.woff2) format('woff2'),url(/dist/fontawesome-webfont.woff) format('woff'),url(/dist/fontawesome-webfont.ttf) format('truetype'),url(/dist/imagenes/fontawesome-webfont.svg#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

input[type=number] {
    -webkit-appearance: none;
}

/* ==========================================================================
Fonts
========================================================================== */
@font-face {
    font-family: 'Roboto';
    src: url(/dist/Roboto-Regular.eot);
    src: url(/dist/Roboto-Regular.eot?#iefix) format('embedded-opentype'), url(/dist/Roboto-Regular.woff2) format('woff2'), url(/dist/Roboto-Regular.woff) format('woff'), url(/dist/Roboto-Regular.ttf) format('truetype'), url(/dist/imagenes/Roboto-Regular.svg#Roboto-Regular) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/Roboto-Bold.eot);
    src: url(/dist/Roboto-Bold.eot?#iefix) format('embedded-opentype'), url(/dist/Roboto-Bold.woff2) format('woff2'), url(/dist/Roboto-Bold.woff) format('woff'), url(/dist/Roboto-Bold.ttf) format('truetype'), url(/dist/imagenes/Roboto-Bold.svg#Roboto-Bold) format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url(/dist/Roboto-Light.eot);
    src: url(/dist/Roboto-Light.eot?#iefix) format('embedded-opentype'), url(/dist/Roboto-Light.woff2) format('woff2'), url(/dist/Roboto-Light.woff) format('woff'), url(/dist/Roboto-Light.ttf) format('truetype'), url(/dist/imagenes/Roboto-Light.svg#Roboto-Light) format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url(/dist/Roboto-LightItalic.eot);
    src: url(/dist/Roboto-LightItalic.eot?#iefix) format('embedded-opentype'), url(/dist/Roboto-LightItalic.woff2) format('woff2'), url(/dist/Roboto-LightItalic.woff) format('woff'), url(/dist/Roboto-LightItalic.ttf) format('truetype'), url(/dist/imagenes/Roboto-LightItalic.svg#Roboto-LightItalic) format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* ==========================================================================
Estructura
========================================================================== */
.m_wrapper {
    padding: 0;
    min-height: calc(100vh - 160px);
}

.upsell_bg {
    background-image: url(/dist/imagenes/musica-gratis-online-claromusica-log.webp);
    background-size: cover;
    background-position: center;
    padding-top: 0px;
}

.m_content2 {
    float: left;
    width: 100%;
    padding: 130px 40px 0 40px;
    font-family: 'Roboto', sans-serif;
}

.m_content2 > div:first-child {
    float: left;
    width: 36%;
    padding: 16% 25px 0 0;
}

.m_content2 > div:last-child {
    float: left;
    width: 63%;
    min-height: 640px;
}

.bg_main.noblur img {
    filter: initial;
}

.bg_main.noblur > div > div.mascara_negra {
    display: none;
}

.m_content2.innerupsell1 {
    padding: 25px 40px 0 40px;
}

.no_backgroud_w {
    background-color: unset;
}

.black_w {
    background-color: #17181A;
}

.m_content2.innerupsell1 .CL_upsell > p{
    color: black;
}
/* ==========================================================================
Registro upsells
========================================================================== */

.CL_upsell.fontwhite p {
    color: #fff;
}

.CL_upsell h2 {
    font-size: 71px;
    color: #E80D0D;
    font-weight: normal;
}

.CL_upsell p {
    font-size: 24px;
    line-height: 30px;
}

.CL_upsell p > span {
    font-weight: bold;
}

.CL_login {
    background: rgba(255, 255, 255, 0.7);
    padding: 35px 15px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.CL_login > div {
    float: left;
    width: 100%;
    color: #444;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.CL_forms {
    float: left;
    width: 50%;
}

.CL_forms > li {
    float: left;
    width: 100%;
    padding: 0 20px;
}

.CL_forms > li > div:first-child {
    font-size: 21px;
    line-height: 23px;
}

.CL_forms > li > div:nth-child(2) {
    margin: 15px 0;
}

.CL_forms > li > div:nth-child(2), .CL_forms > li > div:nth-child(2) > ul {
    float: left;
    width: 100%;
}

.CL_forms > li > div:nth-child(2) > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.CL_forms > li > div:nth-child(2) > ul > li > a {
    color: #3276C6;
    font-size: 30px;
    float: left;
    text-align: center;
    padding: 5px 7px 5px 7px;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

.CL_forms > li > div:nth-child(2) > ul > li > a:hover {
    opacity: 0.5;
}

.CL_forms > li > div:nth-child(2) > ul > li:last-child > a > i > img {
    width: 30px;
}

.plan_selec > div:last-child, .plan_selec > div:last-child > ul, .plan_selec > div:last-child > ul > li > div {
    float: left;
    width: 100%;
}

.plan_selec > div:last-child > ul {
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.plan_selec > div:last-child > ul > li {
    float: left;
    max-width: 115px;
    margin: 15px 5px 0 5px;
    height: 100px;
}

.plan_selec > div:last-child > ul > li > div:nth-child(1) {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
}

.plan_selec > div:last-child > ul > li > div:nth-child(2) {
    text-align: center;
    font-size: 16px;
    margin: 5px 0 0 0;
    line-height: 16px;
}

.plan_selec > div:last-child > ul > li > div:nth-child(3) {
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    margin: 7px 0;
}

/* Radio botones customizados */
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 42%;
    height: 20px;
    width: 20px;
    background: #F7F7F7;
    border: 1px solid #979797;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control input:checked ~ .control__indicator {
    background: #fff;
}

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #fff;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--radio .control__indicator:after {
    left: 2px;
    top: 2px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #4990E2;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.control__indicator.ci_2 {
    left: 0;
}

/*codigo promocional 2*/
.codigo_promo_fpago, .codigo_promo_fpago > a {
    float: left;
    width: 100%;
}

.codigo_promo_fpago > a {
    color: #444;
    text-align: center;
    margin: 15px 0 0 0;
    font-size: 18px;
    line-height: 20px;
    text-decoration: underline;
}

.codigo_promo_fpago > a:hover {
    text-decoration: none;
    color: #444;
}

/* Correo Login */
.CL_correo_login {
    float: left;
    width: 100%;
    margin: 0px 0 10px 0;
}

.CL_correo_login ul, .CL_correo_login li {
    float: left;
    width: 100%;
}

.CL_correo_login li {
    margin: 10px 0;
}

.CL_correo_login li:first-child {
    margin: 0;
}

.CL_correo_login input, .CL_telcel_login input, .CL_telcel_pago input {
    outline: none;
    width: 100%;
    background: transparent;
    height: 35px;
    font-size: 17px;
    float: left;
    color: #444;
    padding: 0 9px;
    border: none;
    border-bottom: 1px solid #999;
}

.CL_correo_login input:focus, .CL_telcel_login input:focus, .CL_telcel_pago input:focus {
    color: #000;
    border-bottom: 1px solid #000;
}

.CL_correo_login input::-webkit-input-placeholder, .CL_telcel_login input::-webkit-input-placeholder, .CL_telcel_pago input::-webkit-input-placeholder {
    font-size: 17px;
    color: #444;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.CL_correo_login input:-moz-placeholder, .CL_telcel_login input:-moz-placeholder, .CL_telcel_pago input:-moz-placeholder {
    font-size: 17px;
    color: #444;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.CL_correo_login input:-ms-input-placeholder, .CL_telcel_login input:-ms-input-placeholder, .CL_telcel_pago input:-ms-input-placeholder {
    font-size: 17px;
    color: #444;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.CL_correo_login input.upsell_input, .CL_telcel_login input.upsell_input, .CL_telcel_pago input.upsell_input {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.CL_login > div:last-child {
    border-top: 1px solid #444;
    padding: 30px 0 0 0;
    margin: 25px 0 0 0;
    margin-bottom: calc(100vh / 6);
}

.CL_login > div:last-child > div:nth-child(1) {
    float: left;
    width: 100%;
}

.CL_login > div:last-child > div:nth-child(1) > div, .lbtn_error > div > a {
    margin: 0 auto;
    width: 255px;
}

.CL_login > div:last-child > div:nth-child(2) {
    float: left;
    padding: 20px 0 0 0;
    width: 100%;
}

.CL_login > div:last-child > div:nth-child(2) > a {
    float: left;
    width: 50%;
    font-size: 20px;
    color: #444;
    text-decoration: underline;
    text-align: center;
    font-family: 'Roboto Lt', sans-serif;
}

.CL_login > div:last-child > div:nth-child(2) > a:hover {
    text-decoration: none;
}

.icon_tel {
    margin: 5px 0 0 0;
}

.CL_forms > li > div:nth-child(2) > ul > li > a.icon_active {
    border: 1px solid #4990E2;
    border-radius: 5px;
    font-size: 35px;
}

.CL_forms > li > div:nth-child(2) > ul > li > a.icon_active > i > img {
    width: 85px;
}

.CL_forms > li > div:nth-child(2) > ul > li:nth-child(3) > a.icon_active > i > img {
    width: 35px;
}

.claro_logo > i > img {
    width: 85px !important;
}

.CL_correo_login_logged, .CL_correo_login_logged > div {
    float: left;
    width: 100%;
}

.CL_correo_login_logged {
    margin: 10px 0 35px 0;
}

.CL_correo_login_logged > div:first-child > div {
    width: 50px;
    margin: 0 auto;
    border-radius: 50%;
}

.CL_correo_login_logged > div:first-child > div > img {
    width: 50px;
    border-radius: 50%;
    border: 1px solid #7f7f7f;
}

.CL_correo_login_logged > div:last-child {
    text-align: center;
    font-style: italic;
    font-family: 'Roboto Lt', sans-serif;
    margin: 15px 0 0 0;
}

/* Tarjetas */
.CL_tarjeta, .CL_tarjeta > ul {
    float: left;
    width: 100%;
}

.CL_tarjeta > ul {
    margin: 15px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.CL_tarjeta > div {
    float: left;
    width: 100%;
    font-size: 17px;
    margin: 0 0 15px 0;
}

.CL_tarjeta > ul > li {
    float: left;
    width: 100px;
}

.CL_tarjeta > ul > li > i {
    float: left;
    margin: -15px 0 0 25px;
}

.input_tarjetas, .input_tarjetas > div {
    float: left;
    width: 100%;
}

.input_tarjetas > div {
    margin: 0 0 15px 0;
}

.input_tarjetas > div > input {
    float: left;
    width: 70px;
    text-align: center;
    margin: 0 15px 0 0px;
}

.input_tarjetas > div > div {
    float: left;
    padding: 10px 0 0 0;
}

.input_tarjetas input {
    outline: none;
    width: 100%;
    background: transparent;
    border-radius: 8px;
    height: 41px;
    font-size: 14px;
    float: left;
    color: #6D6D6D;
    padding: 0 9px;
    border: 1px solid #999;
}

.input_tarjetas input:focus {
    color: #000;
    border: 1px solid #000;
}

.input_tarjetas input::-webkit-input-placeholder {
    font-size: 17px;
    color: #444;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.input_tarjetas input:-moz-placeholder {
    font-size: 17px;
    color: #444;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.input_tarjetas input:-ms-input-placeholder {
    font-size: 17px;
    color: #444;
    font-family: 'Roboto Lt', sans-serif;
    font-style: italic;
}

.input_tarjetas.prepago > div > input {
    margin: 0 7px 0 0;
}

.input_tarjetas.prepago > div > input:last-child {
    margin: 0;
}

/* Telcel */
.CL_telcel_login, .CL_telcel_login > ul {
    float: left;
    width: 100%;
}

.CL_telcel_login > ul {
    margin: 0 0 25px 0;
}

.CL_telcel_login > ul > li {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.CL_telcel_login > ul > li.boton_telcel {
    width: 200px;
    float: initial;
    margin: 0 auto;
}

.B_W.B_log {
    height: 38px;
    font-size: 20px;
}

.telcel_pin, .telcel_pin > a {
    float: left;
    width: 100%;
}

.CL_telcel_login > ul > li.telcel_pin {
    margin: 10px 0 0 0;
}

.telcel_pin > a {
    text-decoration: underline;
    text-align: center;
    color: #444;
}

.telcel_pin > a:hover {
    text-decoration: none;
}

.CLTL_final {
    float: left;
    width: 100%;
}

.CLTL_final > div {
    margin: 0 0 0 55px;
}

.CLTL_final > div > i {
    float: left;
    font-size: 42px;
    color: #5EB500;
}

.CLTL_final > div > div {
    float: left;
    margin: 0 0 0 10px;
    font-size: 17px;
}

.CL_telcel_pago, .CL_telcel_pago > div {
    float: left;
    width: 100%;
}

.CL_telcel_pago {
    margin: 20px 0;
}

.CL_telcel_pago > div:first-child {
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 17px;
    line-height: 20px;
}

.CL_telcel_pago > div.boton_telcel {
    margin: 15px 0 0 0;
    padding: 0 15%;
}

.CL_telcel_pago > div.boton_telcel > a.B_log {
    padding: 15px;
    line-height: 18px;
}

.CL_telcel_pago > div.telcel_pin {
    margin: 20px 0 0 0;
}

.CL_telcel_login > ul > li:last-child {
    margin-top: 15px;
}

/* Final de Upsell */
.upsellfinB {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 0 35%;
}

.upsellfinB.btn_min {
    padding: 0% 30% !important;
}

.btn_min a {
    min-width: 286px;
}

.CL_login > div.boxes {
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.b_img, .b_text, .b_buttons, .b_extras {
    width: 100%;
    float: left;
    text-align: center;
}

.CL_login > div:last-child > div.b_text {
    padding: 0;
}

.b_text {
    margin: 30px 0 0 0;
}

.b_text > div {
    float: left;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
}

.fin_check {
    height: 90px;
}

.fin_check > i {
    color: #5eb400;
    width: 50px;
    height: 50px;
    font-size: 50px;
}

.fin_error {
    height: 70px;
}

.fin_error > i {
    color: #D3352A;
    width: 40px;
    height: 40px;
    font-size: 40px;
}

.b_text > div {
    float: left;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #000;
}

.b_ver_data {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
}

.b_ver_data > div {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    margin: 0 0 15px 0;
    line-height: 22px;
}

.b_ver_data > div:last-child.marg_bottom {
    margin-bottom: 30px;
    padding: 0px 35% 0px 35%;
}

.b_ver_data > div:last-child {
    margin: 15px 0 0 0;
}

.b_width {
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 230px;
}

.b_ver_data > div:last-child.marg_top {
    margin-top: 40px;
}

.b_extras2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 10px;
    margin: 30px 0 0 0;
}

.b_extras2 > a {
    text-decoration: underline;
    color: #000;
}

.b_extras2 > a:hover {
    text-decoration: none;
}

.b_ver_data > div.pay_type_end {
    margin: 0 0 30px 0;
}

.pay_type_end > div {
    width: 185px;
    margin: 0 auto;
}

.pay_type_end > div > i {
    float: left;
    width: 72px;
}

.pay_type_end > div > div {
    float: left;
    width: auto;
}

.pay_type_end > div > div {
    margin: 0 0 0 20px;
}

/*Errores*/
.error_tipo1 {
    width: 100%;
    margin: 1.2em 0;
}

.error_tipo1 > div:first-child, .error_tipo2 > div:first-child {
    float: left;
    width: 10%
}

.error_tipo1 > div > i, .error_tipo2 > div > i {
    color: red;
    font-size: 20px;
}

.error_tipo1 > div:last-child, .error_tipo2 > div:last-child {
    font-weight: bold;
    color: #981D15;
    font-size: 14px;
}

.error_tipo1.tipo2 {
    margin: 20px 0;
}

.error_tipo1.tipo3 {
    margin: 10px 0;
    padding-left: 30%;
}

.CL_login > div:last-child > div:nth-child(1) > div.error_tipo2 {
    width: 300px;
    margin: 0 auto 20px auto;
    min-height: 25px;
}

.error_tipo2 > div:last-child {
    padding: 4px 0 0 0;
}

/*Ocultar*/
.hidden {
    display: none !important;
}

.dissabled_btn > a {
    opacity: 0.5 !important;
    cursor: default !important;
}
.bundle_subscription_main_content {
    text-align: center;
    display: flex;
}
.bundle_subscription_main_content div:nth-child(2) {
    width: 300px!important;
    min-height: 500px;
    text-align: center;
    margin-top: 80px!important;
    margin: auto!important;
}
/* ==========================================================================
Botones centrales
========================================================================== */
.B_Button {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 22px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.B_Button.B_W {
    color: #fff;
    background: #DE1717;
}

.B_Button.B_W:hover {
    color: #fff;
    background: #DE1717;
}

.CL_forms.ini_s2 > li > div.CL_correo_login > ul > li.boton_ini {
    margin: 60px 0 0 0;
}

.boton_ini > div {
    width: 280px;
    margin: 0 auto;
}

.boton_ini > div > a.B_Button {
    padding-top: 10px;
}

/* ==========================================================================
Inicia Sesión
========================================================================== */
.m_content2 > div.ini_s {
    width: 30%;
    margin-left: 20%;
    min-height: 620px;
}

.CL_forms.ini_s2 {
    width: 100%;
    min-height: 355px;
}

.CL_forms.ini_s2 > li > div.CL_correo_login > ul > li {
    margin: 10px 0;
}

.CL_login > div:last-child > div:nth-child(2) > div > a {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #444;
    margin: 20px 0 0 0;
    text-decoration: underline;
    text-align: center;
    font-family: 'Roboto Lt', sans-serif;
}

.CL_login > div:last-child > div:nth-child(2) > div > a:hover {
    text-decoration: none;
}

/* ==========================================================================
Versión Gratis
========================================================================== */
.m_content2 > div.col1_gratis {
    width: 36%;
    margin-left: 16%;
    min-height: 620px;
}

.CL_login > div:last-child > div:nth-child(2) > div > a,
.CL_forms.ini_s2 > li > div.CL_correo_login > ul > li:last-child > a {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #444;
    margin: 20px 0 0 0;
    text-decoration: underline;
    text-align: center;
    font-family: 'Roboto Lt', sans-serif;
}

.CL_login > div:last-child > div:nth-child(2) > div > a:hover, .CL_forms.ini_s2 > li > div.CL_correo_login > ul > li:last-child > a:hover {
    text-decoration: none;
}

.CL_forms.ini_s2 > li > div.CL_correo_login > ul > li:last-child > a {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #444;
    margin: 20px 0 0 0;
    text-decoration: underline;
    text-align: center;
    font-family: 'Roboto Lt', sans-serif;
}

.CL_forms.ini_s2 > li > div.CL_correo_login > ul > li.CLTL_final > div {
    margin: 0px auto;
    width: 311px;
}

.N_contra {
    float: left;
    width: 100%;
    font-size: 21px;
    line-height: 23px;
    margin: 40px 0 15px 0;
}

/* ==========================================================================
Versión Gratis
========================================================================== */
.m_content2 > div.col1_gratis {
    width: 36%;
    margin-left: 16%;
    min-height: 620px;
}

.gratis {
    width: 250px !important;
}

/* ==========================================================================
Ventana pop UP con iframe
========================================================================== */
.pop-up-NET_g {
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}

.msj_allscreen_pop_NET_g {
    position: absolute;
    max-width: 470px;
    padding: 10px;
    max-height: 450px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
}

.msj_allscreen_pop_NET_g > div:first-child {
    float: left;
    width: 100%;
    color: #000;
}

.msj_allscreen_pop_NET_g > div:first-child > div:first-child > a {
    float: right;
    color: #000;
    font-size: 20px;
    margin-top: -20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.msj_allscreen_pop_NET_g > div {
    float: left;
    width: 100%;
}

.msj_allscreen_pop_NET_g > div:first-child > div:first-child > a:hover {
    opacity: 0.5;
}

.msj_allscreen_pop_NET_g > div:last-child, .msj_allscreen_pop_NET_g > div:last-child > div {
    float: left;
    width: 100%;
    color: #000;
}

.msj_allscreen_pop_NET_g > div:last-child {
    position: relative;
    height: 100%;
}

.msj_allscreen_pop_NET_g > div:last-child > div:nth-child(1) {
    font-size: 25px;
    line-height: 25px;
    border-bottom: 1px solid #999;
    padding: 0 0 15px 0;
    text-align: left;
}

.msj_allscreen_pop_NET_g > div:last-child > div:nth-child(2) {
    padding: 15px 0;
}

.msj_allscreen_pop_NET_g > div:last-child > div:nth-child(2) > i:first-child {
    float: left;
}

.msj_allscreen_pop_NET_g > div:last-child > div:nth-child(2) > i:last-child {
    float: right;
}

.msj_allscreen_pop_NET_g > div:last-child > div:last-child {
    position: absolute;
    bottom: 0px;
    left: 0;
    border-top: 1px solid #999;
    padding: 15px 0 0 0;
}

.b_bluish_carrito.iframe_b_m {
    width: 150px;
    float: right;
}

.b_bluish_carrito.iframe_b_m {
    text-align: center;
    font-size: 15px;
    border-radius: 20px;
    padding: 5px 0 0 0;
    float: left;
    height: 30px;
    width: 100%;
    background: rgba(19, 117, 236, 1);
    background: -moz-linear-gradient(top, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19, 117, 236, 1)), color-stop(100%, rgba(20, 81, 155, 1)));
    background: -webkit-linear-gradient(top, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    background: -o-linear-gradient(top, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    background: -ms-linear-gradient(top, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    background: linear-gradient(to bottom, rgba(19, 117, 236, 1) 0%, rgba(20, 81, 155, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1375ec', endColorstr='#14519b', GradientType=0);
}

.b_bluish_carrito.iframe_b_m:hover {
    opacity: 0.5;
}

/*Especifico de IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .msj_allscreen_pop_NET_g {
        position: absolute;
        width: 470px;
        height: 450px;
    }
}

/* ==========================================================================
Términos y condiciones
========================================================================== */
.m_content2 > div:last-child.tyc_reg {
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, 0.7);
    padding: 35px 25px;
}

.tyc_reg h1 {
    color: #000;
    text-align: left;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    margin: 0 0 0 0;
}

.tyc_reg > div.tyc_upper {
    float: left;
    width: 100%;
    padding: 0 27px 0 0;
    margin: 30px 0 30px 0;
    line-height: 17px;
}

.tyc_reg > div.tyc_w {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.tyc_reg > div.tyc_w > div > a.B_D_tyc {
    float: left;
    width: 100%;
    margin: -1px 0 0 0;
    min-height: 40px;
    border-top: 1px solid #7f7f7f48;
    border-bottom: 1px solid #7f7f7f48;
    padding: 0 15px;
    position: relative;
    color: #444;
}

.tyc_reg > div.tyc_w > div > a.B_D_tyc > div {
    width: 100%;
    margin: 12px 0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    padding-right: 45px;
}

.tyc_reg > div.tyc_w > div > a.B_D_tyc > i {
    position: absolute;
    top: 8px;
    right: 25px;
    font-size: 23px;
    color: #444;
}

.tyc_reg > div.tyc_w > div > a.B_D_tyc:hover {
    color: #fff;
    background-color: #16181dff;
}

.tyc_reg > div.tyc_w > div > div.tyc_drop {
    float: left;
    width: 100%;
    background: #fff;
    color: #444;
    line-height: 17px;
    height: auto;
    display: block;
}

.tyc_reg > div.tyc_w > div > div.tyc_drop p {
    margin: 20px;
}

.tyc_reg > div.tyc_w > div > div.tyc_drop.tyc_drop_OFF {
    display: none;
}

.tyc_reg > div > div.nav_interno {
    float: left;
    width: 100%;
    margin: 20px 0 40px 0;
}

.tyc_reg > div > div.nav_interno > ul {
    height: 36px;
    margin: 0;
    padding: 0 10% 0 8%;
}

.tyc_reg > div > div.nav_interno > ul > li {
    float: left;
    height: 36px;
    width: 25%;
    color: #444;
    border: 1px solid #444;
    border-left: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
    padding: 7px 0 0 0;
    cursor: pointer;
}

.tyc_reg > div > div.nav_interno > ul > li:first-child {
    border-left: 1px solid #444;
    color: #444;
}

.tyc_reg > div > div.nav_interno > ul > li > a {
    float: left;
    height: 35px;
    width: 100%;
    color: #444;
    text-align: center;
    padding: 7px 0 0 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.tyc_reg > div > div.nav_interno > ul > li:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #000;
}

/*Dos elementos*/
.tyc_reg > div > div.nav_interno > ul.ni_2e {
    padding: 0 12% 0 30%;
}

.tyc_reg > div > div.nav_interno > ul.ni_2e li {
    width: calc(33.33% + 30px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tyc_reg > div > div.nav_interno > ul > li.nav_interno_a {
    color: #fff;
    background: rgb(18, 136, 226);
    background: -moz-linear-gradient(left, rgba(18, 136, 226, 1) 0%, rgba(0, 171, 224, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(18, 136, 226, 1) 0%, rgba(0, 171, 224, 1) 100%);
    background: linear-gradient(to right, rgba(18, 136, 226, 1) 0%, rgba(0, 171, 224, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1288e2', endColorstr='#00abe0', GradientType=1);
}

.tyc_texto {
    color: #000;
}

.tyc_texto > p {
    margin: 15px 0 0 0;
}

.prepago_img > i > img {
    width: 60px !important;
}

.prepago_img.icon_active > i > img {
    width: 75px !important;
}

.CL_forms > li > div:nth-child(2) > ul > li:first-child > a.icon_active > i > img {
    width: 70px;
}

.claro_360_img > i > img {
    width: 100px !important;
}

.claro_360_img.icon_active > i > img {
    width: 120px !important;
}

.text_conf_email {
    text-align: center;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.confirm_email_cont2 {
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 500px;
    text-shadow: 0px 0px 3px #494949;
    padding-left: 30px;
    padding-top: 5px;
    padding-right: 30px;
    font-weight: bold;
}

.center_mail_text {
    position: absolute;
    top: calc(100% - 180px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.confirm_title2 {
    font-size: 38px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    text-shadow: 0px 0px 3px #494949;
    position: relative;
    margin: 20px auto;
}

.confirm_title2 p {
    font-size: 26px;
    color: #F7CD56;
    text-shadow: 0px 0px 3px #494949;
}

.confirm_mail_text2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.confirm_junk2 {
    margin-left: 55px;
    margin-right: 55px;
    font-size: 14px;
    font-weight: 300;
}

.error_email_cont2 {
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    width: 300px;
    height: 300px;
    padding: 20px;
}

.confirm_title2 p.confirm_error2 {
    color: #fff;
}

/* ==========================================================================
Country selector
========================================================================== */
.paises_movil_login {
    display: none;
    width: 100%;
    position: absolute;
    top: 200px;
    z-index: 9999;
}

.paises_movil_login > a {
    width: 100%;
    float: left;
    text-align: center;
    text-decoration: underline;
    font-size: 15px;
    color: #444;
}

/* ==========================================================================
Media Queries
========================================================================== */

/* ----------Pantalla 1024px/ipad landscape o menores de 1220px--------- */
@media screen and (max-width: 1228px) {
    .m_content2 {
        padding-top: 30px;
    }

    .m_content2 > div:first-child {
        width: 100%;
        margin-bottom: 30px;
    }

    .nav_logo_l {
        height: 65px;
    }

    .CL_upsell h2 {
        font-size: 40px;
        margin: 45px 0 20px 0;
    }

    .CL_upsell p {
        font-size: 17px;
        line-height: 20px;
    }

    .m_content2 > div:last-child {
        width: 850px;
        margin: 0 0 0 5%;
    }

    .m_content2.innerupsell1 {
        padding: 0;
    }

    .m_content2 > div:first-child {
        padding-top: 0;
    }

    .CL_forms.ini_s2 {
        min-height: auto;
    }

    .m_content2 > div:last-child.tyc_reg {
        margin: 10% 0 0 0;
    }
}

/* ----------Pantalla 800px/ipad portrait o menores de 800px--------- */
@media screen and (max-width: 936px) {
    .m_content2 {
        padding: 30px 20px 0 20px;
    }

    .m_content2 > div:last-child {
        width: 100%;
        margin: 0;
    }

    .carrusel_L > div:first-child {
        left: -24%;
        height: 180%;
        width: 201%;
        top: -45%;
    }

    .m_content2.innerupsell1 {
        padding: 0 27px 0 0;
    }

    .CL_forms > li {
        padding: 0 8px;
    }

    .plan_selec > div:last-child > ul > li > div:first-child {
        font-size: 21px;
    }

    .tyc_reg > div > div.nav_interno > ul.ni_2e {
        padding: 0 0% 0 24%
    }

    .bundle_subscription_main_content div:nth-child(2) {
        float: unset;
        width: 300px;
        min-height: 500px;
        text-align: center;
        margin-top: 80px;
        margin: auto;
    }
}

@media screen and (max-width: 800px) {
    .upsell_bg {
        padding-top: 27px;
    }
}

/* ----------Pantalla 375px/iphone portrait o menores de 697px--------- */
@media screen and (max-width: 697px) {
    .carrusel_L > div:first-child {
        width: 160%;
        left: 0;
        height: 68%;
        top: 0;
        position: absolute;
    }

    .center_mail_text {
        margin-top: 60px !important;
    }

    .confirm_title2 {
        bottom: 0;
        font-size: 30px;
    }

    .error_email_cont2 {
        width: 100vw;
        bottom: 60px;
    }

    .confirm_email_cont2 {
        padding: 10px;
        padding-top: 0px;
        width: 100%;
    }

    .confirm_mail_text2 {
        margin-top: 5px;
        line-height: 26px;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .carrusel_L > div:first-child > img {
        min-height: initial !important;
    }

    .upsellfinB.btn_min {
        padding: 0% 10% !important;
    }

    .CL_forms {
        width: 100%;
        margin-bottom: 20px;
    }

    .m_content2 {
        padding: 30px 0 0 0;
    }

    .m_content2 > div:first-child {
        padding: 0 20px;
    }

    .m_content2.innerupsell1 {
        padding: 0 0 1rem .6rem;
    }

    .c_tipo1_wrapper.innerupsell_w {
        padding: 0;
    }

    .upsell_bg {
        background-position: top;
    }

    .upsellfinB {
        padding: 0 20%;
    }

    .nav_logo_l > div:last-child > div > a:first-child {
        display: block !important;
    }

    .CL_login {
        background: #fff;
    }

    .mascara_blanca {
        top: 4% !important;
    }

    .CL_forms.ini_s2 > li > div.CL_correo_login > ul > li {
        margin-top: 0;
    }

    .CL_forms.ini_s2 {
        margin-bottom: 0;
    }

    .CL_login.ini_s > div:last-child {
        margin: 12px 0 0 0;
    }

    .m_content2 > div.ini_s {
        min-height: auto;
    }

    .m_content2 > div:last-child.tyc_reg {
        margin: 25% 0 0 0;
    }

    .tyc_reg > div > div.nav_interno > ul.ni_2e {
        padding: 0;
    }

    .tyc_reg > div > div.nav_interno > ul.ni_2e li {
        width: 50%;
    }

    .tyc_reg h1 {
        font-size: 18px;
    }

    .tyc_reg > div > div.nav_interno > ul > li.nav_interno_a {
        font-weight: bold;
    }

    .error_tipo1.tipo3 {
        padding-left: 15%;
    }

    .CL_login > div:last-child {
        margin-bottom: calc(100vh / 5);
    }

    .nav_logo_l > div:last-child > .login_subs_header > a:first-child {
        display: none !important;
    }

    .DP_paises {
        top: 240px;
        right: 20%;
    }

    .paises_movil_login {
        display: block;
    }

    .paises_movil_login {
        top: 190px;
    }

    .paises_movil_login a {
        color: #fff;
    }

    .msj_allscreen_pop_NET_g {
        max-width: 370px;
    }

    .msj_allscreen_pop_NET_g > div > iframe{
        width: 300px;
    }

}

/* ----------Pantalla 360px/iphone portrait o menores de 660px--------- */
@media screen and (max-width: 375px) {
    .carrusel_L > div:first-child {
        width: 160%;
        height: 40%;
    }
}

/* ----------Pantalla 320px/iphone portrait o menores de 660px--------- */
@media screen and (max-width: 320px) {
    .CL_login {
        padding: 20px 5px;
    }

    .CL_forms > li {
        padding: 0 10px;
    }

    .CL_forms > li > div:first-child {
        font-size: 20px;
    }

    .plan_selec > div:last-child > ul > li {
        max-width: 95px;
    }

    .plan_selec > div:last-child > ul > li > div:nth-child(1) {
        font-size: 20px;
    }

    .plan_selec > div:last-child > ul > li > div:nth-child(2) {
        font-size: 14px;
        margin: 0;
    }

    .m_content2 > div.ini_s {
        margin-top: 0;
    }

    .tyc_reg > div > div.nav_interno > ul.ni_2e li {
        font-size: 11px;
    }

    .error_tipo1.tipo3 {
        padding-left: 10%;
    }

    .m_content2 > div:first-child {
        width: 100%;
        margin-bottom: 10px;
    }

    .CL_upsell p {
        font-size: 15px;
        line-height: 20px;
    }

    .DP_paises {
        top: 225px;
        right: 11%;
    }

    .paises_movil_login {
        top: 185px;
        position: inherit;
    }
}


.lista_canciones {
    width: 100%;
    margin: -14px 0 0 0;
    float: left;
    padding: 0 27px 0 0;
    min-height: 300px;
}

.lista_canciones > ul {
    width: 100%;
    float: left;
    margin: 0 0 25px 0;
}

.lista_canciones > ul > li {
    cursor: pointer;
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.lista_canciones > ul > li:hover {
    background: rgba(255, 255, 255, .1);
}

.lista_canciones > ul > li.now_playing {
    background: rgba(255, 255, 255, .3);
}

.lista_canciones > ul > li:hover:first-child {
    background: transparent;
}

.lista_canciones > ul > li:first-child {
    text-align: left;
    height: 40px;
    cursor: default;
}

.lista_canciones > ul > li:first-child > div {
    padding: 12px 8px 12px 2px;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
}

.lista_canciones > ul > li:first-child > div:nth-child(1) {
    flex: 1 0;
}

.lista_canciones > ul > li:first-child > div:nth-child(2) {
    flex: 1 0;
}

.lista_canciones > ul > li:first-child > div:nth-child(3) {
    width: 67px;
}

.lista_canciones > ul > li:first-child > div:nth-child(4) {
    width: 215px;
}

.lista_canciones > ul > li > div {
    float: left;
    height: 60px;
    padding: 18px 8px;
}

.lista_canciones > ul > li > div a {
    text-decoration: underline;
}

.lista_canciones > ul > li > div a:hover {
    text-decoration: none;
}

.lista_canciones > ul > li > div:first-child > div.song-cover-row {
    position: relative;
    float: left;
    margin: -14px 10px 0 0;
}

.lista_canciones > ul > li > div:first-child > div.song-cover-row > img {
    float: left;
    width: 42px;
    height: 42px;
}

.lista_canciones > ul > li > div:first-child > div.song-cover-row > i {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 7px;
    left: 6px;
    opacity: 0;
}

.lista_canciones > ul > li > div:first-child > div.song-cover-row:hover > i {
    opacity: 1;
}

.lista_canciones > ul > li > div:first-child > div {
    float: left;
    margin-right: 10px;
}

.lista_canciones > ul > li > div:first-child > div > i {
    font-size: 17px;
    color: #fff;
    margin: -1px 0 0 0;
}

.lista_canciones > ul > li > div:first-child > div:last-child {
    height: 16px;
    flex: 1 0;
    min-width: 0;
}

.lista_canciones > ul > li > div:nth-child(1) {
    flex: 1 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.lista_canciones > ul > li > div:nth-child(2) {
    flex: 1 0;
    min-width: 0;
}

.lista_canciones > ul > li > div:nth-child(3) {
    width: 67px;
}

.lista_canciones > ul > li > div:nth-child(4) {
    width: 215px;
}

.lista_canciones > ul > li > div > div > ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}

.lista_canciones > ul > li > div > div > ul > li {
    float: left;
    position: relative;
}

.lista_canciones > ul > li > div > div > ul > li > a {
    width: 33px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    padding: 7px 0 0 0;
}

.lista_canciones > ul > li > div > div > ul > li > a:hover {
    opacity: 0.5;
}

.lista_canciones > ul > li > div > a > img {
    height: 55px;
}

.dot3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lista_canciones > ul > li, .lista_canciones > ul > li > div:first-child > div.song-cover-row > i, .lista_canciones > ul > li > div > div > ul > li > a, .lista_canciones.lic_compra > ul > li > div:nth-child(3) i, .lista_canciones.lic_compra > ul > li > div:nth-child(4) i {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*5 columnas para listas*/
.lista_canciones.lista_c_al > ul > li:first-child > div:nth-child(3), .lista_canciones.lista_c_al > ul > li > div:nth-child(3) {
    flex: 0.7 0;
    min-width: 0;
}

.lista_canciones.lista_c_al > ul > li:first-child > div:nth-child(4), .lista_canciones.lista_c_al > ul > li > div:nth-child(4) {
    width: 67px;
}

.lista_canciones.lista_c_al > ul > li:first-child > div:nth-child(5), .lista_canciones.lista_c_al > ul > li > div:nth-child(5) {
    width: 215px;
}

/*Eventos*/
.lista_canciones.ni_eventos2 {
    margin-top: 20px;
    min-height: 60vh;
}

.lista_canciones.lista_vivo > ul > li > div:nth-child(3), .lista_canciones.lista_vivo > ul > li:first-child > div:nth-child(3) {
    flex: 1 0;
    min-width: 0;
}

/*Carrito*/
.lista_canciones.lic_compra {
    order: 1;
    flex: 3 0;
    margin: 0;
    width: 100%;
}

.lista_canciones.lic_compra > ul > li:first-child {
    background: #333;
}

.lista_canciones.lic_compra > ul > li:first-child > div:nth-child(1) {
    padding: 13px 10px 12px 10px;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(1) {
    flex: 0 1 auto;
    width: 75px;
    padding: 3px 10px;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(2) {
    flex: 1 0;
    padding: 12px 0;
    min-width: 0;
    width: 100px;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(2) > div {
    float: left;
    height: 20px;
    width: 100%;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(2) > div:first-child {
    font-size: 15px;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(2) > div:last-child {
    font-size: 12px;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(3) {
    width: 110px;
    text-align: center;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(3) i, .lista_canciones.lic_compra > ul > li > div:nth-child(4) i {
    font-size: 18px;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(3) i:hover, .lista_canciones.lic_compra > ul > li > div:nth-child(4) i:hover {
    opacity: 0.5;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(4) {
    width: 140px;
    text-align: center;
}

.lista_canciones.lic_compra > ul > li > div:nth-child(5) {
    width: 110px;
    padding: 14px 0;
}

.lista_canciones.lic_compra > ul > li > div > div.carrito_precio {
    float: left;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    height: 30px;
    text-align: center;
    padding: 6px 0;
}

.lista_canciones.lic_compra > ul > li > div.down-separator {
    width: auto;
}

.lista_canciones.lic_compra > ul > li > div.down-all-button {
    padding: 12px 0 0 0;
    text-align: center;
}

.lista_canciones.lic_compra > ul > li > div > a .down-label-button {
    font-size: 12px;
}

.btn_disabled {
    cursor: not-allowed !important;
}

/* ----------Pantalla 1024 px o menores--------- */
@media screen and (max-width: 1024px) {
    .lista_canciones.lista_c_al > ul > li:first-child > div:nth-child(5), .lista_canciones.lista_c_al > ul > li > div:nth-child(5), .lista_canciones > ul > li > div:nth-child(4), .lista_canciones > ul > li:first-child > div:nth-child(4) {
        width: 170px;
    }

    .lista_canciones.lic_compra > ul > li > div:nth-child(4), .lista_canciones.lic_compra > ul > li:first-child > div:nth-child(4) {
        width: 140px;
    }
}

/* ----------Pantalla 910 px o menores--------- */
@media screen and (max-width: 997px) {
    .lista_canciones.lista_c_al > ul > li:first-child > div:nth-child(5), .lista_canciones.lista_c_al > ul > li > div:nth-child(5), .lista_canciones > ul > li > div:nth-child(4), .lista_canciones > ul > li:first-child > div:nth-child(4) {
        width: 66px;
    }

    .lista_canciones > ul > li > div > div > ul > li:first-child, .lista_canciones > ul > li > div > div > ul > li:nth-child(2), .lista_canciones > ul > li > div > div > ul > li:nth-child(3) {
        display: none;
    }

    .lista_canciones.lic_compra {
        padding: 0;
    }

    .lista_canciones.lic_compra {
        flex: 0 1 auto;
        position: relative;
        width: 100%;
        order: 2;
    }

    .checkout {
        flex: 0 1 auto;
        position: relative;
        order: 1
    }
}

/* ----------Pantalla 414 px o menores --------- */
@media screen and (max-width: 420px) {
    .lista_canciones.lista_c_al > ul > li:first-child > div:nth-child(5), .lista_canciones.lista_c_al > ul > li > div:nth-child(5), .lista_canciones > ul > li > div:nth-child(4), .lista_canciones > ul > li:first-child > div:nth-child(4) {
        width: 40px;
    }

    .lista_canciones.lista_vivo > ul > li > div:nth-child(3), .lista_canciones.lista_vivo > ul > li:first-child > div:nth-child(3) {
        display: none;
    }

    .lista_canciones.lic_compra {
        width: 100%;
    }

    .lista_canciones.lic_compra > ul > li > div:nth-child(1) {
        padding: 3px 0;
    }

    .lista_canciones.lic_compra > ul > li:first-child > div {
        font-size: 12px;
    }

    .lista_canciones.lic_compra > ul > li > div:nth-child(1) {
        width: 45px;
        margin-right: 18px;
    }

    .lista_canciones.lic_compra > ul > li > div:nth-child(3) {
        width: 55px;
    }

    .lista_canciones.lic_compra > ul > li > div:nth-child(5) {
        width: 65px;
    }

    .lista_canciones > ul > li:first-child > div {
        padding-top: 5px;
    }

    .lista_canciones.lic_compra > ul > li > div:nth-child(4), .lista_canciones.lic_compra > ul > li:first-child > div:nth-child(4) {
        width: 90px;
    }

    .lista_canciones.lic_compra > ul > li > div.down-all-button {
        padding: 5px 0 0 0;
    }

    .lista_canciones.lic_compra > ul > li > div.down-separator {
        display: none;
    }

    .lista_canciones.lic_compra > ul > li > div > a.B_Black_G {
        padding: 0;
    }

    .lista_canciones.lic_compra > ul > li > div > a .down-label-button {
        font-size: 12px;
        margin: -2px 0 0 0;
    }

    .lista_canciones.lic_compra > ul > li > div > a .down-label-button.downloaded {
        font-size: 11px;
    }

    .B_Black_G.downloaded {
        padding: 0 12.5px;
    }
}

/* ----------Pantalla 375 px o menores --------- */
@media screen and (max-width: 375px) {
    .lista_canciones.lic_compra > ul > li:first-child > div:nth-child(1) {
        display: block;
    }

    .lista_canciones.lic_compra > ul > li > div:nth-child(1) {
        display: none;
    }

    .checkout {
        min-width: auto;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.currentPlaying {
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}

.sonos_container .font-family-din, .sonos_container .btn{
    font-family: 'DIN OT', Helvetica, Arial, sans-serif;
    font-weight: 100;
}
.sonos_container {
    height: 100%;
    width: 100%;
    position: absolute;
}

.sonos_container .main {
    position: absolute;
    top: 62px;
    bottom: 0;
    right: 0;
    left: 0;
}

.sonos_container h1 {
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    letter-spacing: -0.3px;
    line-height: 1.3;
    margin: 0px auto;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: 'DIN OT', Helvetica, Arial, sans-serif;
}

.sonos_container .main {
    top: 150px;
}
.sonos_container.background-sonos-landing {
    background-repeat: no-repeat;
    background-image: url(/dist/imagenes/bg-sonos-sm.webp);
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
}

.sonos_container .navbar {
    position: relative;
    min-height: 62px;
    border: 1px solid transparent;
    width: 100%;
    display: table;
    text-align: center;
    min-height: 150px;
}

.sonos_container .navbar-header {
    float: left;
}

.sonos_container .navbar.navbar-default {
    background: transparent;
    border: 0px;
}
.sonos_container .navbar.navbar-default .container-fluid {
    vertical-align: middle;
    display: table-cell;
    padding-right: 18px;
    padding-left: 18px;
}
.sonos_container .navbar .navbar-header {
    float: none;
}

.sonos_container .navbar .navbar-brand {
    width: 100%;
    height: 62px;
    float: none;
    display: block;
    margin: 0px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/dist/imagenes/logo-claromusica-sonos.webp);
}

.sonos_container .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.sonos_container .panel-body {
    padding: 18px;
}
.sonos_container .panel-responsive {
    width: 100%;
}

.sonos_container .text-center {
    text-align: center;
}

.sonos_container .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    max-width: 100%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
}

.sonos_container .btn-sonos {
    width: 100%;
    font-size: 32px;
    font-weight: 600;
    text-transform: none;
    color: #670f80;
    background-color: #fff;
    border-color: #fff;
}
.sonos_container .btn-sonos:hover,
.sonos_container .btn-sonos:focus,
.sonos_container .btn-sonos:active,
.sonos_container .btn-sonos.active,
.sonos_container .open > .dropdown-toggle.btn-sonos {
    color: #670f80;
    background-color: #e6e6e6;
    border-color: #e0e0e0;
}

.sonos_container .btn-sonos.btn-lg {
    padding: 8px 12px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 0px;
}

.sonos_container .btn-lg,
.sonos_container .btn-group-lg > .btn {
    padding: 8px 12px;
    font-size: 20px;
    line-height: 1.33;
    border-radius: 6px;
}
.sonos_container .footer {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    position: absolute;
    font-weight: 700;
}
.sonos_container .footer a.countryList {
    display: inline-block;
    color: #fff;
    text-decoration: underline;
}
.sonos_container .footer-landing {
    font-size: 13px;
    color: #fff;
    background-color: #666666;
    letter-spacing: -0.1px;
    bottom: 0;
}
.sonos_container .footer-landing span {
    line-height: 40px;
}
.sonos_container .footer-landing span a {
    color: #fff;
    text-decoration: underline;
}
.footer-landing span a.terms {
    position: absolute;
    right: 12px;
}
.sonos_container .footer-landing {
    background-color: transparent;
}
.m_wrapper{width: 100%; position:relative; float: left;min-height: 100%}

.DP_paises {
    top: auto;
    bottom: 43px;
    left: 10px;
}
.DP_paises:after {
    content: "";
    border-style: solid;
    border-width: 10px;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    bottom: -20px;
    left: 33%;
}
.DP_paises:after { margin-top: -20px; border-color: #fff transparent transparent transparent; }

@media screen and (max-width: 319px) {
    .sonos_container .panel:last-child > .panel-body:last-child,
    .sonos_container .panel:last-of-type > .panel-body:last-child {
        padding-bottom: 78px;
    }
    .footer-landing span {
        width: 100%;
        display: block;
        line-height: 14px;
        text-align: center;
        padding-top: 10px;
    }
}

@media screen and (max-width: 320px) {
    .sonos_container h1 {
        font-size: 24px;
    }
}

@media (min-width: 768px) {
    .sonos_container h1 {
        max-width: 400px;
        font-size: 32px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .sonos_container .main {
        top: 180px;
    }
    .sonos_container.background-sonos-landing {
        background-image: url(/dist/imagenes/bg-sonos-md.webp);
    }
    .sonos_container .navbar {
        min-height: 180px;
        border-radius: 0;
    }

    .sonos_container .navbar .navbar-header {
        display: inline-block;
    }
    .sonos_container .navbar .navbar-brand {
        width: 400px;
        height: 62px;
        background-image: url(/dist/imagenes/logo-claromusica-sonos.webp);
    }
    .sonos_container .panel-responsive {
        right: 0;
        left: auto;
        width: 100%;
    }
    .sonos_container .btn-sonos {
        width: 400px;
    }
}

@media (min-width: 1200px) {
    .sonos_container.background-sonos-landing {
        background-image: url(/dist/imagenes/bg-sonos-lg.webp);
    }
    .sonos_container .panel-responsive {
        width: 100%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .sonos_container .navbar .navbar-brand {
        background-image: url(/dist/imagenes/logo-claromusica-sonos-retina.webp);
        background-size: 100% auto;
    }
}

@media (min-width: 768px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 768px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 768px) and only screen and (min-device-pixel-ratio: 2), (min-width: 768px) and only screen and (min-resolution: 192dpi), (min-width: 768px) and only screen and (min-resolution: 2dppx) {
    .sonos_container .navbar .navbar-brand {
        background-image: url(/dist/imagenes/logo-claromusica-sonos-retina.webp);
        background-size: 100% auto;
    }
}
@media (min-width: 768px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 768px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 768px) and only screen and (min-device-pixel-ratio: 2), (min-width: 768px) and only screen and (min-resolution: 192dpi), (min-width: 768px) and only screen and (min-resolution: 2dppx) {
    .sonos_container.background-sonos-landing {
        background-image: url(/dist/imagenes/bg-sonos-lg.webp);
        background-size: 100% auto;
    }
}

@media (min-width: 1200px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 1200px) and only screen and (min-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (min-resolution: 192dpi), (min-width: 1200px) and only screen and (min-resolution: 2dppx) {
    .sonos_container.background-sonos-landing {
        background-image: url(/dist/imagenes/bg-sonos-xl.webp);
        background-size: 100% auto;
    }
}

#arrow-down-white {
    background-image: url(/dist/imagenes/arrow-down-white.webp)
}

#barras-animadas {
    background-image: url(/dist/imagenes/barras_animadas.gif) !important
}

#bg-sonos-lg {
    background-image: url(/dist/imagenes/bg-sonos-lg.webp)
}

#bg-sonos-md {
    background-image: url(/dist/imagenes/bg-sonos-md.webp)
}

#bg-sonos-sm {
    background-image: url(/dist/imagenes/bg-sonos-sm.webp)
}

#bg-sonos-xl {
    background-image: url(/dist/imagenes/bg-sonos-xl.webp)
}

#claro_ilimitado {
    background-image: url(/dist/imagenes/claro_ilimitado.svg)
}

#claro_logo {
    background-image: url(/dist/imagenes/claro_logo.svg)
}

#claro {
    background-image: url(/dist/imagenes/claro.svg)
}

#codigos_promocionales_es {
    background-image: url(/dist/imagenes/codigos_promocionales_es.svg)
}

#codigos_promocionales_pt {
    background-image: url(/dist/imagenes/codigos_promocionales_pt.svg)
}

#facebook_icon {
    background-image: url(/dist/imagenes/facebook_icon.svg)
}

#logo_cm {
    background-image: url(/dist/imagenes/logo_cm.svg)
}

#logo_telcel {
    background-image: url(/dist/imagenes/logo_telcel.webp)
}

#logo-claromusica-sonos-retina {
    background-image: url(/dist/imagenes/logo-claromusica-sonos-retina.webp)
}

#logo-claromusica-sonos {
    background-image: url(/dist/imagenes/logo-claromusica-sonos.webp)
}

#mastercard {
    background-image: url(/dist/imagenes/mastercard.svg)
}

#musica-gratis-online-claromusica-log {
    background-image: url(/dist/imagenes/musica-gratis-online-claromusica-log.webp)
}

#nivel_icon {
    background-image: url(/dist/imagenes/nivel_icon.svg)
}

#ph_album {
    background-image: url(/dist/imagenes/ph_album.svg)
}

#ph_artistas {
    background-image: url(/dist/imagenes/ph_artistas.svg)
}

#ph_audifonos {
    background-image: url(/dist/imagenes/ph_audifonos.svg)
}

#ph_avatar {
    background-image: url(/dist/imagenes/ph_avatar.svg)
}

#ph_evento {
    background-image: url(/dist/imagenes/ph_evento.svg)
}

#ph_radios {
    background-image: url(/dist/imagenes/ph_radios.svg)
}

#ph_suscripcion {
    background-image: url(/dist/imagenes/ph_suscripcion.svg)
}

#ph_vip {
    background-image: url(/dist/imagenes/ph_vip.svg)
}

#play {
    background-image: url(/dist/imagenes/play.svg)
}

#Settings_background {
    background-image: url(/dist/imagenes/Settings_background.webp)
}

#spinner_gif {
    background-image: url(/dist/imagenes/spinner_gif.gif)
}

#Spinner_sprite {
    background-image: url(/dist/imagenes/Spinner_sprite.webp)
}

#tarjetas_prepago_blanco_es {
    background-image: url(/dist/imagenes/tarjetas_prepago_blanco_es.svg)
}

#tarjetas_prepago_blanco_pt {
    background-image: url(/dist/imagenes/tarjetas_prepago_blanco_pt.svg)
}

#tarjetas_prepago_es {
    background-image: url(/dist/imagenes/tarjetas_prepago_es.svg)
}

#tarjetas_prepago_pt {
    background-image: url(/dist/imagenes/tarjetas_prepago_pt.svg)
}

#Telcel_logo {
    background-image: url(/dist/imagenes/Telcel_logo.svg)
}

#telmex_logo {
    background-image: url(/dist/imagenes/telmex_logo.svg)
}

#telmex {
    background-image: url(/dist/imagenes/telmex.webp)
}

#visa {
    background-image: url(/dist/imagenes/visa.svg)
}
/* ==========================================================================
Estructura
========================================================================== */

.bg_main.bg_main_bundle {
    background-color: #1C222D;
}

.scroller_w_bundle .family_thanks_payway {
    background: #17181A;
}

.cmw-modal-pf-invitation {
    display: flex;
    margin: 0 16px 0 16px;
}

.cmw-pf-invite-background > div > div > p:nth-child(2){
    padding-left: 3rem;
    padding-right: 3rem;
}

.scroller_w_bundle .subtitle_upsell {
    color:white
}

.scroller_w_bundle .payway_container .verify_required_field {
    color: #DE1717;
    text-transform: uppercase;
}

.scroller_w_bundle .advertisement_text {
    color: white;
}

.scroller_w_bundle .payway_container .yellow_text,
.scroller_w_bundle .payway_container .yellow_text_underline,
.scroller_w_bundle .payway_container .yellow_text_upsell,
.scroller_w_bundle .payway_container .terms_text_yellow,
.scroller_w_bundle .payway_container .yellow_text_upsell3 {
    color: white;
}

.scroller_w_bundle .payway_container .bundle_img {
    width: 100%;
}

.B_Button.B_W.B_Bundle,
.B_Button.B_W.B_Bundle:hover {
    background: #981c15;
    position: relative;
    left: 56px;
    border-radius: 10px;
    bottom: 115px;
}

@media screen and (min-width: 700px) {
    .cmw-modal-pf-invitation {
        margin-left: 240px;
    }
}

.spinner.spinner_user_recommend {
    background-image: none;
    width: 100px;
    height: 100px;
}

/* ==========================================================================
Recomendadas Para Ti
========================================================================== */
.foryou_wrapper {
    float: none;
    margin-bottom: 2em;
}

.c_tipo2_wrapper.foryou_wrapper h1 {
    float: none;
    position: relative;
    margin-bottom: 1em;
}

.foryou_w {
    width: 100%;
    margin-bottom: 30px;
}

.foryou_w h3 {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.foryou_w p {
    font-size: 12px;
    line-height: 16px;
}

.foryou_discover_more {
    text-align: center;
    margin-bottom: 60px;
}

.foryou_discover_more a {
    padding: 10px;
    background-color: #5987C0;
}

.c_tipo2_wrapper.foryou_fallback h1 {
    float: none;
    position: relative;
    margin-bottom: 1em;
}

.foryou_fallback_grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.foryou_fallback_grid > div {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 calc( 20% - 0.5rem);
    -ms-flex: 0 1 calc( 20% - 0.5rem);
    flex: 0 1 calc( 20% - 0.5rem);
    margin-right: 0.5rem;
}

.foryou_fallback_item {
    margin-bottom: 0.5rem;
    position: relative;
    cursor: pointer;
}

.foryou_fallback_item img {
    height: auto;
    max-width: 100%;
    border-radius: 8px;
}

@media screen and (max-width: 700px) {
    .foryou_fallback_grid {
        margin-top: 6em;
        margin-bottom: 6rem;
    }
}

/* IE10+ specific styles */
@media all and (-ms-high-contrast:none) {
    .foryou_fallback_grid > div {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 0 calc( 20% - 0.5rem);
        -ms-flex: 1 0 calc( 20% - 0.5rem);
        flex: 1 0 calc( 20% - 0.5rem);
        max-width: calc(20% - 0.5rem);
        width: 100%;
    }

}

@media screen and (max-width: 1076px) and (-ms-high-contrast:none) {
    .foryou_fallback_grid > div {
        max-width: calc( 25% - 0.5rem);
    }
}

@media screen and (max-width: 1076px) {
    .foryou_fallback_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 25% - 0.5rem);
        -ms-flex: 0 1 calc( 25% - 0.5rem);
        flex: 0 1 calc( 25% - 0.5rem);
    }
}

@media screen and (max-width: 876px) and (-ms-high-contrast:none) {
    .foryou_fallback_grid > div {
        max-width: calc( 33.33% - 0.5rem);
    }
}

@media screen and (max-width: 876px) {
    .foryou_fallback_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 33.33% - 0.5rem);
        -ms-flex: 0 1 calc( 33.33% - 0.5rem);
        flex: 0 1 calc( 33.33% - 0.5rem);
    }

}

@media screen and (max-width: 768px) and (-ms-high-contrast:none) {
    .foryou_fallback_grid > div {
        max-width: calc( 33.33% - 0.5rem);
    }
}

@media screen and (max-width: 768px) {
    .foryou_fallback_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 33.33% - 0.5rem);
        -ms-flex: 0 1 calc( 33.33% - 0.5rem);
        flex: 0 1 calc( 33.33% - 0.5rem);
    }
}

@media screen and (max-width: 640px) {
    .foryou_fallback_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 50% - 0.5rem);
        -ms-flex: 0 1 calc( 50% - 0.5rem);
        flex: 0 1 calc( 50% - 0.5rem);
    }
}

@media screen and (max-width: 440px) and (-ms-high-contrast:none) {
    .foryou_fallback_grid > div {
        max-width: calc( 50% - 0.5rem);
    }
}

@media screen and (max-width: 440px) {
    .foryou_fallback_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 50% - 0.5rem);
        -ms-flex: 0 1 calc( 50% - 0.5rem);
        flex: 0 1 calc( 50% - 0.5rem);
    }
}

@media screen and (max-width: 320px) and (-ms-high-contrast:none) {
    .foryou_fallback_grid > div {
        max-width: calc( 100% - 0.5rem);
    }
}

@media screen and (max-width: 320px) {
    .foryou_fallback_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 100% - 0.5rem);
        -ms-flex: 0 1 calc( 100% - 0.5rem);
        flex: 0 1 calc( 100% - 0.5rem);
    }
}
/* IE10+ specific styles */

/** ==== Recomendadas Para Tí - Recommendations ==== */

.foryou_recommendations_grid {
    display:-ms-grid;
    display: grid;
    -ms-grid-columns: 11.1% 11.1% 11.1% 11.1% 11.1% 11.1% 11.1% 11.1% 11.1%;
    grid-template-columns: repeat(9, 11.1%);
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: repeat(4, auto);
}

.foryou_recommendations_grid .foryou_recommendation_item {
    display: flex;
    align-items: stretch;
    margin: 5px;
}

.foryou_recommendations_grid .foryou_recommendation_item .foryou_img {
    height: 100%;
}

.foryou_recommendations_grid .foryou_recommendation_item .foryou_img img {
    width: 100%;
    height: 100%;
}

.foryou_recommendations_grid .foryou_recommendation_item .foryou_data {
    flex-grow: 1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.foryou_recommendations_grid .foryou_small {
    flex-direction: column;
}

.foryou_recommendations_grid .foryou_small .foryou_data h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.foryou_recommendations_grid .foryou_medium {
    grid-column-end: span 2;
    -ms-grid-column-span: 2;
}

.foryou_recommendations_grid .foryou_medium .foryou_img {
    width: 60%;
}

.foryou_recommendations_grid .foryou_medium .foryou_data {
    width: 40%;
    background-color: black;
}

.foryou_recommendations_grid .foryou_big {
    flex-direction: column;
    grid-column-end: span 2;
    -ms-grid-column-span: 2;
    grid-row-end: span 2;
    -ms-grid-row-span: 2;
}

.foryou_recommendations_grid .foryou_big .foryou_data {
    background-color: black;
}

.foryou_recommendations_grid .foryou_big .foryou_data h3,
.foryou_recommendations_grid .foryou_big .foryou_data p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/** ==== Recomendadas Para Tí - Escuchadas recientemente ==== */

.foryou_listened_grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.foryou_listened_grid .foryou_listened_item {
    width: 24%;
    margin: .5%;
    display: flex;
    background: rgba(0, 0, 0, .6);
}

.foryou_listened_grid .foryou_listened_item .foryou_img {
    width: 20%;
    padding: 5px;
}

.foryou_listened_grid .foryou_listened_item .foryou_img img {
    width: 100%;
    height: auto;
}

.foryou_listened_grid .foryou_listened_item .foryou_data {
    width: 70%;
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.foryou_listened_grid .foryou_listened_item .foryou_data a {
    text-decoration: underline;
}

.foryou_listened_grid .foryou_listened_item .foryou_data a:hover {
    text-decoration: none;
}

.foryou_listened_grid .foryou_listened_item .foryou_data h3,
.foryou_listened_grid .foryou_listened_item .foryou_data a p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.foryou_listened_grid .foryou_listened_item .foryou_dots {
    width: 10%;
    text-align: center;
    margin: auto;
    font-size: 50px;
}

.foryou_listened_grid .foryou_listened_item .foryou_dots div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.foryou_listened_grid .foryou_listened_item .foryou_dots div::after {
    content: '\22EE';
}

/** ==== Recomendadas Para Tí - Descubriendo artistas ==== */

.foryou_artists_grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.foryou_artists_grid .foryou_artists_item {
    width: 10%;
    height: 100%;
    margin: 1% .5%;
    display: flex;
    flex-direction: column;
}

.foryou_artists_grid .foryou_artists_item .foryou_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.foryou_artists_grid .foryou_artists_item .foryou_img img{
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.foryou_artists_grid .foryou_artists_item .foryou_data {
    width: 100%;
    padding: 5px 10px;
    margin: auto;
    text-align: center;
}

.foryou_artists_grid .foryou_artists_item .foryou_data h3,
.foryou_artists_grid .foryou_artists_item .foryou_data p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (min-width: 992px) and (max-width: 1365px) {
    .foryou_recommendations_grid {
        -ms-grid-columns: 14.2% 14.2% 14.2% 14.2% 14.2% 14.2% 14.2%;
        grid-template-columns: repeat(7, 14.2%);
        -ms-grid-rows: auto auto auto auto auto auto;
        grid-template-rows: repeat(6, auto);
    }

    .foryou_listened_grid .foryou_listened_item {
        width: 32%;
        margin: .5%;
    }

    .foryou_artists_grid .foryou_artists_item {
        width: 13%;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .foryou_recommendations_grid {
        -ms-grid-columns: 20% 20% 20% 20% 20%;
        grid-template-columns: repeat(5, 20%);
        -ms-grid-rows: auto auto auto auto auto auto auto;
        grid-template-rows: repeat(7, auto);
    }

    .foryou_listened_grid .foryou_listened_item {
        width: 48%;
        margin: 1%;
    }

    .foryou_artists_grid .foryou_artists_item {
        width: 19%;
    }
}

@media screen and (max-width: 575px) {
    .foryou_recommendations_grid {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: repeat(2, 50%);
        -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: repeat(18, auto);
    }

    .foryou_listened_grid .foryou_listened_item {
        width: 100%;
        margin: 1% 0;
    }

    .foryou_artists_grid .foryou_artists_item {
        width: 48%;
    }
}

/** ==== Recomendadas Para Tí - Recommendations - IE10+ specific styles ==== */

.foryou_recommendations_grid #foryou_recommendation_item_0 {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}
.foryou_recommendations_grid #foryou_recommendation_item_1 {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
}
.foryou_recommendations_grid #foryou_recommendation_item_2 {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
}
.foryou_recommendations_grid #foryou_recommendation_item_3 {
    -ms-grid-column: 6;
    -ms-grid-row: 1;
}
.foryou_recommendations_grid #foryou_recommendation_item_4 {
    -ms-grid-column: 7;
    -ms-grid-row: 1;
}
.foryou_recommendations_grid #foryou_recommendation_item_5 {
    -ms-grid-column: 8;
    -ms-grid-row: 1;
}
.foryou_recommendations_grid #foryou_recommendation_item_6 {
    -ms-grid-column: 9;
    -ms-grid-row: 1;
}
.foryou_recommendations_grid #foryou_recommendation_item_7 {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
}
.foryou_recommendations_grid #foryou_recommendation_item_8 {
    -ms-grid-column: 4;
    -ms-grid-row: 2;
}
.foryou_recommendations_grid #foryou_recommendation_item_9 {
    -ms-grid-column: 6;
    -ms-grid-row: 2;
}
.foryou_recommendations_grid #foryou_recommendation_item_10 {
    -ms-grid-column: 7;
    -ms-grid-row: 2;
}
.foryou_recommendations_grid #foryou_recommendation_item_11 {
    -ms-grid-column: 8;
    -ms-grid-row: 2;
}
.foryou_recommendations_grid #foryou_recommendation_item_12 {
    -ms-grid-column: 9;
    -ms-grid-row: 2;
}
.foryou_recommendations_grid #foryou_recommendation_item_13 {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
}
.foryou_recommendations_grid #foryou_recommendation_item_14 {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
}
.foryou_recommendations_grid #foryou_recommendation_item_15 {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
}
.foryou_recommendations_grid #foryou_recommendation_item_16 {
    -ms-grid-column: 5;
    -ms-grid-row: 3;
}
.foryou_recommendations_grid #foryou_recommendation_item_17 {
    -ms-grid-column: 7;
    -ms-grid-row: 3;
}
.foryou_recommendations_grid #foryou_recommendation_item_18 {
    -ms-grid-column: 8;
    -ms-grid-row: 3;
}
.foryou_recommendations_grid #foryou_recommendation_item_19 {
    -ms-grid-column: 9;
    -ms-grid-row: 3;
}
.foryou_recommendations_grid #foryou_recommendation_item_20 {
    -ms-grid-column: 1;
    -ms-grid-row: 4;
}
.foryou_recommendations_grid #foryou_recommendation_item_21 {
    -ms-grid-column: 2;
    -ms-grid-row: 4;
}
.foryou_recommendations_grid #foryou_recommendation_item_22 {
    -ms-grid-column: 5;
    -ms-grid-row: 4;
}
.foryou_recommendations_grid #foryou_recommendation_item_23 {
    -ms-grid-column: 6;
    -ms-grid-row: 4;
}
.foryou_recommendations_grid #foryou_recommendation_item_24 {
    -ms-grid-column: 8;
    -ms-grid-row: 4;
}

@media (min-width: 992px) and (max-width: 1365px) {
    .foryou_recommendations_grid #foryou_recommendation_item_0 {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_1 {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_2 {
        -ms-grid-column: 5;
        -ms-grid-row: 1;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_3 {
        -ms-grid-column: 6;
        -ms-grid-row: 1;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_4 {
        -ms-grid-column: 7;
        -ms-grid-row: 1;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_5 {
        -ms-grid-column: 3;
        -ms-grid-row: 2;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_6 {
        -ms-grid-column: 4;
        -ms-grid-row: 2;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_7 {
        -ms-grid-column: 5;
        -ms-grid-row: 2;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_8 {
        -ms-grid-column: 6;
        -ms-grid-row: 2;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_9 {
        -ms-grid-column: 1;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_10 {
        -ms-grid-column: 2;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_11 {
        -ms-grid-column: 3;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_12 {
        -ms-grid-column: 4;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_13 {
        -ms-grid-column: 5;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_14 {
        -ms-grid-column: 6;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_15 {
        -ms-grid-column: 1;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_16 {
        -ms-grid-column: 3;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_17 {
        -ms-grid-column: 5;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_18 {
        -ms-grid-column: 6;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_19 {
        -ms-grid-column: 7;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_20 {
        -ms-grid-column: 3;
        -ms-grid-row: 5;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_21 {
        -ms-grid-column: 4;
        -ms-grid-row: 5;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_22 {
        -ms-grid-column: 5;
        -ms-grid-row: 5;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_23 {
        -ms-grid-column: 6;
        -ms-grid-row: 5;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_24 {
        -ms-grid-column: 1;
        -ms-grid-row: 6;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .foryou_recommendations_grid #foryou_recommendation_item_0 {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_1 {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_2 {
        -ms-grid-column: 5;
        -ms-grid-row: 1;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_3 {
        -ms-grid-column: 3;
        -ms-grid-row: 2;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_4 {
        -ms-grid-column: 4;
        -ms-grid-row: 2;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_5 {
        -ms-grid-column: 5;
        -ms-grid-row: 2;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_6 {
        -ms-grid-column: 1;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_7 {
        -ms-grid-column: 2;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_8 {
        -ms-grid-column: 3;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_9 {
        -ms-grid-column: 5;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_10 {
        -ms-grid-column: 1;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_11 {
        -ms-grid-column: 2;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_12 {
        -ms-grid-column: 3;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_13 {
        -ms-grid-column: 4;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_14 {
        -ms-grid-column: 5;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_15 {
        -ms-grid-column: 1;
        -ms-grid-row: 5;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_16 {
        -ms-grid-column: 3;
        -ms-grid-row: 5;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_17 {
        -ms-grid-column: 5;
        -ms-grid-row: 5;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_18 {
        -ms-grid-column: 3;
        -ms-grid-row: 6;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_19 {
        -ms-grid-column: 4;
        -ms-grid-row: 6;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_20 {
        -ms-grid-column: 5;
        -ms-grid-row: 6;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_21 {
        -ms-grid-column: 1;
        -ms-grid-row: 7;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_22 {
        -ms-grid-column: 2;
        -ms-grid-row: 7;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_23 {
        -ms-grid-column: 3;
        -ms-grid-row: 7;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_24 {
        -ms-grid-column: 5;
        -ms-grid-row: 7;
    }
}

@media screen and (max-width: 575px) {
    .foryou_recommendations_grid #foryou_recommendation_item_0 {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_1 {
        -ms-grid-column: 1;
        -ms-grid-row: 3;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_2 {
        -ms-grid-column: 1;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_3 {
        -ms-grid-column: 2;
        -ms-grid-row: 4;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_4 {
        -ms-grid-column: 1;
        -ms-grid-row: 5;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_5 {
        -ms-grid-column: 2;
        -ms-grid-row: 5;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_6 {
        -ms-grid-column: 1;
        -ms-grid-row: 6;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_7 {
        -ms-grid-column: 2;
        -ms-grid-row: 6;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_8 {
        -ms-grid-column: 1;
        -ms-grid-row: 7;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_9 {
        -ms-grid-column: 1;
        -ms-grid-row: 8;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_10 {
        -ms-grid-column: 2;
        -ms-grid-row: 8;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_11 {
        -ms-grid-column: 1;
        -ms-grid-row: 9;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_12 {
        -ms-grid-column: 2;
        -ms-grid-row: 9;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_13 {
        -ms-grid-column: 1;
        -ms-grid-row: 10;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_14 {
        -ms-grid-column: 2;
        -ms-grid-row: 10;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_15 {
        -ms-grid-column: 1;
        -ms-grid-row: 11;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_16 {
        -ms-grid-column: 1;
        -ms-grid-row: 13;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_17 {
        -ms-grid-column: 1;
        -ms-grid-row: 14;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_18 {
        -ms-grid-column: 2;
        -ms-grid-row: 14;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_19 {
        -ms-grid-column: 1;
        -ms-grid-row: 15;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_20 {
        -ms-grid-column: 2;
        -ms-grid-row: 15;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_21 {
        -ms-grid-column: 1;
        -ms-grid-row: 16;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_22 {
        -ms-grid-column: 2;
        -ms-grid-row: 16;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_23 {
        -ms-grid-column: 1;
        -ms-grid-row: 17;
    }
    .foryou_recommendations_grid #foryou_recommendation_item_24 {
        -ms-grid-column: 1;
        -ms-grid-row: 18;
    }
}

#modal-alert-container {
    position: absolute;
    top: 100vh;
    background: #080808;
    color: #FFF;
    padding: 3em;
    text-align: center;
    max-width: 25em;
    width: 90%;
    line-height: 1.2;
}

/*.stop-scrolling {
    height: 100%;
    overflow: hidden;
}*/

#modal-alert-container .content {
    margin: 2em 0;
}

.modal_alert_container_bottom {
    position: fixed !important;
    top: unset !important;
    z-index: 4;
}
.modal_alert_with_mask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.modal_alert_with_mask div:first-child {
    z-index: 10002;
}

.modal_alert_with_space h2 {
    white-space: break-spaces;
}

.__react_component_tooltip {
    width: 250px;
}

.__react_component_tooltip.type-error {
    color: #E42222;
    background-color: #FFF;
    font-size: 1em;
    font-weight: bold;
}

.__react_component_tooltip.type-error.place-bottom:after {
    border-bottom-color: #FFF;
}
.rc-tooltip {
    position: absolute;
    padding-top: .8em;
    font-size: 1.2em;
    color: #222;
    z-index: 10001;
}

.password-recovery-page .rc-tooltip {
    position: relative;
    width: 15rem;
}

.rc-tooltip .error {
    color: #981C15;
}

.rc-tooltip li.success {
    color: #32742F;
}

.rc-tooltip-inner {
    background: #e9e9e9;
    padding: .8em;
}

.rc-tooltip-hidden {
    display: none;
}

.rc-tooltip-inner p {
    margin-bottom: 15px;
}

.rc-tooltip-inner p.error {
    margin: 0;
    text-align: center;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
    left: 50%;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
    top: .1em;
    margin-left: -.75em;
    border-width: 0 .75em .75em;
    border-bottom-color: #e9e9e9;
}

.rc-tooltip-arrow, .rc-tooltip-arrow-inner {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

div#input-payment-method > p {
    margin-bottom: 0px;
}

/* =========================================================================
** Privacy / Terms and Conditions
========================================================================== */

.tyc_wrapper_mp {
    float: left;
    overflow: auto;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 60px 40px 0 260px;
    height: 100%;
    min-height: 100%;
    font-family: 'Roboto Lt', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
}

.tyc_mp > div > div.nav_interno > ul > li {
    float: left;
    height: 40px;
    width: 25%;
    color: #fff;
    background: #202020;
    border-color: #737373;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    cursor: pointer;
}

.tyc_mp > div > div.nav_interno > ul > li:nth-child(1) {
    border-radius: 10px 0 0 10px;
}

.tyc_mp > div > div.nav_interno > ul > li:nth-child(2) {
    border-radius: 0 10px 10px 0;
}

.tyc_mp > div > div.nav_interno > ul > li:first-child {
    color: #fff;
    border-left: 1px solid #737373;
    border-right: 0;
}

.tyc_mp > div > div.nav_interno > ul > li:hover {
    color: #fff;
    background: #202020;
    border-color: #b9b9b9;
}

.tyc_mp > div > div.nav_interno > ul > li.nav_interno_a {
    color: #fff !important;
    background: #981c15 !important;
    border-color: #981c15 !important;
}

.arrows_with_link {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    position: relative;
    align-items: center;
}

.arrows_with_link > * {
    position: initial !important;
}

.arrows_with_link .link {
    text-transform: uppercase;
    color: #CF4B4B;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    margin-right: 10px;
}

/* ==========================================================================
Multi Alert Modal
========================================================================== */
.multi_modal_container {
    position: absolute;
    top: 100vh;
    color: #FFF;
    padding: 3em;
    text-align: center;
    max-width: 25em;
    width: 90%;
    line-height: 1.2;
}

.multi_modal_container > div > div > div:first-child {
    background-color: rgb(17, 17, 17) !important;
}

.multi_modal_container_botton > div > div {
    align-items: flex-end !important;
}

.multi_modal_container_bottom > div > div {
    align-items: flex-end !important;
}

.multi_modal_container_top > div > div {
    align-items: flex-start!important;
}

.without_mask > div > div > div:last-child {
    /*position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; */
    background-color: rgba(0, 0, 0, 0) !important;
}

.multi_modal_content {
    padding: 3em;
}

.multi_modal_content .cmw-btn {
    width: 100%;
}

.multi_modal_content > div {
    padding: 10px;
    font-size: 20px;
}

.multi_modal_content > h1 {
    font-size: 32px;
}

.multi_modal_content > h2 {
    font-size: 18px;
    margin: 0 35px 0 35px;
}

.multi_elements {
    padding: 2em;
}

.multi_modal_content > div.sub_message {
    font-size: 17px;
    margin: 5px 35px 5px 35px;
    padding: 0;
}

.bolder {
    font-weight: bold;
}

.multi_modal_ads_content {
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cmw-unlimited-btn > a > div > i {
    margin: 0 8px 0 8px;
    float: right;
    width: 41px;
    height: 41px;
    padding: 3px;
    border-radius: 25px;
    border: 4px solid #DE1717;
    font-size: 25px;
    background-color: white;
    color: black;
}

.cmw-unlimited-btn > a > div:last-child {
    padding: 10px 0 0 0;
    width: 342px;
    font-size: 15px;
}

.welcome-modal h2 {
    margin-top: 25px;
}

.welcome-modal .promocode-description {
    margin-bottom: 15px;
}

.welcome-modal > img {
    display: block;
    margin: 25px auto;
}

.welcome-modal {
    background: #080808;
    padding: 1.5em;
    min-width: 350px;
    height: auto;
    width: auto;
}

.welcome-modal-wrapper {
    overflow-y: auto;
}

.container_btn_family {
    margin: 10px auto;
}

.cmw_btn_family {
    background-color: #1E1E1E;
    border-radius: 15px;
    color: #FFFFFF;
    font-size: 0.8rem;
    padding: 14px 16px 14px 16px;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
    width: 175px;
    max-width: 250px;
    letter-spacing: 0.02rem;
    border: 0px;
}

.pubads_modal > div > div > div:first-child {
    opacity: .6;
}

.videoAdUiClickElement {
    opacity: .6;
}

/* =========================================================================
** Modal Form
========================================================================== */

.wrapper-box {
    position: relative;
    background-color: #212121;
    font-family: 'Roboto Lt', sans-serif;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
    display: flex;
    min-height: 400px;
    height: auto;
}

.wrapper-box.modal-form-container {
    position: relative;
    text-align: left;
}

.wrapper-box-image-pf {
    background-color: transparent;
}

.wrapper-box-modal {
    height: 100vh;
}

.wrapper-box .header-section {
    width: 100%;
    font-size: 15px;
    padding: 20px 0 0 30px;
}

.wrapper-box .header-section i {
    padding: 0 10px 0 0;
    font-size: 18px;
}

.wrapper-box .title-section {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 22px;
    position: relative;
    padding: 0;
}

.wrapper-box .title-section h1 {
    font-size: 30px;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
}

.wrapper-box .title-section p {
    font-size: 20px;
    padding: 10px 50px 0 50px;
    color: #B0B0B0;
    line-height: 25px;
}

.wrapper-box .input-section {
    width: 300px;
    position: relative;
    display: block;
    margin-bottom: 30px;
    padding: 25px 5px 0 5px;
}

.wrapper-box .rememberMe {
    width: 300px;
    display: flex;
    flex-direction: row;
    margin-top: -10px;
    padding: 0 0 0 8px;
}

.title-section > ul {
    list-style: circle;
    text-align: left;
    margin-left: 75px;
}

.wrapper-box .buttons-section {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
}

.btn-modal {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    width: 300px;
    padding: 15px 0;
    border-radius: 10px;
    color: #fff;
    margin: 15px 0;
    outline: none;
    border: none;
}

.btn-modal:hover,
.btn-modal:disabled {
    box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
    opacity: 0.8;
}

.btn-modal:disabled {
    cursor: not-allowed;
}

.btn-modal-red {
    background: #981c15;
    border-color: #981c15
}

.btn-modal-black {
    background: #171717;
    border-color: #171717;
}

.btn-modal-blue {
    background: #36516D;
    border-color: #36516D;
}

.modal-form input:not([type=radio]) {
    color: #EEEEEE;
    background-color: #171717;
    border-radius: 3px;
    outline: none;
    border: none;
    height: 48px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding: 15px;
    -webkit-text-fill-color: #FFF !important;
}

.modal-form input:not([type=radio]):focus {
    outline: #476585;
    border: 1px solid #476585;
}

.modal-form .error-msg input:not([type=radio]):focus {
    outline: #981c15;
    border: 1px solid #981c15;
}

.input-icon i {
    position: absolute;
    right: 15px;
    top: 35px;
    color: #737373;
    font-size: 24px;
}

.icon-action i{
    cursor: pointer;
}

.rememberMe p {
    color: #B0B0B0;
    margin-left: 15px
}

.mp-checkbox {
    display: block;
    position: relative;
    padding-left: 20px;
    margin: -3px 0 12px 0;
    cursor: pointer;
    font-size: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mp-checkbox input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.mp-checkbox span {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #333333;
    border-radius: 5px;
}

.mp-checkbox:hover input ~ span {
    background-color: #262626;
}

.mp-checkbox input:checked ~ span {
    background-color: #981c15;
}

.mp-checkbox span:after {
    left: 9px;
    top: 5px;
    width: 8px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mp-checkbox input:checked ~ span:after {
    display: block;
}

.mp-checkbox span:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container {
    display: flex;
    justify-content: space-evenly;
    padding-top: 20px;
}

.pop-up-wrapper-password {
    display: flex;
    flex-direction: column;
    justify-content: left;
    text-align: left;
    font-size: 16px;
}

.pop-up-wrapper-password ul li i {
    margin-right: 10px;
}

.pop-up-wrapper-password p {
    font-weight: bold;
    margin-bottom: 15px;
}

.pop-up-wrapper-password .success {
    color: #32742F;
}

.pop-up-wrapper-password .error {
    color: #C1292F;
}

.pop-up-wrapper-error {
    font-weight: bold;
    text-align: center;
    color:  #981C15;
    width: auto;
    word-wrap: break-word;
}

@media screen and (max-width: 1024px) {
    .tyc_mp > div > div.nav_interno > ul > li {
        font-size: 10px;
    }
}

@media screen and (max-width: 460px) {
    .tyc_wrapper_mp {
        padding: 30px 30px 0 30px;
    }

    .tyc_mp > div > div.nav_interno > ul > li {
        font-size: 12px;
    }

    .tyc_reg_new > div > div.nav_interno > ul {
        height: 40px;
        margin: 0;
        padding: 0 10% 0 8%;
    }
}

@media screen and (max-width: 420px) {
    .he_form {
        width: 420px;
        margin: 0 auto;
        top: 0;
    }

    .wrapper-box .title-section {
        padding: 0 10px 0 10px;
    }

    @media screen and (min-height: 700px) {
        .wrapper-box {
            min-height : 825px;
        }

        .wrapper-box .input-section {
            width: 325px;
        }

        .btn-modal {
            width: 325px;
        }
    }
}

@media screen and (max-width: 375px) {

    .tyc_reg_new > div > div.nav_interno > ul.ni_2e li {
        font-size: 9px;
    }

    .he_form {
        width: 375px;
        margin: 0 auto;
        top: 0;
    }

    .wrapper-box {
        min-height : 820px;
    }

    .wrapper-box .input-section {
        width: 300px;
    }

    .btn-modal {
        width: 300px;
    }
}

@media screen and (max-width: 360px) {
    .he_form {
        width: 360px;
        margin: 0 auto;
        top: 0;
    }

    .wrapper-box {
        min-height : 650px;
    }

    .wrapper-box .title-section h1 {
        font-size: 26px;
    }

    .wrapper-box .rememberMe {
        width: 260px;
        padding: 0 0 0 0;
    }

    .wrapper-box .input-section {
        width: 300px;
    }

    .btn-modal {
        width: 260px;
    }
}

@media screen and (max-width: 320px) {
    .he_form {
        width: 320px;
        margin: 0 auto;
        top: 0;
    }

    .wrapper-box {
        min-height : 600px;
    }
}

/*
    Casos especiales por navegador
*/

/*
    SAFARI
*/
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) and (min-height: 950px) {

}

/* ==========================================================================
Podcast section
========================================================================== */

.c_tipo2_wrapper.podcast_genre h1 {
    float: none;
    position: relative;
    margin-bottom: 1em;
}

#top-podcasts-carousel-header {
    font-size: 20px;
}

.podcast_genre_grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 32px 0 0 0;
}

.podcast_genre_grid > div {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 calc(15% - 1px);
    -ms-flex: 0 1 calc(15% - 1px);
    flex: 0 1 calc(15% - 1px);
    margin: 10px;
}

.podcast_genre_item {
    position: relative;
    text-align: center;
    height: 80px;
    width: auto;
    cursor: pointer;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding: 33px 0;
    border-radius: 5px;
    border-style: none;
    color: #fff;
    outline: none;
}

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

.nav_podcast li > a {
    float: right;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #16181d;
    color: #fff;
    border-radius: 4px;
    padding: 16px;
    border: none;
    outline: none;
    height: 48px;
    gap: 16px;
    margin-left: auto;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.nav_podcast li > a > span {
    flex-grow: 1;
}

.nav_podcast li ul > li > a {
    display: inline-block;
    flex-wrap: unset;
    justify-content: center;
    align-items: center;
}

.nav_podcast {
    float: left;
    width: 100%;
    margin: 32px 0 32px 0;
}

.nav_podcast > ul {
    height: 36px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.nav_podcast > ul > li {
    height: 45px;
    width: 180px;
    margin: 0 20px 0 0;
    padding: 12px;
    position: relative;
    background-color: #1E1E1E;
    border-radius: 5px;
    border-style: none;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 16px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: flex;
    align-items: center;
}

.nav_podcast > ul > li > a > span + i {
    font-size: 16px;
    line-height: 15px;
    margin: 2px 10px 0 10px;
}

.nav_podcast > ul > li > button > span {
    margin-right: 6px;
}

.nav_podcast > ul > li > button > i {
    position: absolute;
    right: 18px;
}

.nav_podcast > ul > li > div.dropd_gral {
    top: 55px;
    right: 0px;
    background: #282828;
    position: absolute;
    width: fit-content;
}

.dropd_gral.DG_allw li > a {
    width: 180px;
    padding: 8px;
}

.dropd_podcast ul > li {
    text-align: center;
}

/* ==========================================================================
Podcast detail
========================================================================== */

.podcast-wrapper {
    padding-top: 0px;
}

.podcast-wrapper-loading {
    overflow: hidden;
}

.podcast-container-banner {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.podcast-main-section {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: space-around;
    align-items: flex-start;
    z-index: 0;
    width: 100%;
    height: 100%;
    padding: 70px 15px 15px 30px;
    box-sizing: border-box;
}

.podcast-title-wrapper {
    font-family: 'Roboto';
    font-weight: 500;
    height: 165px;
    width: calc(100% - 200px);
    padding-top: 20px;
}

.podcast-episode-banner .podcast-title-wrapper {
    padding-top: 5px;
}

.podcast-image-wrapper,
.podcast-title-wrapper {
    display: inline-block;
}

.podcast-title-wrapper span {
    padding-left: 25px;
    font-size: 1.1em;
}

.podcast-image-wrapper img {
    width: 224px;
    height: 224px;
    border-radius: 8px;
}

.podcast-title {
    font-family: 'AMX';
    display: block;
    align-self: center;
    width: 100%;
    word-break: break-word;
    overflow: hidden;
    color: white;
}

.podcast-title h1 {
    font-size: 85px;
    line-height: 90px;
    font-weight: bolder;
    margin: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.podcast-episode-banner .podcast-title {
    width: 400px;
    height: 120px;
}

.podcast-episode-banner .podcast-title h1 {
    font-size: 40px;
    line-height: 52px;
    white-space: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.podcast-subtitle {
    font-size: 1.3em;
    display: flex;
}

.podcast-subtitle div {
    padding-left: 25px;
    line-height: 30px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.podcast-subtitle div:last-child {
    color: #929292;
}

.mobile_banner_podcast {
    margin-top: 30px;
}

.podcast-button-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: row;
    padding-top: 25px;
}

.podcast-button-section > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.podcast-button-section .episode-date {
    margin: 18px 15px;
}

.podcast-button-section button {
    margin-left: 10px;
    margin-right: 10px;
}

.btn_podcast {
    font-family: 'Roboto';
    background-color: #DA291C;
    color: #ffffffff;
    border: solid transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 24px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    height: 48px;
    margin-right: 16px;
    padding: 16px 24px;
}

.btn_podcast > i {
    margin-right: 8px;
    font-size: 21px;
}

.btn_podcast > span {
    text-transform: none;
}

.btn_podcast_round {
    color: #FFFFFF;
    outline: none;
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.podcast-container-episode li {
    display: flex;
    float: left;
    margin-bottom: 15px;
    margin-right: 25px;
}

.podcast-container-episode li a {
    width: 100%;
    height: 100%;
    display: flex;
}

.podcast-image-episode {
    display: flex;
    width: 98px !important;
    position: relative;
}

.podcast-image-episode img,
#podcast_episode_description img,
#podcast_description_mobile img {
    width: 98px;
    height: 98px;
    border-radius: 8px;
}

.podcast-image-episode .overlay {
    width: 98px;
    height: 98px;
    position: absolute;
    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

.podcast-image-episode .overlay a {
    width: unset;
    height: unset;
}

.podcast-container-episode li:hover .overlay  {
    opacity: 1;
}

.podcast-image-episode .overlay .i_ply {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    padding-left: 5px;
    position: absolute;
    left: 25px;
    top: 25px;
    width: 42px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.podcast-image-episode .overlay .i_ply:hover {
    border-color: #DE1717;
}

.podcast-episode-title-wrapper {
    width: 350px;
    height: 98px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.mobile_wrapper_podcast {
    width: 250px;
}

.podcast-episode-title-wrapper span {
    font-size: 0.82rem;
    line-height: 20px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.podcast-episode-title-wrapper span:nth-child(1) {
    max-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.podcast-episode-title-wrapper span:nth-child(2) {
    color: #929292;
    margin: 5px 0;
}

.podcast-listened span {
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}

.podcast-listened span:nth-child(1) {
    height: auto;
}

.podcast-listened span:nth-child(2),
.podcast-listened span:nth-child(4) {
    margin: 3px 0;
}

.currentPodcastPlaying {
    color: #DE1717;
}

.podcast-episode-description-wrapper span:first-child {
    font-size: 20px;
}

.podcast-episode-description-wrapper span:last-child {
    font-size: 20px;
    font-weight: bold;
}

.podcast-episode-description-wrapper {
    font-size: 15px;
    line-height: 20px;
    padding-top: 50px;
}

.podcast-episode-description-wrapper
#podcast_episode_description {
    margin: 20px 0 5px 0;
}

.podcast-episode-description-wrapper
#podcast_description_mobile {
    margin: 0px 0 20px 0;
}

#podcast_episode_description img,
#podcast_description_mobile img {
    max-width: 100px;
}

.view_less {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view_more {
    display: block;
}

.podcast-episode-description-wrapper a {
    color: #DE1717;
}

.progress-container {
    width: 100%;
    max-height: 15px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 2px;
}

.progress-container > p{
    display: flex;
    align-items: center;
    gap: 7px;
    width: 70%;
    font-size: 12px;
}

.progress-container .icon-cm-round-check {
    margin-top: 4px;
}

.progress-container .icon-cm-round-check:before {
    color:#DE1717;
}

.progress-bar {
    background-color: #929292;
    width: 30%;
    height: 100%;
    height: 3px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.progress-bar > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #DE1717;
    transform: translateX(-100%);
}

.progress-done{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #DE1717;
    margin-top: 4px;
}

/* ==========================================================================
Breakpoints
========================================================================== */

@media all and (-ms-high-contrast:none) {
    .podcast_genre_grid > div {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 0 calc( 20% - 0.5rem);
        -ms-flex: 1 0 calc( 20% - 0.5rem);
        flex: 1 0 calc( 20% - 0.5rem);
        max-width: calc(20% - 0.5rem);
        width: 100%;
    }

}

@media screen and (max-width: 1076px) and (-ms-high-contrast:none) {
    .podcast_genre_grid > div {
        max-width: calc( 22% - 0.5rem);
    }
}

@media screen and (max-width: 1076px) {
    .podcast_genre_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 22% - 0.5rem);
        -ms-flex: 0 1 calc( 22% - 0.5rem);
        flex: 0 1 calc( 22% - 0.5rem);
    }
}

@media screen and (max-width: 990px) {
    .nav_podcast > ul > li {
        width: 135px;
    }
}

@media screen and (max-width: 900px) {

    .podcast-button-section {
        padding-top: unset;;
    }

    .podcast-main-section {
        padding-top: 15px;
    }

    .podcast-title h1 {
        font-size: 45px;
    }
}

@media screen and (max-width: 880px) {
    .podcast-container-banner {
        flex-direction: column;
    }

    .podcast-button-section {
        padding-top: 0;
    }

    .podcast-main-section {
        padding-top: 15px;
    }

    .podcast-title-wrapper {
        width: 100%;
    }

    .podcast-title-wrapper span {
        display: none;
    }

    .podcast-title h1 {
        font-size: 35px;
        line-height: 60px;
        padding-left: 0;
        margin: 0;;
    }

    .podcast-subtitle {
        flex-direction: column;
    }

    .podcast-subtitle div {
        padding-left: 0;
    }
}

@media screen and (max-width: 876px) and (-ms-high-contrast:none) {
    .podcast_genre_grid > div {
        max-width: calc( 33.33% - 0.5rem);
    }
}

@media screen and (max-width: 876px) {
    .podcast_genre_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 30% - 0.5rem);
        -ms-flex: 0 1 calc( 30% - 0.5rem);
        flex: 0 1 calc( 30% - 0.5rem);
    }

    .nav_podcast li > a {
        font-size: 12px;
    }

    .nav_podcast > ul > li {
        width: 135px;
    }
}

@media screen and (max-width: 790px) and (-ms-high-contrast:none) {
    .podcast_genre_grid > div {
        max-width: calc( 30% - 0.5rem);
    }
}

@media screen and (max-width: 790px) {
    .podcast_genre_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 33.33% - 0.5rem);
        -ms-flex: 0 1 calc( 33.33% - 0.5rem);
        flex: 0 1 calc( 33.33% - 0.5rem);
    }

    .nav_podcast li > a {
        font-size: 10px;
    }

    .nav_podcast > ul > li {
        width: 100px;
    }
}

@media screen and (max-width: 790px) {
    .podcast-wrapper {
        padding-top: 40px;
    }
}

@media screen and (max-width: 640px) {
    .podcast_genre_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 50% - 0.5rem);
        -ms-flex: 0 1 calc( 50% - 0.5rem);
        flex: 0 1 calc( 46% - 0.5rem);
    }
}

@media screen and (max-width: 440px) and (-ms-high-contrast:none) {
    .podcast_genre_grid > div {
        max-width: calc( 45% - 0.5rem);
    }
}

@media screen and (max-width: 440px) {
    .podcast_genre_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 45% - 0.5rem);
        -ms-flex: 0 1 calc( 45% - 0.5rem);
        flex: 0 1 calc( 45% - 0.5rem);
    }

    .nav_podcast li > a {
        font-size: 10px;
    }

    .nav_podcast > ul > li {
        width: 100px;
    }
}

@media screen and (max-width: 420px) {
    .nav_podcast > ul > li {
        width: 120px;
    }
}

@media screen and (max-width: 375px) {
    .nav_podcast > ul > li > a > span + i {
        right: 10px;
    }

    .nav_podcast > ul > li {
        width: 80px;
    }
}

@media screen and (max-width: 320px) and (-ms-high-contrast:none) {
    .podcast_genre_grid > div {
        max-width: calc( 100% - 0.5rem);
    }
}

@media screen and (max-width: 320px) {
    .podcast_genre_grid > div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 calc( 100% - 0.5rem);
        -ms-flex: 0 1 calc( 100% - 0.5rem);
        flex: 0 1 calc( 100% - 0.5rem);
    }
}

.rc-tabs-dropdown {
  position: absolute;
  background: #fefefe;
  border: 1px solid black;
  max-height: 200px;
  overflow: auto;
}
.rc-tabs-dropdown-hidden {
  display: none;
}
.rc-tabs-dropdown-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rc-tabs-dropdown-menu-item {
  padding: 4px 8px;
}
.rc-tabs-dropdown-menu-item-selected {
  background: red;
}
.rc-tabs-dropdown-menu-item-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.rc-tabs-content {
  display: flex;
  width: 100%;
}
.rc-tabs-content-holder {
  flex: auto;
}
.rc-tabs-content-animated {
  transition: margin 0.3s;
}
.rc-tabs-tabpane {
  width: 100%;
  flex: none;
}
.rc-tabs {
  display: flex;
}
.rc-tabs-top,
.rc-tabs-bottom {
  flex-direction: column;
}
.rc-tabs-top .rc-tabs-ink-bar,
.rc-tabs-bottom .rc-tabs-ink-bar {
  height: 3px;
}
.rc-tabs-top .rc-tabs-ink-bar {
  bottom: 0;
}
.rc-tabs-bottom .rc-tabs-nav {
  order: 1;
}
.rc-tabs-bottom .rc-tabs-content {
  order: 0;
}
.rc-tabs-bottom .rc-tabs-ink-bar {
  top: 0;
}
.rc-tabs-left.rc-tabs-editable .rc-tabs-tab,
.rc-tabs-right.rc-tabs-editable .rc-tabs-tab {
  padding-right: 32px;
}
.rc-tabs-left .rc-tabs-nav-wrap,
.rc-tabs-right .rc-tabs-nav-wrap {
  flex-direction: column;
}
.rc-tabs-left .rc-tabs-ink-bar,
.rc-tabs-right .rc-tabs-ink-bar {
  width: 3px;
}
.rc-tabs-left .rc-tabs-nav,
.rc-tabs-right .rc-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.rc-tabs-left .rc-tabs-nav-list,
.rc-tabs-right .rc-tabs-nav-list {
  flex-direction: column;
}
.rc-tabs-left .rc-tabs-nav-operations,
.rc-tabs-right .rc-tabs-nav-operations {
  flex-direction: column;
}
.rc-tabs-left .rc-tabs-ink-bar {
  right: 0;
}
.rc-tabs-right .rc-tabs-nav {
  order: 1;
}
.rc-tabs-right .rc-tabs-content {
  order: 0;
}
.rc-tabs-right .rc-tabs-ink-bar {
  left: 0;
}
.rc-tabs-rtl {
  direction: rtl;
}
.rc-tabs-dropdown-rtl {
  direction: rtl;
}
.rc-tabs {
  border: 1px solid gray;
  font-size: 14px;
  overflow: hidden;
}
.rc-tabs-nav {
  display: flex;
  flex: none;
  position: relative;
}
.rc-tabs-nav-measure,
.rc-tabs-nav-wrap {
  transform: translate(0);
  position: relative;
  display: inline-block;
  flex: auto;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
}
.rc-tabs-nav-measure-ping-left::before,
.rc-tabs-nav-wrap-ping-left::before,
.rc-tabs-nav-measure-ping-right::after,
.rc-tabs-nav-wrap-ping-right::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}
.rc-tabs-nav-measure-ping-left::before,
.rc-tabs-nav-wrap-ping-left::before {
  left: 0;
  border-left: 1px solid red;
}
.rc-tabs-nav-measure-ping-right::after,
.rc-tabs-nav-wrap-ping-right::after {
  right: 0;
  border-right: 1px solid red;
}
.rc-tabs-nav-measure-ping-top::before,
.rc-tabs-nav-wrap-ping-top::before,
.rc-tabs-nav-measure-ping-bottom::after,
.rc-tabs-nav-wrap-ping-bottom::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
}
.rc-tabs-nav-measure-ping-top::before,
.rc-tabs-nav-wrap-ping-top::before {
  top: 0;
  border-top: 1px solid red;
}
.rc-tabs-nav-measure-ping-bottom::after,
.rc-tabs-nav-wrap-ping-bottom::after {
  bottom: 0;
  border-top: 1px solid red;
}
.rc-tabs-nav-list {
  display: flex;
  position: relative;
  transition: transform 0.3s;
}
.rc-tabs-nav-operations {
  display: flex;
}
.rc-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.rc-tabs-nav-more {
  border: 1px solid blue;
  background: rgba(255, 0, 0, 0.1);
}
.rc-tabs-nav-add {
  border: 1px solid green;
  background: rgba(0, 255, 0, 0.1);
}
.rc-tabs-tab {
  border: 0;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0;
  display: flex;
  outline: none;
  cursor: pointer;
  position: relative;
  font-weight: lighter;
  align-items: center;
}
.rc-tabs-tab-btn,
.rc-tabs-tab-remove {
  border: 0;
  background: transparent;
}
.rc-tabs-tab-btn {
  font-weight: inherit;
  line-height: 32px;
}
.rc-tabs-tab-remove:hover {
  color: red;
}
.rc-tabs-tab-active {
  font-weight: bolder;
}
.rc-tabs-ink-bar {
  position: absolute;
  background: red;
  pointer-events: none;
}
.rc-tabs-ink-bar-animated {
  transition: all 0.3s;
}
.rc-tabs-extra-content {
  flex: none;
}

header.header-section {
    margin: 8px 0;
}

header.header-section h1 {
    font-size: 2em;
    line-height: 2em;
    margin: 0;
}

header.header-section h1 i {
    margin: 0 0.5em;
}

.cmw-section {
    margin: 15px 0;
    padding: 0 15px 0 30px;
    width: 100%;
    height: auto;
}

.cmw_btn {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    color: #FFFFFF;
    font-size: 0.8rem;
    padding: 14px 16px 14px 16px;
    text-align: center;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border: none;
    letter-spacing: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.02rem;
    min-width: 140px;
}

.cmw_btn_shopping {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 15px;
    color: #FFFFFF;
    font-size: 0.8rem;
    padding: 14px 16px 14px 16px;
    text-align: center;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border: none;
    text-transform:uppercase;
    letter-spacing: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.02rem;
}

.cmw_btn > i {
    font-weight: bolder;
    margin-right: 0.75em;
    font-size: 16px;
}

.cmw_btn_round {
    color: #FFFFFF;
    outline: none;
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmw_btn_round i {
    font-size: 18px;
    margin: 3px 0 0 0;
}

.cmw_btn_primary {
    background-color: #DA291c;
}

.cmw_btn_primary:hover {
    opacity: 0.5;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.cmw_btn_primary:disabled {
    background-color: #212121;
    box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
    opacity: 0.8;
    cursor: not-allowed;
}

.cmw_btn_secondary {
    background-color: #1E1E1E;
}

.cmw_btn_secondary:hover {
    background: #080808;
}

@media (any-hover: hover) {
    .cmw_btn_round:hover {
        opacity: 0.5;
    }

}

@media screen and (max-width: 575px) {
    header.header-section h1 {
        font-size: 1.2em;
        line-height: 1.2em;
        margin: 0;
    }


    .cmw-section {
        margin: 32px 0;
        padding: 0 10px;
    }
}

@media screen and (min-width: 576px) {
    header.header-section h1 {
        font-size: 1.2em;
        line-height: 1.2em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
    header.header-section h1 {
        font-size: 1.5em;
        line-height: 1.5em;
    }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    header.header-section h1 {
        font-size: 2em;
        line-height: 2em;
    }
}
/*
    For desktop
*/
@media screen and (min-width: 800px) {

}

.hidden {
    display: none;
}

.disable_button {
    opacity: 0.50;
}

.icon-on, .icon_radios_deeplink {
    color: #DE1717;
}

/* ==========================================================================
Player
========================================================================== */

.t_player {
    padding: 5px 15px 0 0;
    height: 55px;
    cursor: pointer;
    order: 2;
    flex: 3 0px;
}

.t_player_deeplink {
    padding: 0 0px 0 0;
    height: 2px;
}

.t_player > div:first-child {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
}

.t_player > div:first-child > div:first-child {
    position: absolute;
    opacity: 1;
    border: none;
    border-radius: 0%;
    top: 18px;
    float: left;
    width: 100%;
    height: 3px;
    background-color: #666;
    z-index: 1;
}

.t_player > div:first-child > div:last-child {
    position: absolute;
    opacity: 1;
    border: none;
    border-radius: 0%;
    top: 18px;
    float: left;
    height: 3px;
    background-color: #104c98;
    z-index: 2;
}

.t_player > div:last-child {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    z-index: 1
}

.t_player > div:last-child > div:first-child {
    font-size: 11px;
    position: absolute;
    top: 27px;
}

.t_player > div:last-child > div:last-child {
    font-size: 11px;
    position: absolute;
    top: 27px;
    right: 0;
}

.t_player_deeplink > div:last-child > div:last-child {
    font-size: 11px;
    position: absolute;
    top: 0px;
    right: 0;
}

.t_player > div:first-child > div {
    position: absolute;
    opacity: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #104c98;
    top: 14px;
    z-index: 3;
}

.t_player:hover > div:first-child > div {
    opacity: 1;
}

#t_player_slider {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    float: left;
    height: 5px;
    top: 0px;
    opacity: 1;
    position: absolute;
    z-index: 1;
}

#t_player_slider .ui-slider-handle {
    background-color: #981C15;
    border-radius: 50%;
    height: 10px;
    opacity: 0;
    position: absolute;
    top: 14px;
    margin-left: -5px;
    width: 10px;
    z-index: 3;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#t_player_slider .ui-slider-handle:focus, #t_player_slider:focus, #volumen_pop_slider .ui-slider-handle:focus, #volumen_pop_slider:focus {
    outline: 0;
}

#t_player_slider .ui-slider-range {
    background-color: #DE1717;
    border: medium none;
    border-radius: 0;
    float: left;
    height: 4px;
    opacity: 1;
    position: absolute;
    top: 17px;
    z-index: 2;
}

#t_player_slider .deeplink-range {
    top: 0px;
}

#t_player_slider .ui-slider-range.deeplink_bar {
    height: 7px;
    top: 2px;
}

.t_player:hover #t_player_slider .ui-slider-handle {
    opacity: 1;
}

/*Volumen del player*/
.volumen {
    position: absolute;
    height: 200px;
    width: 50px;
    background-color: #282828;
    top: -210px;
    padding: 10px;
    cursor: pointer;
}

.volumen > div {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}

.volumen > div > div:first-child {
    position: absolute;
    width: 30px;
    height: 100%;
    left: 0px;
    background-color: #282828;
    z-index: 1;
}

.volumen:hover #pv_indicador {
    opacity: 1;
}

#volumen_pop_slider .ui-slider-range {
    position: absolute;
    bottom: 0;
    width: 4px;
    left: 15px;
    background-color: #981C15;
    margin: 0px 0 0 -3px;
    z-index: 2;
}

#volumen_pop_slider .ui-slider-handle {
    position: absolute;
    opacity: 0;
    width: 10px;
    left: 9px;
    height: 10px;
    border-radius: 50%;
    background-color: #981C15;
    z-index: 3;
}

.volumen:hover #volumen_pop_slider .ui-slider-handle {
    opacity: 1;
}

/* ----------Pantalla 1024px o menores --------- */
@media screen and (max-width: 1024px) {

    .t_player > div:first-child > div {
        opacity: 1;
    }

    .volumen #pv_indicador {
        opacity: 1;
    }

    #t_player_slider .ui-slider-handle {
        opacity: 1;
    }
}

/* ----------Pantalla 700 px o menores --------- */
/* Moviles */
@media screen and (max-width: 700px) {
    
    .t_player_deeplink > div:last-child {
        display: block;
    }

    .t_player {
        position: absolute;
        flex: initial;
        top: -21px;
        width: 100%;
        padding: 0;
        height: 26px;
    }

    .t_player_deeplink {
        position: relative;
        flex: initial;
        top: -3px;
        left: 0px;
        width: 100%;
        padding: 0;
        height: 26px;
    }

    #t_player_deeplink .t_player {
        height: 5px;
    }

    #t_player_slider {
        height: 27px;
    }

    #t_player_slider .ui-slider-range {
        height: 7px;
        top: 15px;
    }

    #t_player_slider .deeplink-range {
        height: 7px;
        top: 0px;
    }

    #t_player_slider .ui-slider-handle {
        height: 15px;
        width: 15px;
        top: 11px;
    }

}





/*
    General properties and mobiles
*/

.artist-banner-background {
    display: block;
    width: 100%;
    height: 300px;
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    z-index: 0;
}

.btn_artist {
    width: 175px;
    max-width: 250px;
    letter-spacing: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.02rem;
}

.btn_artist > i {
    font-weight: bolder;
    margin-right: 0.75em;
    font-size: 16px;
}

.btn_artist_round {
    color: #FFFFFF;
    outline: none;
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_artist_round i {
    margin-top: 5px;
    font-size: 1.3em;
}

.btn_artist_primary {
    background-color: #DE1717;
}

.btn_artist_primary:hover {
    background: #B11112;
}

.btn_artist_secondary,
.can-touch .btn_fav_artist:not(.btn_active_a):hover,
.can-touch .btn_fav_artist:not(.btn_active_a):active {
    background-color: #1E1E1E;
}

.btn_artist_secondary:hover {
    background: #080808;
}

@media (any-hover: hover) {
    .btn_artist_round:hover {
        background-color: #DE1717;
    }
}

.artist-wrapper {
    padding-top: 0px;
}

.artist-wrapper .secc_listas_gral h2,
.artist-wrapper .secc_listas_gral h3 {
    text-align: left;
}

.artist-wrapper-loading {
    overflow: hidden;
}

.image-artist-wrapper,
.title-artist-wrapper {
    display: inline-block;
}

.image-artist-wrapper, .image-artist-wrapper img {
    min-width: 150px;
    min-height: 150px;
}

.title-artist-wrapper {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
}

.image-artist-wrapper img {
    width: 200px;
    height: 200px;
    min-width: 150px;
    min-height: 150px;
    border-radius: 50%;
}

.artist-banner {
    position: relative;
    display: flex;
    /* height: 370px; */
}

.container-artist-banner {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.artist-main-section {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.buttons-container {
    margin-top: 5px;
}

.buttons-container .cmw_btn_secondary {
    background-color: #3B3B3B;
}

.buttons-container-deeplinks {
    justify-content: center;
}

.btn_deeplink {
    width: auto;
}

.buttons-container > button:first-child,
.icons-container > button:first-child {
    margin: 0;
}

.icons-container {
    display: flex;
    gap: 10px;
    align-items: center;
}

.icons-container .cmw_btn_secondary {
    background-color: #3B3B3B;
}

.artist-banner-background {
    position: absolute;
}

.artist-title {
    display: block;
    align-self: center;
    width: 100%;
    word-break: break-word;
    overflow: hidden;
    color: white;
}

.artist-column > div:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.artist-column > div:first-child a {
    text-transform: uppercase;
    color: #DE1717;
}

.artist-title h1 {
    font-size: 45px;
    line-height: 60px;
    font-weight: bolder;
    margin: 0;
    padding-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.artist-section {
    display: flex;
    flex-direction: column;
    height: auto;
}

.artist-section .similar-artists-list-contianer .artist-image {
    width: 4rem;
    height: auto;
}

/* Small devices (landscape phones, 576px and up)*/
.hide-on-mobile {
    display: none;
}

.ctx_artist_fix {
    left: unset!important;
    position: fixed !important;
    right: 1em !important;
}

@media screen and (min-width: 700px) {
    .image-artist-wrapper, .image-artist-wrapper img {
        width: 150px;
        height: 150px;
        min-width: 150px;
        min-height: 150px;
    }
    
    .title-artist-wrapper {
        width: calc(100% - 220px);
    }
    .artist-title h1 {
        line-height: 70px;
    }
}
/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 700px) {
    .image-artist-wrapper,
    .title-artist-wrapper {
        display: flex;
    }
    .title-artist-wrapper {
        margin-left: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .image-artist-wrapper{
        text-align: center;
    }
    .image-artist-wrapper img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin-top: 20px;
    }
    .artist-title {
        display: flex;
        width: 100%!important;
    }
    .artist-title h1 {
        font-size: 35px;
        /* line-height: 50px; */
        font-weight: bolder;
        margin: 0;
        padding-left: 0;
        padding-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .buttons-container {
        margin-top: 10px;
    }
    .buttons-container .cmw_btn_secondary {
        margin-right: 0;
    }
    .container-artist-banner {
        flex-direction: column;
        margin-bottom: 0;
    }
}
/* Only for artist deteail section, special media query */
/* IF left slide change, may change this media query to 768px */
@media screen and (min-width: 900px) {
    .hide-on-desktop {
        display: none;
    }

    .show-btn-on-desktop {
        display: inline-block;
    }

    .show-btn-on-desktop-flex {
        display: flex;
    }

    .artist-banner {
        height: 365px;
    }

    .artist-title h1 {
        font-size: 60px;
        line-height: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .artist-button-section {
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: 15px;
    }

    .buttons-container {
        margin-top: 0;
    }

    .artist-banner-background {
        height: 100%;
    }

    .artist-section {
        flex-direction: row;
    }

    .artist-section > div:nth-child(1) {
        flex-basis: 55%;
        overflow: hidden;
    }

    .artist-section > div:nth-child(2) {
        flex-basis: 45%;
        margin-left: 30px;
    }

    .artist-section-full-width > div.artist-column {
        flex-basis: 100%;
    }

    .artist-main-section {
        justify-content: space-around;
        padding-top: 70px;
        align-items: flex-start;
    }
    .image-artist-wrapper, .image-artist-wrapper img {
        width: 200px;
        height: 200px;
        min-width: 200px;
        min-height: 200px;
    }
    .container-artist-banner {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 881px) {
    .title-artist-wrapper {
        width: calc(100% - 220px);
    }
}

@media screen and (min-width: 700px) {
    .image-artist-wrapper, .image-artist-wrapper img {
        width: 150px;
        height: 150px;
        min-width: 150px;
        min-height: 150px;
    }
    
    .title-artist-wrapper {
        width: calc(100% - 220px);
    }

    .artist-title h1 {
        line-height: 70px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 700px) {
    .artist-wrapper {
        padding-top: 40px;
        /* height: calc(100vh - 120px); */ /* fix scroll from explore page */
    }

    .image-artist-wrapper,
    .title-artist-wrapper {
        display: flex;
    }

    .title-artist-wrapper {
        margin-left: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .image-artist-wrapper{
        text-align: center;
    }

    .image-artist-wrapper img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin-top: 20px;
    }

    .artist-title {
        display: flex;
        width: 100%!important;
    }

    .artist-title h1 {
        font-size: 35px;
        /* line-height: 50px; */
        font-weight: bolder;
        margin: 0;
        padding-left: 0;
        padding-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .artist-button-section {
        padding-top: 0;
    }

    .buttons-container {
        margin-top: 10px;
    }

    .buttons-container .cmw_btn_secondary {
        margin-right: 0;
    }

    .container-artist-banner {
        flex-direction: column;
        margin-bottom: 0;
    }
}

/* ==========================================================================
Artistas similares
========================================================================== */
.artist-songs-section {
}

@media screen and (max-width: 575px) {
    .artist-songs-view header {
        display: none;
    }
}

@media screen and (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/*
    For desktop
*/
@media screen and (min-width: 800px) {

}
/* ==========================================================================
Acerca de
========================================================================== */
/*
.about_view h1 {
    float: none;
    margin-bottom: 2em;
}

.about_view h1 i {
    margin: 0 0.5em;
}
*/

.about_view .about_content {
    width: 100%;
}

.about_view .about_content .about_row {
    width: 100%;
    padding: 1em;
    line-height: 2em;
}

.about_view .about_content .about_row:hover {
    color: #fff;
    background-color: #16181dff;
}

.about_view .about_content .about_row i {
    float: right;
    color: #626262;
    margin-right: 1em;
    font-size: 2em;
}

.about_view .about_privacy {
    padding-right: 2em;
    margin-bottom: 2em;
}

@media screen and (max-width: 720px) {
    .about_privacy {
        position: relative;
        top: 60px;
        padding-left: 16px;
        padding-bottom: 16px;
    }
}
.cmw-dmca-alert {
    position: fixed;
    width: 100%;
    left: 0;
    padding: 15px 25px 11px 50px;
    background: #EEEEEE;
    min-height: 50px;
    height: auto;
    z-index: 3;
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;

    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.cmw-dmca-alert-first-row {
    bottom: 92px;
}

.cmw-dmca-alert-second-row {
    bottom: 158px;
    margin-bottom: 0;
}

.cmw-dmca-alert button {
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border: none;
}

.cmw-dmca-alert > div > span {
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    font-family: Roboto;
}

button.cmw-button-alert {
    color: #EEEEEE;
    background-color: #DE1717;
    border-radius: 6px;
    text-align: center;
    height: 32px;
    width: auto;
    min-width: 105px;
}

.cmw-button-alert {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 1rem;
    text-transform: uppercase;
}

.cmw-dmca-alert-off {
    opacity: 0;
    bottom: -15px;
}

.cmw-dmca-alert-ticker-alert-control-off {
    opacity: 0;
    visibility: hidden;
}


@media screen and (min-width: 700px) {
    .cmw-dmca-alert {
        width: 100%;

        padding: 10px 20px;
        border-radius: 0px;
    }
}

@media screen and (max-width: 700px) {
    .cmw-dmca-alert-first-row {
        bottom: 168px;
    }

    .cmw-dmca-alert-second-row {
        bottom: 228px;
    }
}

@media screen and (max-width: 500px) {
    .cmw-dmca-alert {
        padding: 15px 10px 11px 10px;
    }

    .cmw-dmca-alert-second-row {
        bottom: 246px;
    }
}

@media screen and (max-width: 420px) {
    .cmw-dmca-alert-first-row {
        bottom: 145px;
    }

    .cmw-dmca-alert > div > span {
        font-size: 14px;
    }

    .cmw-dmca-alert-second-row {
        bottom: 214px;
    }
}


/*
    Legacy styles
*/
.cmw-form-header-section > div,
.checkout > div:first-child {
    font-size: 10px;
    width: 100%;
    text-align: right;
    font-weight: bold;
}

.cmw-form-header-section > div > i,
.checkout > div:first-child > i {
    font-size: 15px;
    color: #65de37;
    margin: 0 0 0 5px;
}

.cmw-form-header-section > h2 {
    margin-top: 0.5em;
    font-size: 20px;
}

.checkout input {
    float: left;
}

.checkout input,
.cwm-form-checkout input {
    outline: none;
    width: 100%;
    background: #262626;
    height: 30px;
    font-size: 14px;
    color: #fff;
    padding: 0 15px;
    border: 1px solid #464646;
}

.checkout input:focus,
.cwm-form-checkout input:focus {
    border: 1px solid #fff;
}

.cwm-form-checkout p {
    font-size: 15px;
}

.cmw-form-checkout-inputs-section input {
    width: 100%;
    font-size: 15px;
    margin: 10px 0;
    position: relative;
}

.cwm-security-card-section input {
    width: 65px;
    padding: 0px;
    text-align: center;
}

.cwm-security-card-section > div {
    display: flex;
    flex-direction: row;
}

.cwm-security-card-section > div > div:first-child {
    margin-right: 15px;
}

.cwm-form-checkout button {
    text-decoration: none;
    outline: none;
    border: none;
}

button.cwm-form-confirm,
button.cwm-form-submit {
    text-decoration: none;
    outline: none;
    border: none;
}

.cwm-form-confirm {
    background-color: #DE1717;
    border-radius: 15px;
    color: #FFFFFF;
    font-size: 0.8rem;
    padding: 14px 16px 14px 16px;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
    width: 175px;
    max-width: 250px;
    letter-spacing: 0.02rem;
    margin-top: 20px;
}

.cwm-form-confirm:hover {
    background: #DE1717;
}

.cwm-form-submit {
    width: 100%;
    height: auto;
    padding: 0.5em;
    background: #DE1717;
}

.cwm-form-submit:hover {
    opacity: 0.5;
}

.cwm-form-submit span {
    color: white;
    font-size: 15px;
}

.cmw-form-adress > section {
    margin-bottom: 4em;
}

.cmw-form-two-colums-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-grow: 1;
}

.cmw-form-two-colums-section > div {
    flex: 45%;
}

.cmw-form-two-colums-section > button {
    flex: 45%;
}

.cmw-form-first-col {
    margin-right: 5px;
}

.cmw-form-second-col {
    margin-left: 5px;
}

.cmw-form-credit-card-title {
    font-size: 15px;
    display: flex;
    align-items: baseline;
    margin: 10px 0;
}

.cmw-form-credit-card-title > i {
    font-size: 20px;
    margin-right: 1em;
}

.cmw-subtittle-shopping-credit-card {
    display: flex;
    flex-direction: column;
}

.cmw-subtittle-shopping-credit-card p {
    font-size: 15px;
    margin: 10px 0;
}

.cmw-subtittle-shopping-credit-card > p:nth-child(2) {
    font-size: 25px;
}

.cmw-form-button-disable {
    height: auto;
    padding: 0.5em;
    background: rgb(102, 102, 102);
}

.cmw-form-button-disable span {
    color: white;
    font-size: 15px;
}

.cwm-form-checkout-creditcard-registered  > section:nth-child(2) > div {
    width: 75px;
    margin-bottom: 15px;
    display: flex;
}

.cwm-form-checkout-creditcard-registered-fix-input > section:nth-child(2) {
    position: absolute;
    top: 45px;
    height: auto;
    left: 0;
    width: 100%;
}

.cmw-entitycard-dark {
    height: 16px;
    width: auto;
    margin-top: 0px;
}

.cwm-form-credit-card-register-from-tab input {
    border: none;
}

.cwm-form-credit-card-register-from-tab > p:nth-child(1) {
    font-size: 18px;
    line-height: 20px;
}

.cmw-form-tab-inputs-section input {
    color: #fff;
    border-bottom: 1px solid #fff;
    outline: none;
    width: 100%;
    background: transparent;
    height: 25px;
    font-size: 16px;
    padding: 0 9px;
    margin: 10px 0;
}

.cmw-form-tab-inputs-section input::placeholder {
    color: #fff;
}

.cmw-form-tab-inputs-section > section:nth-child(1) {
    display: flex;
    flex-direction: column-reverse;
}

.cmw-form-input-section-creditcard-registered > section:nth-child(1) {
    flex-direction: column;
    margin-bottom: 10rem;
}

.cmw-form-input-section-creditcard-registered > section:nth-child(1) > div:nth-child(2) {
    width: 75px;
}

.cwm-security-card-section-from-tab {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
}

.cwm-security-card-section-from-tab > div:nth-child(1) {
    width: 70%;
    display: flex;
    align-content: space-around;
}

.cwm-security-card-section-from-tab > div:nth-child(1) > div {
    width: 45%;
}

.cwm-security-card-section-from-tab > div:nth-child(1) > div:nth-child(1) {
    margin-right: 5%;
}

.cwm-security-card-section-from-tab > div:nth-child(2) {
    width: 30%;
}

.cmw-credit-card-subscribe-section-button > section {
    margin: 15px;
}

.cmw-credit-card-subscribe-section-button > button {
    margin: 15px;
}

.full_pop_up {
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: absolute;
    top: 0;
}

.DP_state_selector {
    position: fixed;
    background: #121212;
    color: #CFCFCF;
    line-height: 40px;
    top: 40px;
    left: 40%;
    height: 90%;
    width: 350px;
    text-align: center;
    border-radius: 5px;
}

.DP_state_list {
    float: left;
    width: 100%;
    height: 93%;
    overflow-y: auto;
}

.DP_state_selector > ul > li {
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 3px 0;
    padding: 0 35px;
}

.DP_state_selector > ul > li > a:hover {
    text-decoration: none;
    color: #B11112;
}

.DP_p_OFF_new {
    display: none;
}

.DP_state_selector > div > button {
    text-decoration: none;
    outline: none;
    border: none;
    background: none;
    color: white;
    font-size: 1.5rem;
}

.DP_state_selector > div {
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
}

.DP_state_list::-webkit-scrollbar {
    width: 7px;
}

.DP_state_list::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.DP_state_list::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 10px;
}

.DP_state_list {
    scrollbar-face-color: #444;
    scrollbar-base-color: black;
    scrollbar-3dlight-color: black;
    scrollbar-highlight-color: black;
    scrollbar-track-color: black;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: black;
    scrollbar-dark-shadow-color: black;
}

@media screen and (max-width: 1024px) {
    .DP_state_selector {
        left: 35%;
    }
}

@media screen and (max-width: 700px) {
    .DP_state_selector {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }
}

.forma_pago {
    float: right;
    order: 2;
    width: 290px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.forma_pago .cwm-form-checkout,
.forma_pago .checkout {
    width: 100%;
}

.checkout {
    float: right;
}

.cwm-form-checkout,
.checkout {
    order: 1;
    width: 25%;
    min-width: 305px;
    background-color: rgba(0, 0, 0, 0.6);
    height: auto;
}


.cwm-form-checkout,
.checkout {
    padding: 10px 15px 20px 20px;
}

.checkout > div {
    font-size: 20px;
    float: left;
    width: 100%;
    font-weight: bold;
}

.checkout > ul {
    float: left;
    padding: 0;
    margin: 10px 0 0 0;
    position: relative;
    height: 93%;
    width: 100%;
}

.checkout > ul > li {
    float: left;
    width: 100%;
    font-size: 15px;
    margin: 10px 0;
    position: relative;
}

.checkout > ul > li:nth-child(2) {
    font-size: 25px;
    height: 17px;
}

.checkout > ul > li > i {
    z-index: 9;
    position: absolute;
    color: red;
    top: 7px;
    font-size: 18px;
    right: 7px;
}

.checkout > ul > li > div > i {
    float: left;
    color: red;
    font-size: 18px;
    margin: 15px 0 0 0;
}

.checkout > ul > li > p {
    line-height: 20px;
}

.checkout > ul > li > p > a {
    text-decoration: underline;
    font-weight: bold;
}

.checkout > ul > li > p > a:hover {
    text-decoration: none;
}

.checkout > ul > li > div > div.dropd_gral {
    position: absolute;
}

.checkout li > div > input {
    width: 65px;
    text-align: center;
    margin: 8px 10px 0 0;
}

.checkout > ul > li > p > button {
    background-color: transparent;
    border: none;
    color: #FFF;
    text-decoration: underline;
    font-weight: bold;
}

.checkout > ul > li > p > a.reenvio,
.checkout > ul > li > p > button.reenvio {
    font-size: 13px;
    font-weight: normal;
}

.checkout > ul > li.fp_codigo_promo {
    margin: 12px 0 0 0;
    height: auto;
}

.checkout > ul > li.fp_codigo_promo > label {
    width: 100%;
}

.fp_codigo_promo > div {
    font-size: 15px;
    line-height: 20px;
}

.fp_codigo_promo > label > div {
    float: left;
    width: 224px;
    font-size: 12px;
    margin: -6px 0 0 0;
}

.fp_codigo_promo a {
    text-decoration: underline;
}

.fp_codigo_promo a:hover {
    text-decoration: none;
}

.cmw-input-tdc {
    background: #212224;
    width: 275px;
    height: 55px;
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin: 0 auto;
}

.cmw-input-tdc > span {
    height: 15px;
    align-self: center;
}

.cmw-input-tdc-edit {
    width: 100%;
    height: 40px;
}

.cmw-input-tdc-edit > span {
    color: #585858;
}

.cmw-input-tdc-edit > img {
    height: 24px;
    align-self: center;
}

.container-buttons-tdc-registered {
    margin-top: 3rem;
}

.container-buttons-tdc-registered > div > button {
    width: 130px;
}

.container-buttons-tdc-registered > div > button:first-child {
    margin-right: 1rem;
}

.checkout_plus {
    height: 310px;
}

/*TERMS_CONDITIOS*/
.tac-container {
    margin-top: 50px;
    font-size: .9rem;
    line-height: .9rem;
}

.tac-container a {
    color: #981c15;
    font-weight: bold;
    text-decoration-line: underline;
}

@media screen and (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 768px) {

}

@media screen and (max-width: 997px) {
    .checkout {
        order: 1;
    }
}
/* Large devices (desktops, 992px and up) */
@media screen and (max-width: 956px) {
    .forma_pago {
        order: 1;
        width: 100%;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/*
    For desktop
*/
@media screen and (min-width: 800px) {

}

.cmw-terms-and-conditions-link {
    color: #fff;
    width: auto;
    line-height: normal;
}

.cmw-terms-and-conditions-link a {
    color: #981c15;
    text-decoration-line: underline;
}

.cmw-reedemlink {
    margin: 15px;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
}

.cmw-reedemlink > a > span:nth-child(2) {
    color: #981c15;
    text-decoration-line: underline;
    margin-left: 5px;
}

/*/
    START
    PAYWAY DETAIL MODAL
*/

.cwm_modal_payway_detail {
    padding: 15px;
    height: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cwm_modal_payway_detail_section_1 > div {
    display: flex;
    flex-direction: column;
}

section.cwm_modal_payway_detail_section_1 {
    margin-top: 1rem;
}

.cwm_modal_payway_detail > section > div {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 10px;
}

.cwm_modal_payway_detail > section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cwm_modal_payway_detail.cmw_modal_payment_message > section {
    position: relative;
    bottom: 0;
    margin-bottom: 30px;
}

.cwm_modal_payway_detail > button {
    position: absolute;
    bottom: 30px;
}

.cwm_modal_payway_detail > section > button:nth-child(2) {
    margin-top: 2em;
    background-color: #1E1E1E;
}

.cmw_modal_unlimited_title > img {
    height: 1.5rem;
    margin-top: 1.5rem;
}

.cmw_modal_songpack_title {
    max-width: 215px;
    margin-bottom: 2em;
}

p.cmw_modal_unlimited_text {
    text-align: right;
}

.cwm_modal_payway_detail > div {
    padding: 15px;
    height: inherit;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cmw_modal_payment_registered_text {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 10px;
    max-width: 100%;
}

.container_logo_added_payment_registered {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 100px;
    height: auto;
}

.logo_added_payment_registered {
    width: 100%;
    height: auto;
}

/*/
    END
    PAYWAY DETAIL MODAL
*/

/*/
    START
    PLAN COMPARISON MODAL
*/
.cmw-modal-comparison-offer-wrapper > div > div > div:first-child {
    background-color: unset!important;
    height: 100%!important;
    overflow-y: auto;
    display: flex;
}

.cmw-modal-tooltip > div > div > div:first-child {
    margin-top: 70vh;
    border-radius: 1.5rem !important;
}

.cmw-modal-tooltip-custom {
    background-color: #282828;
    padding: 1%;
    border-radius: 1.5rem;
}

.cmw-modal-dialog-wrapper > div > div > div:first-child {
    background-color: #16181d;
}

.cmw-modal-comparison-offer {
    padding: 3.5rem 2rem 2rem;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
    background-color: black;
    margin: auto;
}

.cmw-wrapper-player {
    position: relative;
    overflow: auto;
}

.cmw-general-full-player {
    width: 100%;
    height: 100%;
}

#videoAddons {
}

#videoAddons .shaka-controls-container .shaka-bottom-controls {
    display: flex;
    flex-direction: column;
}

#videoAddons .shaka-controls-container .shaka-bottom-controls > .shaka-range-container {
    order: -2;
}

#videoAddons .shaka-controls-container .shaka-bottom-controls > .shaka-controls-button-panel {
    order: -1;
    flex-wrap: wrap;
}

#videoAddons .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-current-time {
    text-align: left;
    padding: 10px 0 10px 12px;
    order: -4;
}

#videoAddons .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-backward15-button {
    order: -2;
}

#videoAddons .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-small-play-button {
    order: -3;
}

#videoAddons .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-forward15-button {
    order: -1;
}

#videoAddons .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-mute-button {
    margin-left: auto;
}

.cmw-modal-comparison-offer section:last-child {
    margin-top: 2rem;
}

.cmw-modal-title-player {
    letter-spacing: 0.02rem;
    text-decoration: none;
    font-size: 20px;
    position: absolute;
    padding-top: 5px;
    padding-left: 20px;
    z-index: 300;
    top: 10px;
}

.player-mobile-title {
    font-size: 16px;
}

.safari-player {
    left: 75px;
}

.safari-player-mobile {
    left: 50px;
}

.cmw-modal-title-player > i {
    font-size: 35px;
}

.cmw-modal-close-button {
    letter-spacing: 0.02rem;
    text-decoration: none;
    outline: none;
    border: none;
    height: 48px;
    width: 48px;
    border-radius: 48px;
    position: absolute;
    padding-top: 5px;
    top: 16px;
    right: 16px;
}

.cmw-modal-close-button > i {
    font-size: 35px;
}

.cmw-modal-comparison-offer-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
}

.cmw-modal-comparison-offer-section .cmw-offer-text-colum {
    flex-basis: 50%;
    text-align: left;
}

.cmw-modal-comparison-offer-section .cmw-offer-feature-colum {
    flex-basis: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cmw-modal-comparison-offer-section > div:nth-child(+n+4) {
    border-bottom: 1px solid #7f7f7f48;
    padding: 15px 0px 15px 0px;
}

.cmw-modal-comparison-green-dot {
    height: 24px;
    width: 24px;
}

.cmw-offer-feature-colum h3 {
    font-size: 1em;
}

/*/
    END
    PLAN COMPARISON MODAL
*/


.cmw-modal-full-wrapper > div > div > div:first-child {
    position: relative;
    background: black;
}

.cmw-modal-full {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: auto;
    background: black;
}

/*
    START
    BUNDLE MESSAGE MODAL
*/
.cmw-modal-bundle-message-wrapper {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    position: relative;
    display: flex;
    vertical-align: middle;
}

.cmw-modal-bundle-message-img > div > img {
   width: 100%;
}

.cmw-modal-bundle-message-img {
    width: 100%;
    margin: auto;
}

.cmw-modal-bundle-message-img > div {
    width: 100%;
    height: 100%;
    align-self: center;
    position: relative;
    overflow-y: auto;
}

.cmw-modal-bundle-message-img > div > button:nth-child(1) {
    position: absolute;
    right: 12px;
    top: 12px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border: none;
}

.cmw-modal-bundle-message-close {
    background: rgba(0,0,0,0);
    color: #FFFFFF;
}

.cmw-modal-bundle-message-img > div > section:nth-child(3) {
    position: absolute;
    bottom: 70px;
    width: 100%;
}

.cmw-modal-bundle-message-img > div > section:nth-child(3) > button {
    margin: 0 auto;
}
/*/
    END
    BUNDLE MESSAGE MODAL
*/

/*/
    START QUESTION DELETED MODAL
*/

.cmw-section-delete-payment-message-card {
    padding: 10px;
    margin-top: 4rem;
    width: 100%;
    max-width: 380px;
}

.cmw-delete-payment-message-card {
    margin: 0 20px;
    font-size: 2rem;
    margin-bottom: 20px;
    text-align: center;
}

.cmw-title-cancel-package-songs {
    font-size: 2rem;
    margin-bottom: 20px;
    text-align: center;
}

.cmw-subtitle-cancel-package-songs {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.card-delete-payment-message-buttons {
    display: flex;
    align-items: center;
    padding: 1rem;
    justify-content: center;
}

.card-delete-payment-message-buttons :nth-child(1) {
    margin-right: 10px;
}

/*/
    END QUESTION DELETED MODAL
*/

/*
    START
    DROPDOWN MODAL
*/
.cmw-modal-dropdown-wrapper ul {
    font-size: 1.2rem;
    text-align: left;
}
.cmw-modal-dropdown-wrapper ul li {
    padding: 0.5em 1em;
}
.cmw-modal-dropdown-wrapper ul li:not(.modal-dropdown-title):hover {
    cursor: pointer;
    background-color: #2A2A2A;
}
.cmw-modal-dropdown-wrapper ul li.modal-dropdown-title {
    font-weight: bold;
}
/*/
    END
    DROPDOWN MODAL
*/

/*
    START
    SHOPPING CARD MODAL
*/
.cmw-section-shopping-card {
    padding: 0px 15px;
    margin-top: 4rem;
    width: 100%;
    max-width: 380px;
}

.cmw-section-shopping-card-detail {
    padding: 0px 15px;
    margin-top: 2.5rem;
    width: 100%;
    max-width: 380px;
}

.cmw-title-shopping-card-purchase {
    padding: 0px 10px;
    margin-top: 4rem;
    width: 100%;
    max-width: 380px;
}

.cmw-title-shoppin-cart {
    font-size: 1rem;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.cmw-subtitle-shoppin-cart {
    font-size: 1rem;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.cmw-subtitle-shoppin-cart-detail {
    font-size: 0.8rem;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.cmw-shopping-card-details {
    max-width: 380px;
    max-height: 150px;
    overflow: scroll;
}

.cmw-shopping-card-details-mobile {
    max-width: 380px;
    max-height: 350px;
    overflow: scroll;
}

img.shopping-detail-image {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.cmw-shopping-card-details ul {
    float: left;
    text-align: left;
}

.cmw-shopping-card-details li {
    /* min-height: 30px; */
    width: 100%;
    float: left;
    position: relative;
}

.cmw-shopping-card-details li > div > div:nth-child(2) {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    width: auto;
    float: none;
}

.cmw-shopping-card-details li > div {
    margin-bottom: 10px;
}

.cmw-shopping-card-details li > div > img {
    vertical-align: middle;
    display: inline-block;
}
/*/
    END
    SHOPPING CARD MODAL
*/

/*
    START
    RECOMMENDATIONS MODAL
*/
.cmw-modal-recommendations-wrapper {
    font-family: 'Roboto';
}

.cmw-modal-recommendations-wrapper > div > div > div > div:first-child {
    margin: 0px auto;
}

.cmw-modal-recommendations {
    width: 600px;
    height: calc(100vh - 200px);
    margin: 110px;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.logo-modal-CM {
    top: 10px;
    left: 20px;
    position: fixed;
    margin: 0;
    width: 173px;
    height: 30px;
}

.cmw-modal-recommendations > .cmw-close-button {
    height: 50px;
    width: 100px;
    border: 0;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    background-color: #333;
    position: absolute;
    top: 16px;
    right: 16px;
}

.cmw-modal-recommendations > section > .header-section > h1 {
    font-size: 25px;
    line-height: 50px;
}

.cmw-modal-recommendations p {
    font-size: 18px;
}

.cmw-modal-recommendations > h2 {
    font-weight: normal;
    margin-top: 100px;
    margin-bottom: 25px;
}

/*
    Inicio Busqueda
*/

.cmw-recommendations-search-container,
.cmw-recommendations-search-container-over {
    margin: 10px 0 20px 10px;
    overflow: hidden;
    width: 550px;
}

.cmw-form-wrapper > form,
.cmw-form-wrapper-over > form {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.cmw-recommendations-search-container > div > form > .icon-hp-search,
.cmw-recommendations-search-container-over > div > form > .icon-hp-search {
    position: absolute;
    margin: 7px 10px;
    font-size: 16px;
}

.cmw-recommendations-search-container > div > form > .cmw-close-search,
.cmw-recommendations-search-container-over > div > form > .cmw-close-search {
    position: absolute;
}

.cmw-recommendations-search-container > div > form > .icon-hp-close,
.cmw-recommendations-search-container-over > div > form > .icon-hp-close {
    position: relative;
    top: 2px;
    left: -25px;
    font-size: 16px;
    cursor: pointer;
    align-self: center;
}

.search-recommendations-input {
    border-radius: 10px;
    border: 1px solid #282828;
    outline: none;
    width: 470px;
    height: 30px;
    background: #282828;
    padding: 0 35px;
    color: #FFF
}

.artist-search-drop {
    position: absolute;
    width: 542px;
    min-height: 40px;
    max-height: 430px;
    z-index: 99;
    background-color: #282828;
    opacity: 1;
    visibility: visible;
    border-radius: 0 0 10px 10px;
}

.artist-search-drop > div {
    float: left;
    width: 100%;
}

.artist-search-drop ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

.artist-search-drop li {
    min-height: 30px;
    width: 100%;
    float: left;
    text-align: left;
    position: relative;
}

.artist-search-drop li > div > a > img {
    width: 23%;
    vertical-align: middle;
    display: inline-block;
    max-width: 120px
}

.artist-search-drop li > div > a {
    width: 100%;
    float: left;
    padding: 8px 8px 8px 15px;
}

.artist-search-drop li > div > a > div {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.artist-search-drop li > div > a > div > i {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 19px;
}

.artist-search-drop li:hover > div > i {
    color: #000;
}

.artist-search-drop li > div > i > img {
    margin: -8px 0 0 0;
    border-radius: 50%;
}

.artist-search-drop li:hover > div > a {
    background: #fff;
    color: #000;
    border-radius: 10px;
}

.artist-search-drop li > div > a > div:nth-child(2) {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
    width: auto;
    float: none;
}

.artist-search-drop li > div > a > div:nth-child(2).search-result-description {
    margin-left: 15px;
    width: 59%;
    padding: 0 0 3px 0;
    max-height: 40px;
}

.artist-search-drop li > div > a > div:nth-child(2).search-result-description > div,
.artist-search-drop li > div > a > div:nth-child(2).search-result-description div div.variousArtist {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
}

.artist-search-drop li > div > a > div:nth-child(2).best-result-description {
    width: 70%
}

.artist-search-drop li > div > a > div > p, .artist-search-drop li > a > div > div {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0 3px 0;
}

.artist-search-drop li > div > a > div > p:nth-child(1) {
    font-size: 14px;
    font-weight: bold
}

.artist-search-drop li.DS_hover > div > i {
    color: #000;
}

.artist-search-drop li.DS_hover > div > a {
    background: #fff;
    color: #000;
}

.artist-search-drop li > div > a > img.search-result-no-image {
    display: none
}

.artist-search-drop li > div  > a > div.search-result-no-image {
    margin: 0px;
    width: 100%
}

.artist-search-drop li > div > a > img.search-result-circle-image {
    border-radius: 50%;
    width: 80px;
}

.artist-search-drop li > div > a > img.search-result-image {
    width: 48px;
    height: 48px;
    display: inline-block;
}

.artist-search-drop li > div > a > img.search-result-image.search-result-best {
    width: 60px;
    height: 60px;
}

.artist-search-drop li > div > a.best_search_ctx_btn {
    font-size: 34px;
    width: 10%;
    padding: 18px 0;
}

.artist-search-drop li > div > a.search_ctx_btn {
    font-size: 34px;
    width: 10%;
    padding: 16px 0 8px 8px;
}

.artist-search-drop.ds_OFF {
    min-height: 0;
    opacity: 0;
    visibility: hidden;
}

.artist-search-drop::-webkit-scrollbar,
.artist-search-drop1::-webkit-scrollbar {
    width: 7px;
}

.artist-search-drop::-webkit-scrollbar-track,
.artist-search-drop1::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.artist-search-drop::-webkit-scrollbar-thumb,
.artist-search-drop1::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}

.artist-search-drop,
.artist-search-drop1 {
    scrollbar-face-color: #444;
    scrollbar-base-color: black;
    scrollbar-3dlight-color: black;
    scrollbar-highlight-color: black;
    scrollbar-track-color: black;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: black;
    scrollbar-dark-shadow-color: black;
}

.artist-search-drop1 {
    overflow: auto !important;
    height: auto;
    max-height: 430px
}

.cmw-cancel-button {
    display: none;
}

.drop-open {
    border-radius: 10px 10px 0 0;
}

.drop-close {
    display: none;
}

/*
    Fin Busqueda
*/

.cmw-recomendations-ready-message {
    width: 600px;
    height: 35px;
    margin: 25px 0;
    line-height: 33px;
    background: #5864EF;
    font-size: 18px;
}

.cmw-recommendations-clean-selection {
    margin: 10px 0;
    display: flex;
    width: 560px;
}

.cmw-recommendations-clean-selection a {
    font-size: 16px;
    margin-left: auto;
    margin-right: 0;
}

.cmw-recommendations-clean-selection .disabled {
    color: #646464;
}

.icon-undone-arrow {
    font-size: 10px;
    padding: 0 8px 0 0;
}

.cmw-recommendations-artist-container {
    display: flex;
    flex-wrap: wrap;
    width: 570px;
    height: calc(100vh - 300px);
    overflow-y: auto;
    overflow-x: hidden !important;
    margin-left: 10px;
    justify-content: center;
}

.show-continue-button {
    height: calc(100vh - 385px);
}

.confirm-selection {
    height: 120px;
    justify-content: center;
}

.cmw-recommendations-artist-container::-webkit-scrollbar {
    width: 7px;
}

.cmw-recommendations-artist-container::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.cmw-recommendations-artist-container::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}

.cmw-recommendations-artist-container > .cmw-artist-poster {
    width: 100px;
    margin: 10px 5px;
}

.confirm-selection > .cmw-artist-poster {
    margin: 10px -20px;
}

.artist-center-image {
    z-index: 2;
}

.artist-right-image {
    z-index: 1;
}

.cmw-recommendations-artist-container > .cmw-artist-poster > .cmw-artist-image {
    height: 100px;
    width: 100px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.cmw-recommendations-artist-container > .cmw-artist-poster > .cmw-artist-image > .cmw-artist-overlay {
    width: 90px;
    height: 90px;
    position: absolute;
    margin: auto;
    background: #000;
    border-radius: 50%;
    opacity: 0;
}

.cmw-recommendations-artist-container > .cmw-artist-poster > .cmw-artist-image:hover > .cmw-artist-overlay {
    opacity: 0.6;
}

.cmw-recommendations-artist-container > .cmw-artist-poster > .cmw-artist-image > .cmw-selected-artist-overlay {
    width: 100px;
    height: 100px;
    position: absolute;
    border: 2px solid #DE1717;
    border-radius: 50%;
    opacity: 0;
}

.cmw-recommendations-artist-container > .cmw-artist-poster > .cmw-artist-image > .isSelected {
    opacity: 1;
}

.cmw-recommendations-artist-container > .cmw-artist-poster > .cmw-artist-image > .cmw-selected-artist-overlay > div {
    width: 90px;
    height: 90px;
    position: absolute;
    margin: 3px;
    background: #DE1717;
    border-radius: 50%;
    opacity: 0.3;
}

.cmw-recommendations-artist-container > .cmw-artist-poster > .cmw-artist-image > .cmw-selected-artist-overlay > img {
    position: absolute;
    top: 21px;
    right: 10px;
}

.cmw-recommendations-artist-container > .cmw-artist-poster > .cmw-artist-image > img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: auto;
}

.cmw-recommendations-artist-container > .cmw-artist-poster > .cmw-artist-name {
    font-size: 12px;
    margin-top: 5px;
}

.cmw-recommendations-continue {
    width: 100vw;
    justify-content: space-around;
    align-items: center;
    background: #282828;
}

.cmw-recommendations-continue button {
    margin: 20px;
}

.cmw-recommendations-buttons {
    margin: 50px;
    display: flex;
    flex-direction: column;
}

.cmw-recommendations-buttons .cmw-button-secondary {
    background: transparent;
}

.cmw-recommendations-buttons > button {
    width: 300px;
    margin: 10px;
}

.cmw-recommendations-error {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding-top: 25px;
    width: 350px;
    height: 350px;
    background: #282828;
    border-radius: 15px;
}

@media screen and (max-width: 800px) {
    .cmw-modal-recommendations {
        margin: 60px 0;
    }

    .show-continue-button {
        height: calc(100vh - 335px);
    }

    .cmw-recommendations-search-container,
    .cmw-recommendations-search-container-over {
        width: auto;
    }

    .cmw-recommendations-clean-selection {
        width: unset;
        margin-right: 20px;
    }

    .artist-search-drop {
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    .cmw-modal-comparison-offer {
        width: 450px;
        max-height: 750px;
        height: auto;
        min-height: 715px;
    }

    .cmw-modal-bundle-message-img > div > img {
        width: unset;
    }

    .cmw-modal-bundle-message-img > div {
        width: auto;
        height: auto;
    }

    .cmw-modal-bundle-message-img {
        width: 360px;
    }
}

@media screen and (max-width: 700px) {
    .cmw-recommendations-artist-container {
        width: 560px;
        margin: 0;
    }
}

@media screen and (max-width: 650px) {
    .cmw-modal-recommendations {
        width: auto;
    }

    .cmw-modal-recommendations > section > .header-section {
        width: 540px;
    }

    .cmw-modal-recommendations > section > .header-section > h1 {
        font-size: 24px;
    }

    .cmw-recommendations-error {
        width: 350px;
    }

    .cmw-recomendations-ready-message {
        width: 100vw;
    }
}

@media screen and (max-width: 560px) {
    .cmw-modal-recommendations > section > .header-section {
        width: 460px;
    }

    .cmw-modal-recommendations > section > .header-section > h1 {
        font-size: 18px;
    }

    .cmw-modal-recommendations > section > .header-section > p {
        font-size: 15px;
    }

    .cmw-modal-recommendations > .cmw-close-button{
        height: 50px;
        width: 100px;
        bottom: 0;
        border: 0;
        border-radius: 0;
        color: #fff;
        font-size: 16px;
        background-color: rgb(17, 17, 17);
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .cmw-recommendations-search-container{
        margin: 10px 0 20px 10px;
        overflow: hidden;
    }

    .cmw-recommendations-clean-selection{
        top: 20px;
        left: 20px;
        position: fixed;
        margin: 0;
    }

    .logo-off {
        display: none;
    }

    .undone-arrow-off {
        display: none;
    }

    .icon-undone-arrow {
        font-size: 10px;
        padding: 0 8px 0 0;
    }

    .cmw-recommendations-search-container-over {
        top: 0;
        left: 0;
        position: fixed;
        z-index: 200;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        margin: 0;
    }

    .cmw-recommendations-search-container > div > form > .icon-hp-search,
    .cmw-recommendations-search-container-over > div > form > .icon-hp-search {
        position: absolute;
        margin: 7px 25px;
    }

    .cmw-recommendations-search-container > div > form > .icon-hp-close,
    .cmw-recommendations-search-container-over > div > form > .icon-hp-close {
        left: -22px;
    }

    .cmw-recommendations-artist-container {
        width: 350px;
        margin: 0;
    }

    .show-continue-button {
        height: calc(100vh - 310px);
    }

    .cmw-form-wrapper {
        display: flex;
        padding: 8px 0 8px 0;
    }

    .cmw-form-wrapper-over {
        display: flex;
        background-color: #1A1A1A;
        padding: 8px 0 8px 0;
    }

    .cmw-form-wrapper-over > form {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        width: 100%;
    }

    .search-recommendations-input {
        width: 280px;
        margin: 0 0 0 15px;
        background-color: #282828;
    }

    .artist-search-drop {
        top: 40px;
        border-radius: 10px
    }

    .artist-search-drop ul {
        background-color: #1A1A1A;
    }

    .cmw-cancel-title {
        float: right;
        margin: 10px;
        width: 140px;
        background-color: #1A1A1A;
        height: 20px;
    }

    .cmw-cancel-button-over {
        display: block;
        height: 34px;
        width: 170px;
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        background-color: #1A1A1A;
        border: 0;
        display: flex;
        justify-content: center;
    }

    .drop-open {
        border-radius: 10px;
    }

    .safari-player-mobile {
        top: 2px;
        font-size: 14px;
    }
}

@media screen and (max-width: 420px) {
    .cmw-modal-recommendations {
        width: 360px;
    }

    .search-recommendations-input {
        margin: 0;
    }

    .search-recommendations-input:focus {
        margin: 0 0 0 10px;
    }

    .cmw-recommendations-search-container > div > form > .icon-hp-search {
        margin: 7px 10px;
    }

    .cmw-recommendations-search-container-over > div > form > .icon-hp-search {
        margin: 7px 18px;
    }

    .cmw-recommendations-artist-container {
        width: 350px;
        margin: 0;
    }
}

@media screen and (max-width: 400px) {
    .cmw-modal-recommendations > section > .header-section {
        width: 375px;
    }

    .cmw-modal-recommendations > section > .header-section > h1 {
        font-size: 16px;
    }

    .cmw-modal-recommendations > section > .header-section > p {
        font-size: 14px;
    }
}

@media screen and (max-width: 375px) {
    .cmw-modal-recommendations > section > .header-section {
        width: 330px;
    }

    .cmw-modal-recommendations > section > .header-section > h1 {
        font-size: 14px;
    }

    .cmw-modal-recommendations > section > .header-section > p {
        font-size: 13px;
    }

    .cmw-recommendations-search-container {
        width: 350px;
    }
}

/*
    START
    BUNDLE MESSAGE MODAL
*/
.cmw-modal-back-transparency > div > div > div:first-child {
    position: relative;
    background-color: rgba(0, 0, 0,0.8)!important;
}

.cmw-modal-no-backgroud > div > div > div:first-child {
    position: relative;
    background-color: rgba(0, 0, 0,0)!important;
}

.cmw-modal-global-mobile-fix > div > div > div {
    height: 100%!important;
}

.cmw-modal-warning {
    text-align: center;
    padding: 30px;
    height: 275px;
    width: 325px;
    background: #121212;
}

.cmw-modal-info {
    text-align: center;
    padding: 40px;
    height: auto;
    width: 400px;
    background: #121212;
}

.cmw-modal-warning > p,
.cmw-modal-info > p {
    padding: 15px 0px 45px 0px;
    font-size: 16px;
}

.cmw-modal-waring-pre-line > p {
    white-space: pre-line;
}

.cmw-modal-info > button {
    margin: auto;
    width: 250px;
}

.cmw-modal-warning > button {
    margin: auto;
}

.cmw-modal-center-container > div > div > div > div {
    height: 100%;
    width: 100%;
    display: flex;
    vertical-align: middle;
}

.cmw-modal-center-container > div > div > div > div > div {
    margin: auto;
}

.cmw-modal-bottom-container > div > div > div > div > div {
    margin-bottom: 0px;
}

/*
.cmw-modal-dialog-streaming > div > div > div > div {
    display: flex;
    padding: 2rem;
}

.cmw-modal-dialog-streaming > div > div > div > div > div {
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: red;
    margin: auto;
}
*/

.cmw-modal-dialog-streaming > div > div > div > div {
    height: 100%;
    width: 100%;
    display: flex;
    vertical-align: middle;
}

.cmw-modal-dialog-streaming > div > div > div > div > div {
    background: #27282C;
    text-align: left;
    font-size: 1rem;
    width: 340px;
    border-radius: 20px;
    padding: 1rem 2rem;
    margin: auto 5px 60px auto;
}

.cmw_modal_dialog_wrapper {
    height: 100%;
    width: 100%;
}

.cmw-modal-streaming {
    position: relative;
}

.cmw-modal-streaming p {
    margin: 1rem 0;
}

.cmw-modal-streaming button {
    float: right;
}

.cmw-modal-streaming::after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 15px;
    width: 0;
    height: 0;
    bottom: -25px;
    right: 5px;
    border-color: #27282C transparent transparent transparent;
}

.cmw-modal-welcome-container > div > div > div > div {
    display: flex
}

.cmw-modal-welcome {
    text-align: center;
    padding: 40px;
    height: auto;
    width: 350px;
    background: #121212;
    margin: auto;
}

.cmw-modal-welcome-mobile {
    margin-bottom: 0;
}

.cmw-modal-redirect {
    text-align: center;
    padding: 30px;
    height: auto;
    width: 320px;
    background: #121212;
    margin: auto;
}

.cmw-modal-double-text {
    text-align: center;
    padding: 30px;
    height: auto;
    width: 330px;
    background: #121212;
    margin: auto;
}

.cmw-modal-welcome > button,
.cmw-modal-redirect > button,
.cmw-modal-redirect > a > button {
    margin: auto;
    width: 250px;
}

.cmw-modal-redirect > h2 {
    margin: 0 0 20px 0;
}

.cmw-modal-double-text > h2 {
    margin: 0 15px 25px 15px;
}

.cmw-modal-redirect > div,
.cmw-modal-double-text > div {
    font-size: 16px;
    margin: 0 0 10px 0;
}

.cmw-modal-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmw-modal-one-button :nth-child(1) {
   width: 100%;
}

.cmw-modal-two-buttons :nth-child(1) {
    margin-right: 10px;
}

/*
    END
    BUNDLE MESSAGE MODAL
*/

span.name_list {
    line-height: 20px;
}

/* Styles Tickers */

.tickerNew {
    width: 100%;
    position: fixed;
    background: #2956d7;
    min-height: 50px;
    height: auto;
    bottom: 90px;
    left: 0px;
    padding: 10px 20px;
    z-index: 3;
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 0px;
    color: #ffffff;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.tickerNew > div:first-child {
    font-size: 1rem;
    font-weight: 100;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-ticker-url-to-link {
    background-color: transparent;
    border: 0;
    color: #ffffff;
    font-weight: 500;
    width: 100%;
    margin-right: 2%;
    font-size: 16px;
}

.button-close-ticker {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4b72e5;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 0px;
    color: #ffffff;
}

.tickerNew > .container-button-close {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tickerNew.tickerOFF {
    opacity: 0;
    visibility: hidden;
    bottom: -15px;
}

.tickerAlertControlOff, .tickerFullAlertOff {
    opacity: 0;
    visibility: hidden;
    bottom: -15px;
    position: fixed;
    width: 100%;
}

/* ----------Pantalla 700 px o menores --------- */
/* Moviles */

.tickerAlertControl {
    z-index: 10;
    position: relative;
}

.tickerFullAlert {
    z-index: 11;
    position: relative;
}

@media screen and (max-width: 700px) {
    .tickerNew {
        bottom: 172px;
    }

    .tickerNew > div:first-child {
        font-size: 0.85rem;
    }

    .tickerAlertControlOff, .tickerFullAlertOff {
        z-index: 0;
    }

    .tickerAlertControl, .tickerFullAlert {
        position: fixed;
        display: flex;
        width: 100%;
        height: auto;
        align-items: stretch;
        justify-content: flex-end;
        flex-direction: column;
        bottom: 121px;
        z-index: 11;
        opacity: 1;
        visibility: visible;
    }

    .tickerNew.tickerOffByAlert {
        position: absolute;
    }
}

@media screen and (max-width: 420px) {
    .tickerNew {
        padding: 15px 10px 11px 10px;
        bottom: 145px;
    }
    .button-ticker-url-to-link {
        font-size: 14px;
    }

    .tickerNew > div:first-child {
        font-size: 0.85rem;
    }
}

.cmw-section.cmw-section-plan-selector > .header-section{
    text-align: center;
}

.plan_name_title {
    display: flex;
    flex-direction: column;
}

.plan_name_title > img {
    max-width: 145px;
    z-index: 1;
}

.plan_name_title > span,
.plan_name_title > p {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}

.plan_name_title > p.center {
    text-align: right;
}

.plan_name_title > span:first-child {
    text-align: center;
}

.plan_name_title > p {
    width: 150px;
    z-index: 1;
}

.cmw-pincode-header-promo {
    margin-top: 20px;
}

.cmw_modal_unlimited_title{
    margin-bottom: 0;
}

.cmw-welcome-modal-plan {
    width: 155px;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 10px;
}

.cmw-welcome-modal-plan > header {
    width: 155px;
}

.cmw-welcome-modal-plan > header > span {
    text-align: left;
    font-size: 25px;
    padding-left: 2rem;
    margin-bottom: 10px;
}

.cmw-welcome-modal-plan > header > p {
    font-size: 20px;
}

.cmw-welcome-addon-modal {
    width: 155px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
}

.cmw-welcome-addon-modal > header {
    width: 155px;
}

.cmw-welcome-addon-modal > header > img {
    margin: 0 0 10px 0;
}

.cmw-welcome-addon-modal > header > p {
    font-size: 20px;
}
/*
    For desktop
*/

.cmw-button-disabled:hover {
    background-color: #4a4a4a
}


#planSelectorDropDownFilter,
#planSelectorDropDownFilterOpen {
    position: relative;
    text-align: center;
}

#planSelectorDropDownFilterOpen .dropd_suscription {
    box-shadow: none;
    border: none;
    position: absolute;
    opacity: 1;
    visibility: visible;
    background: #16181d;
    height: auto;
    z-index: 90;
    top: 45px;
}

#planSelectorDropDownFilterOpen > div > ul > li > a {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 0 10px 16px;
    line-height: 18px;
}

#planSelectorDropDownFilter > a > span,
#planSelectorDropDownFilterOpen > a > span {
    margin-right: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FEFEFE;
}

#planSelectorDropDownFilterOpen > div > ul > li > a:hover {
    color: #16181d;
    font-weight: 600;
}

@media screen and (min-width: 800px) {
    .cmw-section.cmw-section-plan-selector > .header-section{
        text-align: left;
    }
}

@media screen and (max-width: 800px) {
    #planSelectorDropDownFilterOpen .dropd_suscription {
        background: #000000;
    }

    #planSelectorDropDownFilterOpen > div > ul > li > a {
        padding: 10px 0 10px 10px;
        font-size: 12px;
    }
}
.cmw-section-card-container-mobile .cmw-card-plan {
    display: flex;
    margin: 0 auto;
    margin-bottom: 3rem;
    height: 100%;
    top: 0;
    min-width: 250px;
    width: 100%;
    max-width: 300px;
}

.cmw-section-card-container {
    width: 100%;
    overflow-x: auto;
    height: 100%;
    overflow-y: hidden;
}

.cmw-section-card-container > section {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
}

.cmw-section-card-container > section > div:first-child {
    margin-left: 0;
}

.cmw-section-card-container > section > div:first-child:hover {
    margin-left: 1rem;
}

.cmw-section-card-container > section > div:last-child:hover {
    margin-right: 1rem;
}


.cmw-card-plan {
    /*min-height: 420px;*/
    border: 1px solid #7f7f7f48;
    border-radius: 8px;
    position: relative;
    min-width: 300px;
    width: 300px;
    margin-left: 1rem;
    margin-right: 1rem;
}

.cmw-card-plan {
    display: flex;
    flex-direction: column;
}

.cmw-card-plan-focused {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    z-index: 10000;
}

.cmw-section-card-container .cmw-card-plan:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    margin-left: 1rem;
    margin-right: 1rem;
}

.cmw-plan-card-by-period {
    width: 100%;
    font-family: 'AMX';
}

.cmw-plan-card-legal-section > p {
    font-size: 10px;
    margin: 10px 12px;
}

.cmw-plan-card-extra-info > p {
    margin: 1rem 1.25rem 1rem 1.25rem;
    font-size: 13px;
    line-height: 16px;
}

.cmw-plan-card-top-space {
    margin: 3rem 0;
}

.cmw-plan-card-bottom-space {
    margin-bottom: 2rem;
}

.cmw-plan-card-by-period > section ul, .plan-card-bullets {
    list-style-position: outside;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
}

.cmw-plan-card-by-period > section ul li, .plan-card-bullets li {
    font-size: 14px;
    line-height: 16px;
    text-indent: -10px;
    display: inline-block;
    margin: 0.5rem 1rem 0.5rem 1rem;
}

.cmw-plan-card-by-period > section ul li::before, .plan-card-bullets li::before {
    content: "\2022";
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
}

.cmw-plan-card-cost {
    margin: 1rem;
    line-height: 25px;
}

.cmw-plan-card-cost span:first-child {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 0;
}

.cmw-plan-card-cost span:last-child {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}

.cmw-plan-card-more-info {
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
    padding-left: 20px;
}

.cmw-plan-card-more-info a {
    color: #DA291c;
    line-height: 12px;
}

.cmw-plan-card-button-section {
    padding-left: 20px;
    margin: 1rem 0 2rem 0;
}


.cmw-pincode-header > .cmw-pincode-header-mobile-operator {
    font-size: 20px;
    text-align: center;
    width: 100%;
}

.cmw-pincode-header > .cmw-pincode-header-mobile-operator img {
    height: 25px;
    width: auto;
}

.cmw-pincode-header > .cmw-pincode-header-mobile-operator p {
    margin: 0.5rem;
}

.cmw-pincode-header > span:first-child {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
}

.cmw-plan-card-by-pincode {
    font-family: 'AMX';
    width: 100%;
}

.cmw-plan-card-by-pincode header:first-child {
    margin-top: 5rem;
}

.cmw-plan-card-by-pincode > section:nth-child(2) {
    font-size: 16px;
    font-family: 'AMX';
    margin: 2rem 0 5rem 0.5rem;
}

.cmw-plan-card-by-pincode > section:nth-child(2) > p {
    margin: 0.5rem;
}

.cmw-plan-card-by-pincode > section:nth-child(2) > p:last-child {
    font-weight: bold;
}

.cmw-plan-card-by-pincode > section:last-child {
    height: auto;
    position: absolute;
    width: 100%;
    bottom: 3.4rem;
    min-height: 105px;
}

.cmw-pincode-header-promo > h2 {
    font-family: 'AMX';
    line-height: 1.1em;
    font-size: 2em;
}

.cmw-pincode-header-promo > h2 > p:first-child {
    color: #DE1717;
}

.cmw-plan-card-current {
    width: 100%;
    font-family: 'AMX';

}

.cmw-plan-card-current > header.header-section {
    margin-top: 2rem;
}

.cmw-plan-card-current > p:nth-child(2) {
    font-size: 16px;
    line-height: 1.75rem;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.cmw-plan-card-current .cwm-current-plan-detail {
    font-size: 14px;
    line-height: 1.75rem;
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 1.25rem 3rem 1.25rem;
    align-items: center;
}

.cwm-current-plan-detail > p:nth-child(1n) {
    width: 60%;
}

.cwm-current-plan-detail > p:nth-child(2n) {
    width: 40%;
    text-align: right;
}

.cmw-plan-card-recharge-mobile {
    width: 100%;
    height: 100%;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
}

.cmw-plan-card-recharge-mobile section:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    flex-grow: 3;
}

.cmw-plan-card-recharge-mobile section:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

.cmw-plan-card-recharge-mobile section:nth-child(1) img.recharge-mobile {
    min-width: 50%;
    max-width: 100%;
}

/*
    Service cards
*/

.cmw-plan-service-card-by-period {
    flex: 1;
    width: 100%;
    font-family: 'AMX';
}

.cmw-plan-service-card-by-period > section ul {
    list-style-position: outside;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
}

.cmw-plan-service-card-by-period > section ul li {
    font-size: 14px;
    line-height: 16px;
    text-indent: -10px;
    display: inline-block;
    margin: 0.5rem 1rem 0.5rem 1rem;
}

.cmw-plan-service-card-by-period > section ul li::before {
    content: "\2022";
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
}

.cmw-plan-service-card-bullets {
    padding: 20px 10px;
}

.cmw-plan-service-card-button-section {
    margin: 1rem 0 1rem 0;
    padding: 0 20px;
}

.cmw-plan-service-card-button-section .disabled-button {
    opacity: 0.32;
}

.cmw-plan-card-active {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 100%;
    background-color: #82AA2B;
    font-weight: 600;
    text-align: center;
    border-radius: 5px 5px 0 0;
    margin-bottom: 20px;
    font-size: 13px;
}

.cmw-plan-card-active.expiration-date {
    background-color: #ED673A;
}

.cmw-plan-card-cancel-scheduled {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 100%;
    background-color: #82AA2B;
    font-weight: 600;
    text-align: center;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
}

.cmw-section-main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cmw-section-main-header li {
    list-style-type: none;
    padding-left: 0px;
}

.cmw-sesion-plan-type-filter {
    padding: 15px 45px;
    border-radius: 20px;
    width: 160px;
    background-color: #3B3B3B;
    color: #FFFFFF;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}

.cmw-sesion-plan-type-filter-item {
    padding: 30px 25px 15px;
    border-radius: 20px;
    background-color: #3B3B3B;
    color: #FFFFFF;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    margin-top: -15px;
    display: none;
}

.cmw-sesion-plan-type-filter-item li {
    margin-top: 10px;
}

.sub-header-section {
    margin-left: 15px;
}

.cmw-plan-service-plan-info {
    padding: 25px 25px;
    font-size: 14px;
}

.plan-info-item {
    padding: 3px 0;
}

.price-label {
    display: inline-block;
}

/*
    For desktop
*/
@media screen and (min-width: 800px) {
    .cmw-section-card-container > section {
        margin-top: 2rem;
        margin-bottom: 5rem;
    }
}

.cmw-emphasis-container {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
}

.cmw-emphasis-container > p {
    z-index: 1;
    width: 100%;
}

.cmw-emphasis {
    width: 0;
    height: 0;
    position: absolute;
}

.cmw-emphasis-opposite {
    border-right: 60px solid transparent;
    border-bottom: 62px solid #191919;
}

.cmw-emphasis-active {
    border-bottom: 61px solid #191919;
    border-top-right-radius: 5px;
    border-left: 1px solid #191919;
}

.cmw-emphasis-green {
    border-right: 60px solid #0F8935;
}

.cmw-emphasis-blue {
    border-right: 60px solid #213B8A;
}

.cmw-emphasis-red {
    border-right: 60px solid #DE1717;
}

.cmw-emphasis-text {
    transform: rotate(45deg);
    position: absolute;
    top: 16px;
    text-align: center;
    left: 10px;
    font-weight: bold;
}

.cmw-emphasis-text-new {
    font-size: 0.9rem;
}

.cmw-emphasis-text-promo {
    font-size: 0.6rem;
}

/*
    Custom styles for tool swiper/react
*/

.swiper-wrapper > div {
    margin-bottom: 3rem;
}

.swiper-slide {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.swiper-slide.swiper-slide-prev,
.swiper-slide.swiper-slide-next,
.swiper-slide.swiper-slide-active {
    height: auto;
}

.swiper-pagination-bullet {
    background: #6F6F6F;
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active {
    background: #DE1717;
}

@media screen and (min-width: 1368px) {
    .swiper-slide {
        height: auto;
    }
}

.cmw-button {
    text-align: center;
    border-radius: 24px;
    padding: 14px 16px 14px 16px;
    min-width: 175px;
    max-width: 250px;
    letter-spacing: 0.02rem;
    text-decoration: none;
    outline: none;
    border: none;
}

.cmw-button-primary {
    background-color: #DA291c;
    color: #FFFFFF;
}

.cmw-button-secondary {
    border-radius: 25px;
    border: 1px solid #2d3139;
    color: #FFFFFF;
}

.cmw-button-disabled {
    background-color: #535353;
    cursor: not-allowed !important;
}

.cmw-button-primary-disabled {
    background-color: #5E2323;
    color: #666666;
    cursor: not-allowed !important;
}

.cmw-button-secondary-disabled {
    cursor: not-allowed !important;
}

.cmw-button-primary:hover {
    background: #DE1717;
}

.cmw-button-secondary:hover {
    border-radius: 25px;
    border: 1px solid #2d3139;
    color: #FFFFFF;
}

.cmw-button-disabled:hover {
    background-color: #4a4a4a
}

.cmw-button-primary-disabled:hover {
    background: #5E2323;
}


.cmw-section.cmw-section-subscription {
    height: calc(100% - 50px);
}

.cmw-section-subscription-card {
    width: 380px;
    margin: auto auto;
    font-size: 1.1rem;
    line-height: 1.1rem;
    padding: 1rem;
    margin-top: 2rem;
}

.cmw-section-subscription-card .header-section h1{
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.cmw-section-subscription-card .card-detail-plan {
    padding: 1rem;
    border: 1px solid #191919;
    box-shadow: 3px 3px #191919;
    border-radius: 5px;
    text-align: left;
}
.cmw-section-subscription-card .card-detail-plan h4 {
    text-align: center;
    font-size: 1.2rem;
    margin: 1rem 0;
}
.cmw-section-subscription-card .card-detail-plan img {
    vertical-align: baseline;
    width: 40%;
}

.cmw-section-subscription-card .card-detail-plan p {
    padding: 0.1rem;
}

.cmw-section-subscription-card .card-detail-subscriptions h3 {
    margin-bottom: 2rem;
    text-align: left;
}
.cmw-section-subscription-card .card-detail-subscriptions table {
    width: 100%;
    text-align: left;
}
.cmw-section-subscription-card .card-detail-subscriptions table td {
    padding: 0.6rem 0;
}
.cmw-section-subscription-card .card-detail-subscriptions table td:nth-child(2) {
    width: 40%;
    text-align: right;
}

.cmw-section-subscription-card .card-detail-success {
    padding-left: 15px;
}

.cmw-section-subscription-card .card-detail-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    justify-items: center;
}

.cmw-section-subscription-card .card-detail-buttons-cancel {
    display: flex;
    align-items: center;
    padding: 1rem;
    justify-content: center;
}

.cmw-section-subscription-card .card-detail-buttons-cancel :nth-child(1) {
    margin-right: 10px;
}

.cmw-section-subscription-card .card-detail-buttons button{
    margin: 0.5rem 0;
}

.cmw-section-subscription-card .card-detail-title {
    margin: 0 55px;
    line-height: 28px;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.cmw-section-subscription-card .card-detail-title-confirmation {
    margin: 0 55px;
    line-height: 35px;
    font-size: 1.9rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.cmw-section-subscription-card .cmw-section-title-success :nth-child(1){
    font-size: 1.8rem;
    margin: 0 58px;
    line-height: 35px;
}

.cmw-section-subscription-card .card-detail-info {
    margin: 0 35.9px;
    line-height: 20px;
    color: #aaaaaa;
}

.cmw-section-subscription-card .card-detail-info p {
    margin: 10px 0;
}

.cmw-section-subscription-card .card-cancel-unlimited {
    color: #ffff;
    font-weight: bold;
}

.cmw-section-subscription-card .card-detail-info > div :nth-child(1) {
    color: #ffff;
}

.cmws_btn_undo_ancel {
    font-size: 0.7rem;
}

.cmws_btn_undo_cancel_countries {
    font-size: 0.7rem;
}

@media screen and (max-width: 575px) {
    .cmw-section-subscription-card {
        width: 100%;
        padding: 0;
        padding-top: 50px;
    }
    .cmw-section-subscription-card .header-section {
        display: none;
    }
}

@media screen and (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.cmw-section-service-subscription-card {
    width: 100%;
    font-size: 1.1rem;
    line-height: 1.1rem;
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.cmw-section-service-subscription-card .header-section h1{
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.cmw-section-service-subscription-card .card-detail-plan {
    padding: 1rem;
    border: 1px solid #191919;
    box-shadow: 3px 3px #191919;
    border-radius: 5px;
    text-align: left;
}
.cmw-section-service-subscription-card .card-detail-plan h4 {
    text-align: center;
    font-size: 1.2rem;
    margin: 1rem 0;
}
.cmw-section-service-subscription-card .card-detail-plan img {
    vertical-align: baseline;
    width: 40%;
}

.cmw-section-service-subscription-card .card-detail-plan p {
    padding: 0.1rem;
}

.cmw-section-service-subscription-card .card-detail-subscriptions h3 {
    margin-bottom: 2rem;
    text-align: left;
}
.cmw-section-service-subscription-card .card-detail-subscriptions table {
    width: 100%;
    text-align: left;
}
.cmw-section-service-subscription-card .card-detail-subscriptions table td {
    padding: 0.6rem 0;
}
.cmw-section-service-subscription-card .card-detail-subscriptions table td:nth-child(2) {
    width: 40%;
    text-align: right;
}

.cmw-section-service-subscription-card .card-detail-success {
    padding-left: 15px;
}

.cmw-section-service-subscription-card .card-detail-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    justify-items: center;
}

.cmw-section-service-subscription-card .card-detail-buttons-cancel {
    display: flex;
    align-items: center;
    padding: 1rem;
    justify-content: center;
}

.cmw-section-service-subscription-card .card-detail-buttons-cancel :nth-child(1) {
    margin-right: 10px;
}

.cmw-section-service-subscription-card .card-detail-buttons button{
    margin: 0.5rem 0;
}

.cmw-section-service-subscription-card .card-detail-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #EEEEEE;
    margin-bottom: 15px;
}

.cmw-section-service-subscription-card .card-detail-title-confirmation {
    margin: 0 55px;
    line-height: 35px;
    font-size: 1.9rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.cmw-section-service-subscription-card .cmw-section-title-success :nth-child(1){
    font-size: 1.8rem;
    margin: 0 58px;
    line-height: 35px;
}

.cmw-section-service-subscription-card .card-detail-info {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #EEEEEE;
}

.cmw-section-service-subscription-card .card-cancel-unlimited {
    color: #ffff;
    font-weight: bold;
}

.cmw-section-service-subscription-card .card-detail-buttons-cancel-service {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 25px;
}

.cmw-section-service-subscription-card .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
Agregar Método de pago (input)
========================================================================== */
.cmw-section.cmw-section-method-input > .header-section,
.cmw-section.cmw-section-method-input > .subHeader-section {
    text-align: center;
}

section.cmw-section.cmw-section-method-input {
    width: 380px;
    margin: 120px auto 0 auto;
    font-size: 1.1rem;
    line-height: 1.1rem;
    padding: 1rem;
    margin-top: 2rem;
}

section.cmw-section.cmw-section-method-input header.header-section h3 {
    font-size: 1.17em;
    line-height: 1.17em;
    margin: 0;
    font-weight: 200;
}

section.cmw-section.cmw-section-method-input table {
    width: 100%;
}
section.cmw-section.cmw-section-method-input table td {
    padding: 0.6rem 0;
}
section.cmw-section.cmw-section-method-input table td:nth-child(1) {
    text-align: left;
}
section.cmw-section.cmw-section-method-input table td:nth-child(2) {
    width: 40%;
    text-align: right;
}

.cmw-section.promo-code-payment header.header-section:nth-child(2) {
    margin-top: 2em;
}

.cmw-section.promo-code-payment header.header-section h2 {
    font-size: 1.3rem;
    line-height: 1.3rem;
}

.cmw-section.promo-code-payment header.header-section h2:first-child {
    color: #DE1717;
}

.container-payment-input {
    overflow: hidden;
    width: 288px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cmw-section-payment-input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
}

.container-payment-input-padding {
    padding: 0 0 0 65px;
}

.container-payment-input > input:focus {
    color: #FFF;
    border: 1px solid #4C6F94;
}

.container-payment-input > input::-webkit-input-placeholder {
    color: #999;
}

.container-payment-input > input:-moz-placeholder {
    color: #999;
}

.container-payment-input > input::-moz-placeholder {
    color: #999;
}

.container-payment-input > input:-ms-input-placeholder {
    color: #999;
}

.container-payment-input .container-payway-method-logo {
    position: absolute;
    width: 50px;
    margin-left: -220px;
}

.payway-method-logo {
    width: 50px;
    height: auto;
}

.container-payment-input .container-payway-method-logo-empty {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.container-payway-method-logo-empty {
    font-size: 0.9rem;
    line-height: 0.9rem;
}

.container-payway-method-logo {
    overflow: hidden;
    width: 288px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #212324;
}

.input-telmex-method {
    cursor: pointer!important;
    background: #3a3b3d4f !important;
}

.input-telmex-method-registered {
    padding: 1.1rem;
}

.container-buttons-payment > div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.container-buttons-payment :nth-child(1) {
    margin-right: 15px;
    margin-top: 0;
}

.container-tdc-number {
    position: relative;
}

.container-tdc-number > img {
    height: 24px;
    width: auto;
    position: absolute;
    right: 0.5rem;
    bottom: 8px;
}

.container-buttons-familiar-plan {
    justify-content: center;
    display: flex;
}

.cmw-plan-familiar-info p {
    color: #DA291c;
    line-height: 12px;
    font-size: 12px;
    text-align: left;
    padding: 10px 20px 20px 30px;
}

.cmw-plan-familiar-sub-info p {
    color: #FFF;
    line-height: 12px;
    font-size: 11px;
    text-align: left;
    padding: 20px 30px 20px 30px;
}

.address-numbers-familiar-plan {
    display: flex;
    margin: 8px 0 0 0;
    width: 100%;
}

.address-numbers-familiar-plan > input {
    width: 50%;
}

.address-numbers-familiar-plan > input:first-child {
    margin-right: 5px;
}

.address-numbers-familiar-plan > input:last-child {
    margin-left: 5px;
}

/* ==========================================================================
Selector método de pago
========================================================================== */
.cmw-section.cmw-section-selector-method > .header-section {
    text-align: center;
}

section.cmw-section.cmw-section-selector-method {
    margin: 120px 0;
}

.container-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.container-selector-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: black;
    margin: 1px;
    width: 100%;
    max-width: 350px;
    height: 50px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #7f7f7f48;
    border-radius: 8px;
}

.selector-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: auto;
}

.selector-logo {
    width: 65%;
    height: auto;
}

.selector-text-items {
    font-size: 1rem;
    text-align: left;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.selector-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
}

.item-payment {
    border-radius: 5px;
    height: 70px;
}

.item-payment:hover {
    background: #2E303D;
}

.selector-option {
    font-size: 1rem;
    text-align: left;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 18px;
}

.selector-input {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
}

.selector-input input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 6px;
    background-clip: content-box;
    border: 4px solid #2E303D;
    border-radius: 50%;
    background: #2E303D;
}

.item-payment:hover .selector-input input[type=radio] {
    border: 4px solid #212224;
    background: #212224;
}

.selector-input input[type=radio]:checked,
.item-payment:hover .selector-input input[type=radio]:checked {
    background-color: #981C14;
}

.selector-cvv {
    font-size: 15px;
    text-align: left;
    width: 335px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 70px;
}

/** REACT CREDIT CARDs **/
/** Images **/
.rccs {
    margin: 0 auto;
    perspective: 1000px;
    width: 290px; }
.rccs__card {
    height: 182.873px;
    margin: 0 auto;
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.4s linear;
    width: 290px; }
.rccs__card--front, .rccs__card--back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 14.5px;
    color: #fff;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-style: preserve-3d;
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.rccs__card--front {
    z-index: 20; }
.rccs__card--back {
    transform: rotateY(180deg); }
.rccs__card--back .rccs__issuer {
    background-position: bottom center;
    bottom: 5%;
    left: 50%;
    opacity: 0.6;
    right: auto;
    top: auto;
    transform: translateX(-50%); }
.rccs__card__background {
    height: 100%;
    left: -170%;
    top: 0;
    /* transform: rotate(25deg); */
    transition: all 0.5s ease-out;
    width: 115%;
}
.rccs__card--flipped {
    transform: rotateY(180deg); }
.rccs__card--flipped .rccs__card--front {
    z-index: 10; }
.rccs__card--flipped .rccs__card--back {
    z-index: 20; }
.rccs__card--unknown > div {
    background-image: url(/dist/imagenes/card_gray.svg);
    box-shadow: none;
    background-repeat: no-repeat;
    background-size: cover;
}
.rccs__card--unknown .rccs__issuer {
    visibility: hidden; }
.rccs__card:not(.rccs__card--unknown) .rccs__card__background {
    left: -22%; }
.rccs__card--amex .rccs__card__background {
    background: linear-gradient(25deg, #308c67, #a3f2cf); }
.rccs__card--amex .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBjeD0iMTcuNTQxJSIgY3k9IjE3LjQ2NiUiIGZ4PSIxNy41NDElIiBmeT0iMTcuNDY2JSIgcj0iOTEuMjM3JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2NUJDRjEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjNBREUzIiBvZmZzZXQ9IjQ1LjQ2JSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwREE2RTAiIG9mZnNldD0iNTAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1NTFDMyIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGg1MTJ2NTEyaC01MTJ6Ii8+PHBhdGggZD0iTTQ1Ljc5MSAyMjAuOTM1bC05Ljc3My0yMy44MTMtOS43MTcgMjMuODEzaDE5LjQ4OXptMjE1LjI4OS05LjQ4M2MtMS45NjIgMS4xOTEtNC4yODMgMS4yMzEtNy4wNjMgMS4yMzFoLTE3LjM0NXYtMTMuMjY4aDE3LjU4MWMyLjQ4OCAwIDUuMDg0LjExMiA2Ljc3MSAxLjA3NyAxLjg1Mi44NyAyLjk5OCAyLjcyMiAyLjk5OCA1LjI4MSAwIDIuNjExLTEuMDkgNC43MTItMi45NDIgNS42Nzl6bTEyMy43MzkgOS40ODNsLTkuODgxLTIzLjgxMy05LjgyNyAyMy44MTNoMTkuNzA3em0tMjMwLjY1OCAyNS43NzZoLTE0LjYzN2wtLjA1NC00Ni43ODQtMjAuNzA0IDQ2Ljc4NGgtMTIuNTM2bC0yMC43NTgtNDYuODI1djQ2LjgyNWgtMjkuMDRsLTUuNDg2LTEzLjMyNGgtMjkuNzI5bC01LjU0MiAxMy4zMjRoLTE1LjUwN2wyNS41NjgtNTkuNzM1aDIxLjIxNGwyNC4yODQgNTYuNTU2di01Ni41NTZoMjMuMzA0bDE4LjY4NiA0MC41MjMgMTcuMTY1LTQwLjUyM2gyMy43NzJ2NTkuNzM1aC4wMDJ6bTU4LjMzOCAwaC00Ny42OTd2LTU5LjczNWg0Ny42OTd2MTIuNDM5aC0zMy40MTl2MTAuNzY3aDMyLjYxN3YxMi4yNDVoLTMyLjYxN3YxMS45MjloMzMuNDE5djEyLjM1NHptNjcuMjUxLTQzLjY0N2MwIDkuNTI0LTYuMzU3IDE0LjQ0NC0xMC4wNjEgMTUuOTIyIDMuMTI0IDEuMTg5IDUuNzkzIDMuMjkgNy4wNjMgNS4wMyAyLjAxNiAyLjk3MSAyLjM2NCA1LjYyNSAyLjM2NCAxMC45NnYxMS43MzVoLTE0LjQwMWwtLjA1NC03LjUzM2MwLTMuNTk0LjM0NC04Ljc2NC0yLjI1NC0xMS42MzctMi4wODYtMi4xMDEtNS4yNjYtMi41NTctMTAuNDA3LTIuNTU3aC0xNS4zMjd2MjEuNzI3aC0xNC4yNzd2LTU5LjczNWgzMi44NGM3LjI5NyAwIDEyLjY3My4xOTMgMTcuMjg5IDIuODYxIDQuNTE3IDIuNjY4IDcuMjI1IDYuNTY0IDcuMjI1IDEzLjIyN3ptMjIuODUgNDMuNjQ3aC0xNC41Njl2LTU5LjczNWgxNC41Njl2NTkuNzM1em0xNjkuMDE3IDBoLTIwLjIzM2wtMjcuMDY0LTQ0LjgzNHY0NC44MzRoLTI5LjA3OGwtNS41NTctMTMuMzI0aC0yOS42NmwtNS4zOTEgMTMuMzI0aC0xNi43MDdjLTYuOTQgMC0xNS43MjctMS41MzUtMjAuNzA0LTYuNjA3LTUuMDE4LTUuMDcyLTcuNjI5LTExLjk0Mi03LjYyOS0yMi44MDUgMC04Ljg1OSAxLjU2LTE2Ljk1OCA3LjY5Ny0yMy4zNTggNC42MTYtNC43NjcgMTEuODQ1LTYuOTY1IDIxLjY4NC02Ljk2NWgxMy44MjN2MTIuNzk5aC0xMy41MzNjLTUuMjExIDAtOC4xNTMuNzc1LTEwLjk4NyAzLjUzOS0yLjQzNCAyLjUxNS00LjEwNCA3LjI3LTQuMTA0IDEzLjUzMSAwIDYuNCAxLjI3MiAxMS4wMTQgMy45MjYgMTQuMDI4IDIuMTk4IDIuMzY0IDYuMTkzIDMuMDgxIDkuOTUxIDMuMDgxaDYuNDEybDIwLjEyNC00Ni45NzdoMjEuMzk0bDI0LjE3NCA1Ni41di01Ni41aDIxLjc0bDI1LjA5OCA0MS42MDJ2LTQxLjYwMmgxNC42MjV2NTkuNzMzem0tNDcxLjYxNiAxMS43MzNoMjQuMzk1bDUuNTAxLTEzLjI2OGgxMi4zMTVsNS40ODYgMTMuMjY4aDQ4di0xMC4xNDRsNC4yODUgMTAuMTg3aDI0LjkxOGw0LjI4NS0xMC4zMzh2MTAuMjk1aDExOS4yODlsLS4wNTYtMjEuNzc5aDIuMzA4YzEuNjE2LjA1NiAyLjA4OC4yMDUgMi4wODggMi44NzR2MTguOTA2aDYxLjY5N3YtNS4wN2M0Ljk3NiAyLjY2NyAxMi43MTcgNS4wNyAyMi45MDIgNS4wN2gyNS45NTZsNS41NTUtMTMuMjY4aDEyLjMxNWw1LjQzMiAxMy4yNjhoNTAuMDE4di0xMi42MDNsNy41NzQgMTIuNjAzaDQwLjA4MXYtODMuMzEyaC0zOS42Njd2OS44MzlsLTUuNTU1LTkuODM5aC00MC43MDN2OS44MzlsLTUuMTAxLTkuODM5aC01NC45OGMtOS4yMDMgMC0xNy4yOTMgMS4yODUtMjMuODI4IDQuODY1di00Ljg2NWgtMzcuOTQxdjQuODY1Yy00LjE1OC0zLjY5LTkuODI1LTQuODY1LTE2LjEyNS00Ljg2NWgtMTM4LjYxM2wtOS4zMDEgMjEuNTE4LTkuNTUxLTIxLjUxOGgtNDMuNjZ2OS44MzlsLTQuNzk2LTkuODM5aC0zNy4yMzVsLTE3LjI5MSAzOS42MTF2NDMuNzAxaC4wMDJ6TTUxMiAzMDIuMDE0aC0yNi4wMzljLTIuNiAwLTQuMzI3LjA5Ny01Ljc4MiAxLjA4LTEuNTA3Ljk2OC0yLjA4OCAyLjQwNS0yLjA4OCA0LjMwMiAwIDIuMjU1IDEuMjczIDMuNzkgMy4xMjQgNC40NTMgMS41MDcuNTI1IDMuMTI2LjY3OCA1LjUwNi42NzhsNy43NDMuMjA3YzcuODE0LjE5MyAxMy4wMjkgMS41MzYgMTYuMjA5IDQuODEyLjU3OS40NTYuOTI3Ljk2OCAxLjMyNSAxLjQ4di0xNy4wMTJ6bTAgMzkuNDE2Yy0zLjQ3IDUuMDc1LTEwLjIzMyA3LjY0OC0xOS4zODggNy42NDhoLTI3LjU5MXYtMTIuODJoMjcuNDc5YzIuNzI2IDAgNC42MzMtLjM1OSA1Ljc4Mi0xLjQ4Ljk5NS0uOTI1IDEuNjg5LTIuMjY4IDEuNjg5LTMuOSAwLTEuNzQyLS42OTQtMy4xMjQtMS43NDUtMy45NTQtMS4wMzctLjkxMi0yLjU0Ni0xLjMyNy01LjAzNC0xLjMyNy0xMy40MTUtLjQ1Ni0zMC4xNTEuNDE1LTMwLjE1MS0xOC41MDQgMC04LjY3MiA1LjUwNi0xNy44IDIwLjQ5OC0xNy44aDI4LjQ1OHYtMTEuODk1aC0yNi40NDFjLTcuOTc5IDAtMTMuNzc2IDEuOTExLTE3Ljg4MSA0Ljg4MnYtNC44ODJoLTM5LjEwOWMtNi4yNTQgMC0xMy41OTUgMS41NS0xNy4wNjggNC44ODJ2LTQuODgyaC02OS44Mzl2NC44ODJjLTUuNTU4LTQuMDEtMTQuOTM3LTQuODgyLTE5LjI2NS00Ljg4MmgtNDYuMDY2djQuODgyYy00LjM5Ny00LjI1OC0xNC4xNzYtNC44ODItMjAuMTM2LTQuODgyaC01MS41NTZsLTExLjc5OCAxMi43NjgtMTEuMDUtMTIuNzY4aC03Ny4wMTR2ODMuNDIxaDc1LjU2NWwxMi4xNTctMTIuOTcgMTEuNDUyIDEyLjk3IDQ2LjU3OC4wNDF2LTE5LjYyNGg0LjU3OWM2LjE4LjA5NiAxMy40NjktLjE1MyAxOS45LTIuOTMzdjIyLjUxNGgzOC40MTl2LTIxLjc0MmgxLjg1M2MyLjM2NSAwIDIuNTk4LjA5NyAyLjU5OCAyLjQ2MXYxOS4yOGgxMTYuNzA5YzcuNDEgMCAxNS4xNTUtMS44OTcgMTkuNDQ0LTUuMzM4djUuMzM4aDM3LjAyYzcuNzA0IDAgMTUuMjI3LTEuMDggMjAuOTUxLTMuODQ1di0xNS41NDF6bS01Ni45OS0yMy44ODRjMi43ODIgMi44NzkgNC4yNzMgNi41MTQgNC4yNzMgMTIuNjY3IDAgMTIuODYyLTguMDM1IDE4Ljg2NS0yMi40NDQgMTguODY1aC0yNy44Mjd2LTEyLjgyaDI3LjcxNWMyLjcxIDAgNC42MzItLjM1OSA1LjgzNi0xLjQ4Ljk4My0uOTI1IDEuNjg3LTIuMjY4IDEuNjg3LTMuOSAwLTEuNzQyLS43NjMtMy4xMjQtMS43NDMtMy45NTQtMS4wOTMtLjkxMi0yLjYtMS4zMjctNS4wODgtMS4zMjctMTMuMzYxLS40NTYtMzAuMDkzLjQxNS0zMC4wOTMtMTguNTA0IDAtOC42NzIgNS40NDgtMTcuOCAyMC40MjYtMTcuOGgyOC42NDJ2MTIuNzI1aC0yNi4yMDhjLTIuNTk4IDAtNC4yODcuMDk3LTUuNzI0IDEuMDgtMS41NjUuOTY4LTIuMTQ1IDIuNDA1LTIuMTQ1IDQuMzAyIDAgMi4yNTUgMS4zMjkgMy43OSAzLjEyNiA0LjQ1MyAxLjUwNy41MjUgMy4xMjYuNjc4IDUuNTYuNjc4bDcuNjkxLjIwN2M3Ljc1Ni4xODkgMTMuMDggMS41MzEgMTYuMzE2IDQuODA4em0tMTI4LjkxOC0zLjY5MmMtMS45MTEgMS4xMzQtNC4yNzUgMS4yMzEtNy4wNTUgMS4yMzFoLTE3LjM1NnYtMTMuNDI4aDE3LjU5MmMyLjU0NCAwIDUuMDg5LjA1NCA2LjgxOCAxLjA4IDEuODUyLjk2OCAyLjk1OCAyLjgyIDIuOTU4IDUuMzc4IDAgMi41NTgtMS4xMDcgNC42MTktMi45NTggNS43Mzh6bTguNjI4IDcuNDRjMy4xOCAxLjE3NCA1Ljc4IDMuMjc4IDYuOTk5IDUuMDE5IDIuMDE3IDIuOTE5IDIuMzA5IDUuNjQzIDIuMzY3IDEwLjkxM3YxMS44NTJoLTE0LjM0M3YtNy40OGMwLTMuNTk3LjM0Ni04LjkyMi0yLjMwOS0xMS43MDItMi4wODgtMi4xNDItNS4yNy0yLjY1NC0xMC40ODItMi42NTRoLTE1LjI2OHYyMS44MzZoLTE0LjM1NnYtNTkuNzg2aDMyLjk4NWM3LjIzMyAwIDEyLjUwMS4zMTkgMTcuMTkgMi44MjEgNC41MDkgMi43MjQgNy4zNDUgNi40NTYgNy4zNDUgMTMuMjc2LS4wMDIgOS41NDItNi4zNjYgMTQuNDEyLTEwLjEyNyAxNS45MDV6bTE4LjA0OC0zMi4wMDJoNDcuNjg0djEyLjM2NGgtMzMuNDU1djEwLjg2OWgzMi42Mzl2MTIuMTk4aC0zMi42Mzl2MTEuODk1bDMzLjQ1NS4wNTR2MTIuNDA1aC00Ny42ODR2LTU5Ljc4NnptLTk2LjM5MyAyNy41OTFoLTE4LjQ2M3YtMTUuMjI1aDE4LjYyOWM1LjE1OCAwIDguNzM4IDIuMTAyIDguNzM4IDcuMzMgMCA1LjE3MS0zLjQxNSA3Ljg5NS04LjkwNCA3Ljg5NXptLTMyLjY5MyAyNi43NThsLTIxLjkzNS0yNC4zNTMgMjEuOTM1LTIzLjU3OXY0Ny45MzJ6bS01Ni42NDctNy4wMjJoLTM1LjEyN3YtMTEuODk1aDMxLjM2NnYtMTIuMTk4aC0zMS4zNjZ2LTEwLjg2OWgzNS44MTlsMTUuNjI3IDE3LjQyMy0xNi4zMTkgMTcuNTR6bTExMy41ODMtMjcuNjNjMCAxNi42MDgtMTIuMzkxIDIwLjAzNy0yNC44NzkgMjAuMDM3aC0xNy44Mjd2MjAuMDUzaC0yNy43NjlsLTE3LjU5Mi0xOS43OTItMTguMjgzIDE5Ljc5MmgtNTYuNTkxdi01OS43ODZoNTcuNDYybDE3LjU3OCAxOS41OTcgMTguMTczLTE5LjU5N2g0NS42NTJjMTEuMzM4IDAgMjQuMDc3IDMuMTM5IDI0LjA3NyAxOS42OTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); }
.rccs__card--amex .rccs__cvc__front {
    opacity: 0.5;
    visibility: visible; }
.rccs__card--dankort .rccs__card__background {
    background: linear-gradient(25deg, #ccc, #999); }
.rccs__card--dankort .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMwOCIgdmlld0JveD0iMCAwIDUxMiAzMDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iI0Y1MDkxQSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5RTBDMTciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0zNTguNDA3IDBoLTIwNC43OTVjLTg0Ljg0MiAwLTE1My42MTIgNjguNzcxLTE1My42MTIgMTUzLjU5MyAwIDg0Ljg1MSA2OC43NyAxNTMuNjA2IDE1My42MTIgMTUzLjYwNmgyMDQuNzk1Yzg0LjgyMiAwIDE1My41OTMtNjguNzU1IDE1My41OTMtMTUzLjYwNiAwLTg0LjgyMS02OC43Ny0xNTMuNTkzLTE1My41OTMtMTUzLjU5MyIgZmlsbD0iI0ZFRkVGRSIvPjxwYXRoIGQ9Ik0zOTUuNTkxIDE0NC40ODZsNjguMzI4IDgxLjI2MWMxNC4xNTEtMjAuNDUxIDIyLjQ2Mi00NS4yNDIgMjIuNDYyLTcxLjk0NSAwLTI4LjE4My05LjI1OS01NC4yNDgtMjQuODg0LTc1LjMxNWwtNjUuOTA2IDY1Ljk5OXptLTI0MS4zOTctMTE3LjM4NmMtMzguNTQ3IDAtNzMuMTIxIDE3LjI5My05Ni4zODMgNDQuNTI4aDE0NC4xNTljNTEuMDI3IDAgODkuNDc0IDEyLjk4MyA5My40MzEgNTUuOTc0bDUzLjcwMi01NS45ODFoMTA2LjkzMWMtMjMuMjYzLTI3LjIyNy01Ny44MzEtNDQuNTItOTYuMzYxLTQ0LjUyaC0yMDUuNDc5em0yOS4yMzYgMjA1LjQ3OWgtMTI4LjQyOWMyMy4yMzMgMjkuMTkzIDU5LjA2MiA0Ny45NDYgOTkuMTk0IDQ3Ljk0NmgyMDUuNDc5YzQwLjExNyAwIDc1LjkzNy0xOC43NDUgOTkuMTcxLTQ3LjkzOWgtMTA5LjI5NWwtNTYuNzk2LTcxLjc3NmMtMTAuNTA2IDQ4LjkzOS00NC44ODEgNzEuNzY5LTEwOS4zMjMgNzEuNzY5ek0xMTguNDQgMTI1Ljk5N2wtMTguMjIyIDUwLjFoNzMuNTE3YzIxLjczMyAwIDI4LjMxLTguOTk4IDMzLjE3My0yNi4zMTkgNC44MTUtMTcuMTMxLTcuMjc3LTIzLjc4LTIyLjEyOS0yMy43OGgtNjYuMzM5eiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg=="); }
.rccs__card--dinersclub > div {
    color: #555; }
.rccs__card--dinersclub .rccs__card__background {
    background: linear-gradient(25deg, #fff, #eee); }
.rccs__card--dinersclub .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDUxMiAxMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05OS4yODUgMTMzLjg2YzM2LjQ0Ni4xNzcgNjkuNzE1LTI5LjY1OSA2OS43MTUtNjUuOTU1IDAtMzkuNjg5LTMzLjI2OS02Ny4xMjItNjkuNzE1LTY3LjExMWgtMzEuMzY1Yy0zNi44ODItLjAxMS02Ny4yNDEgMjcuNDI5LTY3LjI0MSA2Ny4xMTEgMCAzNi4zMDUgMzAuMzU4IDY2LjEzMyA2Ny4yNDEgNjUuOTU1aDMxLjM2NSIgZmlsbD0iIzAwNjA5NSIvPjxwYXRoIGQ9Ik04MS45MDkgMTAzLjI0N3YtNzIuMDcyYzE0LjUxNyA1LjU1NyAyNC44MjMgMTkuNTgzIDI0Ljg0NyAzNi4wMzMtLjAyNCAxNi40NTQtMTAuMzMgMzAuNDcxLTI0Ljg0NyAzNi4wMzhtLTUyLjUyMi0zNi4wMzhjLjAzMy0xNi40NDEgMTAuMzIyLTMwLjQ1OCAyNC44MzEtMzYuMDMydjcyLjA1NWMtMTQuNTA5LTUuNTY5LTI0Ljc5OC0xOS41NzgtMjQuODMxLTM2LjAyNG0zOC42NzktNjAuOTE1Yy0zMy43MDIuMDExLTYxLjAxMSAyNy4yNzMtNjEuMDIgNjAuOTE1LjAwOCAzMy42MzkgMjcuMzE4IDYwLjg5NSA2MS4wMiA2MC45MDUgMzMuNzEzLS4wMSA2MS4wMjgtMjcuMjY2IDYxLjAzMy02MC45MDUtLjAwNS0zMy42NDItMjcuMzE5LTYwLjkwNC02MS4wMzMtNjAuOTE1IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE5MC4zNzMgMjkuNDIxYzAtNi4yOTQtMy4yOTEtNS44ODEtNi40NDQtNS45NDd2LTEuODE5YzIuNzMzLjEzMyA1LjUzNi4xMzMgOC4yNzUuMTMzIDIuOTQzIDAgNi45NDEtLjEzMyAxMi4xMzMtLjEzMyAxOC4xNTcgMCAyOC4wNDIgMTIuMTAzIDI4LjA0MiAyNC40OTYgMCA2LjkyOS00LjA2MyAyNC4zNTMtMjguODg4IDI0LjM1My0zLjU3MyAwLTYuODc0LS4xMzgtMTAuMTY3LS4xMzgtMy4xNTMgMC02LjI0Mi4wNjctOS4zOTUuMTM4di0xLjgyYzQuMjAzLS40MjEgNi4yNDItLjU2MSA2LjQ0NC01LjMydi0zMy45NDN6bTYuODczIDMyLjgyNWMwIDUuMzg4IDMuODYxIDYuMDE3IDcuMjk0IDYuMDE3IDE1LjE0OSAwIDIwLjEyNC0xMS40MDcgMjAuMTI0LTIxLjgzNiAwLTEzLjA4My04LjQxNS0yMi41My0yMS45NDctMjIuNTMtMi44NzkgMC00LjIwMy4yMDUtNS40NzIuMjh2MzguMDY4em0zNy41OTIgNi40NGgxLjMzMWMxLjk2MSAwIDMuMzY1IDAgMy4zNjUtMi4zMTV2LTE4Ljk2MmMwLTMuMDc3LTEuMDUtMy41MDQtMy42NDgtNC44OTZ2LTEuMTIyYzMuMjk2LS45ODUgNy4yMjYtMi4zMDggNy41MDMtMi41MTguNDkzLS4yOC45MTItLjM1NCAxLjI2NC0uMzU0LjM0NyAwIC40OTIuNDIxLjQ5Mi45ODV2MjYuODY2YzAgMi4zMTUgMS41NDIgMi4zMTUgMy41MDggMi4zMTVoMS4xODl2MS44MmMtMi4zODYgMC00Ljg0Mi0uMTQtNy4zNi0uMTQtMi41MjYgMC01LjA1Mi4wNjgtNy42NDMuMTR2LTEuODJ6bTcuNTAzLTQwLjk0Yy0xLjgyNyAwLTMuNDM2LTEuNjc5LTMuNDM2LTMuNDk5IDAtMS43NTIgMS42ODYtMy4zNjYgMy40MzYtMy4zNjYgMS44MTcgMCAzLjQzNSAxLjQ3NiAzLjQzNSAzLjM2NiAwIDEuODkyLTEuNTQ2IDMuNDk5LTMuNDM1IDMuNDk5em0xNC4xNjIgMjAuMDgyYzAtMi41ODgtLjc3NS0zLjI4NS00LjA2My00LjYxNXYtMS4zM2MzLjAxMS0uOTc4IDUuODg0LTEuODkyIDkuMjU0LTMuMzYzLjIwOCAwIC40MTQuMTQzLjQxNC42OTl2NC41NTFjNC4wMDMtMi44NjYgNy40NDEtNS4yNSAxMi4xNDQtNS4yNSA1Ljk1NiAwIDguMDU4IDQuMzQgOC4wNTggOS44djE4LjA1MmMwIDIuMzE1IDEuNTQxIDIuMzE1IDMuNTA2IDIuMzE1aDEuMjYydjEuODJjLTIuNDU5IDAtNC45MTMtLjE0LTcuNDMxLS4xNC0yLjUyOCAwLTUuMDUzLjA2OC03LjU3Ni4xNHYtMS44MmgxLjI2MWMxLjk2NyAwIDMuMzYzIDAgMy4zNjMtMi4zMTV2LTE4LjEyYzAtMy45OTQtMi40NDMtNS45NDktNi40NDYtNS45NDktMi4yNDMgMC01LjgxOSAxLjgxNy04LjE0MSAzLjM1OHYyMC43MTFjMCAyLjMxNSAxLjU1MiAyLjMxNSAzLjUxNiAyLjMxNWgxLjI2MXYxLjgyYy0yLjQ1NCAwLTQuOTEyLS4xNC03LjQzNi0uMTQtMi41MjEgMC01LjA1LjA2OC03LjU3MS4xNHYtMS44MmgxLjI2NWMxLjk2MiAwIDMuMzYxIDAgMy4zNjEtMi4zMTV2LTE4LjU0NHptMzUuOTA3IDMuMzY1Yy0uMTQ1LjYzMS0uMTQ1IDEuNjc3IDAgNC4wNTkuNDEyIDYuNjQ2IDQuNzAyIDEyLjEwMyAxMC4zMDIgMTIuMTAzIDMuODYzIDAgNi44ODItMi4xIDkuNDctNC42ODZsLjk4Ljk4Yy0zLjIyNiA0LjI3LTcuMjI0IDcuOTA4LTEyLjk2OCA3LjkwOC0xMS4xNTQgMC0xMy4zOTUtMTAuNzgtMTMuMzk1LTE1LjI1NiAwLTEzLjcxOCA5LjI1Mi0xNy43NzkgMTQuMTU3LTE3Ljc3OSA1LjY4NSAwIDExLjc5MSAzLjU2OCAxMS44NTMgMTAuOTg2IDAgLjQyNiAwIC44NC0uMDYyIDEuMjY1bC0uNjM3LjQyMWgtMTkuNzAxem0xMi40MTMtMi4yNDFjMS43NTIgMCAxLjk1Ni0uOTEyIDEuOTU2LTEuNzUxIDAtMy41NjgtMi4xNzEtNi40MzctNi4xMDEtNi40MzctNC4yNzUgMC03LjIxOSAzLjE0Mi04LjA2IDguMTg3aDEyLjIwNXptOS42MDQgMTkuNzM2aDEuODk0YzEuOTU2IDAgMy4zNiAwIDMuMzYtMi4zMTV2LTE5LjY2MWMwLTIuMTY4LTIuNTkxLTIuNTkxLTMuNjQ1LTMuMTV2LTEuMDQ3YzUuMTE5LTIuMTcyIDcuOTI1LTMuOTk0IDguNTY1LTMuOTk0LjQxMiAwIC42Mi4yMS42Mi45MTN2Ni4yOTdoLjE1YzEuNzQ2LTIuNzI5IDQuNjk3LTcuMjEgOC45NzItNy4yMSAxLjc1NCAwIDMuOTk1IDEuMTg4IDMuOTk1IDMuNzA5IDAgMS44OS0xLjMyOSAzLjU3NC0zLjI5MSAzLjU3NC0yLjE4MiAwLTIuMTgyLTEuNjg0LTQuNjMzLTEuNjg0LTEuMTk0IDAtNS4xMTkgMS42MTEtNS4xMTkgNS44MTJ2MTYuNDM5YzAgMi4zMTUgMS4zOTkgMi4zMTUgMy4zNjUgMi4zMTVoMy45MjV2MS44MmMtMy44NTgtLjA3Mi02Ljc5My0uMTQtOS44MTItLjE0LTIuODc0IDAtNS44MjEuMDY4LTguMzQ1LjE0di0xLjgyem0yNi45OTUtNy45MTFjLjkxNCA0LjYxOCAzLjcxNiA4LjU0IDguODM4IDguNTQgNC4xMyAwIDUuNjcyLTIuNTE5IDUuNjcyLTQuOTY3IDAtOC4yNi0xNS4yODEtNS42MDMtMTUuMjgxLTE2Ljg2NyAwLTMuOTIyIDMuMTU5LTguOTYxIDEwLjg2OS04Ljk2MSAyLjI0MSAwIDUuMjU1LjYzMiA3Ljk4OCAyLjAzM2wuNDk1IDcuMTMyaC0xLjYxNGMtLjctNC40MDUtMy4xNTMtNi45MjQtNy42NDMtNi45MjQtMi44MDggMC01LjQ2OSAxLjYwOS01LjQ2OSA0LjYxOCAwIDguMTk0IDE2LjI2OCA1LjY2OSAxNi4yNjggMTYuNjU1IDAgNC42MTgtMy43MTYgOS41MjItMTIuMDYzIDkuNTIyLTIuODA0IDAtNi4xMDEtLjk4Mi04LjU1Mi0yLjM4bC0uNzc0LTguMDQ5IDEuMjY0LS4zNTN6bTgzLjQ0Mi0yNi40NTVoLTEuNzQ5Yy0xLjMzNS04LjE4Mi03LjE1Ni0xMS40NzUtMTUuMDA2LTExLjQ3NS04LjA2OCAwLTE5Ljc4MSA1LjM4Ny0xOS43ODEgMjIuMTgyIDAgMTQuMTQ0IDEwLjEwNSAyNC4yODggMjAuOSAyNC4yODggNi45MzkgMCAxMi42OTUtNC43NTggMTQuMDk5LTEyLjEwOWwxLjYwOS40MTktMS42MDkgMTAuMjE3Yy0yLjk0NiAxLjgyNS0xMC44NzEgMy43MTItMTUuNTAyIDMuNzEyLTE2LjQwMyAwLTI2Ljc3OS0xMC41NjgtMjYuNzc5LTI2LjMxNSAwLTE0LjM0NyAxMi44MjgtMjQuNjM4IDI2LjU3Mi0yNC42MzggNS42NzcgMCAxMS4xNDkgMS44MjUgMTYuNTQ2IDMuNzE2bC43IDEwLjAwM3ptMi41MjkgMzQuMzY2aDEuMzI2YzEuOTY5IDAgMy4zNzMgMCAzLjM3My0yLjMxNXYtMzguOTc0YzAtNC41NTMtMS4wNTItNC42OTMtMy43MTYtNS40NjF2LTEuMTJjMi44MDMtLjkwOSA1Ljc0OS0yLjE2OCA3LjIyMS0zLjAxMi43NjUtLjQxNiAxLjMzMS0uNzcyIDEuNTM3LS43NzIuNDI3IDAgLjU2OC40MjQuNTY4Ljk4NXY0OC4zNTRjMCAyLjMxNSAxLjU0MSAyLjMxNSAzLjUwNiAyLjMxNWgxLjE4NHYxLjgyYy0yLjM3NiAwLTQuODMyLS4xNC03LjM1Ni0uMTQtMi41MjMgMC01LjA0Ny4wNjgtNy42NDMuMTR2LTEuODJ6bTQ1LjAyMi0yLjAzM2MwIDEuMjY1Ljc2OSAxLjMzMSAxLjk1OSAxLjMzMWwyLjgwNi0uMDY3djEuNDczYy0zLjAxOS4yNzgtOC43NjcgMS43NDctMTAuMSAyLjE2N2wtLjM1My0uMjExdi01LjY2NmMtNC4yIDMuNDI4LTcuNDMxIDUuODc3LTEyLjQxNSA1Ljg3Ny0zLjc4MyAwLTcuNzEtMi40NDktNy43MS04LjMyNXYtMTcuOTJjMC0xLjgyLS4yNzgtMy41NzEtNC4yMDItMy45MTl2LTEuMzMxYzIuNTI4LS4wNjggOC4xMjgtLjQ4OCA5LjA0My0uNDg4Ljc3NyAwIC43NzcuNDg4Ljc3NyAyLjAyOHYxOC4wNTJjMCAyLjEwMyAwIDguMTIgNi4wOTYgOC4xMiAyLjM4NCAwIDUuNTM5LTEuODE5IDguNDgtNC4yNjN2LTE4LjgzM2MwLTEuMzk2LTMuMzYzLTIuMTYzLTUuODgyLTIuODY0di0xLjI2YzYuMzA0LS40MjMgMTAuMjM3LS45OCAxMC45MzQtLjk4LjU2NyAwIC41NjcuNDg4LjU2NyAxLjI2MXYyNS44MTh6bTEzLjk1Mi0yMy4wOTJjMi44MDEtMi4zOCA2LjU4OS01LjA0IDEwLjQ0OS01LjA0IDguMTM1IDAgMTMuMDM3IDcuMDc0IDEzLjAzNyAxNC42OTggMCA5LjE2Ny02LjcyOCAxOC4zMzgtMTYuNzYxIDE4LjMzOC01LjE4NCAwLTcuOTE4LTEuNjgyLTkuNzQ0LTIuNDQ5bC0yLjEwMSAxLjYwNi0xLjQ2Ny0uNzY3Yy42Mi00LjEyOS45NzktOC4xODkuOTc5LTEyLjQ1N3YtMzAuMDkxYzAtNC41NTMtMS4wNTctNC42OTMtMy43Mi01LjQ2MXYtMS4xMmMyLjgxMS0uOTA5IDUuNzQ5LTIuMTY4IDcuMjI0LTMuMDEyLjc3LS40MTYgMS4zMjctLjc3MiAxLjU0Ni0uNzcyLjQyIDAgLjU1OS40MjQuNTU5Ljk4NXYyNS41NDN6bTAgMTkuMDMzYzAgMi42NTkgMi41MjMgNy4xNDQgNy4yMjEgNy4xNDQgNy41MDQgMCAxMC42NTctNy4zNTIgMTAuNjU3LTEzLjU4MyAwLTcuNTU2LTUuNzQ0LTEzLjg1Mi0xMS4yMTYtMTMuODUyLTIuNjAxIDAtNC43NyAxLjY4MS02LjY2MyAzLjI5MXYxN3ptLTMwMi41MTggNDguNjAxaC41MzdjMS4zNzEgMCAyLjgyMS0uMTg1IDIuODIxLTIuMTY4di0xOS45NDhjMC0xLjk4Ni0xLjQ0OS0yLjE3NS0yLjgyMS0yLjE3NWgtLjUzN3YtMS4xNDNjMS40ODkgMCAzLjc3OC4xNSA1LjY1My4xNSAxLjkwNSAwIDQuMTkyLS4xNSA1Ljk4NS0uMTV2MS4xNDNoLS41MzZjLTEuMzY4IDAtMi44MjEuMTg5LTIuODIxIDIuMTc1djE5Ljk0OGMwIDEuOTgzIDEuNDUzIDIuMTY4IDIuODIxIDIuMTY4aC41MzZ2MS4xNDhjLTEuODMxIDAtNC4xMjUtLjE1LTYuMDI2LS4xNS0xLjg3MSAwLTQuMTI0LjE1LTUuNjEyLjE1di0xLjE0OHptMzcuODUxLTYuMzU5bC4wNzctLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzctMy41ODEtMy4zMjEtMy41ODFoLS44NHYtMS4xNDNsNS4zNDIuMTUxIDQuNjk0LS4xNTF2MS4xNDNoLS41NjhjLTEuNjA3IDAtMy40LjMwNi0zLjQgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzkgMi42NjIuMjI2IDMuODQyaC0xLjQ0OWwtMTkuNjQ3LTIxLjg2djE1LjY5MmMwIDMuMzEzLjY0MyA0LjQ1MiAzLjU4NSA0LjQ1MmguNjQ3djEuMTQ4bC00LjkyLS4xNS01LjE4Ny4xNXYtMS4xNDhoLjUzNGMyLjYzMiAwIDMuNDMxLTEuNzg2IDMuNDMxLTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1OS0zLjQyMy0zLjQ2OS0zLjQyM2gtLjQ5N3YtMS4xNDNsNC4zODMuMTUxIDMuMzk5LS4xNTEgMTYuOTgzIDE5LjA3NnptMTEuNjY2LTE3LjE3MmMtMi44NjYgMC0yLjk3NC42ODYtMy41NDcgMy40NjJoLTEuMTQzYy4xNDgtMS4wNjUuMzQyLTIuMTI5LjQ1OC0zLjIzNi4xNTUtMS4wNjguMjI4LTIuMTI5LjIyOC0zLjIzM2guOTE1Yy4zMDggMS4xNDQgMS4yNjEgMS4xMDQgMi4yOTYgMS4xMDRoMTkuNjgxYzEuMDMzIDAgMS45ODQtLjAzNyAyLjA2My0xLjE4MmwuOTEuMTUzYy0uMTQ4IDEuMDI5LS4zMDMgMi4wNTUtLjQxOSAzLjA4NS0uMDcgMS4wMjktLjA3IDIuMDU4LS4wNyAzLjA4M2wtMS4xNDcuNDIzYy0uMDc4LTEuNDA4LS4yNy0zLjY1OS0yLjgyNC0zLjY1OWgtNi4yNTd2MjAuMjU5YzAgMi45MzcgMS4zMzcgMy4yNzIgMy4xNjQgMy4yNzJoLjcyNXYxLjE0OGMtMS40ODcgMC00LjE1OS0uMTUtNi4yMTYtLjE1LTIuMjkgMC00Ljk2Mi4xNS02LjQ1Mi4xNXYtMS4xNDhoLjcyNWMyLjEwNiAwIDMuMTY4LS4xODcgMy4xNjgtMy4xOTJ2LTIwLjMzOWgtNi4yNTl6bTIzLjA4MiAyMy41MzFoLjUzNmMxLjM3MyAwIDIuODI0LS4xODUgMi44MjQtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDUxLTIuMTc1LTIuODI0LTIuMTc1aC0uNTM2di0xLjE0M2MyLjMyMiAwIDYuMjk5LjE1IDkuNDk4LjE1IDMuMjEgMCA3LjE3Mi0uMTUgOS43NjUtLjE1LS4wNjUgMS42MzUtLjAyOCA0LjE1My4wODMgNS44MjdsLTEuMTUuMzA2Yy0uMTg0LTIuNDc0LS42NC00LjQ1NC00LjY1LTQuNDU0aC01LjI5OHY5Ljk3M2g0LjUzNGMyLjI4OCAwIDIuNzg4LTEuMjkxIDMuMDE0LTMuMzUyaDEuMTQyYy0uMDc1IDEuNDg5LS4xMTQgMi45NzMtLjExNCA0LjQ1NSAwIDEuNDUxLjAzOSAyLjg5Ni4xMTQgNC4zNDNsLTEuMTQyLjIyNmMtLjIyNi0yLjI4Mi0uMzQyLTMuNzY4LTIuOTc5LTMuNzY4aC00LjU3djguODcxYzAgMi40NzUgMi4yMDMgMi40NzUgNC42NDYgMi40NzUgNC41ODEgMCA2LjYwMS0uMzA3IDcuNzQ3LTQuNjQybDEuMDY3LjI2MmMtLjQ5OCAyLjAyNC0uOTU0IDQuMDM2LTEuMjkzIDYuMDU4LTIuNDQ2IDAtNi44MzQtLjE1LTEwLjI2My0uMTUtMy40MzggMC03Ljk3OC4xNS0xMC4xNTMuMTV2LTEuMTQ4em0yNi44NTktMjEuNGMwLTIuNzc4LTEuNTI2LTIuODkyLTIuNzEyLTIuODkyaC0uNjg3di0xLjE0NGMxLjIyMSAwIDMuNTg2LjE1MyA1LjkxNS4xNTMgMi4yODcgMCA0LjEyLS4xNTMgNi4xNDEtLjE1MyA0LjgwNCAwIDkuMDgzIDEuMjk0IDkuMDgzIDYuNzA2IDAgMy40MjEtMi4yODggNS41MTctNS4zMDMgNi43MDNsNi41MjIgOS43NDFjMS4wNyAxLjYxMSAxLjgyOSAyLjA2MyAzLjcwMiAyLjI4NHYxLjE0OWwtMy43MzktLjE1LTMuNTg0LjE1Yy0yLjkzOC0zLjg0Ni01LjQ2Mi03Ljk1OC03LjkzOS0xMi4zNDNoLTIuNTEzdjguMTUzYzAgMi45MzUgMS4zNyAzLjA0MSAzLjEyMiAzLjA0MWguNjg5djEuMTQ5bC02LjU2Mi0uMTVjLTEuODM0IDAtMy42MjcuMTUtNS41MzQuMTV2LTEuMTQ5aC42ODdjMS40MTcgMCAyLjcxMi0uNjM5IDIuNzEyLTIuMDV2LTE5LjM0OXptNC44ODYgOC44MzJoMS44NjNjMy44MTkgMCA1Ljg3NC0xLjQ0MyA1Ljg3NC01LjkzOSAwLTMuMzg0LTIuMTczLTUuNTU2LTUuNTcxLTUuNTU2LTEuMTQ3IDAtMS42MzUuMTE3LTIuMTY2LjE1MXYxMS4zNDR6bTQzLjY4IDYuMjA5bC4wNjgtLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzEtMy41ODEtMy4zMTQtMy41ODFoLS44Mzd2LTEuMTQzbDUuMzQuMTUxIDQuNy0uMTUxdjEuMTQzaC0uNTc3Yy0xLjYwMSAwLTMuMzk2LjMwNi0zLjM5NiA0LjgzNnYxNy4zM2MwIDEuMzMxLjAzNiAyLjY2Mi4yMjUgMy44NDJoLTEuNDQ2bC0xOS42NDktMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjQ3IDQuNDUyIDMuNTg0IDQuNDUyaC42NDh2MS4xNDhsLTQuOTE4LS4xNS01LjE5Mi4xNXYtMS4xNDhoLjUyOWMyLjYzNyAwIDMuNDM4LTEuNzg2IDMuNDM4LTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1Ni0zLjQyMy0zLjQ3LTMuNDIzaC0uNDk3di0xLjE0M2w0LjM4OS4xNTEgMy4zOTQtLjE1MSAxNi45OCAxOS4wNzZ6bTEyLjA5MiAyLjA2MWMtLjM4OCAxLjI5Mi0uODQ3IDIuMjg5LS44NDcgMi45NjggMCAxLjE0NCAxLjYwNCAxLjMzIDIuODYgMS4zM2guNDI3djEuMTQ4Yy0xLjUyOS0uMDgzLTMuMDg4LS4xNDgtNC42MjUtLjE0OC0xLjM3MSAwLTIuNzM2LjA2NS00LjExNS4xNDh2LTEuMTQ4aC4yMzFjMS40ODcgMCAyLjc0OS0uODc0IDMuMzEzLTIuNDc3bDYuMTEyLTE3LjQ3MWMuNDktMS40MDkgMS4xODQtMy4zMTQgMS40MTQtNC43MjggMS4yMTUtLjQxMyAyLjc0NC0xLjE3NCAzLjQ2OS0xLjYzMi4xMTctLjA0MS4xODQtLjA4LjMwNS0uMDguMTE0IDAgLjE4NCAwIC4yNy4xMTcuMTE0LjMwNC4yMjEuNjQ3LjM0NS45NTFsNy4wMTkgMTkuOTE4Yy40NTYgMS4zMzEuOTEgMi43MzkgMS40MDQgMy44ODYuNDYzIDEuMDY2IDEuMjY0IDEuNTE2IDIuNTI0IDEuNTE2aC4yMjh2MS4xNDhjLTEuNzE3LS4wODMtMy40MzYtLjE0OC01LjI2NC0uMTQ4LTEuODY4IDAtMy43ODIuMDY1LTUuNzI4LjE0OHYtMS4xNDhoLjQyM2MuODczIDAgMi4zNjYtLjE0OCAyLjM2Ni0xLjEwMiAwLS40OTItLjM0NC0xLjUyLS43Ny0yLjc0MmwtMS40ODQtNC40MTZoLTguNjYxbC0xLjIxNyAzLjk2M3ptNS41NjgtMTYuODcyaC0uMDc4bC0zLjU0OSAxMC43NzhoNy4xM2wtMy41MDMtMTAuNzc4em0xNi40NDQtMi4zNjJjLTIuODYzIDAtMi45NzcuNjg2LTMuNTUgMy40NjJoLTEuMTQ3Yy4xNS0xLjA2NS4zNDQtMi4xMjkuNDYzLTMuMjM2LjE1MS0xLjA2OC4yMjMtMi4xMjkuMjIzLTMuMjMzaC45MmMuMzAzIDEuMTQ0IDEuMjYxIDEuMTA0IDIuMjg3IDEuMTA0aDE5LjY5MWMxLjAyNiAwIDEuOTc5LS4wMzcgMi4wNTctMS4xODJsLjkxNC4xNTNjLS4xNDcgMS4wMjktLjMgMi4wNTUtLjQxNCAzLjA4NS0uMDg1IDEuMDI5LS4wODUgMi4wNTgtLjA4NSAzLjA4M2wtMS4xNDIuNDIzYy0uMDctMS40MDgtLjI2Mi0zLjY1OS0yLjgxOS0zLjY1OWgtNi4yNTl2MjAuMjU5YzAgMi45MzcgMS4zMzkgMy4yNzIgMy4xNjYgMy4yNzJoLjcyNnYxLjE0OGMtMS40ODkgMC00LjE1OC0uMTUtNi4yMi0uMTUtMi4yODUgMC00Ljk2Mi4xNS02LjQ0OS4xNXYtMS4xNDhoLjcyNWMyLjEwMiAwIDMuMTY5LS4xODcgMy4xNjktMy4xOTJ2LTIwLjMzOWgtNi4yNTd6bTIzLjI2NCAyMy41MzFoLjUzNGMxLjM3OCAwIDIuODIxLS4xODUgMi44MjEtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDQzLTIuMTc1LTIuODIxLTIuMTc1aC0uNTM0di0xLjE0M2MxLjQ5MiAwIDMuNzc3LjE1IDUuNjQzLjE1IDEuOTE0IDAgNC4yMDItLjE1IDUuOTk4LS4xNXYxLjE0M2gtLjUzNGMtMS4zNzYgMC0yLjgyOS4xODktMi44MjkgMi4xNzV2MTkuOTQ4YzAgMS45ODMgMS40NTMgMi4xNjggMi44MjkgMi4xNjhoLjUzNHYxLjE0OGMtMS44MzQgMC00LjEyNC0uMTUtNi4wMjktLjE1LTEuODczIDAtNC4xMi4xNS01LjYxMi4xNXYtMS4xNDh6bTI2Ljg1Ny0yNi4wMDNjOC4xMzUgMCAxNC42MTYgNS4wMjkgMTQuNjE2IDEzLjE0IDAgOC43NTktNi4yOTYgMTQuNTgxLTE0LjQxOSAxNC41ODEtOC4wOTYgMC0xNC4yNzMtNS40ODItMTQuMjczLTEzLjY3IDAtNy45MTkgNi4xNDEtMTQuMDUyIDE0LjA3Ni0xNC4wNTJ6bS41NzcgMjYuMDQ1YzcuNDA0IDAgOC42OTItNi41MTYgOC42OTItMTIuMDY3IDAtNS41NjktMy4wMDUtMTIuMzA2LTkuMzQyLTEyLjMwNi02LjY3OSAwLTguNjYxIDUuOTQyLTguNjYxIDExLjA0IDAgNi44MTcgMy4xMjggMTMuMzMzIDkuMzExIDEzLjMzM3ptMzkuNzUtNi40MDFsLjA3OC0uMDc1di0xNC4yNzdjMC0zLjEyNC0yLjE4MS0zLjU4MS0zLjMyNi0zLjU4MWgtLjgyN3YtMS4xNDNsNS4zMy4xNTEgNC43MDItLjE1MXYxLjE0M2gtLjU3N2MtMS41OTkgMC0zLjM5Ni4zMDYtMy4zOTYgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzYgMi42NjIuMjMgMy44NDJoLTEuNDQ4bC0xOS42NTQtMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjUgNC40NTIgMy41ODQgNC40NTJoLjY1MXYxLjE0OGwtNC45Mi0uMTUtNS4xOTUuMTV2LTEuMTQ4aC41MzljMi42MzcgMCAzLjQzLTEuNzg2IDMuNDMtNC44Mjl2LTE2LjAzOWMwLTIuMTI5LTEuNzQ2LTMuNDIzLTMuNDctMy40MjNoLS40OTh2LTEuMTQzbDQuMzg5LjE1MSAzLjM5Ni0uMTUxIDE2Ljk4MSAxOS4wNzZ6bTEyLjA4NyAyLjA2MWMtLjM3NSAxLjI5Mi0uODM3IDIuMjg5LS44MzcgMi45NjggMCAxLjE0NCAxLjYwNyAxLjMzIDIuODU4IDEuMzNoLjQyN3YxLjE0OGMtMS41MjgtLjA4My0zLjA5NC0uMTQ4LTQuNjItLjE0OC0xLjM3OCAwLTIuNzQ2LjA2NS00LjExNC4xNDh2LTEuMTQ4aC4yMTdjMS40OTMgMCAyLjc1Ny0uODc0IDMuMzIxLTIuNDc3bDYuMTE0LTE3LjQ3MWMuNDkzLTEuNDA5IDEuMTg0LTMuMzE0IDEuNDA1LTQuNzI4IDEuMjIzLS40MTMgMi43NDctMS4xNzQgMy40NzktMS42MzIuMTA5LS4wNDEuMTg2LS4wOC4zMDEtLjA4LjExNCAwIC4xODcgMCAuMjY0LjExN2wuMzQ5Ljk1MSA3LjAxNiAxOS45MThjLjQ1OCAxLjMzMS45MTQgMi43MzkgMS40MTUgMy44ODYuNDU4IDEuMDY2IDEuMjYyIDEuNTE2IDIuNTE4IDEuNTE2aC4yMzN2MS4xNDhjLTEuNzItLjA4My0zLjQzOC0uMTQ4LTUuMjcyLS4xNDgtMS44NjUgMC0zLjc3Ny4wNjUtNS43MjMuMTQ4di0xLjE0OGguNDIyYy44NzEgMCAyLjM3LS4xNDggMi4zNy0xLjEwMiAwLS40OTItLjM0Ny0xLjUyLS43NzItMi43NDJsLTEuNDgyLTQuNDE2aC04LjY2MmwtMS4yMjUgMy45NjN6bTUuNTc2LTE2Ljg3MmgtLjA3N2wtMy41NTQgMTAuNzc4aDcuMTQxbC0zLjUxMS0xMC43Nzh6bTI0LjM4MSAxOC41ODNjMCAxLjUyNiAxLjA2IDEuOTggMi4yODIgMi4xMzYgMS41NjUuMTE1IDMuMjgyLjExNSA1LjA0Mi0uMDc4IDEuNTk5LS4xOTIgMi45NzItMS4xMDQgMy42NTgtMi4wNTguNjA5LS44MzkuOTUxLTEuOTAzIDEuMTg0LTIuNzQyaDEuMTA2Yy0uNDE5IDIuMTctLjk1NCA0LjMwNy0xLjQxNSA2LjQ3NmwtMTAuMDY2LS4xNDgtMTAuMDc0LjE0OHYtMS4xNDhoLjUyNmMxLjM3OSAwIDIuODcxLS4xODUgMi44NzEtMi41NDl2LTE5LjU3YzAtMS45ODUtMS40OTItMi4xNzMtMi44NzEtMi4xNzNoLS41MjZ2LTEuMTQzbDYuMDI0LjE1MSA1LjgwNC0uMTUxdjEuMTQzaC0uOTU5Yy0xLjQ0NiAwLTIuNTg1LjA0Mi0yLjU4NSAyLjA1NnYxOS42NDl6IiBmaWxsPSIjMUExOTE4Ii8+PC9zdmc+"); }
.rccs__card--discover > div {
    color: #555; }
.rccs__card--discover .rccs__card__background {
    background: linear-gradient(25deg, #fff, #eee); }
.rccs__card--discover .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9Ijg2IiB2aWV3Qm94PSIwIDAgNTEyIDg2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIyMC40NDIlIiB5MT0iMTAuNTk5JSIgeDI9Ijg5LjI0NSUiIHkyPSI4My41MyUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRTI1NDI5IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y5OUQzRSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMjcwLjM1Ni4zNjVjLTIzLjk4MiAwLTQzLjQ0IDE4LjczNS00My40NCA0MS44NTggMCAyNC41ODMgMTguNjEyIDQyLjk2IDQzLjQ0IDQyLjk2IDI0LjIwOCAwIDQzLjMyMS0xOC42MiA0My4zMjEtNDIuNDc4IDAtMjMuNzE2LTE4Ljk4Ni00Mi4zNC00My4zMjEtNDIuMzR6IiBpZD0iYiIvPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYyI+PGZlTW9ycGhvbG9neSByYWRpdXM9IjIiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRJbm5lcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiIGluPSJzaGFkb3dTcHJlYWRJbm5lcjEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSIvPjxmZU9mZnNldCBkeD0iMiIgZHk9IjIiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4zMDE2NTg3NDEgMCIgaW49InNoYWRvd0lubmVySW5uZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjx1c2UgZmlsbD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsdGVyPSJ1cmwoI2MpIiB4bGluazpocmVmPSIjYiIvPjxwYXRoIGQ9Ik0yMy43NDYgMS44OTFoLTIzLjM1M3Y4MS40NTRoMjMuMjMyYzEyLjMyNSAwIDIxLjI0LTIuOTIxIDI5LjA1OS05LjM5OCA5LjI3OC03LjY5NSAxNC43ODEtMTkuMjk4IDE0Ljc4MS0zMS4yODkgMC0yNC4wNDgtMTcuOTY1LTQwLjc2Ni00My43MTktNDAuNzY2em0xOC41NzMgNjEuMTc2Yy01LjAyMiA0LjUzMS0xMS40ODYgNi40ODgtMjEuNzYgNi40ODhoLTQuMjY4di01My44NzNoNC4yNjhjMTAuMjc0IDAgMTYuNDkxIDEuODM0IDIxLjc2IDYuNTkzIDUuNDk1IDQuODg2IDguNzcyIDEyLjQ1MiA4Ljc3MiAyMC4yNjUgMCA3LjgyOS0zLjI3NyAxNS42Ni04Ljc3MiAyMC41Mjd6bTMyLjQ4IDIwLjI3OGgxNS44NzF2LTgxLjQ1NGgtMTUuODcxdjgxLjQ1NHptNTQuNzI3LTUwLjIwOWMtOS41MzktMy41MzQtMTIuMzQ2LTUuODY1LTEyLjM0Ni0xMC4yNDcgMC01LjEzNCA0Ljk5OC05LjAzOSAxMS44NDktOS4wMzkgNC43NjMgMCA4LjY3MSAxLjk1MyAxMi44MzYgNi41OGw4LjI5NC0xMC44NTJjLTYuODM5LTUuOTk4LTE1LjAyMS05LjA0Ny0yMy45NDYtOS4wNDctMTQuMzk4IDAtMjUuMzk5IDEwLjAyLTI1LjM5OSAyMy4zMiAwIDExLjI0NyA1LjEyNiAxNi45ODEgMjAuMDMxIDIyLjM2OSA2LjIzMyAyLjE4OCA5LjQwMSAzLjY0NiAxMC45OTMgNC42NDMgMy4xNzUgMi4wNzcgNC43NjkgNC45OTggNC43NjkgOC40MTYgMCA2LjYwNS01LjI1NyAxMS40ODMtMTIuMzUxIDExLjQ4My03LjU3NCAwLTEzLjY3NC0zLjc4Mi0xNy4zNDEtMTAuODY1bC0xMC4yNDcgOS45MDVjNy4zMTMgMTAuNzMzIDE2LjEwOSAxNS41MTEgMjguMjE0IDE1LjUxMSAxNi40ODggMCAyOC4wODQtMTEuMDA3IDI4LjA4NC0yNi43NTggMC0xMi45NDgtNS4zNjEtMTguODE1LTIzLjQ0My0yNS40MTl6bTI4LjQ0OSA5LjUyMWMwIDIzLjk2NSAxOC44MTUgNDIuNTI1IDQzLjAwNiA0Mi41MjUgNi44MzkgMCAxMi43MDEtMS4zNTIgMTkuOTE1LTQuNzU4di0xOC42OTdjLTYuMzYxIDYuMzU4LTExLjk4IDguOTE2LTE5LjE4OSA4LjkxNi0xNS45OTcgMC0yNy4zNjQtMTEuNjA2LTI3LjM2NC0yOC4xMDIgMC0xNS42MjYgMTEuNzIxLTI3Ljk2NSAyNi42MzgtMjcuOTY1IDcuNTYxIDAgMTMuMzExIDIuNjg2IDE5LjkxNSA5LjE1OXYtMTguNjk2Yy02Ljk2Mi0zLjUzMS0xMi43MTItNC45ODUtMTkuNTUyLTQuOTg1LTI0LjA2NyAwLTQzLjM2OSAxOC45MzUtNDMuMzY5IDQyLjYwNHptMTkxLjY1MSAxMy45NDhsLTIxLjc0My01NC43MTVoLTE3LjM0NmwzNC41NzkgODMuNTM0aDguNTQzbDM1LjE4My04My41MzRoLTE3LjIxOGwtMjIgNTQuNzE1em00Ni40MzkgMjYuNzM5aDQ1LjA2NnYtMTMuNzg5aC0yOS4xODh2LTIyLjAwMWgyOC4wNzJ2LTEzLjc5MmgtMjguMDcydi0xOC4wNzloMjkuMTg4di0xMy43OTJoLTQ1LjA2NnY4MS40NTR6bTEwNy45NTUtNTcuNDE1YzAtMTUuMjU5LTEwLjQ5LTI0LjAzOS0yOC44MjMtMjQuMDM5aC0yMy41Nzd2ODEuNDU0aDE1Ljg5NXYtMzIuNzM3aDIuMDhsMjEuOTc1IDMyLjczN2gxOS41NDRsLTI1LjY2Ny0zNC4zMTFjMTEuOTg4LTIuNDUxIDE4LjU3My0xMC42MzggMTguNTczLTIzLjEwNHptLTMxLjg4MiAxMy40NTJoLTQuNjIzdi0yNC42ODNoNC44NzdjOS45MTYgMCAxNS4yODcgNC4xNjUgMTUuMjg3IDEyLjA5MiAwIDguMTc4LTUuMzcyIDEyLjU5LTE1LjU0MSAxMi41OXoiIGZpbGw9IiMwQjEwMTUiLz48L3N2Zz4="); }
.rccs__card--elo .rccs__card__background {
    background: linear-gradient(25deg, #211c18, #aaa7a2); }
.rccs__card--elo .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjU2IDBjMTQxLjM4NSAwIDI1NiAxMTQuNjE1IDI1NiAyNTYgMCAxNDEuMzg2LTExNC42MTUgMjU2LTI1NiAyNTZzLTI1Ni0xMTQuNjE0LTI1Ni0yNTZjMC0xNDEuMzg1IDExNC42MTUtMjU2IDI1Ni0yNTYiIGZpbGw9IiMwRTBFMTEiLz48cGF0aCBkPSJNMTgwLjA0MiAyMzcuNTgzbC03OC41MjQgMzMuODM3Yy0uMTIyLTEuMzUzLS4xODktMi43MjEtLjE4OS00LjEwNiAwLTI0LjgzOSAyMC4xMzUtNDQuOTc0IDQ0Ljk3NC00NC45NzQgMTMuNDM4IDAgMjUuNDk5IDUuODk4IDMzLjczOSAxNS4yNDN6bS0zMy43MzktNDguODc2YzM3LjA1MyAwIDY4LjExMiAyNS42MzggNzYuNDIgNjAuMTQzbC0zMS42ODIgMTMuODUzLS4wMDctLjA2Ni0zMi40MTMgMTQuMjQxLTc3Ljc1NSAzMy45OTdjLTguMzE4LTEyLjQ3LTEzLjE3LTI3LjQ0OC0xMy4xNy00My41NjEgMC00My40MTQgMzUuMTkzLTc4LjYwNyA3OC42MDctNzguNjA3em01NC45MjggMTM0LjgzOGMtMjguMTQ1IDI2LjcxMy02NS4zNzkgMjkuMzM1LTk4LjA5NiA5LjQ3M2wxOC40ODUtMjguMTA0YzE4LjYxNyAxMS4xMjggMzcuMzE5IDkuMzIzIDU2LjEwNy01LjQyOGwyMy41MDQgMjQuMDZ6bTMyLjAwNy0xOS40NTdsLS4xOTgtMTQ4LjY1MmgyOC4xNjN2MTQ0LjYzOGMwIDEuMzg4LjE3MiAyLjYxIDEuOTkyIDMuMzE3bDI0LjUgOS41MjgtMTEuMDM4IDI4LjctMjguNy0xMi4xNDNjLTEwLjg4My00LjYwNS0xNC43LTExLjI3Ny0xNC43MTktMjUuMzg5eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zMzkuMjggMzAxLjU4N2MtMTAuNTU3LTguMjA4LTE3LjM1NC0yMS4wMTgtMTcuMzU0LTM1LjQyNiAwLTEyLjgwOSA1LjM3Ny0yNC4zNTQgMTMuOTg1LTMyLjUyOWwtMTguMTktMjkuNDhjLTE4LjI4NSAxNC40ODctMzAuMDI4IDM2Ljg3LTMwLjAyOCA2Mi4wMDkgMCAyNy4wOTYgMTMuNjMyIDUxLjAwMiAzNC40MDcgNjUuMjU0bDE3LjE3OS0yOS44MjgiIGZpbGw9IiMyMDkxQzMiLz48cGF0aCBkPSJNMzUxLjYxIDIyMy45MzhjNC43NC0xLjcwNSA5Ljg1LTIuNjM5IDE1LjE3OC0yLjYzOSAxOS4yMDggMCAzNS41ODggMTIuMDc3IDQxLjk4NSAyOS4wNDhsMzQuODU2LTIuOTEyYy04LjQxNC0zNC42NC0zOS42MTMtNjAuMzY2LTc2Ljg0MS02MC4zNjYtMTAuNTE5IDAtMjAuNTQ5IDIuMDcxLTI5LjczIDUuNzk5bDE0LjU1MiAzMS4wNzEiIGZpbGw9IiNGQUVDMzIiLz48cGF0aCBkPSJNNDExLjU5NSAyNjguMzM1Yy0xLjEzNSAyMy43NjYtMjAuNzYgNDIuNjg4LTQ0LjgwNyA0Mi42ODgtMy43NyAwLTcuNDI4LS40NzItMTAuOTI1LTEuMzQ3bC0xMy42NzMgMzEuNjU3YzcuNzQ1IDIuNTMxIDE2LjAwNyAzLjkyIDI0LjU5OCAzLjkyIDQyLjU5MSAwIDc3LjMwMi0zMy42NyA3OS4wMDktNzUuODQybC0zNC4yMDMtMS4wNzciIGZpbGw9IiNEMDM1MkEiLz48L2c+PC9zdmc+"); }
.rccs__card--hipercard .rccs__card__background {
    background: linear-gradient(25deg, #8b181b, #de1f27); }
.rccs__card--hipercard .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEyMyIgdmlld0JveD0iMCAwIDUxMiAxMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0zNzQuMTE4IDgwLjg0MmMtNi45NDMgNi43OTctMjYuNDM0IDguNzI4LTI0LjQ0LTcuNTIgMS42NTYtMTMuNDk1IDE2LjM0OC0xNi4zNjMgMzIuMjczLTE0LjQxNC0xLjE4NCA3LjM4MS0yLjU0MiAxNi43NTUtNy44MzMgMjEuOTM0em0tMjEuOTM0LTUyLjY0MWMtLjY2MyAzLjcyMy0xLjY4MSA3LjA5Mi0yLjUwNiAxMC42NTMgNy45NTEtMS45OTMgMzIuNzA5LTguMTA1IDM1LjA5NSAyLjUwNi43OTIgMy41MjYtLjU3NCA3LjI3Mi0xLjU2NyAxMC4wMjgtMjIuMzg5LTIuMTIxLTQwLjYzNiAxLjU5OS00NS40MzUgMTcuNTQ3LTMuMjE0IDEwLjY4Mi4zNiAyMS4xOTQgNy4yMDcgMjQuMTI5IDEzLjE4NyA1LjY0OSAyOS4yMjgtLjgyMiAzNC43ODEtOS43MTQtLjU3NyAzLjA3OC0xLjEyMyA2LjE4Ny0uOTQgMTAuMDI2aDExLjU5NGMuMTIzLTExLjEwMyAxLjczOS0yMC4wOTEgMy40NDctMzAuMDgyIDEuNDU2LTguNTA4IDQuMTk1LTE2LjkzMSAzLjc1OS0yNC40NC0uOTk1LTE3LjE5Ny0yOS40ODYtMTEuMTE0LTQ1LjQzNC0xMC42NTN6bTExNi4yNDkgNTcuOTY4Yy05LjA3LjE5NS0xMy41OC01LjQxOS0xMy43ODctMTQuNzI2LS4zNjEtMTYuMzAxIDYuNzg5LTM0LjQxMSAyMS4zMDctMzYuMDM1IDYuNzYtLjc1NiAxMS42NTQuODE2IDE2LjYwNyAyLjUwOC00LjU0NyAxOC4zMS0yLjkwNSA0Ny43OTktMjQuMTI4IDQ4LjI1NHptMzAuMDgxLTg2LjE2OWMtMS4xNTUgMTAuMTI1LTIuNjk5IDE5Ljg2Mi00LjY5OSAyOS4xNC0zMy4wNTEtMTAuNDYxLTUzLjMyIDEzLjg1NS01Mi45NTYgNDMuODY4LjA3MiA1LjgwNSAxLjA3MSAxMS41NjEgNC43MDEgMTUuNjY3IDYuMjU2IDcuMDc2IDI0LjE3IDguNzY4IDMzLjIxNCAyLjgyMSAxLjc1Mi0xLjE1MSAzLjU0LTMuMjQ2IDQuNzAxLTQuNy44NzEtMS4wOTUgMi4yNTYtMy45NTkgMi41MDUtMy4xMzUtLjQ3NCAzLjE4Mi0xLjE4NSA2LjEyNy0xLjI1MiA5LjcxNWgxMi4yMmMyLjM1NC0zMy43ODQgOS42MzctNjIuNjQxIDE1LjA0LTkzLjM3NmgtMTMuNDc1em0tMzQ0Ljk4OSA4MS4xNTZjLTcuMjA5IDcuNjM1LTI0LjkzMSA3LjUxOC0yNi4zMi01LjMyOC0uNjA2LTUuNTg5IDEuNDc3LTExLjQ1IDIuNTA2LTE3LjIzMyAxLjA0MS01Ljg1MyAxLjc5MS0xMS40NjkgMi44MTktMTYuNjA5IDcuMS04LjY3IDI3Ljk2NS05LjcxNiAzMC4wODIgNC43MDEgMS44MzcgMTIuNTE3LTMuMTE3IDI4LjE0NS05LjA4NyAzNC40Njh6bTEwLjY1NC01Mi45NTVjLTExLjQwNC00LjI4NC0yNS4zMDMuODMtMzEuMzI4IDUuNjk0LjAyMS4yMTQtLjE0NC4yNDMtLjMyMS4yNTlsLjMyMS0uMjU5LS4wMDctLjA1NC45NC01LjY0aC0xMS41OTRjLTQuODMxIDMyLjE0My0xMC41NjEgNjMuMzg3LTE2LjYwNyA5NC4zMTZoMTMuNDczYzEuOTUtMTIuMDQ2IDMuMjM5LTI0Ljc1MyA1Ljk1NC0zNi4wMzQgMy4wNzcgMTEuODY1IDIzLjE2OSA5LjU5NyAzMS42NDcgNS4wMTQgMTcuNDk0LTkuNDYgMzAuOTg3LTU0LjQ4MSA3LjUyMS02My4yOTZ6bTYzLjkyMSAyMi41NjFoLTMxLjY0N2MxLjAwMS03LjI3NiA3LjU0Ny0xNS4yNzMgMTcuODU5LTE1LjY2NyA5LjcwNy0uMzcxIDE2LjY1NiAzLjU2NCAxMy43ODcgMTUuNjY3em0tMTIuODQ3LTIzLjgxNGMtOS43MzYuNzQ5LTE3Ljk2NSAzLjU1MS0yMy44MTQgOS43MTMtNy4xNzMgNy41NTgtMTIuOTgzIDI0LjI2Ni0xMS4yODEgMzkuNDgyIDIuNDI4IDIxLjcwOCAyOS40NTcgMjAuOTI5IDUxLjA3NSAxNS42NjcuMzY3LTMuODA5IDEuMjktNy4wNjYgMS44OC0xMC42NTMtOC45MDYgMy4zMzItMjQuMzY4IDcuOTg0LTMzLjUyOCAyLjE5NC02LjkxNS00LjM3My02Ljk1Ni0xNS40NDYtNC43LTI1LjA2OCAxNC41MjktLjQ2MiAyOS42MzEtLjM3NCA0NC4xODEgMCAuOTIzLTYuODIxIDMuNTY1LTE0LjI1NyAxLjI1My0yMC45OTMtMy4wNDktOC44OTQtMTMuOTYxLTExLjE5Ni0yNS4wNjctMTAuMzR6bS0xMTguNDQzIDEuMjUzYy0uMzY1LjA1Mi0uMzQxLjQ5NS0uMzE0LjkzOS0yLjk2OSAyMi4yMDMtNi45ODYgNDMuMzU4LTExLjI4IDY0LjIzNmgxMy40NzNjMy4yMzgtMjIuMzUyIDYuOTQ2LTQ0LjIzMyAxMS41OTQtNjUuMTc1aC0xMy40NzN6bTM1MS41Ny4zMTNjLTExLjkwOS01Ljk1My0yMS44MjIgNC4wMzctMjUuNjkzIDEwLjAyNyAxLjEwMi0zLjA3MyAxLjE2Ni03LjE4OCAyLjE5Mi0xMC4zMzloLTExLjkwN2MtMy4yMSAyMi4zNzktNy4wODEgNDQuMDk4LTExLjU5NCA2NS4xNzVoMTMuNzg3Yy4wODgtOC42MzggMS43ODQtMTUuMDI4IDMuMTMzLTIzLjUwMSAyLjg4Mi0xOC4wODggNy4xMTEtMzcuOTI2IDI4LjIwMi0zMS45Ni43LTMuMDYuOTktNi41MyAxLjg4LTkuNDAxem0tMTUxLjM0NSA0OS41MDhjLTEuMjQxLTMuMjA4LTEuNTYzLTguNTA3LTEuMjUzLTEyLjUzNC42OTctOS4wNTQgMy45OTYtMjAuMDc3IDkuMDg3LTI1LjA2NyA3LjAyNi02Ljg4OCAyMC44OTctNS43NDggMzEuOTYtMS44ODEuMzQzLTMuNzI5IDEuMDkzLTcuMDU0IDEuNTY3LTEwLjY1Mi0xOC4xNDUtMi45NjQtMzUuMzY1LTEuMTIxLTQ0LjQ5NCA4LjQ1OS04LjkzNiA5LjM3OC0xNC43OTYgMzAuOTMyLTEwLjY1NCA0NC40OTQgNC44NDggMTUuODcgMjYuNTgzIDE2LjczMyA0NC4xODMgMTAuNjU0Ljc3Ny0zLjE5IDEuMTktNi43NDYgMS44OC0xMC4wMjgtOS42MTYgNC45OTctMjguMDAxIDcuNTkzLTMyLjI3Ni0zLjQ0N3ptLTcuNTE5LTQ5LjgyMWMtMTEuOTQ4LTQuODI1LTIxLjMzOSAzLjMyOS0yNS42OTMgMTAuOTY3Ljk4Ny0zLjM5OCAxLjM5NC03LjM3OCAyLjE5Mi0xMC45NjdoLTExLjkwN2MtMi45MSAyMi41NzUtNy4yMDEgNDMuNzY5LTExLjI4IDY1LjE3NWgxMy40NzVjMS44ODgtMTIuNzA3IDIuNzAzLTI5LjgzNCA2Ljg5Mi00MS45ODggMy4zNDgtOS43MTMgMTIuMTExLTE3Ljk4NyAyNC43NTQtMTMuNDczLjE3OC0zLjU4MyAxLjIwMy02LjMxOCAxLjU2Ny05LjcxNHptLTIxNy4xNDYtMjYuMzIxYy0xLjkyNSAxMi40ODktNC4wOTMgMjQuNzM1LTYuMjY3IDM2Ljk3NC0xMy45NTkuMTQ3LTI4LjIxMS42OS00MS42NzQtLjMxNCAyLjU0My0xMS45NzMgNC4zNjctMjQuNjY4IDYuODkyLTM2LjY2aC0xNS4wMzljLTUuMzg1IDMwLjU0Ny0xMC4yODIgNjEuNTc5LTE2LjI5NCA5MS40OTdoMTUuMzUzYzIuNDA5LTE1LjM0OCA0LjY2MS0zMC44NTIgNy44MzMtNDUuNDM1IDEzLjA5MS0uMzIyIDI4Ljc4MS0uODg1IDQxLjM2Mi4zMTQtMi41OTQgMTUuMTYyLTUuNzI4IDI5Ljc4My04LjE0NyA0NS4xMjFoMTUuMzU0YzQuOTMyLTMwLjk5NyAxMC4xMzEtNjEuNzI4IDE2LjI5NC05MS40OTdoLTE1LjY2N3ptMzguMjI3IDEzLjc4N2MyLjY4Ni0xLjg0OSA2LjE0NS0xMC4yNzggMi4xOTQtMTMuNzg3LTEuMjUyLTEuMTExLTMuMzQ3LTEuNDMzLTYuMjY3LS45MzktMi43MS40NTctNC4yNjggMS4zNzctNS4zMjcgMi44MTktMS43MDMgMi4zMTktMy4yNjMgOS4zMS0uNjI4IDExLjkwNyAyLjU2NyAyLjUyOSA4LjMxOCAxLjE3NyAxMC4wMjggMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); }
.rccs__card--jcb .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NSIgdmlld0JveD0iMCAwIDUxMiAzOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iLTU3LjUyNyUiIHkxPSI1MC4xMjQlIiB4Mj0iMjMyLjM5MSUiIHkyPSI1MC4xMjQlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNzk0MCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQwQTczNyIgb2Zmc2V0PSI3NC4zMyUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUNCNTMxIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLjE4MyUiIHkxPSI0OS45NiUiIHgyPSIxMDAuMjczJSIgeTI9IjQ5Ljk2JSIgaWQ9ImIiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii02Mi44MDIlIiB5MT0iNDkuODU4JSIgeDI9IjI1My42NzElIiB5Mj0iNDkuODU4JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii4xNzYlIiB5MT0iNTAuMDA2JSIgeDI9IjEwMS44MDglIiB5Mj0iNTAuMDA2JSIgaWQ9ImQiPjxzdG9wIHN0b3AtY29sb3I9IiMxRjI4NkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA0RTk0IiBvZmZzZXQ9IjQ3LjUxJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY2QjEiIG9mZnNldD0iODIuNjElIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNkZCQyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii0uNTc2JSIgeTE9IjQ5LjkxNCUiIHgyPSI5OC4xMzMlIiB5Mj0iNDkuOTE0JSIgaWQ9ImUiPjxzdG9wIHN0b3AtY29sb3I9IiM2QzJDMkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgyNzMwIiBvZmZzZXQ9IjE3LjM1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiNCRTE4MzMiIG9mZnNldD0iNTcuMzElIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RDMDQzNiIgb2Zmc2V0PSI4NS44NSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTYwMDM5IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTEyIDMxNC44MzZjMCA0My44MTQtMzUuNjc3IDc5LjQ5MS03OS40OTEgNzkuNDkxaC00MzIuNTA5di0zMTQuODM2YzAtNDMuODE0IDM1LjY3Ny03OS40OTEgNzkuNDkxLTc5LjQ5MWg0MzIuNTA5djMxNC44MzZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM3MS4xNjkgMjM0LjA5M2gzMi44NjFsNC4wNjgtLjMxM2M2LjI1OS0xLjI1MiAxMS41NzktNi44ODUgMTEuNTc5LTE0LjcwOSAwLTcuNTExLTUuMzItMTMuMTQ0LTExLjU3OS0xNC43MDktLjkzOS0uMzEzLTIuODE3LS4zMTMtNC4wNjgtLjMxM2gtMzIuODYxdjMwLjA0NHoiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJNNDAwLjI3NCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djU5LjE0OWg4MC40M2MxLjg3OCAwIDQuMDY4IDAgNS42MzMuMzEzIDE4LjE1Mi45MzkgMzEuNjA5IDEwLjMyOCAzMS42MDkgMjYuNjAxIDAgMTIuODMxLTkuMDc2IDIzLjc4NS0yNS45NzYgMjUuOTc2di42MjZjMTguNDY1IDEuMjUyIDMyLjU0OCAxMS41NzkgMzIuNTQ4IDI3LjU0IDAgMTcuMjEzLTE1LjY0OCAyOC40NzktMzYuMzAzIDI4LjQ3OWgtODguMjU0djExNS43OTVoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC40NzloLTgzLjI0N3oiIGZpbGw9InVybCgjYikiLz48cGF0aCBkPSJNNDE1LjYwOSAxNzMuMzc5YzAtNy41MTEtNS4zMi0xMi41MTgtMTEuNTc5LTEzLjQ1Ny0uNjI2IDAtMi4xOTEtLjMxMy0zLjEzLS4zMTNoLTI5LjczMXYyNy41NGgyOS43MzFjLjkzOSAwIDIuODE3IDAgMy4xMy0uMzEzIDYuMjU5LS45MzkgMTEuNTc5LTUuOTQ2IDExLjU3OS0xMy40NTd6IiBmaWxsPSJ1cmwoI2MpIi8+PHBhdGggZD0iTTg1LjQzOCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djE0MC41MThjMTUuOTYxIDcuODI0IDMyLjU0OCAxMi44MzEgNDkuMTM0IDEyLjgzMSAxOS43MTYgMCAzMC4zNTctMTEuODkyIDMwLjM1Ny0yOC4xNjZ2LTY2LjM0N2g0OC44MjJ2NjYuMDM0YzAgMjUuNjYzLTE1Ljk2MSA0Ni42MzEtNzAuMTAzIDQ2LjYzMS0zMi44NjEgMC01OC41MjMtNy4xOTgtNTguNTIzLTcuMTk4djExOS44NjNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC4xNjZoLTgzLjI0N3oiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJNMjQyLjg1NiAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djc0LjQ4NGMxNC4zOTYtMTIuMjA1IDM5LjQzMy0yMC4wMjkgNzkuODA0LTE4LjE1MiAyMS41OTQuOTM5IDQ0Ljc1MyA2Ljg4NSA0NC43NTMgNi44ODV2MjQuMDk4Yy0xMS41NzktNS45NDYtMjUuMzUtMTEuMjY3LTQzLjE4OC0xMi41MTgtMzAuNjctMi4xOTEtNDkuMTM0IDEyLjgzMS00OS4xMzQgMzkuMTIgMCAyNi42MDEgMTguNDY1IDQxLjYyMyA0OS4xMzQgMzkuMTIgMTcuODM5LTEuMjUyIDMxLjYwOS02Ljg4NSA0My4xODgtMTIuNTE4djI0LjA5OHMtMjIuODQ2IDUuOTQ2LTQ0Ljc1MyA2Ljg4NWMtNDAuMzcyIDEuODc4LTY1LjQwOC01Ljk0Ni03OS44MDQtMTguMTUydjEzMS40NDNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC43OTJoLTgzLjU2eiIgZmlsbD0idXJsKCNlKSIvPjwvc3ZnPg=="); }
.rccs__card--laser .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM2OCIgdmlld0JveD0iMCAwIDUxMiAzNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiMyODM0N0QiIGQ9Ik0wIDM2Ny4yMTJoNTEydi0zNjcuMjExaC01MTJ6Ii8+PHBhdGggZD0iTTI1My45MSAyOTEuMDQzaC0yNTMuOTF2Mi4wOTZoMjUyLjY5bC4xMTYgNy42MjIgNC43NjQtNy42MjJoMjU0LjQzdi0yLjA5NmgtMjUzLjI3MWwzLjY2My02LjExMi04LjQ4MiA2LjExMnptMi41NTYtMjAuMDg0aC0yNTYuNDY2djIuMDk2aDI1NS40Mmw5LjE0NyA4LjM5OCA1LjExMi04LjM5OGgyNDIuMzIxdi0yLjA5NmgtMjQxLjA0NWw0LjY3Ny03LjY4NC0xOS4xNjYgNy42ODR6bTIuMTUtMjAuMDgzaC0yNTguNjE2djIuMDk2aDI1NS45OTlsMjAuODgyIDguMjUyIDUuMDIyLTguMjUyaDIzMC4wOTd2LTIuMDk2aC0yMjguODJsNC4xMS02Ljc1Mi0yOC42NzQgNi43NTJ6bS02Ljk3Mi0yMC4wODNoLTI1MS42NDR2Mi4wOTZoMjUwLjAxN2wzOS4zNDIgNy44MzYgNC43Ny03LjgzNmgyMTcuODcxdi0yLjA5NmgtMjE2LjU5NGw0LjEzNC03LjI1Mi00Ny44OTYgNy4yNTJ6bS0yMi43NzUtMTcuMDU3aC0yMjguODY4djIuMDk2aDIzNy43bDYzLjEgNS45OTYgMy43MTEtNS45OTZoMjA3LjQ4OXYtMi4wOTZoLTIwNi4yMTRsNS4xMy04LjMyNC04Mi4wNDggOC4zMjR6bS0zLjMxLTIwLjA4M2gtMjI1LjU1OHYyLjA5NmgyMjYuMDgxbDg2Ljg4OSA2LjExMiAzLjc2Ni02LjExMmgxOTUuMjY0di0yLjA5NmgtMTkzLjk4OGw0LjUzNS03LjQ1MS05Ni45ODkgNy40NTF6bS0zLjEzOC0yMC4wODNoLTIyMi40MnYyLjA5NmgyMjEuOTU1bDEwMy4xMjEgNi4zNDQgMy44ODYtNi4zNDRoMTgzLjAzOHYtMi4wOTZoLTE4MS43NjNsNC40MzQtNy4yMTgtMTEyLjI1MSA3LjIxOHptLTguNzcyLTIwLjA4M2gtMjEzLjY0N3YyLjA5NWgyMTMuMjk4bDEyMy40ODIgNy42NjcgNC42MDUtNy42NjdoMTcwLjYxNXYtMi4wOTVoLTE2OS4zNTZsNC4wNzgtNi43ODgtMTMzLjA3NSA2Ljc4OHptLTE5LjA1Ny0xNy4yODloLTE5NC41OTF2Mi4wOTZoMTk0LjQxNmwxNTMuNjY3IDYuMTM4IDMuNjg5LTYuMTM4aDE2MC4yMjh2LTIuMDk2aC0xNTguOTdsNC42MzEtNy43MDktMTYzLjA3IDcuNzA5em00Ljc2NS0yMC4wODRoLTE5OS4zNTV2Mi4wOTZoMTk4LjMwOGwxNjEuNDQzIDYuODEgNC4wODQtNi44MWgxNDguMTY1di0yLjA5NmgtMTQ2LjkwNmw0LjAxNS02LjY4NC0xNjkuNzU0IDYuNjg0em0tMTEuMzMtMjAuMDgzaC0xODguMDI1djIuMDk2aDE4Ni45NzlsMTg0LjY3NiA3LjEwMiA0LjI0NC03LjEwMmgxMzYuMTAxdi0yLjA5NmgtMTM0Ljg0MmwzLjY3Ny02LjE3MS0xOTIuODEgNi4xNzF6bS04Ljg4OS0yMC4wODNoLTE3OS4xMzZ2Mi4wOTZoMTY0Ljg0NGwyMTkuMDg2IDYuNzEzIDQuMDMzLTYuNzEzaDEyNC4wMzd2LTIuMDk2aC0xMjIuNzc4bDMuNjc4LTYuMTIxLTIxMy43NjQgNi4xMjF6bS0xLjIyLTIwLjA4M2gtMTc3LjkxNnYyLjA5NmgxNzUuNjVsMjE5Ljc0OCA3LjcwNiA0LjYzLTcuNzA2aDExMS45NzJ2LTIuMDk2aC0xMTAuNzE0bDMuOTIyLTYuNTItMjI3LjI5MiA2LjUyem0tMTIuMzc1LTIwLjA4M2gtMTY1LjU0MXYyLjA5NWgxMzIuNTQybDI3NS4yOTkgNy4wNzggNC4yNTEtNy4wNzhoOTkuOTA4di0yLjA5NWgtOTguNjQ5bDMuODE3LTYuMzU2LTI1MS42MjcgNi4zNTZ6bS04Mi4yMjctMTYuNjQ5aC04My4zMTR2Mi4wOTZoMjAwLjA1MmwyMTkuNTU0IDQuMTM4IDIuNDg3LTQuMTM4aDg5LjkwN3YtMi4wOTZoLTg4LjY0OGw1LjU4OC05LjMwMy0zNDUuNjI1IDkuMzAzeiIgZmlsbD0iI0VCMEQ3RiIvPjxwYXRoIGQ9Ik0xMzQuNzEgMzQ5LjE0MXYtMzcuNjE4aDcuNjQzdjMxLjIyN2gxOS4wMDV2Ni4zOTFoLTI2LjY0OHptODMuMTU1IDBoLTguMzE0bC0zLjMwNi04LjYxNWgtMTUuMTMybC0zLjEyNCA4LjYxNWgtOC4xMDhsMTQuNzQ0LTM3LjkyOWg4LjA4MmwxNS4xNTcgMzcuOTI5em0tMTQuMDczLTE1LjAwNmwtNS4yMTYtMTQuMDc1LTUuMTEzIDE0LjA3NWgxMC4zMjl6bTMzLjExMiAyLjY2NWw3LjQzNi0uNzI1Yy40NDcgMi41MDIgMS4zNTYgNC4zMzkgMi43MjUgNS41MTEgMS4zNjggMS4xNzQgMy4yMTUgMS43NTkgNS41MzkgMS43NTkgMi40NiAwIDQuMzE3LS41MjEgNS41NjQtMS41NjYgMS4yNDgtMS4wNDIgMS44NzItMi4yNjMgMS44NzItMy42NiAwLS44OTYtLjI2My0xLjY2LS43ODctMi4yOS0uNTI1LS42MjktMS40NDQtMS4xNzYtMi43NTItMS42NDItLjg5NC0uMzExLTIuOTM1LS44NjItNi4xMTktMS42NTYtNC4wOTctMS4wMTctNi45NzEtMi4yNjctOC42MjQtMy43NTItMi4zMjMtMi4wODYtMy40ODUtNC42MzEtMy40ODUtNy42MzIgMC0xLjkzMS41NDYtMy43MzkgMS42MzktNS40MTkgMS4wOTMtMS42ODMgMi42NjgtMi45NjQgNC43MjYtMy44NDMgMi4wNTctLjg4IDQuNTM5LTEuMzE5IDcuNDUtMS4zMTkgNC43NTEgMCA4LjMyOCAxLjA0NCAxMC43MjggMy4xMyAyLjQwMyAyLjA4NyAzLjY2MSA0Ljg3NCAzLjc4NCA4LjM1NmwtNy42NDMuMzM3Yy0uMzI5LTEuOTQ4LTEuMDMxLTMuMzUtMi4xMDQtNC4yMDUtMS4wNzctLjg1Mi0yLjY5MS0xLjI4LTQuODQ0LTEuMjgtMi4yMjEgMC0zLjk1OS40NTgtNS4yMTYgMS4zNzEtLjgwOS41ODctMS4yMTQgMS4zNzItMS4yMTQgMi4zNTUgMCAuODk3LjM3OCAxLjY2NSAxLjEzNyAyLjMwMi45NjMuODEyIDMuMzA1IDEuNjU2IDcuMDI0IDIuNTM2IDMuNzE4Ljg3OSA2LjQ2OCAxLjc4OSA4LjI0OSAyLjczIDEuNzgzLjkzOSAzLjE3OCAyLjIyNSA0LjE4MyAzLjg1MyAxLjAwOCAxLjYzMiAxLjUxMSAzLjY0NiAxLjUxMSA2LjA0MiAwIDIuMTc0LS42MDMgNC4yMDktMS44MDcgNi4xMDYtMS4yMDcgMS44OTgtMi45MSAzLjMwOC01LjExMiA0LjIzMS0yLjIwNS45MjItNC45NSAxLjM4NC04LjIzOSAxLjM4NC00Ljc4NiAwLTguNDYtMS4xMDktMTEuMDI1LTMuMzI2LTIuNTY1LTIuMjE1LTQuMDk3LTUuNDQ1LTQuNTk2LTkuNjg4em01NC4xMzIgMTIuMzQxdi0zNy45MjloMjguMDY5djYuNDE3aC0yMC40MjZ2OC40MDhoMTkuMDA1djYuMzkxaC0xOS4wMDV2MTAuMzIyaDIxLjE0OXY2LjM5MWgtMjguNzkyem01Mi4yMiAwdi0zNy45MjloMTYuMDg3YzQuMDQ1IDAgNi45ODQuMzQgOC44MTkgMS4wMjEgMS44MzIuNjgzIDMuMzAxIDEuODk1IDQuNDAyIDMuNjM2IDEuMTAxIDEuNzQzIDEuNjUzIDMuNzM1IDEuNjUzIDUuOTc3IDAgMi44NDUtLjgzNiA1LjE5Ni0yLjUwNSA3LjA0OS0xLjY3IDEuODU1LTQuMTY3IDMuMDI1LTcuNDg4IDMuNTA2IDEuNjUzLjk2NyAzLjAxNyAyLjAyOCA0LjA5NCAzLjE4MyAxLjA3NSAxLjE1NiAyLjUyNCAzLjIwOCA0LjM1MSA2LjE1N2w0LjYyMSA3LjRoLTkuMTRsLTUuNTI2LTguMjU0Yy0xLjk2Mi0yLjk0OS0zLjMwNS00LjgwOC00LjAyOC01LjU3Ni0uNzIzLS43NjYtMS40ODktMS4yOTMtMi4yOTktMS41NzctLjgwOS0uMjg2LTIuMDkxLS40MjctMy44NDYtLjQyN2gtMS41NXYxNS44MzRoLTcuNjQzem03LjY0My0yMS44ODhoNS42NTVjMy42NjcgMCA1Ljk1NS0uMTU1IDYuODY5LS40NjYuOTEyLS4zMSAxLjYyNy0uODQ0IDIuMTQ0LTEuNjA0LjUxNi0uNzU5Ljc3NC0xLjcwNy43NzQtMi44NDYgMC0xLjI3Ni0uMzQtMi4zMDctMS4wMTktMy4wOTEtLjY4Mi0uNzg1LTEuNjQxLTEuMjgxLTIuODgtMS40ODgtLjYyLS4wODYtMi40NzgtLjEzLTUuNTc3LS4xM2gtNS45NjV2OS42MjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); }
.rccs__card--maestro .rccs__card__background, .rccs__card--mastercard .rccs__card__background {
    background-image: url(/dist/imagenes/card_blue.svg);
    box-shadow: none;
    background-repeat: no-repeat;
    background-size: cover;
}
.rccs__card--maestro .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5OCIgdmlld0JveD0iMCAwIDUxMiAzOTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiM2QzZCQkQiIGQ9Ik0zMjUuMjIzIDI4Mi42MjloLTEzOC40NDV2LTI0OC44MDNoMTM4LjQ0NXoiLz48cGF0aCBkPSJNMTk1LjU2NSAxNTguMjMzYzAtNTAuNDcxIDIzLjYzMS05NS40MjkgNjAuNDMtMTI0LjQwMS0yNi45MS0yMS4xODYtNjAuODczLTMzLjgzMi05Ny43ODMtMzMuODMyLTg3LjM4MSAwLTE1OC4yMTMgNzAuODQyLTE1OC4yMTMgMTU4LjIzM3M3MC44MzIgMTU4LjIzMyAxNTguMjEzIDE1OC4yMzNjMzYuOTEgMCA3MC44NzItMTIuNjQ1IDk3Ljc4My0zMy44MzItMzYuNzk5LTI4Ljk3My02MC40My03My45MzEtNjAuNDMtMTI0LjQwMSIgZmlsbD0iI0QzMjAxMSIvPjxwYXRoIGQ9Ik01MTIgMTU4LjIzM2MwIDg3LjM5MS03MC44MzIgMTU4LjIzMy0xNTguMjEzIDE1OC4yMzMtMzYuOTEgMC03MC44NzItMTIuNjQ1LTk3Ljc5My0zMy44MzIgMzYuODA5LTI4Ljk3MyA2MC40NC03My45MzEgNjAuNDQtMTI0LjQwMSAwLTUwLjQ3MS0yMy42MzEtOTUuNDI5LTYwLjQ0LTEyNC40MDEgMjYuOTItMjEuMTg2IDYwLjg4My0zMy44MzIgOTcuNzkzLTMzLjgzMiA4Ny4zODEgMCAxNTguMjEzIDcwLjg0MiAxNTguMjEzIDE1OC4yMzMiIGZpbGw9IiMwMDk5REYiLz48cGF0aCBkPSJNMzcyLjA2NSAzNTIuOTM0YzEuODQxIDAgNC40ODcuMzUyIDYuNTA5IDEuMTQ3bC0yLjgxNyA4LjYxMWMtMS45MzItLjc5NS0zLjg2My0xLjA1Ni01LjcxNC0xLjA1Ni01Ljk3NiAwLTguOTYzIDMuODYzLTguOTYzIDEwLjgwNHYyMy41NmgtOS4xNDR2LTQyLjAxaDkuMDU0djUuMWMyLjM3NC0zLjY5MiA1LjgwNS02LjE1NyAxMS4wNzYtNi4xNTd6bS0zMy43ODEgOS40MDZoLTE0LjkzOXYxOC45ODNjMCA0LjIxNSAxLjQ4OSA3LjAzMiA2LjA2NiA3LjAzMiAyLjM3NCAwIDUuMzYyLS43OTUgOC4wNzgtMi4zNzRsMi42MzYgNy44MTdjLTIuODk3IDIuMDIyLTcuNDY0IDMuMjU5LTExLjQxOCAzLjI1OS0xMC44MTQgMC0xNC41ODctNS44MDUtMTQuNTg3LTE1LjU2M3YtMTkuMTU0aC04LjUzMXYtOC4zNWg4LjUzMXYtMTIuNzQ2aDkuMjI1djEyLjc0NmgxNC45Mzl2OC4zNXptLTExNi45ODcgOC45NjNjLjk3Ni02LjA2NiA0LjY1OC0xMC4yMDEgMTEuMTY3LTEwLjIwMSA1Ljg4NSAwIDkuNjY4IDMuNjkyIDEwLjYzMyAxMC4yMDFoLTIxLjh6bTMxLjI5NyAzLjY5MmMtLjA5MS0xMy4wOTgtOC4xNzktMjIuMDYxLTE5Ljk1OS0yMi4wNjEtMTIuMzAzIDAtMjAuOTE1IDguOTYzLTIwLjkxNSAyMi4wNjEgMCAxMy4zNSA4Ljk2MyAyMi4wNTEgMjEuNTM4IDIyLjA1MSA2LjMyOCAwIDEyLjEyMi0xLjU3OSAxNy4yMjMtNS44ODVsLTQuNDg3LTYuNzdjLTMuNTExIDIuODE3LTcuOTk4IDQuMzk2LTEyLjIxMyA0LjM5Ni01Ljg4NSAwLTExLjI0Ny0yLjcyNi0xMi41NjUtMTAuMjgxaDMxLjE5NmMuMDkxLTEuMTQ3LjE4MS0yLjI4NC4xODEtMy41MTF6bTQwLjE1OS0xMC4yODFjLTIuNTQ1LTEuNTg5LTcuNzI2LTMuNjEyLTEzLjA4OC0zLjYxMi01LjAxIDAtNy45OTggMS44NTEtNy45OTggNC45MjkgMCAyLjgwNyAzLjE1OSAzLjYwMSA3LjExMiA0LjEyNWw0LjMwNi42MTRjOS4xNDQgMS4zMjggMTQuNjc3IDUuMTkxIDE0LjY3NyAxMi41NzUgMCA3Ljk5OC03LjAzMiAxMy43MTItMTkuMTU0IDEzLjcxMi02Ljg2MSAwLTEzLjE4OS0xLjc2LTE4LjE5OC01LjQ1Mmw0LjMwNi03LjEyMmMzLjA3OCAyLjM3NCA3LjY1NiA0LjM5NiAxMy45ODMgNC4zOTYgNi4yMzcgMCA5LjU3Ny0xLjg0MSA5LjU3Ny01LjEgMC0yLjM2NC0yLjM3NC0zLjY5Mi03LjM4NC00LjM4NmwtNC4zMDYtLjYxNGMtOS40MDYtMS4zMjgtMTQuNTA2LTUuNTQzLTE0LjUwNi0xMi4zOTQgMC04LjM1IDYuODYxLTEzLjQ1IDE3LjQ5NC0xMy40NSA2LjY4IDAgMTIuNzQ2IDEuNDk5IDE3LjEzMiA0LjM5NmwtMy45NTQgNy4zODR6bTExMi43MjItMy4wOThjLTEuODgxIDAtMy42MjIuMzMyLTUuMjQxLjk4Ni0xLjYxLjY2NC0zLjAwOCAxLjU4OS00LjE4NSAyLjc3Ny0xLjE3NyAxLjE4Ny0yLjEwMyAyLjYxNi0yLjc3NyA0LjI3NS0uNjc0IDEuNjYtMS4wMDYgMy40OTEtMS4wMDYgNS40ODMgMCAyLjAwMi4zMzIgMy44MjMgMS4wMDYgNS40ODMuNjc0IDEuNjYgMS42IDMuMDg4IDIuNzc3IDQuMjc1IDEuMTc3IDEuMTg3IDIuNTc1IDIuMTEzIDQuMTg1IDIuNzc3IDEuNjIuNjY0IDMuMzYuOTg2IDUuMjQxLjk4NiAxLjg4MSAwIDMuNjMyLS4zMjIgNS4yNDEtLjk4NiAxLjYyLS42NjQgMy4wMjgtMS41ODkgNC4yMDUtMi43NzcgMS4xOTctMS4xODcgMi4xMjMtMi42MTYgMi44MDctNC4yNzUuNjc0LTEuNjYgMS4wMDYtMy40ODEgMS4wMDYtNS40ODMgMC0xLjk5Mi0uMzMyLTMuODIzLTEuMDA2LTUuNDgzLS42ODQtMS42Ni0xLjYxLTMuMDg4LTIuODA3LTQuMjc1LTEuMTc3LTEuMTg3LTIuNTg1LTIuMTEzLTQuMjA1LTIuNzc3LTEuNjEtLjY1NC0zLjM2LS45ODYtNS4yNDEtLjk4NnptMC04LjY4MmMzLjI1OSAwIDYuMjc3LjU2MyA5LjA1NCAxLjcgMi43NzcgMS4xMjcgNS4xODEgMi42ODYgNy4yMDMgNC42NjggMi4wMzIgMS45ODIgMy42MTIgNC4zMjYgNC43NTggNy4wMjIgMS4xNDcgMi43MDYgMS43MiA1LjY0NCAxLjcyIDguODEzIDAgMy4xNjktLjU3MyA2LjEwNi0xLjcyIDguODEzLTEuMTQ3IDIuNjk2LTIuNzI2IDUuMDUtNC43NTggNy4wMzItMi4wMjIgMS45ODItNC40MjYgMy41MzEtNy4yMDMgNC42NjgtMi43NzcgMS4xMjctNS43OTUgMS42OS05LjA1NCAxLjY5LTMuMjU5IDAtNi4yNzctLjU2My05LjA1NC0xLjY5LTIuNzc3LTEuMTM3LTUuMTYxLTIuNjg2LTcuMTczLTQuNjY4LTIuMDEyLTEuOTgyLTMuNTkxLTQuMzM2LTQuNzM4LTcuMDMyLTEuMTQ3LTIuNzA2LTEuNzItNS42NDQtMS43Mi04LjgxMyAwLTMuMTY5LjU3My02LjEwNiAxLjcyLTguODEzIDEuMTQ3LTIuNjk2IDIuNzI2LTUuMDQgNC43MzgtNy4wMjIgMi4wMTItMS45ODIgNC4zOTYtMy41NDEgNy4xNzMtNC42NjggMi43NzctMS4xMzcgNS43OTUtMS43IDkuMDU0LTEuN3ptLTIzNy41NzYgMjIuMDYxYzAtNy4zODQgNC44MzktMTMuNDUgMTIuNzQ2LTEzLjQ1IDcuNTU1IDAgMTIuNjU1IDUuODA1IDEyLjY1NSAxMy40NSAwIDcuNjQ2LTUuMSAxMy40NC0xMi42NTUgMTMuNDQtNy45MDcgMC0xMi43NDYtNi4wNTYtMTIuNzQ2LTEzLjQ0em0zNC4wMTMgMHYtMjEuMDA1aC05LjEzNHY1LjFjLTIuOTA3LTMuNzgzLTcuMjkzLTYuMTU3LTEzLjI2OS02LjE1Ny0xMS43OCAwLTIxLjAwNSA5LjIyNS0yMS4wMDUgMjIuMDYxIDAgMTIuODI2IDkuMjI1IDIyLjA2MSAyMS4wMDUgMjIuMDYxIDUuOTc2IDAgMTAuMzYyLTIuMzc0IDEzLjI2OS02LjE1N3Y1LjFoOS4xMzR2LTIxLjAwNXptLTUxLjQ5NyAyMS4wMDV2LTI2LjM2N2MwLTkuOTI5LTYuMzI4LTE2LjYwOS0xNi41MTgtMTYuNy01LjM2Mi0uMDkxLTEwLjkwNSAxLjU3OS0xNC43NjggNy40NzUtMi44OTctNC42NTgtNy40NzUtNy40NzUtMTMuODkzLTcuNDc1LTQuNDc3IDAtOC44NzMgMS4zMTgtMTIuMzAzIDYuMjM3di01LjE4MWgtOS4xMzR2NDIuMDFoOS4yMjV2LTIzLjI4OWMwLTcuMjkzIDQuMDQ0LTExLjE2NyAxMC4yODEtMTEuMTY3IDYuMDY2IDAgOS4xNDQgMy45NTQgOS4xNDQgMTEuMDc2djIzLjM3OWg5LjIyNXYtMjMuMjg5YzAtNy4yOTMgNC4yMjUtMTEuMTY3IDEwLjI4MS0xMS4xNjcgNi4yNDcgMCA5LjIzNSAzLjk1NCA5LjIzNSAxMS4wNzZ2MjMuMzc5aDkuMjI1eiIgZmlsbD0iIzExMEYwRCIvPjwvc3ZnPg=="); }
.rccs__card--mastercard .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgdmlld0JveD0iMCAwIDUxMiAzOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05My4wNzkgMzk2LjAyM3YtMjYuMzQzYzAtMTAuMDk4LTYuMTQ3LTE2LjY4NC0xNi42ODQtMTYuNjg0LTUuMjY5IDAtMTAuOTc2IDEuNzU2LTE0LjkyOCA3LjQ2NC0zLjA3My00LjgzLTcuNDY0LTcuNDY0LTE0LjA1LTcuNDY0LTQuMzkgMC04Ljc4MSAxLjMxNy0xMi4yOTMgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy4yN2MwLTcuNDY0IDMuOTUxLTEwLjk3NiAxMC4wOTgtMTAuOTc2czkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoOS4yMnYtMjMuMjdjMC03LjQ2NCA0LjM5LTEwLjk3NiAxMC4wOTgtMTAuOTc2IDYuMTQ3IDAgOS4yMiAzLjk1MSA5LjIyIDEwLjk3NnYyMy4yN2gxMC4wOTh6bTEzNi41NDQtNDIuMTQ5aC0xNC45Mjh2LTEyLjczMmgtOS4yMnYxMi43MzJoLTguMzQydjguMzQyaDguMzQydjE5LjMxOGMwIDkuNjU5IDMuOTUxIDE1LjM2NyAxNC40ODkgMTUuMzY3IDMuOTUxIDAgOC4zNDItMS4zMTcgMTEuNDE1LTMuMDczbC0yLjYzNC03LjkwM2MtMi42MzQgMS43NTYtNS43MDggMi4xOTUtNy45MDMgMi4xOTUtNC4zOSAwLTYuMTQ3LTIuNjM0LTYuMTQ3LTcuMDI1di0xOC44NzloMTQuOTI4di04LjM0MnptNzguMTUxLS44NzhjLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTguMTA0IDQuMzljLTQuMzktMy4wNzMtMTAuNTM3LTQuMzktMTcuMTIzLTQuMzktMTAuNTM3IDAtMTcuNTYyIDUuMjY5LTE3LjU2MiAxMy42MTEgMCA3LjAyNSA1LjI2OSAxMC45NzYgMTQuNDg5IDEyLjI5M2w0LjM5LjQzOWM0LjgzLjg3OCA3LjQ2NCAyLjE5NSA3LjQ2NCA0LjM5IDAgMy4wNzMtMy41MTIgNS4yNjktOS42NTkgNS4yNjlzLTEwLjk3Ni0yLjE5NS0xNC4wNS00LjM5bC00LjM5IDcuMDI1YzQuODMgMy41MTIgMTEuNDE1IDUuMjY5IDE4LjAwMSA1LjI2OSAxMi4yOTMgMCAxOS4zMTgtNS43MDggMTkuMzE4LTEzLjYxMSAwLTcuNDY0LTUuNzA4LTExLjQxNS0xNC40ODktMTIuNzMybC00LjM5LS40MzljLTMuOTUxLS40MzktNy4wMjUtMS4zMTctNy4wMjUtMy45NTEgMC0zLjA3MyAzLjA3My00LjgzIDcuOTAzLTQuODMgNS4yNjkgMCAxMC41MzcgMi4xOTUgMTMuMTcxIDMuNTEybDMuOTUxLTcuNDY0em0yNDQuOTktNC4zOWMtNS4yNjkgMC04Ljc4MSAyLjYzNC0xMC45NzYgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy43MDljMC03LjAyNSAzLjA3My0xMC45NzYgOC43ODEtMTAuOTc2IDEuNzU2IDAgMy45NTEuNDM5IDUuNzA4Ljg3OGwyLjYzNC04Ljc4MWMtMS43NTYtLjQzOS00LjM5LS40MzktNi4xNDctLjQzOXptLTExNy42NjUgMjEuOTUyYzAgMTIuNzMyIDguNzgxIDIxLjk1MiAyMi4zOTIgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTEuMzE3IDE0LjkyOC00LjgzbC00LjM5LTcuNDY0Yy0zLjUxMiAyLjYzNC03LjAyNSAzLjk1MS0xMC45NzYgMy45NTEtNy40NjQgMC0xMi43MzItNS4yNjktMTIuNzMyLTEzLjYxMSAwLTcuOTAzIDUuMjY5LTEzLjE3MSAxMi43MzItMTMuNjExIDMuOTUxIDAgNy40NjQgMS4zMTcgMTAuOTc2IDMuOTUxbDQuMzktNy40NjRjLTQuMzktMy41MTItOC43ODEtNC44My0xNC45MjgtNC44My0xMy42MTEgMC0yMi4zOTIgOS4yMi0yMi4zOTIgMjEuOTUyem04NS4xNzYgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0xMTAuMjAxLTIxLjk1MmMtMTIuMjkzIDAtMjEuMDc0IDguNzgxLTIxLjA3NCAyMS45NTIgMCAxMy4xNzEgOC43ODEgMjEuOTUyIDIxLjUxMyAyMS45NTIgNi4xNDcgMCAxMi4yOTMtMS43NTYgMTcuMTIzLTUuNzA4bC00LjM5LTYuNTg2Yy0zLjUxMiAyLjYzNC03LjkwMyA0LjM5LTEyLjI5MyA0LjM5LTUuNzA4IDAtMTEuNDE1LTIuNjM0LTEyLjczMi0xMC4wOThoMzEuMTczdi0zLjUxMmMuNDM5LTEzLjYxMS03LjQ2NC0yMi4zOTItMTkuMzE4LTIyLjM5MnptMCA3LjkwM2M1LjcwOCAwIDkuNjU5IDMuNTEyIDEwLjUzNyAxMC4wOThoLTIxLjk1MmMuODc4LTUuNzA4IDQuODMtMTAuMDk4IDExLjQxNS0xMC4wOTh6bTIyOC43NDUgMTQuMDV2LTM3Ljc1OGgtOS4yMnYyMS45NTJjLTMuMDczLTMuOTUxLTcuNDY0LTYuMTQ3LTEzLjE3MS02LjE0Ny0xMS44NTQgMC0yMS4wNzQgOS4yMi0yMS4wNzQgMjEuOTUyIDAgMTIuNzMyIDkuMjIgMjEuOTUyIDIxLjA3NCAyMS45NTIgNi4xNDcgMCAxMC41MzctMi4xOTUgMTMuMTcxLTYuMTQ3djUuMjY5aDkuMjJ2LTIxLjA3NHptLTMzLjgwNyAwYzAtNy40NjQgNC44My0xMy42MTEgMTIuNzMyLTEzLjYxMSA3LjQ2NCAwIDEyLjczMiA1LjcwOCAxMi43MzIgMTMuNjExIDAgNy40NjQtNS4yNjkgMTMuNjExLTEyLjczMiAxMy42MTEtNy45MDMtLjQzOS0xMi43MzItNi4xNDctMTIuNzMyLTEzLjYxMXptLTMwOC4yMTMgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zNC4yNDYgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6Ii8+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTE4Ni41OTYgMzMuODA3aDEzOC4zMDF2MjQ4LjUwMmgtMTM4LjMwMXoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MS0yNi43ODItMjEuMDc0LTYwLjU4OS0zMy44MDctOTcuNDY5LTMzLjgwNy04Ny4zNzEgMC0xNTguMDU4IDcwLjY4Ny0xNTguMDU4IDE1OC4wNThzNzAuNjg3IDE1OC4wNTggMTU4LjA1OCAxNTguMDU4YzM2Ljg4IDAgNzAuNjg3LTEyLjczMiA5Ny40NjktMzMuODA3LTM2LjQ0MS0yOC41MzgtNjAuMTUtNzMuNzYtNjAuMTUtMTI0LjI1MXoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTExLjQ5MyAxNTguMDU4YzAgODcuMzcxLTcwLjY4NyAxNTguMDU4LTE1OC4wNTggMTU4LjA1OC0zNi44OCAwLTcwLjY4Ny0xMi43MzItOTcuNDY5LTMzLjgwNyAzNi44OC0yOC45NzcgNjAuMTUtNzMuNzYgNjAuMTUtMTI0LjI1MXMtMjMuNzA5LTk1LjI3NC02MC4xNS0xMjQuMjUxYzI2Ljc4Mi0yMS4wNzQgNjAuNTg5LTMzLjgwNyA5Ny40NjktMzMuODA3IDg3LjM3MSAwIDE1OC4wNTggNzEuMTI2IDE1OC4wNTggMTU4LjA1OHoiIGZpbGw9IiNGNzlFMUIiLz48L3N2Zz4="); }
.rccs__card--unionpay .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMyMCIgdmlld0JveD0iMCAwIDUxMiAzMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xMDAuMDgzLjAwMWgxMjcuNTU3YzE3LjgwNiAwIDI4Ljg4IDE0LjUxMyAyNC43MjcgMzIuMzc4bC01OS4zODcgMjU0Ljk3MWMtNC4xOTEgMTcuODAzLTIyLjAxOSAzMi4zMjgtMzkuODM3IDMyLjMyOGgtMTI3LjU0NWMtMTcuNzgxIDAtMjguODgtMTQuNTI2LTI0LjcyNy0zMi4zMjhsNTkuNDEyLTI1NC45NzFjNC4xNTQtMTcuODY1IDIxLjk3Mi0zMi4zNzggMzkuOC0zMi4zNzgiIGZpbGw9IiNFMjE4MzYiLz48cGF0aCBkPSJNMjE3LjAyNy4wMDFoMTQ2LjY4N2MxNy44MDMgMCA5Ljc3NSAxNC41MTMgNS41ODcgMzIuMzc4bC01OS4zNzggMjU0Ljk3MWMtNC4xNjYgMTcuODAzLTIuODY3IDMyLjMyOC0yMC43MDcgMzIuMzI4aC0xNDYuNjg3Yy0xNy44NCAwLTI4Ljg4LTE0LjUyNi0yNC42ODktMzIuMzI4bDU5LjM3NS0yNTQuOTcxYzQuMjE2LTE3Ljg2NSAyMS45OTctMzIuMzc4IDM5LjgxMi0zMi4zNzgiIGZpbGw9IiMwMDQ0N0MiLz48cGF0aCBkPSJNMzU3Ljg5Ni4wMDFoMTI3LjU1N2MxNy44MzEgMCAyOC45MDUgMTQuNTEzIDI0LjcxNyAzMi4zNzhsLTU5LjM3OCAyNTQuOTcxYy00LjE5MSAxNy44MDMtMjIuMDMxIDMyLjMyOC0zOS44NTkgMzIuMzI4aC0xMjcuNDk4Yy0xNy44NCAwLTI4LjkwNS0xNC41MjYtMjQuNzI3LTMyLjMyOGw1OS4zODctMjU0Ljk3MWM0LjE1NC0xNy44NjUgMjEuOTYtMzIuMzc4IDM5LjgtMzIuMzc4IiBmaWxsPSIjMDA3Qjg0Ii8+PHBhdGggZD0iTTEzMy4zOTcgODEuNzEyYy0xMy4xMTcuMTM0LTE2Ljk5MSAwLTE4LjIyOS0uMjkyLS40NzYgMi4yNi05LjMyNyA0My4wOTItOS4zNTIgNDMuMTI2LTEuOTA2IDguMjYxLTMuMjkzIDE0LjE1LTguMDAzIDE3Ljk1Mi0yLjY3NCAyLjIxMS01Ljc5NSAzLjI3Ny05LjQxNCAzLjI3Ny01LjgxNyAwLTkuMjA2LTIuODg4LTkuNzc1LTguMzY3bC0uMTA5LTEuODgxczEuNzcyLTExLjA2NSAxLjc3Mi0xMS4xMjdjMCAwIDkuMjktMzcuMjEgMTAuOTUzLTQyLjEyOC4wODctLjI4LjExMi0uNDI2LjEzNC0uNTYtMTguMDgzLjE1OS0yMS4yODggMC0yMS41MDktLjI5Mi0uMTIxLjQwMS0uNTY5IDIuNzA4LS41NjkgMi43MDhsLTkuNDg2IDQxLjkzOS0uODE1IDMuNTU3LTEuNTc2IDExLjYzNGMwIDMuNDUxLjY3OCA2LjI2OCAyLjAyNyA4LjY1IDQuMzIyIDcuNTUyIDE2LjY0OSA4LjY4NCAyMy42MjMgOC42ODQgOC45ODUgMCAxNy40MTQtMS45MDkgMjMuMTEtNS4zOTQgOS44ODctNS44NDIgMTIuNDc0LTE0Ljk3MyAxNC43ODEtMjMuMDg4bDEuMDctNC4xNjNzOS41Ny0zOC42NDYgMTEuMTk2LTQzLjY3NGMuMDYyLS4yOC4wODctLjQyNi4xNzEtLjU2em0zMi41NjEgMzEuMTc2Yy0yLjMwNyAwLTYuNTIzLjU2LTEwLjMxIDIuNDE2LTEuMzc0LjcwNi0yLjY3NCAxLjUyLTQuMDQ1IDIuMzMybDEuMjM3LTQuNDY4LS42NzgtLjc1MmMtOC4wMzEgMS42MjYtOS44MjggMS44NDQtMTcuMjQ2IDIuODg4bC0uNjIyLjQxNGMtLjg2MSA3LjE0Mi0xLjYyNiAxMi41MTEtNC44MTkgMjYuNTQ5LTEuMjE2IDUuMTc0LTIuNDc4IDEwLjM5Ny0zLjc0MyAxNS41NThsLjM0Mi42NTZjNy42MDItLjQwMSA5LjkwOS0uNDAxIDE2LjUxNi0uMjkybC41MzUtLjU4MWMuODM5LTQuMy45NDgtNS4zMDcgMi44MDgtMTQuMDE2Ljg3NC00LjEyOSAyLjY5Ni0xMy4yMDEgMy41OTQtMTYuNDMyIDEuNjUxLS43NjUgMy4yOC0xLjUxNyA0LjgzNS0xLjUxNyAzLjcwMyAwIDMuMjUyIDMuMjMgMy4xMDkgNC41MTgtLjE1OSAyLjE2MS0xLjUwOCA5LjIxOC0yLjg5MSAxNS4yNzhsLS45MjMgMy45MTFjLS42NDQgMi44ODgtMS4zNDkgNS42OTYtMS45OTMgOC41NTlsLjI4LjU3MmM3LjQ5My0uNDAxIDkuNzc4LS40MDEgMTYuMTc3LS4yOTJsLjc1Mi0uNTgxYzEuMTU3LTYuNzE2IDEuNDk1LTguNTEzIDMuNTQ3LTE4LjI5MWwxLjAzMi00LjQ5M2MyLjAwNS04Ljc5MyAzLjAxMy0xMy4yNTEgMS40OTUtMTYuODgyLTEuNjA0LTQuMDctNS40NTMtNS4wNTItOC45ODgtNS4wNTJ6bTM2LjM3NCA5LjIwNmMtMy45ODMuNzY1LTYuNTIzIDEuMjc1LTkuMDQ3IDEuNjA0LTIuNTAzLjQwMS00Ljk0My43NjUtOC43OTMgMS4zbC0uMzA1LjI3Ny0uMjguMjIxYy0uNDAxIDIuODY3LS42ODEgNS4zNDUtMS4yMTMgOC4yNTgtLjQ1MSAzLjAxMy0xLjE0NCA2LjQzNi0yLjI3MyAxMS4zNTQtLjg3NCAzLjc2NS0xLjMyNCA1LjA3Ny0xLjgyMiA2LjQwMi0uNDg1IDEuMzI0LTEuMDIgMi42MTItMi4wMDIgNi4zMTVsLjIzLjM0Mi4xOTMuMzE0YzMuNTk3LS4xNzEgNS45NTEtLjI5MiA4LjM3LS4zMTQgMi40MTYtLjA4NyA0LjkxOSAwIDguNzkzLjAyMmwuMzM5LS4yNzcuMzY0LS4zMDVjLjU2LTMuMzM5LjY0NC00LjIzOC45ODYtNS44NjcuMzM5LTEuNzQ3LjkyMy00LjE2NiAyLjM1Ny0xMC42MjcuNjc4LTMuMDM0IDEuNDMzLTYuMDYgMi4xMzYtOS4xNTYuNzMxLTMuMDg0IDEuNDk1LTYuMTIyIDIuMjIzLTkuMTU2bC0uMTA5LS4zNjctLjE0Ni0uMzM5em0uMDg1LTEyLjQxMmMtMy42MTktMi4xMzYtOS45NzEtMS40NTgtMTQuMjQ2IDEuNDkyLTQuMjYzIDIuODkxLTQuNzQ4IDYuOTk1LTEuMTQxIDkuMTU5IDMuNTU3IDIuMDc3IDkuOTM0IDEuNDU4IDE0LjE3MS0xLjUxNyA0LjI1My0yLjk1NCA0Ljc4NS03LjAyIDEuMjE2LTkuMTM1em0yMS44ODcgNDkuNDY3YzcuMzIyIDAgMTQuODI3LTIuMDE4IDIwLjQ3Ny04LjAwNiA0LjM0Ny00Ljg1NiA2LjMzOS0xMi4wODIgNy4wMy0xNS4wNTcgMi4yNDgtOS44NjIuNDk3LTE0LjQ2Ny0xLjcwMS0xNy4yNzEtMy4zMzktNC4yNzUtOS4yNC01LjY0Ni0xNS4zNjItNS42NDYtMy42ODEgMC0xMi40NDkuMzY0LTE5LjI5OCA2LjY3OC00LjkxOSA0LjU1NS03LjE5MSAxMC43MzYtOC41NjIgMTYuNjYyLTEuMzg0IDYuMDM4LTIuOTc1IDE2LjkwNyA3LjAyIDIwLjk1MiAzLjA4NCAxLjMyNCA3LjUzIDEuNjg4IDEwLjM5NyAxLjY4OHptLS41NzItMjIuMTljMS42ODgtNy40NjggMy42ODEtMTMuNzM2IDguNzY4LTEzLjczNiAzLjk4NiAwIDQuMjc1IDQuNjY0IDIuNTAzIDEyLjE1Ny0uMzE3IDEuNjYzLTEuNzcyIDcuODQ3LTMuNzQgMTAuNDgxLTEuMzc0IDEuOTQzLTMgMy4xMjItNC43OTcgMy4xMjItLjUzNSAwLTMuNzE1IDAtMy43NjUtNC43MjMtLjAyNS0yLjMzMi40NTEtNC43MTMgMS4wMzItNy4zem00Ni4zODIgMjEuMjI5bC41NzItLjU4MWMuODExLTQuMy45NDUtNS4zMSAyLjc0Mi0xNC4wMTYuODk5LTQuMTI5IDIuNzU4LTEzLjIwMSAzLjYzMS0xNi40MzIgMS42NTQtLjc2OCAzLjI1NS0xLjUyIDQuODYtMS41MiAzLjY3OCAwIDMuMjMgMy4yMyAzLjA4NCA0LjUxOC0uMTM0IDIuMTY0LTEuNDgzIDkuMjE4LTIuODkxIDE1LjI3OGwtLjg3NCAzLjkxMWMtLjY2OCAyLjg5MS0xLjM5NiA1LjY5Ni0yLjA0IDguNTYybC4yOC41NzJjNy41MTgtLjQwMSA5LjcxNi0uNDAxIDE2LjE1Mi0uMjkybC43NzctLjU4MWMxLjEyOS02LjcxOSAxLjQzMy04LjUxNiAzLjU0Ny0xOC4yOTFsMS4wMDctNC40OTZjMi4wMTUtOC43OTMgMy4wMzQtMTMuMjQ4IDEuNTQyLTE2Ljg3OS0xLjY1MS00LjA3LTUuNTI1LTUuMDUyLTkuMDEtNS4wNTItMi4zMSAwLTYuNTQ4LjU1Ny0xMC4zMTMgMi40MTYtMS4zNDYuNzA2LTIuNjk2IDEuNTE3LTQuMDIgMi4zMzJsMS4xNTMtNC40NjgtLjYxOS0uNzU2Yy04LjAyOCAxLjYyOS05Ljg2MiAxLjg0Ny0xNy4yNzEgMi44OTFsLS41NjkuNDE0Yy0uODk5IDcuMTQyLTEuNjI5IDEyLjUwOC00LjgyMiAyNi41NDktMS4yMTYgNS4xNzQtMi40NzggMTAuMzk3LTMuNzQgMTUuNTU4bC4zMzkuNjU2YzcuNjE0LS40MDEgOS44ODctLjQwMSAxNi40ODEtLjI5MnptNTUuMjM1LjI5MWMuNDczLTIuMzA3IDMuMjgtMTUuOTgxIDMuMzA1LTE1Ljk4MSAwIDAgMi4zOTEtMTAuMDMzIDIuNTM3LTEwLjM5NyAwIDAgLjc1Mi0xLjA0NSAxLjUwNS0xLjQ1OGgxLjEwN2MxMC40NDMgMCAyMi4yMzYgMCAzMS40OC02LjggNi4yOS00LjY2NCAxMC41OS0xMS41NSAxMi41MDgtMTkuOTIuNDk3LTIuMDUyLjg2NC00LjQ5My44NjQtNi45MzMgMC0zLjIwNS0uNjQ0LTYuMzc3LTIuNTAzLTguODU1LTQuNzEzLTYuNTk0LTE0LjEtNi43MTYtMjQuOTM1LTYuNzY1bC01LjM0MS4wNWMtMTMuODcuMTcxLTE5LjQzMi4xMjEtMjEuNzE3LS4xNTktLjE5MyAxLjAxLS41NTcgMi44MDgtLjU1NyAyLjgwOHMtNC45NjggMjMuMDI2LTQuOTY4IDIzLjA2M2MwIDAtMTEuODg5IDQ4Ljk1Ni0xMi40NDkgNTEuMjYzIDEyLjExLS4xNDYgMTcuMDc1LS4xNDYgMTkuMTY1LjA4NHptOS4yMDYtNDAuOTAzczUuMjgyLTIyLjk3OSA1LjI1Ny0yMi44OTJsLjE3MS0xLjE3OC4wNzUtLjg5OSAyLjExMS4yMThzMTAuODk0LjkzNiAxMS4xNDkuOTYxYzQuMyAxLjY2MyA2LjA3MiA1Ljk1MSA0LjgzNSAxMS41NDctMS4xMjkgNS4xMTQtNC40NDYgOS40MTQtOC43MDkgMTEuNDkxLTMuNTEgMS43Ni03LjgxIDEuOTA2LTEyLjI0MSAxLjkwNmgtMi44NjdsLjIxOC0xLjE1M3ptMzIuODg5IDE5LjgwOWMtMS4zOTYgNS45NTEtMyAxNi44MiA2Ljk0NiAyMC42OTQgMy4xNzEgMS4zNDkgNi4wMTMgMS43NSA4LjkwMSAxLjYwNCAzLjA1LS4xNjUgNS44NzYtMS42OTQgOC40OTQtMy44OTZsLS43MDkgMi43MTcuNDUxLjU4MWM3LjE1NC0uMzAyIDkuMzc0LS4zMDIgMTcuMTI1LS4yNDNsLjcwMy0uNTM1YzEuMTMyLTYuNjUzIDIuMTk4LTEzLjExNCA1LjEzOS0yNS44NDMgMS40MzMtNi4wOTcgMi44NjMtMTIuMTM1IDQuMzM0LTE4LjIwN2wtLjIzLS42NjhjLTguMDAzIDEuNDgzLTEwLjE0MiAxLjgtMTcuODQgMi44OTFsLS41ODUuNDc2LS4yMzMgMS44MDZjLTEuMTk3LTEuOTM0LTIuOTMyLTMuNTg1LTUuNjA5LTQuNjE0LTMuNDIzLTEuMzQ2LTExLjQ2My4zODktMTguMzc1IDYuNjgxLTQuODU2IDQuNDkzLTcuMTg4IDEwLjY0OS04LjUxMyAxNi41NTN6bTE2LjgwOC4zNjRjMS43MTMtNy4zMzQgMy42ODEtMTMuNTQgOC43OC0xMy41NCAzLjIyNCAwIDQuOTIyIDIuOTc1IDQuNTc3IDguMDQ5LS4yNzQgMS4yNjUtLjU2OSAyLjU5OS0uOTIgNC4xMDctLjUxIDIuMTc5LTEuMDYzIDQuMzQtMS42MDEgNi41MDQtLjU0NyAxLjQ4LTEuMTg1IDIuODc2LTEuODg0IDMuODA2LTEuMzEyIDEuODU5LTQuNDM0IDMuMDEzLTYuMjMxIDMuMDEzLS41MSAwLTMuNjU2IDAtMy43NjUtNC42MzktLjAyNS0yLjMxLjQ1MS00LjY4OSAxLjA0NS03LjN6bTg3Ljc3Mi0yNC4yMTdsLS42MTktLjcwNmMtNy45MTkgMS42MDQtOS4zNTIgMS44NTktMTYuNjI3IDIuODQybC0uNTM1LjUzNS0uMDg0LjM0Mi0uMDI1LS4xMjFjLTUuNDE2IDEyLjQ5NS01LjI1NyA5LjgtOS42NjYgMTkuNjM3bC0uMDUtMS4yMDMtMS4xMDQtMjEuMzI1LS42OTMtLjcwNmMtOC4yOTUgMS42MDQtOC40OTEgMS44NTktMTYuMTUyIDIuODQybC0uNTk3LjUzNWMtLjA4NC4yNTUtLjA4NC41MzUtLjEzNC44MzlsLjA1LjEwOWMuOTU4IDQuODk0LjcyOCAzLjgwMiAxLjY4OCAxMS41MjUuNDQ4IDMuNzkgMS4wNDUgNy42MDIgMS40OTIgMTEuMzQ1Ljc1NiA2LjI2NSAxLjE3OCA5LjM0OSAyLjEwMiAxOC45MS01LjE3NCA4LjUzOC02LjM5OSAxMS43NjgtMTEuMzc5IDE5LjI2MWwuMDM0LjA3NS0zLjUwNyA1LjU0N2MtLjQwMS41ODUtLjc2NS45ODYtMS4yNzUgMS4xNTctLjU2LjI3Ny0xLjI4Ny4zMjYtMi4yOTguMzI2aC0xLjk0M2wtMi44ODggOS42MDcgOS45MDkuMTcxYzUuODE3LS4wMjUgOS40NzMtMi43NDUgMTEuNDQxLTYuNDAybDYuMjMxLTEwLjY3N2gtLjA5OWwuNjU2LS43NTJjNC4xOTEtOS4wMjMgMzYuMDcyLTYzLjcxMiAzNi4wNzItNjMuNzEyem0tMTA0LjU4IDEyNi4xNzVoLTQuMjA0bDE1LjU1OC01MS40NTloNS4xNjFsMS42MzgtNS4zMDEuMTU5IDUuODk1Yy0uMTkzIDMuNjQ0IDIuNjc0IDYuODc0IDEwLjIwNCA2LjMzOWg4LjcwOWwyLjk5Ny05LjkwOWgtMy4yNzdjLTEuODg0IDAtMi43NTgtLjQ3Ni0yLjY0OS0xLjQ5NWwtLjE1OS01Ljk5N2gtMTYuMTI3di4wMzFjLTUuMjE0LjEwOS0yMC43ODQuNTAxLTIzLjkzNyAxLjM0LTMuODE1Ljk4Mi03LjgzNSAzLjg3NC03LjgzNSAzLjg3NGwxLjU3OS01LjMwN2gtMTUuMDg1bC0zLjE0MyAxMC41MzEtMTUuNzY2IDUyLjI0NWgtMy4wNTlsLTMgOS44MzdoMzAuMDQ2bC0xLjAwNyAzLjI4aDE0LjgwNmwuOTgyLTMuMjhoNC4xNTRsMy4yNTUtMTAuNjI0em0tMTIuMzI4LTQxLjAwM2MtMi40MTYuNjY4LTYuOTEyIDIuNjk2LTYuOTEyIDIuNjk2bDMuOTk4LTEzLjE1MmgxMS45ODZsLTIuODkxIDkuNTgycy0zLjcwMy4yMTgtNi4xODEuODc0em0uMjMgMTguNzg4cy0zLjc2NS40NzMtNi4yNDMgMS4wMzJjLTIuNDQxLjc0LTcuMDE3IDMuMDcyLTcuMDE3IDMuMDcybDQuMTI5LTEzLjY4NmgxMi4wNDhsLTIuOTE2IDkuNTgyem0tNi43MTYgMjIuMzM2aC0xMi4wMjNsMy40ODUtMTEuNTVoMTEuOTg2bC0zLjQ0OCAxMS41NXptMjguOTU0LTMxLjkxOGgxNy4zM2wtMi40OSA4LjA2NWgtMTcuNTZsLTIuNjM3IDguODE3aDE1LjM2NWwtMTEuNjM0IDE2LjM4MmMtLjgxNSAxLjIwMy0xLjU0NSAxLjYyOS0yLjM1NyAxLjk2OC0uODE1LjQxNC0xLjg4NC44OTktMy4xMjIuODk5aC00LjI2M2wtMi45MjkgOS42NTdoMTEuMTQ5YzUuNzk1IDAgOS4yMTgtMi42MzcgMTEuNzQ2LTYuMDk3bDcuOTc4LTEwLjkxOSAxLjcxMyAxMS4wODdjLjM2NCAyLjA3NyAxLjg1NiAzLjI5MyAyLjg2NyAzLjc2NSAxLjExNi41NiAyLjI3IDEuNTIgMy44OTkgMS42NjMgMS43NDcuMDc1IDMuMDEuMTM0IDMuODQ5LjEzNGg1LjQ3OGwzLjI4OS0xMC44MDdoLTIuMTYxYy0xLjI0MSAwLTMuMzc2LS4yMDgtMy43NC0uNTk3LS4zNjQtLjQ3My0uMzY0LTEuMi0uNTYtMi4zMDdsLTEuNzM4LTExLjExMmgtNy4xMTdsMy4xMjItMy43MTVoMTcuNTI2bDIuNjk2LTguODE3aC0xNi4yMjZsMi41MjgtOC4wNjVoMTYuMTc3bDMtOS45NDZoLTQ4LjIyOGwtMi45NTEgOS45NDZ6bS0xNDYuMzcxIDM0LjE2NGw0LjA0NS0xMy40NTZoMTYuNjI0bDMuMDM4LTEwLjAwOGgtMTYuNjRsMi41NC04LjI4M2gxNi4yNjFsMy4wMTMtOS42OTFoLTQwLjY4NmwtMi45NTEgOS42OTFoOS4yNDNsLTIuNDY2IDguMjgzaC05LjI2OGwtMy4wNzIgMTAuMTc5aDkuMjRsLTUuMzkxIDE3LjgwM2MtLjcyOCAyLjM1Ny4zNDIgMy4yNTUgMS4wMiA0LjM1LjY5MyAxLjA2NiAxLjM5NiAxLjc3MiAyLjk3NSAyLjE3MyAxLjYyOS4zNjQgMi43NDUuNTgxIDQuMjYzLjU4MWgxOC43NDJsMy4zMzktMTEuMDg3LTguMzA4IDEuMTQxYy0xLjYwNCAwLTYuMDQ3LS4xOTMtNS41NjItMS42NzZ6bTEuOTA3LTY0LjQxN2wtNC4yMTMgNy42MTRjLS45MDIgMS42NjMtMS43MTMgMi42OTYtMi40NDQgMy4xNzEtLjY0NC40MDEtMS45MTguNTY5LTMuNzY1LjU2OWgtMi4xOThsLTIuOTM4IDkuNzQxaDcuM2MzLjUxIDAgNi4yMDYtMS4yODcgNy40OTMtMS45MzEgMS4zODQtLjc0IDEuNzQ3LS4zMTcgMi44MTctMS4zNDlsMi40NjYtMi4xMzZoMjIuNzk2bDMuMDI1LTEwLjE0MmgtMTYuNjg3bDIuOTEzLTUuNTM3aC0xNi41NjV6bTMzLjY1NCA2NC42MTJjLS4zODktLjU2LS4xMDktMS41NDUuNDg1LTMuNTk3bDYuMjMxLTIwLjYyM2gyMi4xNjVjMy4yMy0uMDQ3IDUuNTYyLS4wODQgNy4wNzktLjE5MyAxLjYyOS0uMTcxIDMuNDAxLS43NTIgNS4zMzItMS43OTcgMS45OTMtMS4wOTQgMy4wMTMtMi4yNDggMy44NzQtMy41NzIuOTYxLTEuMzIxIDIuNTAzLTQuMjEzIDMuODI3LTguNjcxbDcuODMyLTI2LjA5OC0yMy4wMDEuMTM0cy03LjA4MyAxLjA0NS0xMC4yMDEgMi4xOThjLTMuMTQ2IDEuMjg3LTcuNjQyIDQuODgxLTcuNjQyIDQuODgxbDIuMDc3LTcuMTU0aC0xNC4yMDlsLTE5Ljg5MiA2NS45NzJjLS43MDYgMi41NjItMS4xNzggNC40MjEtMS4yODcgNS41MzctLjAzNyAxLjIwMyAxLjUxNyAyLjM5NCAyLjUyNSAzLjI5MyAxLjE5MS44OTkgMi45NTEuNzUyIDQuNjM5Ljg5OSAxLjc3NS4xMzQgNC4zLjIxOCA3Ljc4NS4yMThoMTAuOTE5bDMuMzUyLTExLjMxNy05Ljc3NS45MjNjLTEuMDQ1IDAtMS44LS41Ni0yLjExNC0xLjAzMnptMTAuNzM2LTM4LjE0OWgyMy4yODFsLTEuNDggNC42MzljLS4yMDguMTA5LS43MDYtLjIzLTMuMDc1LjA1aC0yMC4xNTlsMS40MzMtNC42ODl6bTQuNjY0LTE1LjU1OGgyMy40NzdsLTEuNjg4IDUuNTg3cy0xMS4wNjUtLjEwOS0xMi44MzcuMjE4Yy03Ljc5OCAxLjM0OS0xMi4zNTIgNS41MTYtMTIuMzUyIDUuNTE2bDMuNDAxLTExLjMyem0xNy42NTggMzUuNzMxYy0uMTkzLjY5My0uNDk3IDEuMTE2LS45MjMgMS40MzMtLjQ3My4zMDUtMS4yMzcuNDE0LTIuMzc4LjQxNGgtMy4zMTdsLjE5Ni01LjY0OWgtMTMuNzk4bC0uNTYgMjcuNjE4Yy0uMDIyIDEuOTkzLjE3MSAzLjE0NiAxLjYyOSA0LjA3IDEuNDU4IDEuMTUzIDUuOTUxIDEuMyAxMS45OTggMS4zaDguNjQ2bDMuMTIyLTEwLjMzOC03LjUyNy40MTQtMi41MDMuMTQ2Yy0uMzQyLS4xNDYtLjY2OC0uMjgtMS4wMzItLjY0NC0uMzE3LS4zMTQtLjg1Mi0uMTIxLS43NjUtMi4xMTRsLjA1OS03LjA3OSA3Ljg5NC0uMzI2YzQuMjYzIDAgNi4wODUtMS4zODcgNy42MzktMi43MDggMS40ODMtMS4yNjUgMS45NjgtMi43MiAyLjUyOC00LjY4OWwxLjMyNC02LjI2OGgtMTAuODQ4bC0xLjM4NCA0LjQyMXoiIGZpbGw9IiNGRUZFRkUiLz48L3N2Zz4="); }
.rccs__card--visa .rccs__card__background, .rccs__card--visaelectron .rccs__card__background {
    background-image: url(/dist/imagenes/card_blue.svg);
    box-shadow: none;
    background-repeat: no-repeat;
    background-size: cover;
}
.rccs__card--visa .rccs__issuer, .rccs__card--visaelectron .rccs__issuer {
    background-size: 75%; }
.rccs__card--visa .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIxNjZweCIgdmlld0JveD0iMCAwIDUxMiAxNjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0yNjQuNzk0MTg3LDExMi40Nzk0OTEgQzI2NC41MDIwNzIsODkuNDQ4NTYxNiAyODUuMzE5MDgsNzYuNTk1NTE5OCAzMDEuMDAxMDIxLDY4Ljk1NDQxNzIgQzMxNy4xMTM0NDcsNjEuMTEzNDQ2NiAzMjIuNTI1MjU0LDU2LjA4NjAwMDggMzIyLjQ2Mzc1Niw0OS4wNzUyNTA3IEMzMjIuMzQwNzYsMzguMzQzODgzMyAzMDkuNjEwNzE0LDMzLjYwODU1MiAyOTcuNjk1NTE0LDMzLjQyNDA1ODYgQzI3Ni45MDkyNTUsMzMuMTAxMTk1MSAyNjQuODI0OTM1LDM5LjAzNTczMzYgMjU1LjIxNTkwMyw0My41MjUwNzM2IEwyNDcuNzI4NTQ1LDguNDg2Njk3NSBDMjU3LjM2ODMyNiw0LjA0MzQ4MDg3IDI3NS4yMTgwNjUsMC4xNjkxMTg5NzIgMjkzLjcyODkwNSwtMS40MjEwODU0N2UtMTQgQzMzNy4xNzcxMDYsLTEuNDIxMDg1NDdlLTE0IDM2NS42MDQ0NjgsMjEuNDQ3MzYwNSAzNjUuNzU4MjEzLDU0LjcwMjMwMDIgQzM2NS45MjczMzIsOTYuOTA1MTcwOSAzMDcuMzgxNDE5LDk5LjI0MjA4NzYgMzA3Ljc4MTE1NCwxMTguMTA2NTQgQzMwNy45MTk1MjQsMTIzLjgyNTgzNiAzMTMuMzc3NDU1LDEyOS45Mjk0OTQgMzI1LjMzODc3OCwxMzEuNDgyMzEzIEMzMzEuMjU3OTQyLDEzMi4yNjY0MSAzNDcuNjAwOTg1LDEzMi44NjYwMTQgMzY2LjEyNzIsMTI0LjMzMzE5MyBMMzczLjM5OTMxNSwxNTguMjMzODYgQzM2My40MzY2NywxNjEuODYyMjMgMzUwLjYyOTc1MiwxNjUuMzM2ODU3IDMzNC42ODY0NDUsMTY1LjMzNjg1NyBDMjkzLjc5MDQwMywxNjUuMzM2ODU3IDI2NS4wMjQ4MDMsMTQzLjU5NzM4MiAyNjQuNzk0MTg3LDExMi40Nzk0OTEgTTQ0My4yNzYyLDE2Mi40MTU3MTEgQzQzNS4zNDI5ODIsMTYyLjQxNTcxMSA0MjguNjU1MDk2LDE1Ny43ODgwMDEgNDI1LjY3MjQ1MiwxNTAuNjg1MDA0IEwzNjMuNjA1Nzg5LDIuNDkwNjYxMjIgTDQwNy4wMjMyNDIsMi40OTA2NjEyMiBMNDE1LjY2MzY4NCwyNi4zNjcxODUyIEw0NjguNzIwOTE4LDI2LjM2NzE4NTIgTDQ3My43MzI5ODksMi40OTA2NjEyMiBMNTEyLDIuNDkwNjYxMjIgTDQ3OC42MDY2OSwxNjIuNDE1NzExIEw0NDMuMjc2MiwxNjIuNDE1NzExIE00NDkuMzQ5MTA4LDExOS4yMTM1MDEgTDQ2MS44NzkyODcsNTkuMTYwODkxMiBMNDI3LjU2MzUxLDU5LjE2MDg5MTIgTDQ0OS4zNDkxMDgsMTE5LjIxMzUwMSBNMjEyLjE1MjA2MywxNjIuNDE1NzExIEwxNzcuOTI4NTMzLDIuNDkwNjYxMjIgTDIxOS4zMDExODMsMi40OTA2NjEyMiBMMjUzLjUwOTMzOSwxNjIuNDE1NzExIEwyMTIuMTUyMDYzLDE2Mi40MTU3MTEgTTE1MC45NDYzNywxNjIuNDE1NzExIEwxMDcuODgyNTMsNTMuNTY0NTkwNyBMOTAuNDYzMjc1NSwxNDYuMTE4NzkyIEM4OC40MTg0NzM0LDE1Ni40NTA0MjMgODAuMzQ2ODg2MSwxNjIuNDE1NzExIDcxLjM4MzU4MDYsMTYyLjQxNTcxMSBMMC45ODM5NjQ5MjcsMTYyLjQxNTcxMSBMMCwxNTcuNzcyNjI2IEMxNC40NTE5ODQ5LDE1NC42MzYyMzggMzAuODcxODk5NiwxNDkuNTc4MDQzIDQwLjgxOTE3LDE0NC4xNjYyMzYgQzQ2LjkwNzQ1MywxNDAuODYwNzI5IDQ4LjY0NDc2NjEsMTM3Ljk3MDMzMiA1MC42NDM0NDQ4LDEzMC4xMTM5ODcgTDgzLjYzNzAxODgsMi40OTA2NjEyMiBMMTI3LjM2MTk2LDIuNDkwNjYxMjIgTDE5NC4zOTQ1NzEsMTYyLjQxNTcxMSBMMTUwLjk0NjM3LDE2Mi40MTU3MTEiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ni4wMDAwMDAsIDgyLjY2ODQyOCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTgyLjY2ODQyOCkgIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4="); }
.rccs__card--visaelectron .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIyMjhweCIgdmlld0JveD0iMCAwIDUxMiAyMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0xOTQuMzkzMDEyLDIuOTE5MzQ0MTMgTDEyNy4zNjI1MTcsMTYyLjgzNTk4MSBMODMuNjI3OTMwNywxNjIuODM1OTgxIEw1MC42MzkwMTUyLDM1LjIwODY2MzIgQzQ4LjY0MTU2OTIsMjcuMzY1OTkwNyA0Ni45MDIzODU1LDI0LjQ3OTMzOCA0MC44MTUyNDI0LDIxLjE2NDQyNzYgQzMwLjg2NzI0MjIsMTUuNzYwNTM1MyAxNC40Mzk4MDE4LDEwLjcwNjQ0MTIgMCw3LjU2MTUyNjI4IEwwLjk3NDIwNDQyNCwyLjkxOTM0NDEzIEw3MS4zODE3MjM1LDIuOTE5MzQ0MTMgQzgwLjM0MjQ0MjcsMi45MTkzNDQxMyA4OC40MTA2ODYsOC44ODU1Mjg5NCA5MC40NjA0MzgzLDE5LjIxNjAxODggTDEwNy44OTE1MDUsMTExLjc2MjE3IEwxNTAuOTIzMjI2LDIuOTE5MzQ0MTMgTDE5NC4zOTMwMTIsMi45MTkzNDQxMyBaIE0yNTMuNTE1NDUyLDIuOTE5MzQ0MTMgTDIxOS4zMDcxNDYsMTYyLjgzNTk4MSBMMTc3LjkzMjg4LDE2Mi44MzU5ODEgTDIxMi4xNDExODYsMi45MTkzNDQxMyBMMjUzLjUxNTQ1MiwyLjkxOTM0NDEzIFogTTMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBDMzA3LjkyMDUxOSw0MS40OTg0OTMxIDMxMy4zNzk5ODcsMzUuMzk1MDA0MyAzMjUuMzMxOTcxLDMzLjgzNTYyMzQgQzMzMS4yNTIzODgsMzMuMDcwNjQ0MSAzNDcuNjA3OTA3LDMyLjQ1OTMxNDUgMzY2LjEzNDEzNyw0MC45OTUwNDUyIEwzNzMuMzgxODI2LDcuMDY0NjE2NjQgQzM2My40MjcyODcsMy40NjUyOTA5IDM1MC42MTg3ODcsMCAzMzQuNjg0OTg3LDAgQzI5My43ODQ3NDcsMCAyNjUuMDEzMDI1LDIxLjcyMzQ1MSAyNjQuNzg0MTg2LDUyLjg1NTQ5MzcgQzI2NC41MTYxMTYsNzUuODgzMzMyNSAyODUuMzM0MDE0LDg4LjcxNzk4NTQgMzAwLjk4OTkzNyw5Ni4zODczOTM0IEMzMTcuMTE2NjE2LDEwNC4yMjAyNTggMzIyLjUyMzc3OCwxMDkuMjU0NzM4IDMyMi40NDg1ODgsMTE2LjI1Mzk3MSBDMzIyLjMzNDE2OCwxMjYuOTgzMjk3IDMwOS41NzE0MzYsMTMxLjczMzM2MSAyOTcuNzA0NDQ5LDEzMS45MDk4OTQgQzI3Ni44OTYzNTgsMTMyLjI0MDA3OCAyNjQuODMzMjIzLDEyNi4yODY5NjkgMjU1LjIxMjEzNywxMjEuODA0OTc1IEwyNDcuNzAyOTE3LDE1Ni44NTk5ODkgQzI1Ny4zODI4NDcsMTYxLjI5NjIxNSAyNzUuMjIyNTU3LDE2NS4xNTA1MzQgMjkzLjY5OTc1LDE2NS4zNDY2ODIgQzMzNy4xNzkzNDMsMTY1LjM0NjY4MiAzNjUuNjE3NjEzLDE0My44NzE2ODYgMzY1Ljc0NTEwOSwxMTAuNjI0NTA4IEMzNjUuOTE4Mzc0LDY4LjQyNjQxODggMzA3LjM5NzQ1Niw2Ni4wODU3MTI4IDMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBaIE00NzMuNzQ3NzY1LDE2Mi44MzU5ODEgTDUxMiwxNjIuODM1OTgxIEw0NzguNTc5NTU4LDIuOTE5MzQ0MTMgTDQ0My4yODU4OTcsMi45MTkzNDQxMyBDNDM1LjMyNTUzNSwyLjkxOTM0NDEzIDQyOC42MzY4Nyw3LjUzODY0MjI4IDQyNS42Njg0ODksMTQuNjQyNDg4NiBMMzYzLjU4NzQ3NSwxNjIuODM1OTgxIEw0MDcuMDM0Mzc3LDE2Mi44MzU5ODEgTDQxNS42NTE4MzYsMTM4Ljk0ODM1OCBMNDY4LjczMjkwMSwxMzguOTQ4MzU4IEw0NzMuNzQ3NzY1LDE2Mi44MzU5ODEgWiBNNDI3LjU2NDU5MSwxMDYuMTc4NDc1IEw0NDkuMzUwMTU2LDQ2LjEyNDMyOTYgTDQ2MS44NjQ0MzMsMTA2LjE3ODQ3NSBMNDI3LjU2NDU5MSwxMDYuMTc4NDc1IFogTTMwNi40NjQ3NywyMDYuODU0MzI5IEwyODkuNjU0ODQsMjA2Ljg1NDMyOSBMMjg5LjY1NDg0LDIyMi41MDA0NDQgTDMwOC40NTg5NDcsMjIyLjUwMDQ0NCBMMzA4LjQ1ODk0NywyMjcuMjA0NzQgTDI4My45ODk0MTYsMjI3LjIwNDc0IEwyODMuOTg5NDE2LDE4My43OTcwNjggTDMwNy40OTQ1NSwxODMuNzk3MDY4IEwzMDcuNDk0NTUsMTg4LjUwMTM2NCBMMjg5LjY1NDg0LDE4OC41MDEzNjQgTDI4OS42NTQ4NCwyMDIuMjE1NDE2IEwzMDYuNDY0NzcsMjAyLjIxNTQxNiBMMzA2LjQ2NDc3LDIwNi44NTQzMjkgWiBNMzE3LjE0MzQyMywxODEuNDgxMjA4IEwzMjIuODA4ODQ3LDE4MS40ODEyMDggTDMyMi44MDg4NDcsMjI3LjIwMzQzMyBMMzE3LjE0MzQyMywyMjcuMjAzNDMzIEwzMTcuMTQzNDIzLDE4MS40ODEyMDggWiBNMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIEMzNTEuODQ3NjU4LDIyMy40NjkwOTEgMzU0LjM1ODM1OSwyMjIuNzU5Njg3IDM1Ni40MjExODgsMjIxLjg2MDY3MyBMMzU3LjQ1MDk2OCwyMjUuOTE3Njc5IEMzNTUuNDUzNTIyLDIyNi44MTY2OTMgMzUxLjk3ODQyNCwyMjcuOTExODU2IDM0Ny4wMTU4NjYsMjI3LjkxMTg1NiBDMzM3LjQyNDIwMiwyMjcuOTExODU2IDMzMS42OTMzOTUsMjIxLjUzNzAyOCAzMzEuNjkzMzk1LDIxMi4xMzQ5NzUgQzMzMS42OTMzOTUsMjAyLjczMjkyMSAzMzcuMjI4MDUzLDE5NS4zOTA0MjggMzQ2LjMwOTczMSwxOTUuMzkwNDI4IEMzNTYuNTQ4Njg1LDE5NS4zOTA0MjggMzU5LjE5MDE1MiwyMDQuMjc5MjI2IDM1OS4xOTAxNTIsMjEwLjAxMDAzMiBDMzU5LjE5MDE1MiwyMTEuMTY3MzA5IDM1OS4xMjQ3NjksMjEyLjAwNDIwOSAzNTguOTk0MDAzLDIxMi42NDgyMyBMMzM3LjEwMDU1NywyMTIuNjQ4MjMgQzMzNy4yMjgwNTMsMjIwLjMxNDM2OSAzNDIuMDU5ODQ2LDIyMy40NjkwOTEgMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIFogTTM1My43MTQzMzgsMjA4LjU5MTIyNCBDMzUzLjc3OTcyMSwyMDUuMDUwNzQzIDM1Mi4yMzM0MTcsMTk5LjQ0NzQzMyAzNDUuODU4NTg5LDE5OS40NDc0MzMgQzM0MC4wNjI0LDE5OS40NDc0MzMgMzM3LjYxMzgxMiwyMDQuNjY0OTg0IDMzNy4xNjI2NywyMDguNTkxMjI0IEwzNTMuNzE0MzM4LDIwOC41OTEyMjQgWiBNMzkwLjAyMjc0MSwyMjYuMTA4NTk3IEMzODguNTQxODE5LDIyNi44MTgwMDEgMzg1LjI1NjMzMSwyMjcuOTEzMTYzIDM4MS4wNzE4MjksMjI3LjkxMzE2MyBDMzcxLjY2OTc3NiwyMjcuOTEzMTYzIDM2NS41NTMyMSwyMjEuNTM4MzM2IDM2NS41NTMyMSwyMTIuMDA1NTE3IEMzNjUuNTUzMjEsMjAyLjQxMDU4NCAzNzIuMTE3NjQ4LDE5NS4zOTE3MzUgMzgyLjI5NDQ4OCwxOTUuMzkxNzM1IEMzODUuNjQyMDksMTk1LjM5MTczNSAzODguNjAzOTMzLDE5Ni4yMjUzNjcgMzkwLjE1MDIzOCwxOTcuMDY1NTM2IEwzODguODY1NDY1LDIwMS4zODA4MDQgQzM4Ny41MDg3NywyMDAuNjcxNCAzODUuMzgzODI4LDE5OS44OTY2MTMgMzgyLjI5NDQ4OCwxOTkuODk2NjEzIEMzNzUuMTQ0ODc0LDE5OS44OTY2MTMgMzcxLjI4NDAxNywyMDUuMjQxNjYxIDM3MS4yODQwMTcsMjExLjY4NTE0MSBDMzcxLjI4NDAxNywyMTguODk2ODY5IDM3NS45MTk2NjEsMjIzLjMzOTYzMyAzODIuMTAxNjA5LDIyMy4zMzk2MzMgQzM4NS4zMjE3MTQsMjIzLjMzOTYzMyAzODcuNDQ2NjU3LDIyMi41NjgxMTYgMzg5LjA1NTA3NSwyMjEuODU4NzEyIEwzOTAuMDIyNzQxLDIyNi4xMDg1OTcgWiBNNDA1LjkxODI5MiwxODguNTY0NDU4IEw0MDUuOTE4MjkyLDE5Ni4wMzQ0NDkgTDQxNC4wMjkwMzQsMTk2LjAzNDQ0OSBMNDE0LjAyOTAzNCwyMDAuMzQ2NDQ3IEw0MDUuOTE4MjkyLDIwMC4zNDY0NDcgTDQwNS45MTgyOTIsMjE3LjE1NjM3NyBDNDA1LjkxODI5MiwyMjEuMDIzNzczIDQwNy4wMTM0NTUsMjIzLjIxMDgyOSA0MTAuMTY4MTc3LDIyMy4yMTA4MjkgQzQxMS43MTEyMTIsMjIzLjIxMDgyOSA0MTIuNjE2NzY1LDIyMy4wODMzMzIgNDEzLjQ1MzY2NSwyMjIuODIxODAxIEw0MTMuNzExOTI3LDIyNy4xNDAzMzggQzQxMi42MTY3NjUsMjI3LjUyNjA5NyA0MTAuODc3NTgxLDIyNy45MTE4NTYgNDA4LjY4NzI1NSwyMjcuOTExODU2IEM0MDYuMDQ1Nzg4LDIyNy45MTE4NTYgNDAzLjkyMDg0NiwyMjcuMDA5NTcyIDQwMi41NzA2OSwyMjUuNTMxOTIgQzQwMS4wMjQzODYsMjIzLjc4OTQ2NyA0MDAuMzgwMzY1LDIyMS4wMjM3NzMgNDAwLjM4MDM2NSwyMTcuMzUyNTI2IEw0MDAuMzgwMzY1LDIwMC4zNDY0NDcgTDM5NS41NDg1NzIsMjAwLjM0NjQ0NyBMMzk1LjU0ODU3MiwxOTYuMDM0NDQ5IEw0MDAuMzgwMzY1LDE5Ni4wMzQ0NDkgTDQwMC4zODAzNjUsMTkwLjIzODI1OSBMNDA1LjkxODI5MiwxODguNTY0NDU4IFogTTQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBDNDIxLjk0NDkzNSwyMDIuMDg4MjQ2IDQyMS44NzYyODMsMTk4LjkzMzUyNCA0MjEuNjg2NjczLDE5Ni4wMzM3OTUgTDQyNi42NDU5NjIsMTk2LjAzMzc5NSBMNDI2LjkwNDIyNCwyMDIuMjE1NzQzIEw0MjcuMDkzODM1LDIwMi4yMTU3NDMgQzQyOC41MTI2NDIsMTk4LjAzMTI0MSA0MzEuOTg3NzQxLDE5NS4zODk3NzQgNDM1Ljc4NjQ4NCwxOTUuMzg5Nzc0IEM0MzYuMzY4MzkxLDE5NS4zODk3NzQgNDM2LjgxOTUzMywxOTUuNDU1MTU3IDQzNy4zMzYwNTgsMTk1LjUxNzI3IEw0MzcuMzM2MDU4LDIwMC44NjU1ODcgQzQzNi43NTQxNSwyMDAuNzM0ODIxIDQzNi4xNzg3ODEsMjAwLjczNDgyMSA0MzUuNDAwNzI1LDIwMC43MzQ4MjEgQzQzMS40MTIzNzIsMjAwLjczNDgyMSA0MjguNTc0NzU2LDIwMy42OTY2NjQgNDI3LjgwMzIzOCwyMDcuOTQ5ODE5IEM0MjcuNjc1NzQyLDIwOC43MjEzMzYgNDI3LjYxMDM1OSwyMDkuNjg1NzMzIDQyNy42MTAzNTksMjEwLjU5MTI4NiBMNDI3LjYxMDM1OSwyMjcuMjA1MDY3IEw0MjEuOTQ0OTM1LDIyNy4yMDUwNjcgTDQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBaIE00NzIuMTY2NDgxLDIxMS4zNjExNjkgQzQ3Mi4xNjY0ODEsMjIyLjg4ODE2NSA0NjQuMTE0NTgzLDIyNy45MTI4MzYgNDU2LjY0NDU5MywyMjcuOTEyODM2IEM0NDguMjcyMzIsMjI3LjkxMjgzNiA0NDEuNzA3ODgyLDIyMS43Mjc2MTkgNDQxLjcwNzg4MiwyMTEuODc3NjkzIEM0NDEuNzA3ODgyLDIwMS41MDc5NzQgNDQ4LjU5NTk2NSwxOTUuMzkxNDA4IDQ1Ny4xNjExMTgsMTk1LjM5MTQwOCBDNDY2LjExMjAyOSwxOTUuMzkxNDA4IDQ3Mi4xNjY0ODEsMjAxLjg5MzczMiA0NzIuMTY2NDgxLDIxMS4zNjExNjkgWiBNNDQ3LjUwMDgwMiwyMTEuNjg0ODE0IEM0NDcuNTAwODAyLDIxOC41MTA3ODMgNDUxLjM2NDkyOCwyMjMuNjYyOTUxIDQ1Ni45MDI4NTUsMjIzLjY2Mjk1MSBDNDYyLjMxMzI4NiwyMjMuNjYyOTUxIDQ2Ni4zNjcwMjMsMjE4LjU3Mjg5NyA0NjYuMzY3MDIzLDIxMS41NTQwNDggQzQ2Ni4zNjcwMjMsMjA2LjI3NDM4MyA0NjMuNzI4ODI1LDE5OS42MzgwMjQgNDU3LjAzMDM1MiwxOTkuNjM4MDI0IEM0NTAuNDAwNTMxLDE5OS42MzgwMjQgNDQ3LjUwMDgwMiwyMDUuODIzMjQyIDQ0Ny41MDA4MDIsMjExLjY4NDgxNCBaIE00ODAuODQ5OTc3LDIwNC40Njk0OSBDNDgwLjg0OTk3NywyMDEuMTg3MjcxIDQ4MC43ODEzMjUsMTk4LjYxMTE4NyA0ODAuNTkxNzE1LDE5Ni4wMzUxMDIgTDQ4NS42MTMxMTcsMTk2LjAzNTEwMiBMNDg1LjkzNjc2MywyMDEuMTg3MjcxIEw0ODYuMDY0MjU5LDIwMS4xODcyNzEgQzQ4Ny42MTA1NjMsMTk4LjI4NzU0MiA0OTEuMjE2NDI3LDE5NS4zOTEwODEgNDk2LjM2ODU5NiwxOTUuMzkxMDgxIEM1MDAuNjgwNTk1LDE5NS4zOTEwODEgNTA3LjM3OTA2NywxOTcuOTY3MTY2IDUwNy4zNzkwNjcsMjA4LjY1Mzk5MiBMNTA3LjM3OTA2NywyMjcuMjAzMTA2IEw1MDEuNzEzNjQ0LDIyNy4yMDMxMDYgTDUwMS43MTM2NDQsMjA5LjIzNTg5OSBDNTAxLjcxMzY0NCwyMDQuMjE0NDk3IDQ5OS44NDY5NjMsMjAwLjAyNjcyNSA0OTQuNTAxOTE2LDIwMC4wMjY3MjUgQzQ5MC44MzA2NjksMjAwLjAyNjcyNSA0ODcuOTMwOTM5LDIwMi42NjgxOTIgNDg2LjkwNDQyOSwyMDUuODIyOTE1IEM0ODYuNjQyODk3LDIwNi41MzIzMTkgNDg2LjUxNTQwMSwyMDcuNDk2NzE2IDQ4Ni41MTU0MDEsMjA4LjQ2NDM4MiBMNDg2LjUxNTQwMSwyMjcuMjAzMTA2IEw0ODAuODQ5OTc3LDIyNy4yMDMxMDYgTDQ4MC44NDk5NzcsMjA0LjQ2OTQ5IFoiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg=="); }
.rccs__number {
    clear: both;
    font-family: 'segoe', sans-serif;
    font-size: 21px;
    left: 17%;
    position: absolute;
    top: 45%; }
.rccs__number.rccs__number--large {
    font-size: 14px; }
.rccs__name {
    bottom: 28%;
    font-family: 'segoe', sans-serif;
    font-size: 16px;
    left: 16%;
    line-height: 1;
    /* overflow: hidden;*/
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    /* text-transform: uppercase;*/
    width: 75%; }
.rccs__expiry {
    bottom: 15%;
    font-size: 0;
    line-height: 1;
    position: absolute;
    right: 14%; }
.rccs__expiry > * {
    vertical-align: middle; }
.rccs__expiry__valid {
    font-size: 10px;
    margin-bottom: 5px; }
.rccs__expiry__value {
    font-family: 'segoe', sans-serif;
    font-size: 16px; }
.rccs__number, .rccs__name, .rccs__expiry, .rccs__cvc {
    opacity: 0.5;
    transition: opacity 0.3s; }
.rccs__chip {
    background-image: url(/dist/imagenes/card_chip.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 38px;
    left: 10%;
    position: absolute;
    top: 22%;
    width: 49px;
}
.rccs__issuer {
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    height: 23%;
    position: absolute;
    right: 10%;
    top: 10%;
    width: 40%; }
.rccs__stripe {
    background-color: #2a1d16;
    height: 22%;
    left: 0;
    position: absolute;
    top: 9%;
    width: 100%; }
.rccs__signature {
    background: #FFFFFF;
    height: 18%;
    left: 10%;
    position: absolute;
    top: 40%;
    width: 80%; }
.rccs__cvc {
    color: #222;
    font-family: 'segoe', sans-serif;
    font-size: 14px;
    left: 78%;
    line-height: 1;
    position: absolute;
    top: 44%; }
rccs__cvc:after {
    content:'***';
}
.rccs__cvc__front {
    font-family: 'segoe', sans-serif;
    font-size: 11.9px;
    opacity: 0;
    position: absolute;
    right: 10%;
    top: 38%;
    visibility: hidden; }
.rccs--filled {
    opacity: 0.8 !important; }
.rccs--focused {
    font-weight: 700;
    opacity: 1 !important; }

.credit-card-payment-method-container{
    margin-top: 5%;
}

.credit-card-rccs-container {
    margin: 30px 0 20px 0;
}

.credit-card-form {
    margin: 20px auto;
}

.credit-card-form > div > input,
.credit-card-form > input {
    margin: 8px 0 0 0;
    width: 100%;
}

.credit-card-form > .security-data-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    width: 100%;
    margin: 8px 0 0 0;
    height: 40px;
}

.address-form {
    margin: 0 auto;
}

.card-input-container {
    position: relative;
}

.card-input-container input {
    padding-right: 15px;
}

.card-input-container .fa {
    position: absolute;
    top: 10px;
    right: 5px;
}

.card-input-year > input {
    min-width: 60px;
}

.security-data-section > input,
.security-data-section .card-input-container {
    width: 33%;
    margin: 0 8px 0 0;
}

.security-data-section-edit .card-input-container {
    width: 50%;
}

.security-data-section-edit .card-input-container.card-input-year {
    margin: 0px;
}

.security-data-section > input:last-child {
    width: 100px;
    margin: 0;
}

.credit-card-buttons,
.address-form-buttons {
    margin: 30px 0 0 0;
}

.container-buttons-payment.credit-card-buttons {
    display: flex;
    justify-content: center;
}

.container-buttons-payment.address-form-buttons {
    display: flex;
    justify-content: center;
}

.credit-card-buttons > button {
    width: 140px;
}

.credit-card-buttons > button:first-child {
    margin: 0 10px 0 0;
}

.address-form-buttons > button {
    width: 240px;
}

/* ==========================================================================
Estás por suscribirte
========================================================================== */
.cmw-section.cmw-section-about-to-subscribe > section > .header-section {
    text-align: center;
}
.cmw-section.cmw-section-about-to-subscribe > section > .header-section h1 {
    font-size: 2rem;
}
.cmw-section.cmw-section-about-to-subscribe > section > .header-section div {
    font-family: Roboto;
    font-size: 2rem;
    font-weight: bold;
    max-width: 200px;
    margin: 50px auto;
    text-align: left;
}
.cmw-section.cmw-section-about-to-subscribe > section > .header-section .cmw-general-header p {
    text-align: right;
    font-size: 1.5rem;
}
.cmw-section.cmw-section-about-to-subscribe > section > .header-section .logo {
    width: 200px;
    margin: -7px 0;
}

.cmw-section.cmw-section-about-to-subscribe > section > .header-section .cmw-promo-header {
    text-align: center;
}

.cmw-section.cmw-section-about-to-subscribe > section > .header-section .cmw-promo-header p:first-child {
    color: #DE1717;
}

.cmw-section-about-to-subscribe .offer-detail {
    width: 280px;
    margin: auto;
    font-size: 1rem;
    padding: 1rem;
    margin-top: 2rem;
}

.cmw-section-about-to-pincode {
    border: 1px solid #7f7f7f48;
    border-radius: 8px;
}

.cmw-section-about-to-subscribe .offer-detail table,
.cmw-section-about-to-subscribe .container-shopping-cart-payment table {
    width: 100%;
}

.cmw-section-about-to-subscribe .offer-detail table td,
.cmw-section-about-to-subscribe .container-shopping-cart-payment table td {
    padding: 0.6rem 0;
}

.cmw-section-about-to-subscribe .offer-detail table td:first-child,
.cmw-section-about-to-subscribe .container-shopping-cart-payment table td:first-child {
    width: 40%;
    text-align: left;
}

.cmw-section-about-to-subscribe .offer-detail table td:nth-child(2),
.cmw-section-about-to-subscribe .container-shopping-cart-payment table td:nth-child(2) {
    width: 40%;
    text-align: right;
}

.cmw-section-about-to-subscribe .container-shopping-cart-payment p {
    font-weight: 600;
    font-size: 1.2rem;
    margin: 20px auto;
}

.cmw-section-about-to-subscribe .container-shopping-cart-payment {
    width: 280px;
    margin: auto;
    font-size: 1rem;
    padding: 1rem;
    margin-top: 4rem;
    margin-bottom: 0;
}

.cmw-section-about-to-subscribe .payment-method {
    border-radius: 5px;
    width: 350px;
    min-height: 150px;
    margin: auto;
    padding: 20px;
    font-size: 0.9rem;
    font-family: Roboto;
}

.cmw-section-about-to-subscribe .payment-method .select-button {
    margin: 50px auto 40px auto;
    max-width: 280px;
}

.cmw-section-about-to-subscribe .payment-method .disabled-button {
    background: rgb(102, 102, 102);
}

.cmw-section-about-to-subscribe .payment-method .start-button {
    margin: 20px auto;
}

.cmw-section-about-to-subscribe .payment-method .block-button {
    width: 100%;
}

.cmw-section-about-to-subscribe .payment-method .change-method {
    background-color: #4A4C5A;
}

.cmw-section-about-to-subscribe .payment-method .seleted-method {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.cmw-section-about-to-subscribe .payment-method .seleted-method span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmw-section-about-to-subscribe .payment-method .seleted-method img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmw-section-about-to-subscribe .payment-method .validation-code{
    display: flex;
    align-items: center;
}

.cmw-section-about-to-subscribe .payment-method .validation-code{
    display: flex;
    align-items: center;
}

.cmw-section-about-to-subscribe .payment-method .validation-code span{
    font-size: 10px;
    margin: 10px 0 0 auto;
}

.cmw-section-about-to-subscribe .payment-method .validation-code input{
    margin: 10px auto 0 10px;
    border-radius: 3px;
    outline: none;
    width: 45px;
    background: #212224;
    height: 30px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #212224;
    text-indent: 5px;
}

.cmw-section-about-to-subscribe .payment-method .validation-code input:focus {
    border: 1px solid #4C6F94;
}

.cmw-section-about-to-subscribe .payment-method p {
    margin: 15px auto 0 auto;
    max-width: 190px;
}

.cmw-section-about-to-subscribe > .cmw-section-leyend {
    max-width: 280px;
    margin: 0 auto;
}
.cmw-section-about-to-subscribe > .cmw-section-extra-leyend {
    max-width: 280px;
    margin: 0 auto;
    text-align: center;
}

.cmw-section-susc-leyend {
    max-width: 280px;
    margin: 10px auto;
    font-size: 1.1rem;
}

.cmw-section-extra-leyend {
    max-width: 280px;
    margin: 10px auto;
    font-size: 14px;
    text-align: justify;
}

.cmw-section-susc-included-no-cost {
    margin-top: 100px;
    font-size: 1.1rem;
}

.text-button-about-to-subscribe {
    color: #DE1717;
    line-height: 12px;
    font-size: 0.7rem;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.cmw-section-about-to-subscribe .payment-method .selector-cvv input {
    margin: 0 0 0 20px;
    border-radius: 5px;
    border: 1px solid #212224;
    color: #FFFFFF;
    width: 80px;
    height: 45px;
}


@media screen and (max-width: 575px) {
    .cmw-section.cmw-section-about-to-subscribe > section > .header-section {
        text-align: center;
        margin-top: 20%;
    }
}

/*
    General properties and mobiles
*/

/* ==========================================================================
    Shopping Cart - Tabs
========================================================================== */

.nav-tabs-shopping-cart {
    width: 100%;
    margin: 40px 0 0 0;
    padding-right: 27px;
}

@media screen and (max-width: 575px) {
    .nav-tabs-shopping-cart > ul.container-tablist-shopping-cart li {
        max-width: 50%;
        min-width: 50%;
    }
}

@media screen and (min-width: 576px) {
    .nav-tabs-shopping-cart > ul.container-tablist-shopping-cart li {
        max-width: 180px;
        min-width: 180px;
    }
}

@media screen and (max-width: 700px) {
    .nav-tabs-shopping-cart {
        width: 100%;
        margin: 40px 0 0 0;
        padding-right: 0px;
    }
}

.nav-tabs-shopping-cart > ul.container-tablist-shopping-cart {
    margin-top: 0%;
    margin-bottom: 3%;
}

.nav-tabs-shopping-cart > ul {
    height: 45px;
    margin: 0;
    padding: 0;
}

.nav-tabs-shopping-cart > ul.container-tablist-shopping-cart li {
    width: 100%;
    color: rgb(255 255 255 / 0.6);
    font-size: 1.2rem;
    font-weight: 600;
    border: 4px solid transparent;
}

.nav-tabs-shopping-cart > ul > li {
    float: left;
    height: 45px;
    border: 0px;
    border-left: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
    cursor: pointer;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.container-tablist-shopping-cart > .react-tabs__tab--selected {
    background: transparent !important;
    color: #fff !important;
    border-bottom: 4px solid #ea433f!important;
}

/* ==========================================================================
    Not songs list
========================================================================== */

.not_songs_list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 30px;
}

.not_songs_list > p:first-child {
    font-weight: 600;
}

.not_songs_list > p {
    line-height: 20px;
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    margin: 0 0 20px 0;
}

/* ==========================================================================
    Section Shopping Cart and Section Purchased
========================================================================== */

.shopping-cart-section > h1 {
    font-size: 2rem;
    margin-bottom: 30px;
}

.container-section-list-songs {
    height: 100%;
    display: flex;
    margin-top: 30px;
    margin-right: 15px;
}

.container_list_songs {
    padding: 0;
    min-height: 300px;
}

.dropDownColumn {
    flex-direction: column;
}

.container_list_songs > ul > li {
    cursor: pointer;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 10px 0px;
    font-size: 12px;
    font-weight: 900;
    gap: 16px;
}

.container_list_songs > ul > li:hover {
    background: rgba(255, 255, 255, .1);
}

.container_list_songs > ul > li.now_playing {
    background: rgba(255, 255, 255, .3);
}

.container_list_songs > ul > li:hover:first-child {
    background: transparent;
}

.container_list_songs > ul > li:first-child {
    height: 100px;
    cursor: default;
}

.container_list_songs > ul > li:first-child > div {
    padding: 12px 8px 12px 2px;
    font-size: 1rem;
    height: 38px;
}

.container_list_songs > ul > li:first-child > div:nth-child(2) {
    flex: 1 0;
}

.container_list_songs > ul > li > div:first-child > div {
    margin-right: 10px;
}

.container_list_songs > ul > li > div:first-child > div:last-child {
    height: 16px;
    flex: 1 0;
    min-width: 0;
}

.container_list_songs > ul > li > div:nth-child(1) {
    flex: 1 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.container_list_songs > ul > li > div:nth-child(2) {
    flex: 1 0;
    min-width: 0;
}

.container_list_songs > ul > li > div > a > img {
    border-radius: 4px;
    width: 100%;
    max-width: 48px;
    height: 48px;
}

.container_list_songs.purchase {
    order: 1;
    flex: 3 0;
    margin: 0px 10px 0px 0px;
    width: 100%;
}

.container_list_songs.purchase > ul > li:first-child > div:nth-child(1) {
    padding: 13px 10px 12px 10px;
    margin-left: auto;
}

.container_list_songs.purchase > ul > li > div:nth-child(1) {
    flex: 0 1 auto;
}

.container_list_songs.purchase > ul > li > div:nth-child(2) {
    flex: 1 0;
    padding: 12px 0;
    min-width: 0;
    width: 100px;
}

.container_list_songs.purchase > ul > li > div:nth-child(2) > div {
    height: 15px;
    width: 100%;
}

.container_list_songs.purchase > ul > li > div:nth-child(2) > div:last-child {
    opacity: 0.5;
}

.container_list_songs.purchase > ul > li > div:nth-child(2) > div:first-child:hover,
.container_list_songs.purchase > ul > li > div:nth-child(2) > div:last-child > a:hover,
.container_list_songs.purchase > ul > li > div:nth-child(2) > div:last-child > span > a:hover {
    text-decoration: underline;
}

.container_list_songs.purchase > ul > li > div:nth-child(3) {
    width: 100px;
    text-align: center;
}

.container_list_songs.purchase > ul > li > div:nth-child(3) i {
    font-size: 24px;
}

.container_list_songs.purchase > ul > li > div:nth-child(3) i:hover,
.container_list_songs.purchase > ul > li > div:nth-child(4) img:hover {
    opacity: 0.5;
}

.shopping_cart_icon {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
}

.compra-checkbox input[type="checkbox"] {
    display: none;
}

.compra-checkbox {
    cursor: pointer;
    display: inline-block;
}

.icon-image-shopping-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.container_list_songs.purchase > ul > li > div:nth-child(5) {
    width: 50px;
    padding: 14px 0;
}

.container_list_songs.purchase > ul > li > div > div.shopping_cart_price {
    width: 50px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    max-width: 80px;
}

.alert_modal_message {
    line-height: 30px;
}

.btn_modal_alert_delete {
    max-width: 200px;
    width: 100%;
}

.container_modal_alert_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.buttons-container > .container_modal_alert_buttons > .btn_modal_alert_delete:last-child {
    margin-top: 15px;
}

/* ==========================================================================
    Section Purchased - List Songs
========================================================================== */

.container_list_songs.purchase > ul > li > div.separator_download_songs {
    width: auto;
}

.container_list_songs.purchase > ul > li > div.down-all-button {
    padding: 12px 0 0 0;
    text-align: center;
}

.container_list_songs.purchase > ul > li > div > a .down-label-button {
    font-size: 0.8rem;
}

.container_text_songs {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn_disabled_actived:hover {
    cursor: not-allowed;
}


/* ==========================================================================
    Section Purchased - Dropdown Filter Order
========================================================================== */

.new_nav_intern.nav_element {
    width: 100%;
    margin: 0px;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.new_nav_intern.nav_element > ul > li,
.new_dropDown_gral.dropDownNew_allowed {
    width: 100%;
}

.new_nav_intern > ul > li {
    height: 45px;
    background-color: #000;
    border-radius: 15px;
    min-width: 180px;
    position: relative;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.new_nav_intern li > .container_dropdown_order_by {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.new_nav_intern li > div.sort-filter:hover,
.dropDown_songs_filter:hover {
    background: rgba(255, 255, 255, 0.6);
    color: #000;
}

.new_nav_intern li > .container_dropdown_order_by > span {
    flex-grow: 1;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.new_nav_intern li > div.sort-filter {
    padding: 10px 0 10px 10px;
    justify-content: flex-start;
    cursor: pointer;
}

.new_nav_intern > ul > li > .container_dropdown_order_by > span + i {
    font-size: 1rem;
    line-height: 15px;
    margin: 2px 10px 0 10px;
}

.new_nav_intern > ul > li > div.new_dropDown_gral {
    position: absolute;
}

.dropDownNew_allowed ul,
.dropDownNew_allowed li,
.dropDownNew_allowed li > div {
    overflow: auto;
}

.new_dropDown_gral {
    position: absolute;
    opacity: 1;
    visibility: visible;
    background: #000;
    height: auto;
    z-index: 1;
    top: 45px;
    border-radius: 5px;
}

.new_dropDown_gral ul {
    width: 180px;
    padding: 0;
    margin: 0;
    color: #fff;
}

.new_dropDown_gral ul > li,
.new_dropDown_gral ul > li > div {
    min-height: 40px;
    height: auto;
    text-align: left;
    font-size: 1rem;
}

/* ==========================================================================
    Section Checkout Shopping Cart
========================================================================== */

.button-shopping-cart {
    background: transparent;
    border-radius: 25px;
    border: 1px solid #2d3139;
    margin: 0px 5px;
    width: 165px;
    height: 48px;
    float: inline-end;
    text-align: center;
}

.checkout_shopping_cart {
    order: 1;
    width: 25%;
    min-width: 305px;
    border: 1px solid #7f7f7f48;
    border-radius: 8px;
    padding: 10px 15px 20px 20px;
    height: 100%;
}

.checkout_shopping_cart > div {
    font-size: 20px;
    width: 100%;
    font-weight: bold;
    margin-top: 20px;
}

.checkout_shopping_cart > ul {
    padding: 0;
    margin: 10px 0 0 0;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-weight: 900;
}

.checkout_shopping_cart > ul > li {
    width: 100%;
    margin: 20px auto;
}

.checkout_shopping_cart > ul > li:nth-child(2) {
    font-size: 20px;
    margin-bottom: 20px;
}

.checkout_shopping_cart > div:first-child > i {
    font-size: 15px;
    color: #65de37;
    margin: 0 0 0 5px;
}

.container_button_shopping_cart {
    display: flex;
    align-items: center;
    justify-content: center;
}

.active_packages_songs_checkout {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.text_packages_songs_checkout {
    font-size: 1.5rem;
    margin-bottom: 30px;
    line-height: 30px;
}

.downloads_packages_songs_checkout {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.legal_package_data {
    margin: 15px;
}

/* ==========================================================================
    Media Queries - Section Shopping
========================================================================== */

@media screen and (max-width: 1150px) {
    .container-section-list-songs {
        flex-direction: column;
        margin-bottom: 5%;
    }

    .container_list_songs.purchase {
        flex: 0 1 auto;
        position: relative;
        width: 100%;
        order: 2;
    }

    .checkout_shopping_cart {
        flex: 0 1 auto;
        position: relative;
        order: 1;
        margin-bottom: 5%;
    }
}

@media screen and (max-width: 1024px) {
    .container_list_songs.purchase > ul > li:first-child > div:nth-child(4) {
        width: 140px;
    }

    .align_column_breakpoint {
        line-height: 15px;
        padding: 8px 8px 12px 2px;
    }
}

@media screen and (max-width: 997px) {
    .container_list_songs.purchase {
        padding: 0;
    }
}

@media screen and (max-width: 800px) {
    .new_nav_intern li > a {
        font-size: 12px;
    }
}

@media screen and (max-width: 700px) {
    .button-shopping-cart {
        background: transparent;
        border-radius: 25px;
        border: 1px solid #2d3139;
        margin: 0px 5px;
        width: 100px;
        height: 48px;
        float: inline-end;
        text-align: center;
    }
    .container_list_songs.purchase {
        margin-bottom: 10%;
        margin: 0px;
    }

    .container-section-list-songs {
        align-items: center;
    }

    .align_column_breakpoint {
        line-height: 15px;
        padding: 12px 8px 12px 2px;
    }

    .shopping-cart-section > h1 {
        margin-top: 5%;
    }
}

@media screen and (max-width: 420px) {
    .container_list_songs.purchase {
        width: 100%;
        margin-bottom: 10%;
    }

    .container_list_songs.purchase > ul > li > div:nth-child(1) {
        margin-right: 5px;
    }

    .container_list_songs.purchase > ul > li:first-child > div {
        font-size: 12px;
    }

    .container_list_songs.purchase > ul > li > div:nth-child(3) {
        width: 50px;
        margin-right: 5px;
    }

    .container_list_songs.purchase > ul > li > div:nth-child(5) {
        width: 50px;
    }

    .container_list_songs.purchase > ul > li > div:nth-child(5) a {
        min-width: auto;
    }

    .container_list_songs > ul > li:first-child > div {
        padding-top: 5px;
    }

    .container_list_songs.purchase > ul > li:first-child > div:nth-child(4) {
        width: 90px;
    }

    .container_list_songs.purchase > ul > li > div.down-all-button {
        padding: 5px 0 0 0;
    }

    .container_list_songs.purchase > ul > li > div.separator_download_songs {
        display: none;
    }

    .mobile_btn {
        padding: 10px;
    }

    .container_list_songs.purchase > ul > li > div > a .down-label-button {
        font-size: 0.6rem;
    }
}

@media screen and (max-width: 375px) {
    .container_list_songs.purchase > ul > li:first-child > div:nth-child(1) {
        display: block;
        margin-left: auto;
    }

    .checkout_shopping_cart {
        padding: 10px 15px 20px 20px;
    }
}

/*
    General properties and mobiles
*/

.container-package-songs {
    margin: 30px 0;
    width: 100%;
    padding: 0px;
    flex: 1 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.section_package_songs {
    max-height: 400px;
    margin: 32px 0px 32px 0;
}

.section_package_songs {
    border: 0px;
    min-height: 300px;
    background: rgba(0, 0, 0, 0.6);
    flex: 1 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 5%;
    -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.65);
    box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.65);
}

.section_package_songs.pkt_c {
    width: 100%;
    flex: initial;
    max-height: 800px;
    background-color: transparent;
    box-shadow: 0px 0px;

}

.section_package_songs > div.package_purchased {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container-card-view-package-songs {
    background-color: #1c1c1c;
    width: 100%;
    height: 100%;
    max-height: 150px;
    -webkit-box-shadow: 10px 10px 15px 0px #0e0e0e;
    -moz-box-shadow: 10px 10px 15px 0px #0e0e0e;
    box-shadow: 10px 10px 15px 0px #0e0e0e;
    border-radius: 10px;
    max-width: 600px;
    margin-bottom: 2%;
}

.container_card_view {
    padding: 15px;
}

.section_info_package_songs {
    margin-bottom: 10px;
}

.title_plan_package_songs {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.info_text_package_songs {
    font-size: 1rem;
    margin-bottom: 10px;
}

.container_info_plan_package_song {
    background-color: transparent;
    width: 100%;
    height: 100%;
    max-height: 150px;
    max-width: 600px;
    margin-bottom: 2%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.title_info_plan {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 40px;
}

.container_packages_types {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

.container_packages_types > div {
    font-size: 1.2rem;
}

.icon_package_songs {
    color: #65de37;
    font-size: 2rem;
    margin-left: 15px;
}

.section_package_songs > div {
    width: 100%;
    padding: 20px 15px;
}

.section_package_songs table {
    width: 100%;
}

.section_package_songs th:first-child {
    font-size: 2rem;
}

.section_package_songs td:first-child,
.section_package_songs th:first-child {
    text-align: left;
    padding: 15px 0 15px 10px;
}

.section_package_songs td,
.section_package_songs th {
    text-align: center;
    height: 100%;
    min-height: 35px;
}

.section_package_songs td:last-child,
.section_package_songs th:last-child {
    border: none;
}

.section_package_songs tr:last-child {
    border: none;
}

.cart-shopping-img {
    width: 100%;
    max-width: 24px;
    height: 100%;
}

.section_buttons_package_song {
    background-color: transparent!important;
}
.container_buttons_package_songs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.container_buttons_package_songs_change {
    margin-bottom: 10%;
}

.container_packages_types_legal {
    margin-top: 25px;
}

@media screen and (max-width: 1100px) {
    .section_package_songs {
        overflow-x: scroll;
    }
}

.cast-menu {
    height: 250px;
    width: 300px;
    font-family: Roboto;
    background-color: #1E1E1E;
    border-radius: 8px;
    text-align: left;
    padding: 20px 0 20px 0;
    z-index: 9;
    position: absolute;
    top: 110px;
    right: 5%;
}

google-cast-launcher {
    display: block;
    max-width: 2em;
    --disconnected-color: #EEEEEE;
    --connected-color: #DE1717;
}

#castbutton > div {
    width: 50px;
}

.cast-menu-title {
    height: 19px;
    width: 180px;
    color: #EEEEEE;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.44px;
    line-height: 19px;
    text-align: center;
    margin: 0 0 10px 60px;
}

.cast-menu-content {
    height: 19px;
    width: 216px;
    color: #EEEEEE;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
}

.cast-menu-content i {
    height: 19px;
    width: 216px;
    color: #EEEEEE;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
}

.cast-menu-active i {
    color: #DE1717;
}

.cast-menu-active > div {
    width: 260px;
    text-align: left;
    padding: 15px 0 0 0;
    color: #DE1717;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
}

.cast-menu-active > div:nth-child(1) {
    width: 24px;
    font-size: 18px;
}

.cast-menu-active > div:nth-child(2) {
    padding: 14px 0 0 10px;
    width: 190px;
}

.cast-menu-active > div:nth-child(3) {
    height: 16px;
    width: 128px;
    color: #DE1717;
    font-size: 13px;
    letter-spacing: 0.35px;
    line-height: 15px;
    margin-left: 35px;
    padding: 5px 0 0 0;
}

.cast-menu-option {
    height: 19px;
    width: 260px;
    color: #EEEEEE;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 15px;
}

.cast-menu-subtitle {
    height: 15px;
    width: 217px;
    color: #EEEEEE;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 15px;
    margin: 35px 0 12px 20px;
}

.cast-menu-button > div:nth-child(1) {
    height: 24px;
    width: 24px;
    color: #EEEEEE;
    padding: 5px 0 0 0;
}

.cast-menu-button > div:nth-child(2) {
    color: #EEEEEE;
    margin: 5px 0 0 8px;
    font-size: 16px;
}

.cast-menu-button, .cast-menu-active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
}

.cast-menu-active {
    padding: 0 0 0 20px;
    width: 280px;
}

.cast-menu-button {
    padding: 20px;
    width: 300px;
}

.cast-menu-button:hover {
    background-color: #EEEEEE;
}

.cast-menu-button:hover > div,
.cast-menu-button:hover i {
    color: #000;
}

.cast-button-off {
    display: none;
}

.cast-menu-off {
    visibility: hidden;
}

.chromecast-modal-detail {
    background-color: #121212;
}

.chromecast-modal-detail > div {
    padding: 15px;
    height: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.chromecast-container-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 45px 0 0 55px;
    width: 200px;
    height: auto;
}

.container_logo_added_payment_registered {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 100px;
    height: auto;
}

.chromecast-modal-header {
    text-align: center;
    font-size: 35px;
    margin: 25px 0 45px 0;
    max-width: 100%;
}

.chromecast-modal-text {
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
    max-width: 100%;
}

.chromecast-logo {
    width: 100%;
    height: auto;
}

.chromecast-active {
    color: #DE1717;
}

.hide_cast_mobile {
    display: block;
}

@media screen and (max-width: 700px) {
    .context_pop {
        top: 0;
        left: 0;
        position: fixed;
        z-index: 9998;
        width: 100%;
        height: 100%;
        background-color: #1E1E1E;
    }

    .hide_cast_mobile {
        display: none;
    }
}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}

@media screen and (max-width: 320px) {}

/*
    General properties and mobiles
*/

.container-voices-assistants,
.container-privacity-user {
    border: 1px solid #2D3139;
    border-radius: 8px;
    height: auto;
    margin: 1% auto;
    padding: 10px;
    width: 100%;
}

.container-elements-settings {
    margin-left: 30px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.container-title-section {
    margin-bottom: 20px;
    padding: 10px 20px;
    width: 100%;
}

.cookies-seccion-setting{
    margin-left: 8px;
}

.container-title-section > h2,
.container-privacity-user > h2,
.title-voice-assistant {
    font-size: 1.5em;
    padding: 15px 0;
}

.container-title-section > p,
.container-privacity-user > p,
.description-voice-assistant,
.name-voice-assistant {
    font-size: 1em;
    line-height: 20px;
}

.container-title-voice-assistant {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 10px;
    width: 100%;
}

.content-title-voices {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 700px;
    width: 100%;
}

.content-buttons-voices {
    align-items: center;
    display: flex;
    justify-content: end;
    max-width: 300px;
    width: 100%;
}

.container-switch-privacy {
    align-items: center;
    display: flex;
    justify-content: end;
    max-width: 300px;
    width: 100%;
    margin: 10px 10px 0 0;
}

.container-switch {
    position: relative;
    width: 40px;
}

.switch-privacy-checkbox {
    display: none;
}

.switch-privacy-label {
    background-color: #7F8086;
    border-radius: 15px;
    border: 1px solid #7f7f7f;
    cursor: pointer;
    display: block;
    height: 27px;
    line-height: 15px;
    overflow: hidden;
    padding: 0;
    transition: background-color 0.3s ease-in;
}

.switch-privacy-label:before {
    background: #1A1A1A;
    border-radius: 10px;
    border: 1px solid #7f7f7f;
    bottom: 0;
    content: "";
    display: block;
    height: 21px;
    margin: 1px 0 0 0;
    position: absolute;
    right: 15px;
    top: 2px;
    transition: all 0.3s ease-in 0s;
    width: 21px;
}

.switch-privacy-checkbox:checked + .switch-privacy-label {
    background-color: #981C15;
}

.switch-privacy-checkbox:checked + .switch-privacy-label, .switch-privacy-checkbox:checked + .switch-privacy-label:before {
    border-color: #981C15;
}

.switch-privacy-checkbox:checked + .switch-privacy-label:before {
    background-color: #FFFFFF;
    right: 3px;
}

.buttons-privacy {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    align-items: center;
    background-color: #1f1f1f;
    border-radius: 1px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    font-size: 0.8rem;
    font-weight: bolder;
    justify-content: center;
    letter-spacing: -1px;
    letter-spacing: 0.02rem;
    min-width: 140px;
    outline: none;
    padding: 14px 16px 14px 16px;
    text-align: center;
    text-decoration: none;
}

.autoplay-info-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 700px;
    width: 100%;
}

.autoplay-playlist-title {
    font-size: 14px;
    margin: 5px 0 2px 0;
}

.autoplay-playlist-desc {
    font-size: 13px;
    line-height: 20px;
    width: 100%;
}


.container-playlist-switch {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: end;
    max-width: 300px;
    width: 100%;
    margin: 0;
}

.autoplay-switch {
    margin: 0 0 15px 0;
    width: 20%;
}

.autoplay-playlist-switch {
    position: relative;
    width: 28px;
}

.switch-playlist-label {
    background-color: #7F8086;
    border-radius: 15px;
    border: 1px solid #7f7f7f;
    cursor: pointer;
    display: block;
    height: 18px;
    line-height: 15px;
    overflow: hidden;
    padding: 0;
    transition: background-color 0.3s ease-in;
}

.switch-playlist-label:before {
    background: #1A1A1A;
    border-radius: 10px;
    border: 1px solid #7f7f7f;
    bottom: 0;
    content: "";
    display: block;
    height: 14px;
    margin: 1px 0 0 0;
    position: absolute;
    right: 12px;
    top: 15px;
    transition: all 0.3s ease-in 0s;
    width: 14px;
}

.switch-playlist-checkbox:checked + .switch-playlist-label {
    background-color: #DE1717;
}

.switch-playlist-checkbox:checked + .switch-playlist-label, .switch-playlist-checkbox:checked + .switch-playlist-label:before {
    border-color: #DE1717;
}

.switch-playlist-checkbox:checked + .switch-playlist-label:before {
    background-color: #FFFFFF;
    right: 2px;
}

.switch-disabled {
    background-color: #7F8086;
    border: 1px solid #7f7f7f;
}

.switch-disabled:before {
    background: #1A1A1A;
    border: 1px solid #7f7f7f;
}

.autoplay_off {
    height: 578px;
}

@media only screen and (max-width: 720px) {
    .autoplay_off {
        height: 366px;
    }
}

@media screen and (max-width: 623px) {
    .autoplay_off {
        height: 363px;
    }
}

@media screen and (max-width: 540px) {
    .autoplay_off {
        height: 578px;
    }
}

@media only screen and (max-width: 540px) and (max-width: 720px) and (orientation: landscape) {
    .autoplay_off {
        height: 366px;
    }
}

@media screen and (max-width: 420px) {
    .autoplay_off {
        height: 477px;
    }
}

@media screen and (max-width: 375px) {
    .autoplay_off {
        height: 380px;
    }
}

@media screen and (max-width: 320px) {
    .autoplay_off {
        height: 350px;
    }
}
.servicios-header {
    background: linear-gradient(253.53deg, #646FDE 0%, #51B9C1 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    position: fixed;
    top: 0px;
    z-index: 10; 
    transition: all 100ms linear;
    width: 100%;
}

.servicios-header img {
    height: 90%;
    pointer-events: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.servicios-main {
    padding: 20px;
    padding-right: 0;
}

.button-group-short-list {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}


li.addon-button,
.addon-button {
    flex: 1;
    max-width: 288px;
    max-height: 136px;
    padding: 30px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(253.53deg, #BF0F0F 0%, #D73267 100%);
    transition: all 0.2s linear;
}

ul.carousel_items_list li.addon-button,
.addon-button {
    min-width: auto;
    min-height: 136px;
}

li.addon-button a {
    flex: 1;
    min-width: auto;
    min-height: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

li.addon-button:hover {
    transform: scale(1.02);
}

.addon-button img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}


li.addon-button .view-more h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    margin: 0 0 8px;
}

li.addon-button .view-more p {
    font-weight: 400;
    font-size: 14px;
}


.addons-modal {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: #282828;
}

.addons-modal.mobile .scroll-wrapper {
    align-items: center;
}

.addons-modal header {
    background: linear-gradient(253.53deg, #646FDE 0%, #51B9C1 100%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 32px 64px;
    position: relative;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 24px;
    font-family: Roboto;
    height: 55%;
}

.close {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
}

.btn-red {
    padding: 12px;
    background: #DA291c;
    border-radius: 24px;
    width: 186px;
    color: #fff;
    border: none;
    outline: none;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.addons-modal header h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    margin: 0;
}

.addons-modal header p {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    align-items: center;
    text-align: center;
    max-width: 80%;
}

.addons-modal .scroll-wrapper {
    width: 100%;
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative;
    height: 45%;
}

.addons-modal .scroll-overlay {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 42px;
    background: linear-gradient(180deg, rgba(40, 40, 40, 0) 0%, #282828 73.96%);
}

.addons-modal .content {
    flex: 1;
    width: 100%;
    padding: 32px 64px;
    overflow-y: scroll;
    overflow-x: hidden;
    gap: 18px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.addons-modal .content .addon-button {
    cursor: pointer;
}

.content.mobile {
    height: 100%;
}

.content.mobile .addon-button {
    width: 135px;
    height: 135px;
    min-height: initial !important;
    min-width: initial !important;
}

.addons-modal .content::-webkit-scrollbar {
    width: 8px;
}


.addons-modal .content::-webkit-scrollbar-track {
    background: transparent;
}

.addons-modal .content::-webkit-scrollbar-thumb {
    background-color: #696969;
    border-radius: 16px;
    margin: 10px;
}

.carousels-content-addons {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
}

.video-player-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0, 0, 0);
}

.video-player  {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


.video-player video {
    width: 100%;
    object-fit: contain;
}

.video-player-wrapper .spinner {
    position: absolute;
    z-index: 11;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0 !important;
}

.video-player-wrapper .spinner.off {
    display: none;
    visibility: hidden;
}


.video-player-wrapper .controls {
    z-index: 10;
    display: flex;
    position: absolute;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 10%, transparent 100%);
    transition: all 250ms ease-out;
}

.video-player-wrapper .controls.top {
    top: 0;
    bottom: initial;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 10%, transparent 100%);
}

.video-player-wrapper .controls .video-title {
    align-self: start;
    padding-left: 10px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
}

.video-player-wrapper .controls.hide {
    opacity: 0;
    visibility: hidden;
}

.slider {
    width: 100%;
    padding: 0 15px;
}

.slider__timing {
    padding: 0 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2px 0 10px;
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #CFCFCF;
}

.input-range__label {
    display: none;
}

.dflex {
    display: flex;
}

.input-range__slider {
    background-color: #DE1717 !important;
    border-color: #DE1717 !important;
    height: 14px !important;
    width: 14px !important;
}

.input-range__track {
    background-color: #696969 !important;
}

.input-range__track--active {
    background-color: #DE1717 !important;
}

.player__actions__container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.player__actions__buttons  {
    display: flex;
    align-items: center;
    gap: 8px;
}

.player__actions__buttons button {
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 250ms ease-in-out;
}

.player__actions__buttons button:hover {
    opacity: 0.75;
}

.player__actions__buttons button img {
    width: 30px;
    height: 30px;
}


#subscribe-modal {
    width: 100%;
    height: 100%;
    border:  1px  #2d3139ff;
    background: #16181d;
    overflow: hidden;
    font-family: Roboto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

#subscribe-modal .description {
    margin-top: 14px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    align-items: center;
    text-align: center;
}

#subscribe-modal .plan-info {
    margin: 20px 0 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #EEEEEE;
    text-align: center;
}

.carousel_item_image.content_addons_item_image {
    height: auto !important;
}

.carousel_item_image.content_addons_item_image .overlay {
    background: radial-gradient(125.19% 52.24% at 78.31% 93.27%, rgba(9, 9, 9, 0.84) 0%, rgba(9, 9, 9, 0) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    z-index: 9;
}

.carousel_item_image.content_addons_item_image .overlay.hide {
    opacity: 0;
}

.carousel_item_image.content_addons_item_image:hover .overlay {
    opacity: 1;
    background: rgb(0, 0, 0, 0.55);
}


#buttonGroupAddons ul.carousel_items_list li.addon-button {
    flex-grow: 0;
    width: 140px;
    height: 140px;
    min-width: 140px;
    min-height: 140px;
}

@media screen and (max-width: 700px) {
    .servicios-header img {
        max-width: none;
    }
}

@media screen and (max-width:500px) {
    #buttonGroupAddons .addon-button {
        min-width: calc(100% - 205px)
    }

    .addons-modal .content {
        padding: 32px 20px;
    }

    .addons-modal header {
        padding: 32px 20px;
    }

    .addons-modal header p {
        font-size: 18px;
    }

    ul.carousel_items_list li.addon-button {
        flex-grow: 0;
        width: 140px;
        height: 140px;
        min-width: 140px;
        min-height: 140px;
    }

    li.addon-button a{
        min-width: auto;
        padding: 10px;
    }

    li.addon-button .view-more h3{
        font-size: 16px;
    }
    li.addon-button .view-more p{
        font-size: 12px;
    }
}

@media screen and (max-width: 390px) {
    #buttonGroupAddons .addon-button {
        min-width: calc(100% - 190px);
    }
}

@media screen and (max-width: 375px) {
    #buttonGroupAddons .addon-button {
        min-width: calc(100% - 165px);
    }
}

.input-range__slider {
  appearance: none;
  background: #3f51b5;
  border: 1px solid #3f51b5;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 1rem;
  margin-left: -0.5rem;
  margin-top: -0.65rem;
  outline: none;
  position: absolute;
  top: 50%;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  width: 1rem; }
  .input-range__slider:active {
    transform: scale(1.3); }
  .input-range__slider:focus {
    box-shadow: 0 0 0 5px rgba(63, 81, 181, 0.2); }
  .input-range--disabled .input-range__slider {
    background: #cccccc;
    border: 1px solid #cccccc;
    box-shadow: none;
    transform: none; }

.input-range__slider-container {
  transition: left 0.3s ease-out; }

.input-range__label {
  color: #aaaaaa;
  font-family: "Helvetica Neue", san-serif;
  font-size: 0.8rem;
  transform: translateZ(0);
  white-space: nowrap; }

.input-range__label--min,
.input-range__label--max {
  bottom: -1.4rem;
  position: absolute; }

.input-range__label--min {
  left: 0; }

.input-range__label--max {
  right: 0; }

.input-range__label--value {
  position: absolute;
  top: -1.8rem; }

.input-range__label-container {
  left: -50%;
  position: relative; }
  .input-range__label--max .input-range__label-container {
    left: 50%; }

.input-range__track {
  background: #eeeeee;
  border-radius: 0.3rem;
  cursor: pointer;
  display: block;
  height: 0.3rem;
  position: relative;
  transition: left 0.3s ease-out, width 0.3s ease-out; }
  .input-range--disabled .input-range__track {
    background: #eeeeee; }

.input-range__track--background {
  left: 0;
  margin-top: -0.15rem;
  position: absolute;
  right: 0;
  top: 50%; }

.input-range__track--active {
  background: #3f51b5; }

.input-range {
  height: 1rem;
  position: relative;
  width: 100%; }
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-left: -4px;
    position: absolute;
    width: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
    border-top: none;
    border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
    top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    bottom: 0;
    margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
      border-bottom: none;
      border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
    bottom: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
    bottom: -1px;
    border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
}

.react-datepicker {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #fff;
    background: #16181d;
    border: 1px solid #2d3139;
    border-radius: 12px;
    display: inline-block;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}

.react-datepicker-popper {
    z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
    padding-top: 10px;
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px;
}

.react-datepicker-popper[data-placement^=top] {
    padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
    padding-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
    padding-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto;
}

.react-datepicker__header {
    text-align: center;
    background: #16181d;
    border-bottom: 1px solid #2d3139;
    border-top-left-radius: 0.3rem;
    padding: 8px 0;
    position: relative;
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    text-transform: capitalize;
    margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
    margin-top: 0;
    color: #fff;
    font-weight: bold;
    font-size: 0.944rem;
    padding: 10px 0px;
    text-transform: capitalize;
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    z-index: 1;
    height: 32px;
    width: 32px;
    text-indent: -999em;
    overflow: hidden;
}

.react-datepicker__navigation--previous {
    left: 2px;
}

.react-datepicker__navigation--next {
    right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px;
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous {
    top: 4px;
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
}

.react-datepicker__navigation:hover *::before {
    border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
    position: relative;
    top: -1px;
    font-size: 20px;
    width: 0;
}

.react-datepicker__navigation-icon--next {
    left: -2px;
}

.react-datepicker__navigation-icon--next::before {
    transform: rotate(45deg);
    left: -7px;
}

.react-datepicker__navigation-icon--previous {
    right: -2px;
}

.react-datepicker__navigation-icon--previous::before {
    transform: rotate(225deg);
    right: -7px;
}

.react-datepicker__month-container {
    float: left;
}

.react-datepicker__year {
    margin: 0.4rem;
    text-align: center;
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}

.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block;
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -87px;
    top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + 1.7rem / 2);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: white;
    font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap;
}

.react-datepicker__day-names {
    margin-bottom: -8px;
    margin-top: 10px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
    color: #fff;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
    border-radius: 0.3rem;
    background-color: #2d3139ff;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green;
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
    position: relative;
    border-radius: 0.3rem;
    background-color: #ff6803;
    color: #fff;
}

.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
    background-color: #cf5300;
}

.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
    visibility: visible;
    opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
    border-radius: 0.3rem;
    background-color: #DA291c;
    color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
    background-color: #ff0000;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2d3139;
    color: #FFFFFF;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
    background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
    background-color: transparent;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
    position: absolute;
    padding: 0.5rem;
    box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
    position: relative;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
    cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #2d3139;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    transform: rotate(135deg);
    right: -16px;
    top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
    background: #16181d;
    border: 1px solid #2d3139;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 12px;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
    cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
    border-top-color: #2d3139;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #2d3139;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #2d3139;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.react-datepicker__close-icon::after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×";
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left;
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem;
}

.react-datepicker__children-container {
    width: 13.8rem;
    margin: 0.4rem;
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    height: auto;
}

.react-datepicker__aria-live {
    position: absolute;
    clip-path: circle(0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
}

.react-datepicker__calendar-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.react-datepicker__day--disabled {
    opacity: 0.2;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__year-dropdown {
    scrollbar-width: thin;
    scrollbar-color: #c0c0c0 #16181d;
}

.react-datepicker__year-dropdown--scrollable::-webkit-scrollbar {
    width: 6px;
}

.react-datepicker__year-dropdown--scrollable::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 4px;
}

.react-datepicker__year-dropdown--scrollable::-webkit-scrollbar-track {
    background-color: #16181d;
}